/*.gigya-screen *, div.gigya-screen, .gigya-screen span, .gigya-screen a:hover, .gigya-screen a:visited, .gigya-screen a:link, .gigya-screen a:active {
    border: none;
    padding: 0px;
    margin: 0px;
    color: inherit;
    text-decoration: none;
    width: auto;
    float: none;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: arial;
    font-size: 12px;
    color: #333333;
    background: none;
    text-align: left;
    font-family: arial;
}

div.gigya-screen-dialog-top {
    overflow: hidden;
    zoom: 1;
    background-color: #17469E !important;
    line-height: 33px;
    padding: 0 10px 0 11px;
    width: 700px;
     
    left: 264px;
}

div.gigya-screen-dialog-caption {
    float: left;
    font-weight: bold;
    font-size: 16px;
    font-family: arial;
    color: #ffffff;
}

.gigya-screen a, .gigya-screen a:visited, .gigya-screen a:link, .gigya-screen a:active {
    color: #0098ca;
    text-decoration: underline;
}

.gigya-screen-set .gigya-screen {
    margin: 0 auto;
}

.gigya-screen h2 {
    font-size: 14px;
    color: #333 !important;
    font-weight: normal;
}

.gigya-screen a:hover {
    text-decoration: none;
}

.gigya-screen h1 {
    border-bottom: 1px solid #dbdbdb;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #333;
    padding-bottom: 5px;
    margin-bottom: 45px;
}

.gigya-screen .gigya-layout-row {
    zoom: 1;
    display: block;
}

.gigya-screen .gigya-layout-cell {
    float: left;
    min-width: 50%;
    margin-top: 1px;
}

.gigya-screen select {
    margin: 5px 0px;
    padding: 5px;
    border-radius: 5px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.gigya-screen option {
    padding: 5px;
}

    .gigya-screen option:hover {
        background-color: #3593C1;
    }

.gigya-screen .gigya-label {
    display: block;
    font-weight: bold;
    font-size: 12px;
}

.gigya-input-text, .gigya-input-password {
    line-height: 26px;
}

.gigya-input-text, .gigya-input-password, .gigya-textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0px;
    text-indent: 5px;
    border-radius: 4px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #555555;
    outline: none;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05);
}

.gigya-textarea {
    padding: 5px;
}

.gigya-input-text, .gigya-input-password, .gigya-screen select, .gigya-input-submit, .gigya-input-button {
    height: 28px;
}

    .gigya-input-text:focus, .gigya-input-password:focus, .gigya-textarea:focus, .gigya-screen select:focus {
        border: 1px solid #87B9EA;
        outline: none;
    }

    .gigya-input-text:focus, .gigya-input-password:focus, .gigya-textarea:focus {
        box-shadow: 0 0 3px #50BADE, inset 0 1px 3px rgba(0, 0, 0, .05);
        -webkit-box-shadow: 0 0 3px #50BADE, inset 0 1px 3px rgba(0, 0, 0, .05);
        -moz-box-shadow: 0 0 3px #50BADE, inset 0 1px 3px rgba(0, 0, 0, .05);
    }

.gigya-input-submit, .gigya-input-button {
    text-align: center;
    border: 1px solid #CECECE;
    cursor: pointer;
    padding: 0 12px;
    color: #333333;
    font-weight: bold;
    border-radius: 4px;
    line-height: 26px;
    background: #F2F2F2;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#F2F2F2");
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F2F2F2));
    background: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
}

    .gigya-input-submit:hover, .gigya-input-button:hover {
        background: #FFFFFF;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F2F2F2", endColorstr="#FFFFFF");
        background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFFFFF));
        background: -moz-linear-gradient(top, #F2F2F2, #FFFFFF);
    }

.gigya-input-radio, .gigya-input-checkbox {
    margin-right: 5px;
    vertical-align: bottom;
    height: 14px;
    width: 14px;
}

input.gigya-input-text, input.gigya-input-password {
    display: block;
}

.gigya-screen .gigya-composite-control {
    padding: 5px 3px 5px 10px;
}

.gigya-screen .gigya-composite-control-submit, .gigya-screen .gigya-composite-control-button, .gigya-screen .gigya-composite-control-form-error {
    padding-bottom: 5px;
    padding-right: 13px;
}

.gigya-composite-control-multi-choice .gigya-multi-choice-item, .gigya-composite-control-checkboxes .gigya-checkboxes-item {
    padding-top: 5px;
}

.gigya-composite-control-form-error {
    padding-bottom: 5px;
    padding-right: 5px;
}

.gigya-screen .gigya-composite-control-submit {
    text-align: right;
}

.gigya-screen .gigya-composite-control-label {
    display: block;
}

.gigya-clear {
    clear: both;
    overflow: hidden;
    font-size: 0px;
}

.gigya-composite-control-radio label {
    font-weight: normal;
}

.gigya-composite-control-checkbox label {
    font-weight: normal;
}

.gigya-screen .gigya-composite-control-checkbox {
    padding: 5px 10px;
}

    .gigya-screen .gigya-composite-control-checkbox label {
        display: inline;
        text-indent: 10px;
        margin-left: 0px;
    }

.gigya-screen .gigya-message {
    font-size: 14px;
    color: #333;
    display: block;
    text-align: center;
}

.gigya-screen .gigya-error-display {
    display: block;
    visibility: hidden;
}

.gigya-screen .gigya-error-display-active {
    display: block;
    visibility: visible;
}

.gigya-screen .gigya-error-msg {
    line-height: 14px;
    color: #dd4b39;
    font-size: 11px;
    display: block;
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gigya-screen .gigya-form-error-msg {
    _height: 26px;
    min-height: 26px;
    line-height: 14px;
    color: #dd4b39;
    font-size: 11px;
    text-align: center;
    margin-top: 1px;
    border: 1px solid #FFDCCE;
    display: block;
    background: #FFE7E1;
    font-weight: normal;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gigya-screen a.gigya-composite-control-link {
    display: block;
    padding-left: 13px;
}

.gigya-screen .gigya-composite-control a.gigya-composite-control-link {
    display: inline;
    padding: 0px;
}

div.gigya-screen-dialog-inner {
    border: 1px solid #17469E !important;
    width: 720px;
    left: 264px;
    position: relative;
}

.gigya-screen .gigya-error-msg {
    line-height: 14px;
    color: #dd4b39;
    font-size: 11px;
    display: block;
    font-weight: normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.gigya-screen input.gigya-error, .gigya-screen input.gigya-error {
    border-color: #DD4B39;
}

.gigya-screen .gigya-composite-control-checkbox .gigya-label, .gigya-screen .gigya-composite-control-radio .gigya-label {
    font-weight: normal;
}

.gigya-layout-footer {
    text-align: right;
    clear: both;
}

#gigya-login-screen .gigya-composite-control-social-login, #gigya-register-screen .gigya-composite-control-social-login {
    border-right: 1px solid #CCC;
    height: 125px;
    width: 285px;
    padding: 13px 55px 0 0px;
}

#gigya-register-screen .gigya-composite-control-social-login {
    height: 240px;
}

.gigya-required-display {
    color: red;
    display: inline-block;
    padding: 0 5px;
}

#gigya-login-screen a.forgotPassword, #gigya-login-screen a.forgotPassword:link, #gigya-recent-login-screen a.forgotPassword, #gigya-recent-login-screen a.forgotPassword:link {
    float: right;
    font-weight: normal;
    text-decoration: none;
}

    #gigya-login-screen a.forgotPassword:hover, #gigya-login-screen a.forgotPassword:active, #gigya-recent-login-screen a.forgotPassword:hover, #gigya-recent-login-screen a.forgotPassword:active {
        text-decoration: underline;
    }

  325 */
/*redesign*/

body {
    height: 100%;
}

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

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

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

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


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

.fill {
    width: 100%;
    /*background-position: right; */
   background-position: center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 765px;
}

.slide1_bg {
    background-image: url(/assets/img/product-images/home-product/slide1.jpg);
}

.slide2_bg {
    background-image: url(/assets/img/product-images/home-product/slide2.jpg);
}

.slide3_bg {
    background-image: url(/assets/img/product-images/home-product/slide3.jpg);
}

.slide4_bg {
    background-image: url(/assets/img/product-images/home-product/slide4.jpg);
}

#main-slider {
    position: relative;
    z-index: 1;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

.carousel-caption {
    right: 10%;
    left: 10%;
    color: #ffffff;
    top: 22%;
    text-shadow: none !important;
    padding-top: 0px;
}

    .carousel-caption a {
        color: #ffffff;
    }

        .carousel-caption a:hover {
            color: #ffffff;
            text-decoration: none;
        }

.slide1.carousel-caption h1 {
    color: #ffffff;
    font-size: 73px;
    font-family: 'jenna_sueregular';
    padding: 0px;
    margin: 0px;
    line-height: 70px;
    text-transform: none;
}

.slide1.carousel-caption h2 {
    font-family: 'itc_avant_garde_gothic_lt_dRg';
    font-size: 20px;
    padding: 10px 0 49px 0;
    margin: 0px;
    line-height: 24px;
    text-transform: none;
    letter-spacing:1px;
}

    .slide1.carousel-caption h2 span {
        padding-left: 1px;
    }
/*.slide1.carousel-caption h2{  font-family:'itc_avant_garde_gothic_lt_dRg';font-size:20px;  padding:10px 0 47px 0; margin:0px; line-height:24px;text-transform:none;}*/
.slide1.carousel-caption .read-more {
    clear: both;
}

    .slide1.carousel-caption .read-more a {
        font-family: 'itc_avant_garde_gothic_lt_dRg';
        letter-spacing: 2px;
        border: solid 2px #ffffff;
        width: 186px;
        display: inline-block;
        padding: 14px 0px;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 16.8px;
    }


/*** Slide 2 ****/
.slide2.carousel-caption h1 {
    color: #ffffff;
    font-size: 73px;
    font-family: 'jenna_sueregular';
    padding: 0px;
    margin: 0px;
    line-height: 70px;
    text-transform: none;
}
.slide2.carousel-caption h2 {
    font-family: 'itc_avant_garde_gothic_bookRg';
    font-size: 14px;
    color: #ffffff;
    padding: 20px 0 49px 0;
    margin: 0px;
    text-transform: none;
}

.slide2.carousel-caption .read-more {
    clear: both;
}

    .slide2.carousel-caption .read-more a {
        font-family: 'itc_avant_garde_gothic_lt_dRg';
        letter-spacing: 2px;
        border: solid 2px #ffffff;
        width: 186px;
        display: inline-block;
        padding: 14px 0px;
        text-align: center;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 16.8px;
    }
    /*****************EOD Slide 2*/

.slide .scroll a {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10%;
    width: 100%;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    font-family: 'itc_avant_garde_gothic_lt_dRg';
    font-size: 13px;
    text-transform: uppercase;
}

.slide .scroll .arrow_scroll {
    font-size: 28px;
}

.slide3.carousel-caption h1, .slide4.carousel-caption h1 {
    color: #ffffff;
    font-size: 73px;
    font-family: 'jenna_sueregular';
    padding: 40px 0 35px 0;
    margin: 0px;
    line-height: 70px;
    text-transform: none;
}

.slide3, .slide4.carousel-caption.h2 {
    font-size: 20px;
    padding: 10px 0 40px 0;
    margin: 0px;
    line-height: 24px;
}



    .slide3.carousel-caption .read-more, .slide4.carousel-caption .read-more {
        clear: both;
        font-family: 'itc_avant_garde_gothic_lt_dRg';
    }

.slide3.carousel-caption .read-more a, .slide4.carousel-caption .read-more a {
            border: solid 2px #ffffff;
            padding: 14px 0px;
            letter-spacing: 2px;
            width: 186px;
            display: inline-block;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
            line-height: 16.8px;
        }

    .slide3.carousel-caption .scroll, .slide4.carousel-caption .scroll {
        margin-top: 220px;
        text-transform: uppercase;
        font-size: 12px;
        font-family: 'itc_avant_garde_gothic_lt_dRg';
    }

        .slide3.carousel-caption .scroll .arrow_scroll, .slide4.carousel-caption .scroll .arrow_scroll {
            font-size: 28px;
        }

.carousel-indicators {
    position: absolute;
    bottom: 33%;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    .carousel-indicators li {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 1px 5px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        border-radius: 10px;
    }

    .carousel-indicators .active {
        width: 20px;
        height: 20px;
        margin: 0;
        background-color: #83389b;
        border: solid 1px #ffffff;
    }

.product_sec {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 315px;
    overflow: hidden;
}

.videoarea {
    width: 100%;
    height: 100%;
    float: left;
    object-fit: cover;
    min-height: 315px;
}

.product_sec .callaction {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    position: absolute;
    left: 0%;
    right: 0px;
    margin: auto;
}

.product_sec h1 {
    font-family: 'itc_avant_garde_gothic_bookRg';
    font-size: 40px;
    line-height: 48px;
    color: #83389b;
    text-align: center;
    padding: 0px;
    margin: 0px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.product_sec p {
    font-size: 13px;
    line-height: 15px;
    color: #333333;
    text-align: center;
    padding: 20px 10px 0 10px;
    font-family: 'itc_avant_garde_gothic_lt_dRg';
}

.product_sec p {
    font-family: 'itc_avant_garde_gothic_bookRg';
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    padding: 20px 5px 0 5px;
}

.what_we_do {
    background-image: url(/assets/img/product-images/home-product/what_we_do_bg.jpg);
    width: 100%;
    height: 315px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


    .what_we_do h1 {
        font-size: 40px;
        line-height: 48px;
        color: #ffffff;
        text-align: right;
        padding: 0px;
        display: table-cell;
        vertical-align: middle;
        text-transform: uppercase;
        font-family: 'itc_avant_garde_gothic_bookRg';
    }

    .what_we_do p {
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
        text-align: left;
        padding: 0px;
        margin: 0px 0 0 0;
        display: table-cell;
        vertical-align: middle;
        font-family: 'itc_avant_garde_gothic_bookRg';
    }

    .what_we_do .sect {
        display: table;
        height: 315px;
    }

.product_img img {
    width: 100%;
    max-width: 100%;
}

.videoimg {
    position: relative;   
   width:100%;
}

.playico img {
    position: absolute;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: auto;
    height: 90px;
    width: 90px;
}

/*.videoimg img{ width: 100%;max-width: 100%; }3333*/
/*.videoimg bg {
    width: 100%;
    max-width: 100%;
    height: 538px;
}*/
/*3333*/

.drink .port {
    height: 750px;
}

.drink .img_box {
    height: 670px !important;
}

.glyphicon-chevron-right:before {
    content: none;
}

.glyphicon-chevron-left:before {
    content: none;
}

.glyphicon-chevron-right {
    width: 51px !important;
    height: 51px !important;
    background: url("/assets/img/features/right_arrow_bg.png") no-repeat;
    background-size: 50px 50px;
}

.glyphicon-chevron-left {
    width: 51px !important;
    height: 51px !important;
    background: url("/assets/img/features/left_arrow_bg.png") no-repeat;
    background-size: 50px 50px;
}

.content-bottom h1 {
    font-size: 3em;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    text-align: center;
    background: #B7112A;
    padding: 0.5em 0;
}

    .content-bottom h1:after {
        content: "";
        display: inline-block;
        width: 100px;
        height: 2px;
        background-color: #fff;
        vertical-align: middle;
        margin-left: 1%;
    }


.content-in {
    padding: 0px;
    float: left;
}
/*----*/
.text-desc {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #83389b;
    height: 100%;
    opacity: 0;
    width: 100%;
    padding: 20px;
}
/* effect-7 css */
.port {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: left;
    overflow: hidden;
    padding-bottom: 15px;
    cursor:pointer;
}

    .port .text-desc {
        opacity: 0.8;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        color: #fff;
    }

        .port .text-desc h6 {
            font-size: 1.7em;
            margin-bottom: 0.5em;
            font-family: 'Montserrat', sans-serif;
        }

        .port .text-desc p {
            font-size: 1em;
            line-height: 2em;
            letter-spacing: 1px;
        }

        .port .text-desc h2 {
            color: #FFFFFF;
            font-size: 41px;
            text-transform: uppercase;
            line-height: 49.2px;
            font-family: 'itc_avant_garde_gothic_lt_dRg';
        }

        .port .text-desc span {
            font-family: 'itc_avant_garde_gothic_bookRg';
            color: #BA79D1;
            font-size: 15px;
            line-height: 18px;
        }

        .port .text-desc .sub-head {
            padding-bottom: 20px;
            font-family: 'itc_avant_garde_gothicmedium';
        }

        .port .text-desc a {
            font-family: 'itc_avant_garde_gothicmedium';
            color: #FFFFFF;
            font-size: 20px;
            line-height: 24px;
        }

    .port.effect-1 img {
        transition: 0.5s;
        -ms-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        position: relative;
        width: 100%;
        left: 0;
    }

    .port.effect-1:hover img {
        left: 50%;
    }

    .port.effect-1 .text-desc {
        transform: perspective(600px) rotateY(90deg);
        -ms-transform: perspective(600px) rotateY(90deg);
        -webkit-transform: perspective(600px) rotateY(90deg);
        -o-transform: perspective(600px) rotateY(90deg);
        transform-origin: left center 0;
        -ms-transform-origin: left center 0;
        -webkit-transform-origin: left center 0;
        -o-transform-origin: left center 0;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 4em 0.7em;
    }

    .port.effect-1:hover .text-desc {
        opacity: 0.9;
        transform: perspective(600px) rotateY(0deg);
        -ms-transform: perspective(600px) rotateY(0deg);
        -webkit-transform: perspective(600px) rotateY(0deg);
        -o-transform: perspective(600px) rotateY(0deg);
        z-index: 99;
        padding: 60px 15px;
    }

#drinkTextDesc {
    padding: 200px 15px;
}

/* effect-7 css end */

.port .text-desc h6 {
    font-size: 1.5em;
    margin-bottom: 0.6em;
}

.port.effect-1 .text-desc {
    padding: 3.5em 0.7em;
}

.content-top1 {
    margin-bottom: 2em;
}

.content-mid-1 {
    width: 50%;
    margin: 0 auto;
}

.port.effect-1 .text-ed {
    padding: 4.5em 0.7em;
}

.service-mid {
    width: 50%;
    margin: 0 auto;
}

.test-grid-2 {
    margin-top: 0em;
}

.footer-right {
    margin-top: 2em;
}
/*----*/
.bgcolor1 {
    background-color: #f2eaf4;
    font-family: 'itc_avant_garde_gothic_lt_dRg';
}

.mousse-bgcolor {
    background-color: #fafafa;
}

.product-button {
    font-family: 'itc_avant_garde_gothic_lt_dRg';
    border: 3px solid #9d40a4;
    width: 186px;
    display: inline-block;
    text-align: center;
    padding: 12.5px 0px;
    color: #83389B;
    font-size: 16px;
    text-decoration: none !important;
    background-color: white;
    line-height: 19.2px;
    letter-spacing: 2px;
}

    .product-button:hover {
        text-decoration: none !important;
    }

.product-list div {
    list-style: none;
    text-align: left !important;
}

    /*styles.css line number 2078*/
    .product-list div.lightfitcrunch .img_box {
        background: url(/assets/img/product-images/home-product/crunch.png) center bottom no-repeat;
        background-size: 85%;
        background-position: center 40px;
    }

    .product-list div.lightfitmousse .img_box {
        background: url(/assets/img/product-images/home-product/mousse.png) center bottom no-repeat;
        background-size: 85%;
        background-position: center 40px;
    }

    .product-list div.lightfitgreek .img_box {
        background: url(/assets/img/product-images/home-product/greek.png) center bottom no-repeat;
        background-size: 85%;
        background-position: center 40px;
    }

    .product-list div.regular .img_box {
        background: url(/assets/img/product-images/home-product/regular.png) center bottom no-repeat;
        background-size: 85%;
        background-position: center 40px;
    }

    .product-list div.drink .img_box {
        background: url(/assets/img/product-images/home-product/drink.png) center bottom no-repeat;
        background-size: 85%;
        background-position: center 40px;
    }

    .product-list div .img_box {
        height: 300px;
        width: 100%;
        position: relative;
        display: block;
        margin: 0 auto;
        max-width: 100%;
    }

#gdc-modal {
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 111111111;
}


#first_player, #second_player{
    min-width: 100%;
    width: auto;
    height: auto;
    min-height: 316px;
    display: block;
}


.product-list div .title {
    height: 60px !important;
    display: block;
    text-align: center !important;
    text-transform: uppercase;
}

.product-list {
    background: none !important;
    width: 100%;
    margin: 0px !important;
}



.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.hero__scroll {
    margin-top: 20px;
    display: block;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    color: #FF4081;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    50% {
        -webkit-transform: translate(0, 10px);
        transform: translate(0, 10px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}



@media (max-width: 2240px) {

    .product-list div .img_box {
    background-size: 65%;    
    }
}




@media (min-width: 1380px) {
    .container {
        width: 1200px;
    }

    .product-list div.lightfitcrunch .img_box {
        background-position: center 120px;
    }

    .product-list div.lightfitmousse .img_box {
        background-position: center 120px;
    }

    .product-list div.lightfitgreek .img_box {
        background-position: center 120px;
    }

    .product-list div.drink .img_box {
        background-position: center 220px;
        max-width: 525px;
    }

    .product-list div.regular .img_box {
        background-position: center 120px;
    }

    .product-list div .img_box {
        height: 525px;
    }

    .drink .img_box {
        height: 1125px !important;
    }

    .drink .port {
        height: 1200px;
    }
}

@media(max-width:1280px) {

    .port .text-desc h6 {
        font-size: 1.4em;
    }

    .port.effect-1 .text-desc {
        padding: 1.5em 0.7em;
    }

    .port.effect-1 .text-ed {
        padding: 3em 0.7em;
    }
}


@media (max-width: 1200px) {

    .slide1.carousel-caption h1 {
        color: #ffffff;
        font-size: 73px;
        font-family: 'jenna_sueregular';
        padding: 0px;
        margin: 0px;
        line-height: 70px;
    }

    .slide1.carousel-caption h2 {
        font-size: 20px;
        padding: 10px 0 49px 0;
        margin: 0px;
        line-height: 24px;
    }

    .slide1.carousel-caption .read-more {
        clear: both;
    }

        .slide1.carousel-caption .read-more a {
            border: solid 2px #ffffff;
            width: 186px;
            display: inline-block;
            padding: 14px 0px;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
            line-height: 16.8px;
            letter-spacing: 2px;
        }



         .slide2.carousel-caption h1 {
        color: #ffffff;
        font-size: 73px;
        font-family: 'jenna_sueregular';
        padding: 0px;
        margin: 0px;
        line-height: 70px;
    }

    .slide2.carousel-caption h2 {
        font-size: 14px;
        padding: 20px 0 49px 0;
        margin: 0px;
    }

    .slide2.carousel-caption .read-more {
        clear: both;
    }

        .slide2.carousel-caption .read-more a {
            border: solid 2px #ffffff;
            width: 186px;
            display: inline-block;
            padding: 14px 0px;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
            line-height: 16.8px;
            letter-spacing: 2px;
        }



     .slide3.carousel-caption h1, .slide4.carousel-caption h1 {
        color: #ffffff;
        font-size: 73px;
        font-family: 'jenna_sueregular';
        padding: 40px 0 35px 0;
        margin: 0px;
        line-height: 70px;
    }

     .slide3, .slide4.carousel-caption.h2 {
        font-size: 20px;
        padding: 10px 0 40px 0;
        margin: 0px;
        line-height: 24px;
        letter-spacing: 2px;
    }

         .slide3.carousel-caption .read-more, .slide4.carousel-caption .read-more {
            clear: both;
        }

            .slide3.carousel-caption .read-more a, .slide4.carousel-caption .read-more a {
                border: solid 2px #ffffff;
                padding: 14px 0px;
                width: 186px;
                display: inline-block;
                text-align: center;
                text-transform: uppercase;
                font-size: 14px;
                line-height: 16.8px;
            }
}


@media(max-width:1024px) {

    .port .text-desc p {
        font-size: 0.9em;
        line-height: 1.7em;
        letter-spacing: 0px;
    }

    .port .text-desc h6 {
        font-size: 1.2em;
        margin-bottom: 0.2em;
    }

    .port.effect-1 .text-desc {
        padding: 1em 0.7em;
    }

    .port.effect-1 .text-ed {
        padding: 3.5em 0.7em;
    }

    .product-list div.drink .img_box {
        max-width: 400px;
    }
}


/*for Tablet and orientation for landscape*/
@media (max-device-width: 1024px) and (orientation: landscape) {

    .product-list div .img_box {
        background-position: center 15%;
    }

    .product-list div.drink .img_box {
        background-position: center 15%;
    }

    .product-list div.lightfitgreek .img_box {
        background-size: 70%;
    }
}

@media (max-width: 979px) {
    .fill {
        min-height: 600px;
    }

    .slide1.carousel-caption {
        top: 15%;
    }
    .slide2.carousel-caption {
        top: 15%;
    }
     .slide3.carousel-caption, .slide4.carousel-caption {
        top: 13%;
    }

    .carousel-indicators {
        bottom: 30%;
    }

    /*.videoimg {
        height: 438px;
    }*/
}



@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}


@media (max-width: 768px) {

    .product_sec {
        background-image: url(/assets/img/product-images/home-product/product_sec.jpg);
        width: 100%;
        height: 315px;
        background-position: center;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        -o-background-size: 100% 100%;
    }

    .product-list div.lightfitcrunch .img_box {
        background-size: 100%;
        background-position: center 20px;
    }

    .product-list div.lightfitmousse .img_box {
        background-size: 100%;
        background-position: center 20px;
    }

    .product-list div.lightfitgreek .img_box {
        background-size: 100%;
        background-position: center 20px;
    }

    .product-list div.regular .img_box {
        background-size: 100%;
        background-position: center 20px;
    }

    .product-list div.drink .img_box {
        background-size: 100%;
        background-position: center 40px;
        max-width: 350px;
    }

    .product-list div .img_box {
        height: 250px;
        max-width: 300px;
    }

    .drink .port {
        height: 600px;
    }

    .drink .img_box {
        height: 525px !important;
    }

    .port.effect-1:hover .text-desc {
        padding: 20px 15px;
    }

    .port .text-desc h2 {
        font-size: 35px;
        margin-top: 10px;
    }

    #drinkTextDesc {
        padding: 150px 15px;
    }
}


@media (max-width: 767px) {

    .product-list div.drink .img_box {
        background-size: 100%;
        background-position: center 40px;
        max-width: 320px;
    }

    .fill {
        min-height: 500px;
    }

    .slide1_bg {
        background-image: url(/assets/img/product-images/home-product/m-sliders1.jpg);
        /*background-image: url(/assets/img/product-images/home-product/slide1.jpg);*/
        background-position: right;
    }

    .slide2_bg {
        background-image: url(/assets/img/product-images/home-product/m-sliders2.jpg);
        background-position: right;
    }

    .slide3_bg {
       /* background-image: url(/assets/img/product-images/home-product/slide3.jpg);*/
        background-image: url(/assets/img/product-images/home-product/m-sliders3.jpg);
        background-position:60% 0;
       


    }

    .slide4_bg {
        background-image: url(/assets/img/product-images/home-product/m-sliders4.jpg);
        background-position: right;
    }

    .slide1.carousel-caption {
        top: 15%;
    }
    .slide2.carousel-caption {
        top: 15%;
    }
    .slide3.carousel-caption, .slide4.carousel-caption {
        top: 0%;
    }


    .slide1.carousel-caption h1 {
        color: #ffffff;
        font-size: 60px;
        font-family: 'jenna_sueregular';
        padding: 0px;
        margin: 0px;
        line-height: 63px;
    }

    .slide1.carousel-caption h2 {
        font-size: 20px;
        padding: 10px 0 25px 0;
        margin: 0px;
        line-height: 24px;
    }

    .slide1.carousel-caption .read-more {
        clear: both;
    }

        .slide1.carousel-caption .read-more a {
            border: solid 2px #ffffff;
            width: 125px;
            display: inline-block;
            padding: 6px 0px;
            text-align: center;
            text-transform: uppercase;
            font-size: 13px;
            line-height: 16.8px;
            letter-spacing: 2px;
            border-radius: 2px;
        }





        .slide2.carousel-caption h1 {
        color: #ffffff;
        font-size: 60px;
        font-family: 'jenna_sueregular';
        padding: 0px;
        margin: 0px;
        line-height: 63px;
    }

    .slide2.carousel-caption h2 {
        font-size: 14px;
        padding: 20px 0 25px 0;
        margin: 0px;
        line-height:20px;
    }

    .slide2.carousel-caption .read-more {
        clear: both;
    }

        .slide2.carousel-caption .read-more a {
            border: solid 2px #ffffff;
            width: 125px;
            display: inline-block;
            padding: 6px 0px;
            text-align: center;
            text-transform: uppercase;
            font-size: 13px;
            line-height: 16.8px;
            letter-spacing: 2px;
            border-radius: 2px;
        }


     .slide3.carousel-caption h1, .slide4.carousel-caption h1 {
        color: #ffffff;
        font-size: 65px;
        font-family: 'jenna_sueregular';
        padding: 40px 0 47px 0;
        margin: 0px;
        line-height: 67px;
    }

     .slide3, .slide4.carousel-caption.h2 {
        font-size: 20px;
        padding: 10px 0 25px 0;
        margin: 0px;
        line-height: 24px;
        letter-spacing: 2px;
    }

         .slide3.carousel-caption .read-more, .slide4.carousel-caption .read-more {
            clear: both;
        }

             .slide3.carousel-caption .read-more a, .slide4.carousel-caption .read-more a {
                border: solid 2px #ffffff;
                padding: 6px 0px;
                width: 165px;
                display: inline-block;
                text-align: center;
                text-transform: uppercase;
                font-size: 13px;
                line-height: 16.8px;
            }

    .carousel-indicators {
        bottom: 21%;
    }

        .carousel-indicators li {
            width: 15px;
            height: 15px;
        }

        .carousel-indicators .active {
            width: 15px;
            height: 15px;
        }

    .product_sec {
        background-image: url(/assets/img/product-images/home-product/product_sec.jpg);
        width: 100%;
        height: 200px;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }

    .videoarea {
        display: none;
    }

    .product_sec h1 {
        font-size: 21px;
        line-height: 30px;
        color: #83389b;
        text-align: center;
        padding: 0px;
        margin: 0px;
        display: block;
        text-transform: uppercase;
        font-family: 'itc_avant_garde_gothic_bookRg';
    }

    .product_sec p {
        font-size: 14px;
        line-height: 20px;
        color: #333333;
        text-align: center;
        padding: 15px 20px 0 20px;
        /*font-family: 'itc_avant_garde_gothic_lt_dRg';*/
    }

    .navbar-collapse {
        position: absolute;
        margin-top: 40px;
    }

    .what_we_do {
        background-position: right;
    }

        .what_we_do h1 {
            font-size: 21px;
            line-height: 25px;
            color: #ffffff;
            text-align: center;
            margin: 0px;
            padding: 55px 0 0 0;
            display: block;
            text-transform: uppercase;
        }

        .what_we_do p {
            font-size: 14px;
            line-height: 20px;
            color: #ffffff;
            text-align: center;
            margin: 0px;
            padding: 10px 0 0 0;
            display:block;
        }

        .what_we_do .sect {
            display: block;
            height: auto;
            text-align: center;
        }

    .product_img img {
        width: 100%;
        max-width: 100%;
        min-height: auto;
    }

    .videoimg {
        height: 400px;

          position: relative;
    background-image: url(/assets/img/product-images/home-product/video_img_m.jpg);
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }
}


@media (max-width:480px) {


    .product-button {
        width: 150px;
        padding: 7.5px 0px;
    }

    .fill {
        min-height: 450px;
    }

    .slide1.carousel-caption {
        top: 12%;
    }
    .slide2.carousel-caption {
        top: 12%;
    }
     .slide3.carousel-caption, .slide4.carousel-caption {
        top: 0%;
    }

    .carousel-caption .slide2 {
        top: 0%;
    }

    .slide1.carousel-caption h1 {
        color: #ffffff;
        font-size: 60px;
        font-family: 'jenna_sueregular';
        padding: 0px;
        margin: 0px;
        line-height: 63px;
    }

    .slide1.carousel-caption h2 {
        font-size: 20px;
        padding: 10px 0 25px 0;
        margin: 0px;
        line-height: 24px;
    }

    .slide1.carousel-caption .read-more {
        clear: both;
    }

        .slide1.carousel-caption .read-more a {
            border: solid 2px #ffffff;
            width: 125px;
            display: inline-block;
            padding: 6px 0px;
            text-align: center;
            text-transform: uppercase;
            font-size: 13px;
            line-height: 16.8px;
            letter-spacing: 2px;
            border-radius: 2px;
        }



         .slide2.carousel-caption h1 {
        color: #ffffff;
        font-size: 60px;
        font-family: 'jenna_sueregular';
        padding: 0px;
        margin: 0px;
        line-height: 63px;
    }

    .slide2.carousel-caption h2 {
        font-size: 10px;
        padding: 10px 0 15px 0;
        margin: 0px;
        line-height:15px;
    }

    .slide2.carousel-caption .read-more {
        clear: both;
    }

        .slide2.carousel-caption .read-more a {
            border: solid 2px #ffffff;
            width: 125px;
            display: inline-block;
            padding: 6px 0px;
            text-align: center;
            text-transform: uppercase;
            font-size: 13px;
            line-height: 16.8px;
            letter-spacing: 2px;
            border-radius: 2px;
        }

     .slide3.carousel-caption h1, .slide4.carousel-caption h1 {
        color: #ffffff;
        font-size: 60px;
        font-family: 'jenna_sueregular';
        padding: 40px 0 47px 0;
        margin: 0px;
        line-height: 62px;
    }

     .slide3, .slide4.carousel-caption.h2 {
        font-size: 20px;
        padding: 10px 0 25px 0;
        margin: 0px;
        line-height: 24px;
        letter-spacing: 2px;
    }

         .slide3.carousel-caption .read-more, .slide4.carousel-caption .read-more {
            clear: both;
        }

             .slide3.carousel-caption .read-more a, .slide4.carousel-caption .read-more a {
                border: solid 2px #ffffff;
                padding: 6px 0px;
                width: 165px;
                display: inline-block;
                text-align: center;
                text-transform: uppercase;
                font-size: 13px;
                line-height: 16.8px;
            }

    .carousel-indicators {
        bottom: 21%;
    }

        .carousel-indicators li {
            width: 12px;
            height: 12px;
        }

        .carousel-indicators .active {
            width: 12px;
            height: 12px;
        }

    .playico img {
        height: 50px;
        width: 50px;
    }


    .port {
        padding-bottom: 0px;
    }

    .product-list div.drink .img_box {
        background-position: center 80px;
    }
     .port .text-desc h2 {
        line-height: 45px;
        margin-top: 5px;
    }

      .videoimg {
        height: 282px;
    }
      #gdc-modal {
        position: absolute;
        top: 70% !important;
        left: 50% !important;
        width: 100% !important;
    }
   
}


@media (max-width: 320px) {
     #gdc-modal {
        position: absolute;
        top: 80% !important;
        left: 50% !important;
        width: 100% !important;
    }
    .port .text-desc h2 {
        line-height: 42px;
        margin-top: 10px;
    }

    #drinkTextDesc {
        padding: 150px 15px;
    }

    .fill {
        min-height: 412px;
    }

    .slide1.carousel-caption {
        top: 12%;
    }
.slide2.carousel-caption {
        top: 12%;
    }
     .slide3.carousel-caption, .slide4.carousel-caption {
        top: 0%;
    }

    .carousel-caption .slide2 {
        top: 0%;
    }

    .slide1.carousel-caption h1 {
        color: #ffffff;
        font-size: 60px;
        font-family: 'jenna_sueregular';
        padding: 0px;
        margin: 0px;
        line-height: 63px;
    }

    .slide1.carousel-caption h2 {
        font-size: 20px;
        padding: 10px 0 25px 0;
        margin: 0px;
        line-height: 24px;
    }

    .slide1.carousel-caption .read-more {
        clear: both;
    }

        .slide1.carousel-caption .read-more a {
            border: solid 2px #ffffff;
            width: 125px;
            display: inline-block;
            padding: 6px 0px;
            text-align: center;
            text-transform: uppercase;
            font-size: 13px;
            line-height: 16.8px;
            letter-spacing: 2px;
            border-radius: 2px;
        }


        slide2.carousel-caption h1 {
        color: #ffffff;
        font-size: 60px;
        font-family: 'jenna_sueregular';
        padding: 0px;
        margin: 0px;
        line-height: 63px;
    }

    .slide2.carousel-caption h2 {
        font-size: 14px;
        padding: 10px 0 15px 0;
        margin: 0px;
        line-height:20px;
    }


    .slide2.carousel-caption .read-more {
        clear: both;
    }

        .slide2.carousel-caption .read-more a {
            border: solid 2px #ffffff;
            width: 125px;
            display: inline-block;
            padding: 6px 0px;
            text-align: center;
            text-transform: uppercase;
            font-size: 13px;
            line-height: 16.8px;
            letter-spacing: 2px;
            border-radius: 2px;
        }

    .slide3.carousel-caption h1, .slide4.carousel-caption h1 {
        color: #ffffff;
        font-size: 60px;
        font-family: 'jenna_sueregular';
        padding: 40px 0 47px 0;
        margin: 0px;
        line-height: 62px;
    }

     .slide3, .slide4.carousel-caption.h2 {
        font-size: 20px;
        padding: 10px 0 25px 0;
        margin: 0px;
        line-height: 24px;
        letter-spacing: 2px;
    }

         .slide3.carousel-caption .read-more, .slide4.carousel-caption .read-more {
            clear: both;
        }

             .slide3.carousel-caption .read-more a, .slide4.carousel-caption .read-more a {
                border: solid 2px #ffffff;
                padding: 6px 0px;
                width: 165px;
                display: inline-block;
                text-align: center;
                text-transform: uppercase;
                font-size: 13px;
                line-height: 16.8px;
            }

    .product_sec h1 {
        font-size: 21px;
        line-height: auto;
    }

    .what_we_do p {
        font-size: 14px;
        line-height: 20px;
        color: #ffffff;
        text-align: center;
        margin: 0px;
        margin: 10px -10px 0 -10px;
        padding: 10px 0 0 0;
    }

    .carousel-indicators {
        bottom: 21%;
    }

        .carousel-indicators li {
            width: 12px;
            height: 12px;
        }

        .carousel-indicators .active {
            width: 12px;
            height: 12px;
        }

    .slide .scroll a {
        bottom: 5%;
    }

    .videoimg {
        height: 282px;
    }

    .playico img {
        height: 50px;
        width: 50px;
    }
}




/*include home.css*/

.wrapper_default {
    width: 100% !important;
    margin: 0 auto;
    min-height: 600px;
}

.col-full-default {
    margin: 0 auto;
    width: 100%;
}

.navigation_bg {
    /*background: url(../img/menu_bg.png) 0 40px no-repeat;*/
    background: url(../img/menu_bg.png) 75px 40px no-repeat;   
    background-size: 845px;
    margin: 0 auto;
    width: 922px;
    position: absolute;
    z-index: 100000000;
    float: left;
}

.navigation {
    font-family: Optima, Myriad Pro, Trebuchet MS;
    margin: 0 auto;
    width: 790px;
    position: relative;
    float: left;
    padding-left: 10%; /*14px;*/
}
/*.navigation {
    padding-left: 11%;
}*/
    .navigation li {
        float: left;
        color: #4c2371;
        display: inline;
        font-size: .78em;
        padding-top: 57px; 
        /*padding-top: 60px;*/
        text-align: left;
    }

        .navigation a:visited,
        .navigation li a:link {
            font-size: 1.1em;
            color: #4c2371;
            text-decoration: none;
            text-transform: uppercase;
        }

        .navigation li a.active {
            font-weight: 700;
        }

        .navigation li.divider {
            margin: 0 6px;
            width: 2px;
        }

        .navigation li.logo {
            padding-top: 0;
            margin-left: 0;
            height: 100px;
        }

    .navigation .logo h2 {
        margin: 0;
    }

    .navigation .logo a {
        background: url(../img/light-and-fit-logo.png) no-repeat;
        cursor: pointer;
        text-indent: -999em;
        display: block;
        width: 220px;
        height: 142px;
    }