/* SVN FILE: $Id: _indexFullscreens.css 180 2016-05-18 14:51:36Z Wolff $ */
/**
 * @lastChangedBy       $LastChangedBy: Wolff $
 * @copyright           ARZA STUDIO
 * @version             $Revision: 180 $
 * @date                $Date: 2016-05-18 16:51:36 +0200 (mer., 18 mai 2016) $
 * @license             LICENSE.TXT
 * @filesource          $URL: https://svn.arza-studio.com/ikos/trunk/protected/modules/media/assets/media/index/_indexFullscreens.css $
 */
#indexFullscreens
{
    position: relative;
}
    #indexFullscreensSlider
    {
        z-index: 1;
        background-image: url('../../../images/layouts/lazyLoader.svg');
        background-position: center;
        background-size: 44px 44px;
        background-repeat: no-repeat;
    }
        #indexFullscreens .owl-carousel,
        #indexFullscreens .owl-stage-outer,
        #indexFullscreens .owl-stage,
        #indexFullscreens .owl-item,
        #indexFullscreens .item,
        #indexFullscreens .slide,
        #indexFullscreens .slideBackground,
        #indexFullscreens .slideBackgroundFilter
        {
            height: inherit;
            overflow: hidden;
        }
        #indexFullscreens .slide
        {
            opacity: 0;
            perspective: 1000px;
        }
            #indexFullscreens .slideBackground
            {
                z-index: 1;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                /*-webkit-transform: scale(1.1);
                -moz-transform: scale(1.1);
                -o-transform: scale(1.1);
                transform: scale(1.1);
                -webkit-transition: -webkit-transform .6s linear;
                -moz-transition: -moz-transform 6s linear;
                -o-transition: -o-transform 6s linear;
                transition: transform 6s linear;
                -webkit-transform-origin:center;
                -moz-transform-origin:center;
                -o-transform-origin:center;
                transform-origin:center;
                -webkit-transform-style: flat;
                -moz-transform-style: flat;
                -o-transform-style: flat;
                transform-style: flat;*/
            }
            #indexFullscreens .onTransition .slideBackground
            {
                /*-webkit-transform: scale(1);
                -moz-transform: scale(1);
                -o-transform: scale(1);
                transform: scale(1);
                -webkit-transform-style: flat;
                -moz-transform-style: flat;
                -o-transform-style: flat;
                transform-style: flat;*/
            }
            #indexFullscreens .slideBackgroundFilter
            {
                z-index: 2;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                background-color: rgba(0, 0, 0, 0.4);
            }
            #indexFullscreens .slideContent
            {
                z-index: 3;
                position: absolute;
                top: 50%;
                left: 50%;
                width: 100%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                text-align: center;
            }
                #indexFullscreens .slideLogo
                {
                    text-align: center;
                }
                    #indexFullscreens .slideLogo img
                    {
                        display: inline-block;
                    }
                    #indexFullscreens .slideLogo.logoHoriz img
                    {
                        height: auto;
                        width: 60%;
                        max-width: 250px;
                        max-height: none;
                    }
                    #indexFullscreens .slideLogo.logoVerti img
                    {
                        width: 100%:
                        height: auto;
                        max-height: 100px;
                        max-width: none;
                        object-fit: contain;
                    }
                    @media (min-width: 992px) and (min-height: 600px)
                    {
                        #indexFullscreens .slideLogo.logoVerti img
                        {
                            max-height: 120px;
                        }
                    }
                    @media (min-width: 992px) and (min-height: 700px)
                    {
                        #indexFullscreens .slideLogo.logoHoriz img,
                        #indexFullscreens .slideLogo.logoVerti img
                        {
                            height: auto;
                            width: 60%;
                            max-width: 350px;
                            max-height: none;
                        }
                    }
                #indexFullscreens .slideTitle
                {
                    color: white;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 400;
                    font-size: 18px;
                    line-height: 1.3;
                    margin: 6vh 0 3vh 0;
                    text-transform: uppercase;
                }
                @media (min-width: 768px) and (min-height: 600px)
                {
                    #indexFullscreens .slideTitle
                    {
                        font-size: 33px;
                    }
                }
                @media (min-width: 1200px) and (min-height: 700px)
                {
                    #indexFullscreens .slideTitle
                    {
                        font-size: 40px;
                    }
                }
                #indexFullscreens .slideSubtitle
                {
                    padding: 0 10%;
                    color: white;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size: 13px;
                    line-height: 1.3;
                    text-transform: uppercase;
                }
                @media (min-width: 768px)
                {
                    #indexFullscreens .slideSubtitle
                    {
                        padding: 0 25%;
                        font-size: 15px;
                    }
                }
                @media (min-width: 1200px)
                {
                    #indexFullscreens .slideSubtitle
                    {
                        font-size: 20px;
                    }
                }
    #indexFullscreens .bottomArrow
    {
        position: absolute;
        z-index: 2;
        left: 50%;
        cursor: pointer;
        margin-left: -50px;
        width: 80px;
        height: 22.3px;
        bottom: 15px;
    }
    @media (min-width: 768px)
    {
        #indexFullscreens .bottomArrow
        {
            width: 100px;
            height: 27.8px;
            bottom: 25px;
        }
    }
        #indexFullscreens .bottomArrow polygon
        {
            fill: white;
        }
    #indexFullscreens .catchphrase
    {
        position: absolute;
        z-index: 2;
        height: auto;
        width: 100%;
        padding: 0 15px;
        line-height: 1.2;
        letter-spacing: 0.25px;
        color: white;
        text-align: center;
        font-size: 11px;
		font-weight: 400;
        bottom: 60px;
        display: none;
    }
    @media (min-height: 550px)
    {
        #indexFullscreens .catchphrase
        {
            display: block;
        }
    }
    @media (min-width: 768px)
    {
        #indexFullscreens .catchphrase
        {
            letter-spacing: 0.5px;
            font-size: 14px;
            bottom: 115px;
        }
    }
        #indexFullscreens .catchphrase span
        {
            display: none;
        }
        @media (min-width: 768px)
        {
            #indexFullscreens .catchphrase span
            {
                display: inline;
            }
        }
        #indexFullscreens .catchphrase br
        {
            display: block;
        }
        @media (min-width: 768px)
        {
            #indexFullscreens .catchphrase br
            {
                display: none;
            }
        }