/*Master Page Master Page Master Page Master Page Master Page Master Page Master Page Master Page  Master Page Master Page Master Page Master Page Master Page Master Page Master Page Master Page*/  
/*Master Page Master Page Master Page Master Page Master Page Master Page Master Page Master Page  Master Page Master Page Master Page Master Page Master Page Master Page Master Page Master Page*/
            body, h1, h2, h3, h4, h5, h6, #submenu li a > .right-side p, .menu .menu-footer .copyright {
                font-family: Black Han Sans;
            }

            body {
                background: #fff;
                color: #fff;
                cursor: auto;
                font-style: normal;
                font-weight: normal;
                line-height: 1.5;
                margin: 0;
                padding: 0;
                position: relative;
            }

            h1, h2, h3, h4, h5, h6 {
                color: #fff;
                font-style: normal;
                font-weight: 400;
                line-height: 1.4;
                margin-bottom: 3rem;
                margin-top: 3rem;
                text-rendering: optimizeLegibility;
            }

            p {
                color: #fff;
            }

            .container {
                position: relative;
                max-width: 85%;
                margin: 0 auto;
                padding: 0 15px;
                text-align: center;
            }

     

            @media (min-width:668px) and (max-width: 992px) {
                .container {
                    width: 85%; /*750px;*/
                }

                .navbar-brand img {
                    height: 60px !important;
                    width: 105px !important;
                }

                .navbar-brand {
                    float: left;
                    height: 80px !important;
                    max-height: 80px;
                    font-size: 18px;
                    line-height: 20px;
                }

                .modal-title {
                    font-size: 22px;
                }

                .modal-footer {
                    padding: 5px;
                }

                .facebook-responsive {
                    height: 450px;
                }
            }

            @media (min-width:992px) {
                .container {
                    width: 85%; /*970px;*/
                }

                .navbar-brand img {
                    height: 60px;
                    width: 150px;
                }

                .navbar-brand {
                    float: left;
                    height: 80px;
                    max-height: 80px;
                    font-size: 18px;
                    line-height: 20px;
                }

                .modal-title {
                    font-size: 32px;
                }

                .modal-footer {
                    padding: 15px;
                }

                .facebook-responsive {
                    height: 490px;
                }
            }

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

                .navbar-brand img {
                    height: 80px;
                    width: 220px;
                }

                .navbar-brand {
                    float: left;
                    height: 80px;
                    max-height: 80px;
                    /*padding: 0px 15px;*/
                    font-size: 18px;
                    line-height: 20px;
                }

                .modal-title {
                    font-size: 32px;
                }

                .modal-footer {
                    padding: 15px;
                }

                .facebook-responsive {
                    height: 570px;
                }
            }



            .navbar-default {
                background-color: #fdb813;
                /*background-image: url(assets/images/gbg.jpg);*/
                background-size: cover;
            }

            .carousel-fade .carousel-inner .item::after {
                background: rgba(0,0,0,0);
            }

            .carousel-fade .carousel-inner .item {
                height: 750px;
                background-size: 100% 100%;
            }




            .tv-block-heading h5 {
                color: #fff;
                /*font-family: Papyrus;*/
                font-family: Black Han Sans;
                font-size: 32px;
                font-style: normal;
                letter-spacing: 3px;
            }

            .tv-block-heading h6 {
                color: #fff;
                /*font-family: Papyrus;*/
                font-family: Black Han Sans;
                font-size: 16px;
                font-style: normal;
                letter-spacing: 1px;
            }

            .row {
                margin: 0 auto;
                max-width: 95%; /*62.5rem;*/
                width: 100%;
            }

                .row .navbar-footer > li > a {
                    color: #fff;
                    /*font-family: Papyrus;*/
                    font-family: Black Han Sans;
                    font-size: 16px;
                    font-style: normal;
                    letter-spacing: 1px;
                }

            .navbar-default .navbar-nav > li > a {
                color: #fff;
                font-size: 20px;
                padding: 35px 20px 20px 0px;
                display: inline-block;
                /* font-family: Papyrus; */
                font-family: Black Han Sans;
                letter-spacing: 0px;
            }

                .navbar-default .navbar-nav > li > a::before, .nav-tabs a::before {
                    background-color: #11969e;
                    content: "";
                    height: 1px;
                    left: 100%;
                    position: absolute;
                    top: calc(45% - 1px);
                    transition: all 0.3s ease 0s;
                }

            .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
                color: #11969e !important;
                background: transparent !important;
            }

            .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
                color: #68c7c8 !important;
                background: transparent !important;
            }


            logo #home-slider .caption {
                top: 85%;
                margin-top: -104px;
            }

            .tv-site-btn, .tv-site-btn2 {
                border: 1px solid #cc050c;
                border-radius: 4px;
                font-weight: 600;
                color: #fff;
                margin-top: 32px;
                padding: 5px 20px;
                display: inline-block;
                /*font-family: Papyrus;*/
                background: #fdb813;
            }

            .tv-footer-social-icons a:hover {
                background: #6bc9c9;
                /*//#058d96;*/
                color: #fff;
            }


/*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/  
            /*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/      
                /*Owl Animation*/
                #bannerX {
                    margin-top: 81px;
                }

                    #bannerX .item img {
                        height: 635px;
                        width: 100%;
                    }

                .owl-item {
                    overflow: hidden;
                }

                %owl-animate {
                    .owl-stage;

                {
                    transform: none !important;
                    width: 100% !important;
                    position: relative;
                    height: 0;
                    border: none;
                    overflow: hidden;
                    display: block;
                    padding-top: 31.25%;
                    // 1600x500;
                }

                .owl-item {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0 !important;
                    left: 0 !important;
                    opacity: 0;
                    z-index: 10;
                    &.active;

                {
                    z-index: 20;
                    opacity: 1;
                }

                &.owl-animated-out {
                    opacity: 1;
                }

                &.owl-animated-in {
                    opacity: 0;
                }

                }
                }

                /*****************************************/
                /* Soft Scale */
                /*****************************************/
                .fxSoftScale {
                    .animated;

                {
                    animation-duration: 1s;
                    animation-fill-mode: forwards;
                    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                }

                }

                .fxSoftScaleOutNext {
                    animation-name: scaleUp;
                }

                .fxSoftScaleInNext {
                    animation-name: scaleDownUp;
                }

                .fxSoftScaleOutPrev {
                    animation-name: scaleDown;
                }

                .fxSoftScaleInPrev {
                    animation-name: scaleUpDown;
                }

                @keyframes scaleUp {
                    from {
                        opacity: 1;
                    }

                    to {
                        transform: scale(1.2);
                        opacity: 0;
                    }
                }

                @keyframes scaleDownUp {
                    from {
                        opacity: 0;
                        transform: scale(0.9);
                    }

                    to {
                        opacity: 1;
                        transform: scale(1);
                    }
                }

                @keyframes scaleDown {
                    from {
                    }

                    to {
                        opacity: 0;
                        transform: scale(0.9);
                    }
                }

                @keyframes scaleUpDown {
                    from {
                        transform: scale(1.2);
                    }

                    to {
                        opacity: 1;
                        transform: scale(1);
                    }
                }

                /*****************************************/
                /* Press away */
                /*****************************************/
                .fxPressAway {
                    .animated;

                {
                    animation-duration: 1s;
                    animation-fill-mode: forwards;
                    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                }

                }

                .fxPressAwayOutNext {
                    animation-name: slideOutScaleRight;
                }

                .fxPressAwayInNext {
                    animation-name: slideInFromLeft;
                }

                .fxPressAwayOutPrev {
                    animation-name: slideOutScaleLeft;
                }

                .fxPressAwayInPrev {
                    animation-name: slideInFromRight;
                }

                @keyframes slideOutScaleRight {
                    from {
                    }

                    to {
                        transform: translateX(100%) scale(0.9);
                        opacity: 0;
                    }
                }

                @keyframes slideInFromLeft {
                    from {
                        transform: translateX(-100%);
                    }

                    to {
                        transform: translateX(0);
                    }
                }

                @keyframes slideOutScaleLeft {
                    from {
                    }

                    to {
                        transform: translateX(-100%) scale(0.9);
                        opacity: 0;
                    }
                }

                @keyframes slideInFromRight {
                    from {
                        transform: translateX(100%);
                    }

                    to {
                        transform: translateX(0);
                    }
                }

                /*****************************************/
                /* Slide Swing */
                /*****************************************/
                .fxSideSwing {
                    .animated;

                {
                    animation-duration: 1s;
                    animation-fill-mode: forwards;
                    animation-timing-function: cubic-bezier(1, -0.2, 0, 1);
                }

                }

                .fxSideSwingOutNext {
                    animation-name: slideOutScaleRight;
                }

                .fxSideSwingInNext {
                    animation-name: slideInFromLeft;
                }

                .fxSideSwingOutPrev {
                    animation-name: slideOutScaleLeft;
                }

                .fxSideSwingInPrev {
                    animation-name: slideInFromRight;
                }

                /*****************************************/
                /* Fortune wheel */
                /*****************************************/
                .fxFortuneWheel {
                    .owl-stage;

                {
                    perspective: 1600px;
                }

                .animated {
                    animation-duration: 1s;
                    animation-fill-mode: forwards;
                    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                }

                }

                .fxFortuneWheelOutNext {
                    animation-name: slideOutScaleRight;
                }

                .fxFortuneWheelInNext {
                    transform-origin: 100% 50%;
                    animation-name: rotateInFromLeft;
                }

                .fxFortuneWheelOutPrev {
                    animation-name: slideOutScaleLeft;
                }

                .fxFortuneWheelInPrev {
                    transform-origin: 0% 50%;
                    animation-name: rotateInFromRight;
                }

                @keyframes rotateInFromLeft {
                    from {
                        transform: translateX(-100%) rotateY(-55deg);
                    }

                    to {
                        transform: translateX(0) rotateY(0deg);
                        opacity: 1;
                    }
                }

                @keyframes rotateInFromRight {
                    from {
                        transform: translateX(100%) rotateY(55deg);
                    }

                    to {
                        transform: translateX(0) rotateY(0deg);
                        opacity: 1;
                    }
                }

                /*****************************************/
                /* Swipe */
                /*****************************************/
                $owl-swipe: 0.8s forwards ease-in-out; .fxSwipe {
                    @extend %owl-animate;
                    .owl-item;

                {
                    &.fxSwipeOutNext;

                {
                    z-index: 30;
                }

                &.fxSwipeInPrev {
                    opacity: 1;
                }

                }
                }

                .fxSwipeOutNext {
                    animation: decreaseHeight $owl-swipe;
                }

                .fxSwipeInNext {
                    animation: show $owl-swipe;
                }

                .fxSwipeOutPrev {
                    animation: hide $owl-swipe;
                }

                .fxSwipeInPrev {
                    animation: increaseHeight $owl-swipe;
                }

                @keyframes increaseHeight {
                    from {
                        height: 0;
                    }

                    to {
                        height: 100%;
                    }
                }

                @keyframes decreaseHeight {
                    from {
                    }

                    to {
                        height: 0;
                    }
                }

                @keyframes show {
                    0% {
                        opacity: 0;
                    }

                    1%, 100% {
                        opacity: 1;
                    }
                }

                @keyframes hide {
                    0%, 99% {
                        opacity: 1;
                    }

                    100% {
                        opacity: 0;
                    }
                }

                /*****************************************/
                /* Push reveal */
                /*****************************************/
                .fxPushReveal {
                    @extend %owl-animate;
                    .owl-item.animated;

                {
                    opacity: 1;
                    animation-duration: 0.7s;
                    animation-fill-mode: forwards;
                    animation-timing-function: ease-in-out;
                }

                }

                .fxPushRevealOutNext {
                    animation-name: slideOutBottom;
                }

                .fxPushRevealInNext {
                    animation-name: slideInHalfFromTop;
                    .fxPushReveal &.owl-item;

                {
                    z-index: 5;
                }

                }

                .fxPushRevealOutPrev {
                    animation-name: slideOutHalfTop;
                }

                .fxPushRevealInPrev {
                    animation-name: slideInFromBottom;
                }

                @keyframes slideOutBottom {
                    from {
                    }

                    to {
                        transform: translateY(100%);
                    }
                }

                @keyframes slideInHalfFromTop {
                    from {
                        transform: translateY(-50%);
                    }

                    to {
                        transform: translateY(0);
                    }
                }

                @keyframes slideOutHalfTop {
                    from {
                    }

                    to {
                        transform: translateY(-50%);
                    }
                }

                @keyframes slideInFromBottom {
                    from {
                        transform: translateY(100%);
                    }

                    to {
                        transform: translateY(0);
                    }
                }

                /*****************************************/
                /* Snap in */
                /*****************************************/
                .fxSnapIn {
                    @extend %owl-animate;
                    .owl-item;

                {
                    &:after;

                {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    opacity: 0;
                    pointer-events: none;
                    background-color: rgba(0, 0, 0, 0.8);
                    transition: opacity 0.4s 0.1s ease-in;
                }

                &.owl-animated-out {
                    &:after;

                {
                    opacity: 1;
                }

                }

                &.owl-animated-in {
                    opacity: 1;
                }

                }

                .animated {
                    animation-duration: 0.5s;
                    animation-fill-mode: forwards;
                }

                .owl-animated-in {
                    animation-timing-function: ease-in;
                }

                .owl-animated-out {
                    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
                }

                }

                .fxSnapInOutNext {
                    animation-name: slideOutLeft;
                }

                .fxSnapInInNext {
                    animation-name: slideFromRightFast;
                }

                .fxSnapInOutPrev {
                    animation-name: slideOutRight;
                }

                .fxSnapInInPrev {
                    animation-name: slideFromLeftFast;
                }

                @keyframes slideOutLeft {
                    from {
                    }

                    to {
                        transform: translateX(-10%);
                    }
                }

                @keyframes slideFromRightFast {
                    0%, 50% {
                        transform: translateX(100%);
                    }

                    100% {
                        transform: translateX(0%);
                    }
                }

                @keyframes slideOutRight {
                    from {
                    }

                    to {
                        transform: translateX(10%);
                    }
                }

                @keyframes slideFromLeftFast {
                    0%, 50% {
                        transform: translateX(-100%);
                    }

                    100% {
                        transform: translateX(0%);
                    }
                }

                /*****************************************/
                /* Let me in */
                /*****************************************/

                .fxLetMeIn {
                    @extend %owl-animate;
                    .owl-stage;

                {
                    perspective: 1600px;
                }

                .owl-item {
                    &:after;

                {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    opacity: 0;
                    pointer-events: none;
                    background-color: rgba(0, 0, 0, 0.6);
                    transition: opacity 0.5s ease-in-out;
                }

                &.fxLetMeInOutNext,
                &.fxLetMeInOutPrev {
                    &:after;

                {
                    opacity: 1;
                }

                }

                &.fxLetMeInInNext,
                &.fxLetMeInInPrev {
                    z-index: 30;
                    opacity: 1;
                }

                }
                }

                .fxLetMeInOutNext {
                    transform-origin: 0% 50%;
                    animation: rotateOutRight 0.5s forwards ease-in-out;
                }

                .fxLetMeInInNext {
                    animation: slideFromRightFast 0.5s forwards ease;
                }

                .fxLetMeInOutPrev {
                    transform-origin: 100% 0%;
                    animation: rotateOutLeft 0.5s forwards ease-in-out;
                }

                .fxLetMeInInPrev {
                    animation: slideFromLeftFast 0.5s forwards ease;
                }

                @keyframes rotateOutRight {
                    from {
                    }

                    to {
                        transform: rotateY(10deg);
                    }
                }

                @keyframes rotateOutLeft {
                    from {
                    }

                    to {
                        transform: rotateY(-10deg);
                    }
                }

                /*****************************************/
                /* Stick it */
                /*****************************************/

                .fxStickIt {
                    @extend %owl-animate;
                    .owl-stage;

                {
                    perspective: 1600px;
                }

                .owl-item {
                    &.fxStickItInNext;

                {
                    opacity: 1;
                }

                }
                }

                .fxStickItOutNext {
                    transform-origin: 50% 0%;
                    animation: rotateBottomSideOut 0.8s forwards ease-in;
                }

                .fxStickItInNext {
                    animation: slideInFromBottomDelayed 0.8s forwards;
                }

                .fxStickItOutPrev {
                    opacity: 1;
                    animation: slideOutToBottom 0.8s forwards;
                }

                .fxStickItInPrev {
                    transform-origin: 50% 0%;
                    animation: rotateBottomSideIn 0.8s 0.1s forwards ease-in;
                }

                @keyframes rotateBottomSideOut {
                    from {
                    }

                    40% {
                        transform: rotateX(-15deg);
                        animation-timing-function: ease-out;
                    }

                    100% {
                        opacity: 0;
                        transform: scale(0.8) translateZ(-200px);
                    }
                }

                @keyframes slideInFromBottomDelayed {
                    0%, 30% {
                        transform: translateY(100%);
                    }

                    100% {
                        transform: translateY(0);
                    }
                }

                @keyframes rotateBottomSideIn {
                    0% {
                        opacity: 0;
                        transform: scale(0.8) translateZ(-200px);
                    }

                    60% {
                        transform: scale(1) translateZ(0) rotateX(-15deg);
                        animation-timing-function: ease-out;
                    }

                    100% {
                        opacity: 1;
                        transform: scale(1) translateZ(0) rotateX(0deg);
                    }
                }

                /*****************************************/
                /* Archive me */
                /*****************************************/
                $owl-archive-me: 0.7s cubic-bezier(0.7, 0, 0.3, 1) !default; .fxArchiveMe {
                    .owl-item;

                {
                    &:before, &:after;

                {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    pointer-events: none;
                    background-color: rgba(0, 0, 0, 0.7);
                    transition: opacity $owl-archive-me;
                }

                &.fxArchiveMeInNext {
                    z-index: 30;
                    opacity: 1;
                    &:after;

                {
                    transition: none;
                }

                }

                &:after,
                &.fxArchiveMeOutNext:before {
                    opacity: 1;
                }

                &:before,
                &.active:after,
                &.fxArchiveMeInNext:after,
                &.fxArchiveMeInPrev:after {
                    opacity: 0;
                }

                }
                }

                .fxArchiveMeOutNext {
                    animation: scaleHalfDown $owl-archive-me;
                }

                .fxArchiveMeInNext {
                    animation: slideInFromBottom $owl-archive-me;
                }

                .fxArchiveMeOutPrev {
                    animation: slideOutToBottom $owl-archive-me;
                }

                .fxArchiveMeInPrev {
                    animation: scaleHalfUp $owl-archive-me;
                }

                @keyframes scaleHalfDown {
                    from {
                    }

                    to {
                        transform: scale(0.6);
                        opacity: 0;
                    }
                }

                @keyframes slideOutToBottom {
                    from {
                    }

                    to {
                        transform: translateY(100%);
                    }
                }

                @keyframes scaleHalfUp {
                    from {
                        opacity: 0;
                        transform: scale(0.6);
                    }

                    to {
                        opacity: 1;
                        transform: scale(1);
                    }
                }

                /*****************************************/
                /* Vertical growth */
                /*****************************************/
                $owl-fxVGrowth: 0.6s forwards cubic-bezier(0.6, 0, 0.4, 1) !default; .fxVGrowth {
                    .owl-item;

                {
                    &.fxVGrowthInNext, &.fxVGrowthInPrev;

                {
                    z-index: 30;
                    opacity: 1;
                }

                }
                }

                .fxVGrowthOutNext {
                    animation: scaleDown $owl-fxVGrowth;
                }

                .fxVGrowthInNext {
                    transform-origin: 50% 100%;
                    animation: maximize $owl-fxVGrowth;
                }

                .fxVGrowthOutPrev {
                    animation: scaleDown $owl-fxVGrowth;
                }

                .fxVGrowthInPrev {
                    transform-origin: 50% 0%;
                    animation: maximize $owl-fxVGrowth;
                }

                @keyframes maximize {
                    from {
                        transform: scale(0);
                    }

                    to {
                        transform: scale(1);
                    }
                }

                /*****************************************/
                /* Slide Behind */
                /* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */
                /*****************************************/
                $owl-slideBehind: 0.8s forwards !default; .fxSlideBehind {
                    @extend %owl-animate;
                    .owl-stage;

                {
                    perspective: 1000px;
                }

                }

                .fxSlideBehindOutNext {
                    animation: hideLeft $owl-slideBehind;
                }

                .fxSlideBehindInNext {
                    animation: showRight $owl-slideBehind;
                }

                .fxSlideBehindOutPrev {
                    animation: hideRight $owl-slideBehind;
                }

                .fxSlideBehindInPrev {
                    animation: showLeft $owl-slideBehind;
                }

                @keyframes hideLeft {
                    0% {
                        transform: translateZ(0px);
                    }

                    40% {
                        transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
                        z-index: 30;
                    }

                    100% {
                        opacity: 1;
                        transform: translateZ(-400px);
                    }
                }

                @keyframes showRight {
                    0% {
                        transform: translateZ(-400px);
                        opacity: 1;
                    }

                    40% {
                        transform: translate(0, 40%) scale(0.8) rotateX(20deg);
                        opacity: 1;
                    }

                    41% {
                        transform: translate(0, 40%) scale(0.8) rotateX(20deg);
                        opacity: 1;
                        z-index: 30;
                    }

                    100% {
                        transform: translateZ(0px);
                        opacity: 1;
                        z-index: 30;
                    }
                }

                @keyframes hideRight {
                    0% {
                        transform: translateZ(0px);
                    }

                    40% {
                        transform: translate(0, 40%) scale(0.8) rotateX(20deg);
                        z-index: 30;
                    }

                    100% {
                        opacity: 1;
                        transform: translateZ(-400px);
                    }
                }

                @keyframes showLeft {
                    0% {
                        transform: translateZ(-400px);
                        opacity: 1;
                    }

                    40% {
                        transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
                        opacity: 1;
                    }

                    41% {
                        transform: translate(0, -40%) scale(0.8) rotateX(-20deg);
                        opacity: 1;
                        z-index: 30;
                    }

                    100% {
                        transform: translateZ(0px);
                        opacity: 1;
                        z-index: 30;
                    }
                }

                /*****************************************/
                /* Soft Pulse */
                /*****************************************/

                .fxSoftPulseOutPrev,
                .fxSoftPulseOutNext {
                    animation: scaleUpFadeOut 0.8s forwards ease-in;
                }

                .fxSoftPulseInPrev,
                .fxSoftPulseInNext {
                    animation: scaleDownFadeIn 0.8s forwards ease-out;
                }

                @keyframes scaleUpFadeOut {
                    from {
                    }

                    50% {
                        transform: scale(1.2);
                        opacity: 1;
                    }

                    75% {
                        transform: scale(1.1);
                        opacity: 0;
                    }

                    100% {
                        transform: scale(1);
                        opacity: 0;
                    }
                }

                @keyframes scaleDownFadeIn {
                    from {
                    }

                    50% {
                        opacity: 1;
                        transform: scale(1.2);
                    }

                    100% {
                        opacity: 1;
                        transform: scale(1);
                    }
                }

                /*****************************************/
                /* Earthquake */
                /* From https://elrumordelaluz.github.io/csshake/ by Lionel, http://t.co/thCECnx1Yg */
                /*****************************************/

                .fxEarthquake {
                    .owl-item;

                {
                    &:after;

                {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    opacity: 0;
                    pointer-events: none;
                    background-color: rgba(0, 0, 0, 0.3);
                    transition: opacity 0.5s;
                }

                &:after,
                &:after {
                    opacity: 1;
                }

                &.fxEarthquakeInPrev {
                    opacity: 1;
                }

                }
                }

                .fxEarthquakeOutNext {
                    animation: shakeSlideBottom 1s 0.1s forwards;
                }

                .fxEarthquakeInNext {
                    animation: pushFromTop 1s 0.1s forwards;
                }

                .fxEarthquakeOutPrev {
                    animation: shakeSlideTop 1s 0.1s forwards;
                }

                .fxEarthquakeInPrev {
                    animation: pushFromBottom 1s 0.1s forwards;
                }

                @keyframes shakeSlideBottom {
                    0% {
                        transform: translate(0px, 0px) rotate(0deg);
                    }

                    2% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    4% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    6% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    8% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    10% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    12% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    14% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    16% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    18% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    20% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    22% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    24% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    26% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    28% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    30% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    32% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    34% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    36% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    38% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    40% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    42% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    44% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    46% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    48% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    50% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    52% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    54% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    56% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    58% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    60% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    62% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    64% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    66% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    68% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    70% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    100% {
                        transform: translateY(100%);
                    }
                }

                @keyframes pushFromTop {
                    0%, 70% {
                        opacity: 0;
                        transform: translateY(-100%);
                    }

                    100% {
                        opacity: 1;
                        transform: translateY(0);
                    }
                }

                @keyframes shakeSlideTop {
                    0% {
                        transform: translate(0px, 0px) rotate(0deg);
                    }

                    2% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    4% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    6% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    8% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    10% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    12% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    14% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    16% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    18% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    20% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    22% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    24% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    26% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    28% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    30% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    32% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    34% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    36% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    38% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    40% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    42% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    44% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    46% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    48% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    50% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    52% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    54% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    56% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    58% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    60% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    62% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    64% {
                        transform: translate(0px, -1px) rotate(-0.5deg);
                    }

                    66% {
                        transform: translate(-1px, -1px) rotate(-0.5deg);
                    }

                    68% {
                        transform: translate(-1px, 0px) rotate(-0.5deg);
                    }

                    70% {
                        transform: translate(0px, 0px) rotate(-0.5deg);
                    }

                    100% {
                        transform: translateY(-100%);
                    }
                }

                @keyframes pushFromBottom {
                    0%, 70% {
                        opacity: 0;
                        transform: translateY(100%);
                    }

                    100% {
                        opacity: 1;
                        transform: translateY(0);
                    }
                }

                /*****************************************/
                /* Cliff diving */
                /*****************************************/
                $owl-fxCliffDiving: 0.9s cubic-bezier(0.7, 0, 0.3, 1) !default; .fxCliffDiving {
                    .owl-item;

                {
                    transform-origin: 50% 400%;
                    &:after;

                {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    opacity: 0;
                    pointer-events: none;
                    background-color: rgba(0, 0, 0, 1);
                    transition: opacity $owl-fxCliffDiving;
                }

                &.fxCliffDivingInNext,
                &.fxCliffDivingInPrev {
                    opacity: 1;
                }

                }
                }

                .fxCliffDivingOutNext {
                    animation: rotateOutCircLeft $owl-fxCliffDiving;
                }

                .fxCliffDivingInNext {
                    animation: rotateInCircRight $owl-fxCliffDiving;
                }

                .fxCliffDivingOutPrev {
                    animation: rotateOutCircRight $owl-fxCliffDiving;
                }

                .fxCliffDivingInPrev {
                    animation: rotateInCircLeft $owl-fxCliffDiving;
                }

                @keyframes rotateOutCircLeft {
                    from {
                    }

                    to {
                        transform: rotate(-20deg) translateX(-100%);
                    }
                }

                @keyframes rotateInCircRight {
                    from {
                        transform: rotate(20deg) translateX(100%);
                    }

                    to {
                        transform: rotate(0deg) translateX(0);
                    }
                }

                @keyframes rotateOutCircRight {
                    from {
                    }

                    to {
                        transform: rotate(20deg) translateX(100%);
                    }
                }

                @keyframes rotateInCircLeft {
                    from {
                        transform: rotate(-20deg) translateX(-100%);
                    }

                    to {
                        transform: rotate(0deg) translateX(0);
                    }
                }

                // Common styles // ==================================== body {
                    font: 16px/1.5 Verdana, sans-serif;
                    color: #333;
                    background-color: #fff;
                }


                .owl-nav {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    width: 100%;
                    text-align: left !important;
                    margin-top: 0;
                    height: 0;
                    [class*="owl-"];

                {
                    transform: translateY(-50%);
                    margin: 0 20px !important;
                    padding: 8px 14px !important;
                }

                }

                .owl-next {
                    float: right;
                }

                .owl-dots {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    width: 100%;
                    .owl-dot span;

                {
                    width: 14px !important;
                    height: 14px !important;
                }

                }

                #bannerX .owl-carousel {
                    margin-bottom: 0px;
                    background-color: #333;
                }

                .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
                    background: 0 0;
                    background-color: rgba(0, 0, 0, 0);
                    color: inherit;
                    border: none;
                    padding: 0 !important;
                    font: inherit;
                    background-color: white;
                    opacity: 0.7;
                }


                select {
                    font: inherit;
                    padding: 10px;
                }            
            /*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/  
            /*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/  /*banner slider*/  




/*Master Page Master Page Master Page Master Page Master Page Master Page Master Page Master Page  Master Page Master Page Master Page Master Page Master Page Master Page Master Page Master Page*/  
/*Master Page Master Page Master Page Master Page Master Page Master Page Master Page Master Page  Master Page Master Page Master Page Master Page Master Page Master Page Master Page Master Page*/



/*////////////////RESOURCE CSS COMBINED*//*////////////////RESOURCE CSS COMBINED*//*////////////////RESOURCE CSS COMBINED*/
/*////////////////RESOURCE CSS COMBINED*//*////////////////RESOURCE CSS COMBINED*//*////////////////RESOURCE CSS COMBINED*/
.green {
background-color: #6fb936;
}
.thumb {
margin-bottom: 10px;
}
img.zoom {
z-index: 0;
width: 100%;
height: 400px;
border-radius: 0px;
object-fit: cover;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
}

.red {
background-color: red;
}

.green {
background-color: green;
}

.orange {
background-color: orange;
}

.purle {
background-color: purple;
}

.blue {
background-color: blue;
}

.yellow {
background-color: yellow;
}

.thumbnail.caption {
color: white;
}

.transition {
-webkit-transform: scale(1.2);  
-moz-transform: scale(1.2);	  
-o-transform: scale(1.2);  	 
transform: scale(1.2)  ;
					
-webkit-transition: transform 0.2s ease-in-out;
-moz-transition:transform 0.2s ease-in-out;
-ms-transition:transform 0.2s ease-in-out;
}

.thumbnail {
width: 100%;
height: 500px;
display: block;
color: white;
padding: 0px;
margin-bottom: 0px;
line-height: 0;
border: 0px solid #ddd;
border-radius: 0px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}

		 
.owl-carousel {
display:block;
width:100%;
position:relative;
z-index:1
}
.owl-carousel .owl-stage {
position:relative
}
.owl-carousel .owl-stage::after {
content:'.';
display:block;
clear:both;
visibility:hidden;
line-height:0;
height:0
}
.owl-carousel.owl-fluid-scroll .owl-stage {
transition:transform 5s linear !important
}
.owl-carousel .owl-stage-outer {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
position:relative
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility:visible !important;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
backface-visibility:visible !important;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
-webkit-backface-visibility:visible !important;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
backface-visibility:visible !important;
position:relative;
min-height:1px;
float:left
}
.owl-carousel .owl-item .owl-lazy {
opacity:0;
transition:opacity 400ms ease
}
.owl-carousel .owl-item img.owl-lazy {
transform-style:preserve-3d
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display:none
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-transition:transform 0.3s ease;
transition:transform 0.3s ease;
cursor:pointer;
position:absolute;
top:50%;
background-position:center center;
background-repeat:no-repeat;
background-color:transparent;
width:33px;
height:40px;
padding:10px
}
.owl-carousel .owl-nav .owl-prev {
left:calc(50% - 750px);
margin:0 0 0 15px;
background-image:url("/sites/cheetos.com/themes/cheetos/img/arrow-prev.png?1")
}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-prev:focus {
-webkit-transform:translate(-10px, -50%);
transform:translate(-10px, -50%)
}
.owl-carousel .owl-nav .owl-next {
right:calc(50% - 740px);
margin:0 15px 0 0;
background-image:url("/sites/cheetos.com/themes/cheetos/img/arrow-next.png?1")
}
.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-next:focus {
-webkit-transform:translate(10px, -50%);
transform:translate(10px, -50%)
}
.owl-carousel .owl-dot {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer
}
.owl-carousel.owl-loaded {
display:block
}
.owl-carousel.owl-loading {
opacity:0;
display:block
}
.owl-carousel.owl-hidden {
opacity:0
}
.owl-carousel.owl-refresh .owl-item {
visibility:hidden
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.owl-carousel.owl-grab {
cursor:move
}
.owl-carousel.owl-rtl {
direction:rtl
}
.owl-carousel.owl-rtl .owl-item {
float:right
}
.owl-carousel .owl-dots {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:-moz-box;
display:flex;
-webkit-justify-content:center;
-ms-justify-content:center;
justify-content:center;
-webkit-align-items:flex-start;
-ms-align-items:flex-start;
align-items:flex-start;
-webkit-align-content:flex-start;
-ms-align-content:flex-start;
align-content:flex-start;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:wrap;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
padding:0 15px;
bottom:1%;
width:100%;
position:absolute
}
.owl-carousel .owl-dots .owl-dot {
background:none;
margin:0 4px
}
.owl-carousel .owl-dots .owl-dot span {
transition: all 0.5s ease;
display: block;
width: 55px;
height: 4px;
background: #fff;
box-shadow: 1px 1px 10px 3px #9D9D9DD7;
}
.owl-carousel .owl-dots .owl-dot span.srt {
width:0;
height:0
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
background: 0 0;
background-color: rgba(0, 0, 0, 0);
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
background-color: white;
opacity: 1;
}
.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot:focus span, .owl-carousel .owl-dots .owl-dot.active span {
background: yellow;
}
.no-js .owl-carousel {
display:block
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {
transition:height 500ms ease-in-out
}
@media (max-width: 1180px) {
.owl-carousel .owl-nav .owl-prev {
left:0
}
.owl-carousel .owl-nav .owl-next {
right:0
}
}
@media (max-width: 767px) {
#home-slider .owl-carousel .owl-nav .owl-prev,
#home-slider .owl-carousel .owl-nav .owl-next {
display:none !important
}
}
.products-slider.owl-carousel .owl-nav .owl-prev,
.products-slider.owl-carousel .owl-nav .owl-next {
top:75px
}
@media (max-width: 420px) {
.products-slider.owl-carousel .owl-nav .owl-prev,
.products-slider.owl-carousel .owl-nav .owl-next {
top:17vw
}
}
.recipes-slider.owl-carousel .owl-nav .owl-prev,
.recipes-slider.owl-carousel .owl-nav .owl-next {
top:100px
}
@media (max-width: 1180px) {
.recipes-slider.owl-carousel .owl-nav .owl-prev,
.recipes-slider.owl-carousel .owl-nav .owl-next {
top:7vw
}
}
@media (max-width: 767px) {
.recipes-slider.owl-carousel .owl-nav .owl-prev,
.recipes-slider.owl-carousel .owl-nav .owl-next {
top:22vw
}
}
@media (max-width: 420px) {
.recipes-slider.owl-carousel .owl-nav .owl-prev,
.recipes-slider.owl-carousel .owl-nav .owl-next {
top:17vw
}
}
@media (max-width: 767px) {
.owl-carousel .owl-dots .owl-dot {
margin:0 8px
}
.owl-carousel .owl-dots .owl-dot span {
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
width:10px;
height:10px
}
}
.home-slides {
border:0;
padding:0;
display:block;
width:100%;
overflow:hidden
}
.home-slides .slides-container {
height:37vw !important
}
.home-slides .slide {
height:37vw;
position:relative;
width:100%;
text-align:center;
background-size:cover;
background-position:center center;
overflow:hidden
}
.home-slides .slide .content-container {
height:37vw;
position:relative
}
.home-slides .slide .content {
-webkit-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);
width:calc(100% - 3px);
top:50%;
text-align:center;
margin:0 auto;
position:absolute
}
.home-slides .slide .headline-parent {
max-width:700px;
text-align:center;
margin:0 auto
}
.home-slides .slide h2 {
-webkit-text-shadow:0 0 40px #000;
-moz-text-shadow:0 0 40px #000;
text-shadow:0 0 40px #000;
color:#fff;
font-size:66px;
line-height:1;
text-align:center
}
.home-slides .slide .btn-parent {
text-align:center;
padding:3% 0 0
}
.home-slides .slide>a.full-link {
display:block;
height:100%;
position:absolute;
width:100%;
z-index:5
}
.home-slides .slide iframe,
.home-slides .slide video {
box-sizing:border-box;
height:56.25vw;
left:50%;
min-height:100%;
min-width:100%;
transform:translate(-50%, -50%);
position:absolute;
top:50%;
width:177.77777778vh;
z-index:3;
max-width:none
}
.home-slides .slide iframe {
-webkit-transition:opacity 0.5s ease;
transition:opacity 0.5s ease;
opacity:0
}
.home-slides .slide iframe.playing {
opacity:1
}
.home-slides .slide .slide-video-layer {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:4
}
.home-slides .slide .slide-video-layer.ios {
display:none
}
.home-slides .owl-nav .owl-prev,
.home-slides .owl-nav .owl-next {
-webkit-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0)
}
@media (max-width: 767px) {
.home-slides {
width:100%;
margin-top:0;
display:block;
overflow:hidden;
position:relative;
margin-left:auto;
margin-right:auto
}
.home-slides .slides-container {
height:128vw !important
}
.home-slides .content-container {
height:37vw
}
.home-slides #video-mobile {
display:block
}
.home-slides .slide {
height:128vw
}
.home-slides .slide .content-container {
height:128vw
}
.home-slides .slide h2 {
font-size:40px;
padding:0 46px
}
}
@-moz-keyframes buttonHover {
0% {
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0);
opacity:.3
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
@-webkit-keyframes buttonHover {
0% {
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0);
opacity:.3
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
@-o-keyframes buttonHover {
0% {
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0);
opacity:.3
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
@keyframes buttonHover {
0% {
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0);
opacity:.3
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
opacity:1
}
}
.products {
position:relative
}
.products.slider {
padding-bottom:0
}
.products .inner {
position:relative
}
.products .products-container {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:-moz-box;
display:flex;
-webkit-justify-content:center;
-ms-justify-content:center;
justify-content:center;
-webkit-align-items:flex-start;
-ms-align-items:flex-start;
align-items:flex-start;
-webkit-align-content:flex-start;
-ms-align-content:flex-start;
align-content:flex-start;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
margin:0 -15px -50px;
width:calc(100% + 3px)
}
.products .product {
width:25%;
padding:0 15px;
margin:0 0 50px;
display:block
}
.products .product .img-container {
transition:all 0.5s ease;
position:relative;
text-align:center
}
.products .product .img-container .img-content {
transition:all 0.5s ease;
position:relative
}
.products .product .img-container img {
-webkit-filter:drop-shadow(0 5px 20px rgba(0,0,0,0.75));
filter:drop-shadow(0 5px 20px rgba(0,0,0,0.75));
-ms-filter:'progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color="$color")';
filter:'progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color="$color")';
max-height:263px
}
.products .product .product-body {
transition:all 0.5s ease
}
.products .product .title-container {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:-moz-box;
display:flex;
-webkit-justify-content:flex-start;
-ms-justify-content:flex-start;
justify-content:flex-start;
-webkit-align-items:center;
-ms-align-items:center;
align-items:center;
-webkit-align-content:flex-start;
-ms-align-content:flex-start;
align-content:flex-start;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
margin:30px 0;
height:48px;
position:relative;
overflow:hidden
}
.products .product .title-container h3 {
color:#fff;
font-size:20px;
line-height:1.2;
text-align:center;
max-height:48px;
width:100%
}
@media (min-width: 768px) {
.products .product:hover .img-container,
.products .product:focus .img-container {
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg)
}
}
.products .products-slider,
.products .related-products-slider,
.products .madewith-slider {
position:relative
}
.products .products-slider .product,
.products .related-products-slider .product,
.products .madewith-slider .product {
width:auto;
margin:0;
padding:0 10px;
text-align:center
}
.products .products-slider.owl-carousel .owl-stage-outer,
.products .related-products-slider.owl-carousel .owl-stage-outer,
.products .madewith-slider.owl-carousel .owl-stage-outer {
overflow:hidden;
margin:-80px 0 0;
padding:80px 0 0
}
.products .products-slider.owl-carousel .owl-nav .owl-prev,
.products .related-products-slider.owl-carousel .owl-nav .owl-prev,
.products .madewith-slider.owl-carousel .owl-nav .owl-prev {
left:0;
margin:80px 0 0
}
.products .products-slider.owl-carousel .owl-nav .owl-next,
.products .related-products-slider.owl-carousel .owl-nav .owl-next,
.products .madewith-slider.owl-carousel .owl-nav .owl-next {
right:0;
margin:80px 0 0
}
.products .products-slider.owl-carousel .owl-dots,
.products .related-products-slider.owl-carousel .owl-dots,
.products .madewith-slider.owl-carousel .owl-dots {
position:relative;
margin:0 0 40px
}
.products .products-slider.owl-carousel .owl-dots .owl-dot span,
.products .related-products-slider.owl-carousel .owl-dots .owl-dot span,
.products .madewith-slider.owl-carousel .owl-dots .owl-dot span {
/*! background:rgba(255,255,255,0.4) */
}
.products .products-slider.owl-carousel .owl-dots .owl-dot:hover span,
.products .products-slider.owl-carousel .owl-dots .owl-dot:focus span,
.products .products-slider.owl-carousel .owl-dots .owl-dot.active span,
.products .related-products-slider.owl-carousel .owl-dots .owl-dot:hover span,
.products .related-products-slider.owl-carousel .owl-dots .owl-dot:focus span,
.products .related-products-slider.owl-carousel .owl-dots .owl-dot.active span,
.products .madewith-slider.owl-carousel .owl-dots .owl-dot:hover span,
.products .madewith-slider.owl-carousel .owl-dots .owl-dot:focus span,
.products .madewith-slider.owl-carousel .owl-dots .owl-dot.active span {
background:#000
}
.products .products-slider .product .title-container,
.products .related-products-slider .product .title-container {
margin:80px 0 30px
}
@media (min-width: 768px) {
.products .products-slider .product .title-container,
.products .related-products-slider .product .title-container {
display:block;
height:auto;
overflow:visible
}
.products .products-slider .product .title-container h3,
.products .related-products-slider .product .title-container h3 {
-webkit-transform:translate3d(-50%, 0, 0);
transform:translate3d(-50%, 0, 0);
white-space:nowrap;
margin:0 0 0 50%;
display:inline-block;
width:auto;
max-height:none
}
}
.products .products-slider .product .img-container img,
.products .related-products-slider .product .img-container img {
-webkit-filter:drop-shadow(0 5px 20px transparent);
filter:drop-shadow(0 5px 20px transparent);
-ms-filter:'progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color="$color")';
filter:'progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color="$color")'
}
@media (min-width: 768px) {
.products .products-slider .product:hover .img-container,
.products .products-slider .product:focus .img-container,
.products .related-products-slider .product:hover .img-container,
.products .related-products-slider .product:focus .img-container {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.products .products-slider .product .product-body,
.products .related-products-slider .product .product-body {
display:block;
opacity:0;
pointer-events:none;
cursor:default;
z-index:1
}
.products .products-slider.owl-carousel .owl-stage-outer,
.products .related-products-slider.owl-carousel .owl-stage-outer {
padding:80px 0 40px
}
.products .products-slider.owl-carousel .owl-item.center,
.products .related-products-slider.owl-carousel .owl-item.center {
z-index:4
}
.products .products-slider.owl-carousel .owl-item.center .product .img-container,
.products .related-products-slider.owl-carousel .owl-item.center .product .img-container {
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg)
}
.products .products-slider.owl-carousel .owl-item.center .product .img-container .img-content,
.products .related-products-slider.owl-carousel .owl-item.center .product .img-container .img-content {
-webkit-transform:scale(1.25);
transform:scale(1.25)
}
.products .products-slider.owl-carousel .owl-item.center .product .img-container img,
.products .related-products-slider.owl-carousel .owl-item.center .product .img-container img {
-webkit-filter:drop-shadow(0 5px 20px rgba(0,0,0,0.75));
filter:drop-shadow(0 5px 20px rgba(0,0,0,0.75));
-ms-filter:'progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color="$color")';
filter:'progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color="$color")'
}
.products .products-slider.owl-carousel .owl-item.center .product .product-body,
.products .related-products-slider.owl-carousel .owl-item.center .product .product-body {
cursor:pointer;
pointer-events:auto;
z-index:3;
opacity:1
}
@media (min-width: 768px) {
.products .products-slider.owl-carousel.owl-grab .owl-item .product .product-body,
.products .related-products-slider.owl-carousel.owl-grab .owl-item .product .product-body {
opacity:0
}
}
.products .products-slider.owl-carousel .owl-stage-outer {
padding:80px 0 0
}
.products .products-slider.owl-carousel .owl-nav {
display:flex !important;
}
.products .products-slider.owl-carousel .owl-dots {
display:flex !important
}
.products .related-products-slider .product .btn-container {
padding:80px 0 0
}
.products .madewith-slider .product {
text-align:left;
padding:0
}
.products .madewith-slider .product .title-container {
margin:20px 0
}
.products .madewith-slider .product .title-container h3 {
text-align:left
}
.products .madewith-slider .product .img-container img {
max-width:100%;
max-height:initial;
float:none;
border:0
}
@media (min-width: 768px) {
.products .madewith-slider .product:hover .img-container,
.products .madewith-slider .product:focus .img-container {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.products .madewith-slider .grid {
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:-moz-box;
display:flex;
-webkit-justify-content:flex-start;
-ms-justify-content:flex-start;
justify-content:flex-start;
-webkit-align-items:center;
-ms-align-items:center;
align-items:center;
-webkit-align-content:flex-start;
-ms-align-content:flex-start;
align-content:flex-start;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row
}
.products .madewith-slider .grid>div:first-child {
width:40%;
padding:0 20px 0 0
}
.products .madewith-slider .grid>div:first-child+div {
width:60%;
padding:0 30px 0 0
}
.products .madewith-slider.owl-carousel .owl-stage-outer {
overflow:visible
}
.products .madewith-slider.owl-carousel .owl-dots {
top:20px;
left:15px
}
.products .btn-parent {
padding:0 0 50px
}
@media (max-width: 979px) {
.page-products .products .product,
.page-search .products .product {
width:33.33333333%
}
.page-products .products .product .wow,
.page-search .products .product .wow {
animation:none !important;
visibility:visible !important
}
}
@media (max-width: 767px) {
.products .products-container {
margin-bottom:-35px
}
.products .products-slider .product .title-container,
.products .related-products-slider .product .title-container {
margin:80px -30% 15px;
width:160%
}
.products .products-slider.owl-carousel,
.products .related-products-slider.owl-carousel {
padding:0 20%
}
.products .products-slider.owl-carousel .owl-stage-outer,
.products .related-products-slider.owl-carousel .owl-stage-outer {
padding:80px 0 35px;
overflow:visible
}
.products .products-slider.owl-carousel .owl-stage-outer {
padding-bottom:15px
}
.products .madewith-slider .product {
text-align:center
}
.products .madewith-slider .product .title-container h3 {
text-align:center;
max-width:85%;
margin:0 auto
}
.products .madewith-slider .grid {
display:block
}
.products .madewith-slider .grid>div:first-child {
width:initial;
padding:0
}
.products .madewith-slider .grid>div:first-child+div {
width:initial;
padding:0
}
.products .product {
width:50%;
margin:0 0 35px
}
.products .product .title-container {
margin:15px 0
}
.page-products .products .product,
.page-search .products .product {
width:50%
}
}
@media (max-width: 350px) {
.products .products-grid .title-container {
margin:20px 0;
height:36px
}
.products .products-grid .title-container h3 {
font-size:15px;
max-height:36px
}
}


.tv-block-heading {
margin-bottom: 20px;
}


.item.responsive_img_size {
width: 350px;
height: auto;
text-align: center;
} 

.item.responsive_img_size img {
height: 380px;
max-height: 380px;
}

.owl-carousel .owl-item img {
display: unset !important;
width: auto;
}

/*////////////////RESOURCE CSS COMBINED*//*////////////////RESOURCE CSS COMBINED*//*////////////////RESOURCE CSS COMBINED*/
/*////////////////RESOURCE CSS COMBINED*//*////////////////RESOURCE CSS COMBINED*//*////////////////RESOURCE CSS COMBINED*/