/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@mediass only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
a {color: #ff0000}

body {font-family: 'Source Sans Pro', sans-serif; background: #131112; padding-top: 10px; }
input, select {font-family: 'Source Sans Pro', sans-serif;}
a {text-decoration: none;}
nav a {color: #000000}

h1.title {line-height: 5rem; font-size: 19px; margin: 0px; padding: 0px; text-align: center; color: #ffffff;  font-weight: 600; text-transform: uppercase }
h1.white-title {line-height: 5rem; font-size: 19px;  margin: 0px; padding: 0px; text-align: center; color: #000000; background: #ffffff; font-weight: 600;  text-transform: uppercase}

.bold {font-weight: 700}
.semibold {font-weight: 600}
.light {font-weight: 300}

.w-x1 {width: 4.166666666%}
.w-x2 {width: 8.333333333%}
.w-x4 {width: 16.66666666%}
.w-x5 {width: 17.2222%}
.w-x6 {width: 25%}
.w-x8 {width: 33.3333333333%}
.w-x12 {width: 50%}
.w-x15 {width: 62.49999999%}
.w-x14 {width: 58.333333333%}
.w-x16 {width: 66.666666666%}
.w-x20 {width: 83.333333333%}
.w-x24 {width: 100%}


.w-x8 .w-x4 {width: 50%}
.w-x12 .w-x4 {width: 33.33333333%}
.w-x8 .w-x8 {width: 100%}
.w-x12 .w-x12 {width: 100%}
.w-x16 .w-x4 {width: 25%}
.w-x12 .w-x8 {width: 66.6666666%}
.w-x8 .w-x4 {width: 50%}
.w-x4 .w-x4 {width: 100%}
.w-x8 .w-x4 {width: 50%}
.w-x16 .w-x8 .w-x4 {width: 50%}
.w-x16 .w-x8 {width: 50%}
/*

a.w-x12.h-x8:hover .grid-item {background: none; transition: background-color 400ms linear;}
a.w-x12.h-x8:hover .grid-item:after {display: none; transition: background-color 400ms linear}
a.w-x16.h-x8:hover .grid-item {background: none; transition: background-color 400ms linear;}
a.w-x16.h-x8:hover .grid-item:after {display: none; transition: background-color 400ms linear}
a.w-x20.h-x8:hover .grid-item {background: none; transition: background-color 400ms linear;}
a.w-x20.h-x8:hover .grid-item:after {display: none; transition: background-color 400ms linear}
a.w-x24.h-x8:hover .grid-item {background: none; transition: background-color 400ms linear;}
a.w-x24.h-x8:hover .grid-item:after {display: none; transition: background-color 400ms linear}

a.w-x8.h-x8:hover .grid-item {background: none; transition: background-color 400ms linear;}
a.w-x8.h-x8:hover .grid-item:after {display: none; transition: background-color 400ms linear}

a.w-x12.h-x8:hover .g-dark-gray {background: none; transition: background-color 400ms linear;}
a.w-x12.h-x8:hover .g-dark-gray:after {display: none; transition: background-color 400ms linear}
a.w-x8.h-x8:hover .g-dark-gray {background: none; transition: background-color 400ms linear;}
a.w-x8.h-x8:hover .g-dark-gray:after {display: none; transition: background-color 400ms linear}


a.w-x12.h-x8:hover .g-white {background: none; transition: background-color 400ms linear;}
a.w-x12.h-x8:hover .g-white:after {display: none; transition: background-color 400ms linear}

a.w-x8.h-x8:hover .g-white {background: none; transition: background-color 400ms linear;}
a.w-x8.h-x8:hover .g-white:after {display: none; transition: background-color 400ms linear}
*/


.grid-item .border {z-index: 100; border: 4px solid #ff0000; width: 105%; height: 105%; position: absolute; left: -3%; top: -2%; pointer-events: none;	transition: 0.3s ease-in-out;}
.grid-item:hover .border {left: 2%; top: 1%; width:95%; height: 95%;}

.grid-item.w-x12:hover .border {left: 1%; width:97%; }
.grid-item.w-x8:hover .border {left: 1.4%; width:95.6%; }
.grid-item.w-x8:hover span.position{left: 1.4%; top: 2.5%}

.grid-item.w-x4:hover .border {left: 2.4%; width:92% ; transition: 0.3s ease-in-out; }
.grid-item.w-x8:hover span.position{left: 1.4%; top: 2.5%}

.grid-item.h-x8:hover .border {top: 1.2%; height: 95.5%;}
.grid-item.h-x4:hover .border {top: 2.6%; height: 91.0%;}



.g-red {background: #ff0000; display: block; color: #ffffff; }
.g-red:after {width: 15px; height: 15px; background: #ff0000; content: '';  display: block;  position: absolute; transform: rotate(45deg);  -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.arrow-up:after { right: 15%; top: -5px;}
.arrow-down:after {right: 15%; bottom: -5px}
.arrow-left:after { left: -5px; top: 15%;}
.arrow-right:after { right: -5px; top: 15%;}
.arrow-right-middle:after { right: -5px; top: 43%;}

.g-dark-gray {background: #161617; display: block; color: #ffffff; }
.g-dark-gray span.more {border-bottom: 1px solid #ffffff; }
.g-dark-gray span.more:after {  border-right:2px solid #ffffff;  border-top:2px solid #ffffff;}
.g-dark-gray:after {width: 15px; height: 15px; background: #161617; content: '';  display: block;  position: absolute; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.g-black {background: #131112; display: block; color: #ffffff; }
.g-black span.more {border-bottom: 1px solid #ffffff; }
.g-black span.more:after {  border-right:2px solid #ffffff;  border-top:2px solid #ffffff;}
.g-black:after {width: 15px; height: 15px; background: #131112; content: '';  display: block;  position: absolute; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);}

.g-white {background: #ffffff; display: block; color: #000000; }
.g-white span.more {border-bottom: 1px solid #000000; }
.g-white span.more:after {  border-right:2px solid #000000;  border-top:2px solid #000000;}
.g-white:after {width: 15px; height: 15px; background: #ffffff; content: '';  display: block;  position: absolute; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);}

.g-light-gray {background: #e8e8e8; display: block; color: #000000; }
.g-light-gray span.more {border-bottom: 1px solid #000000; }
.g-light-gray span.more:after {  border-right:2px solid #000000;  border-top:2px solid #000000;}
.g-light-gray:after {width: 15px; height: 15px; background: #e8e8e8; content: '';  display: block;  position: absolute; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);}

.g-medium-gray {background: #1f1e23; display: block; color: #ffffff; }
.g-medium-gray span.more {border-bottom: 1px solid #ffffff; }
.g-medium-gray span.more:after {  border-right:2px solid #ffffff;  border-top:2px solid #ffffff;}
.g-medium-gray:after {width: 15px; height: 15px; background: #1f1e23; content: '';  display: block;  position: absolute; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);}



/*
.g-red.arrow-right:after {width: 15px; height: 15px; background: #ff0000; content: '';  display: block;  position: absolute; right: -5px; top: 15%;transform: rotate(45deg);}
.g-red.arrow-up:after {width: 15px; height: 15px; background: #ff0000; content: '';  display: block;  position: absolute; right: 15%; top: -5px;transform: rotate(45deg);}

.g-light-gray.arrow-down:after {width: 15px; height: 15px; background: #e8e8e8; content: '';  display: block;  position: absolute; right: 15%; bottom: -5px;transform: rotate(45deg);}
.g-light-gray.arrow-left:after {width: 15px; height: 15px; background: #e8e8e8; content: '';  display: block;  position: absolute; left: -5px; top: 15%;transform: rotate(45deg);}
.g-white.arrow-down:after {width: 15px; height: 15px; background: #ffffff; content: '';  display: block;  position: absolute; right: 15%; bottom: -5px;transform: rotate(45deg);}
.g-white.arrow-left:after {width: 15px; height: 15px; background: #ffffff; content: '';  display: block;  position: absolute; left: -5px; top: 15%;transform: rotate(45deg);}
.g-black.arrow-left:after {width: 15px; height: 15px; background: #000000; content: '';  display: block;  position: absolute; left: -5px; top: 15%;transform: rotate(45deg);}
.g-black.arrow-right:after {width: 15px; height: 15px; background: #000000; content: '';  display: block;  position: absolute; right: -5px; top: 15%;transform: rotate(45deg);}
.g-black.arrow-up:after {width: 15px; height: 15px; background: #000000; content: '';  display: block;  position: absolute; right: 15%; top: -5px;transform: rotate(45deg);}
.g-dark-gray.arrow-right:after {width: 15px; height: 15px; background: #161617; content: '';  display: block;  position: absolute; right: -5px; top: 15%;transform: rotate(45deg);}
.g-dark-gray.arrow-up:after {width: 15px; height: 15px; background: #161617; content: '';  display: block;  position: absolute; right: 15%; top: -5px;transform: rotate(45deg);}
.g-white.arrow-right:after {width: 15px; height: 15px; background: #ffffff; content: '';  display: block;  position: absolute; right: -5px; top: 15%;transform: rotate(45deg);}
.g-white.arrow-up:after {width: 15px; height: 15px; background: #ffffff; content: '';  display: block;  position: absolute; right: 15%; top: -5px;transform: rotate(45deg);}
.g-light-gray.arrow-right:after {width: 15px; height: 15px; background: #e8e8e8; content: '';  display: block;  position: absolute; right: -5px; top: 15%;transform: rotate(45deg);}
.g-light-gray.arrow-up:after {width: 15px; height: 15px; background: #e8e8e8; content: '';  display: block;  position: absolute; right: 15%; top: -5px;transform: rotate(45deg);}
.g-dark-gray.arrow-left:after {width: 15px; height: 15px; background: #161617; content: '';  display: block;  position: absolute; left: -5px; top: 15%;transform: rotate(45deg);}
.g-dark-gray.arrow-down:after {width: 15px; height: 15px; background: #161617; content: '';  display: block;  position: absolute; right: 15%; bottom: -5px;transform: rotate(45deg);}
.g-red.arrow-down:after {width: 15px; height: 15px; background: #ff0000; content: '';  display: block;  position: absolute; right: 15%; bottom: -5px;transform: rotate(45deg);}
.g-red.arrow-left:after {width: 15px; height: 15px; background: #ff0000; content: '';  display: block;  position: absolute; left: -5px; top: 15%;transform: rotate(45deg);}

*/

.bg-black  {background: #131112; }
.bg-light-gray {background: #e8e8e8; }
.bg-medium-gray {background: #1f1e23; }
.no-after:after {  display: none;}

.grid-item.position-left-bootom .grid-item {left: 0px; bottom: 0px; position: absolute !important;}
.grid-item.position-right-top .grid-item {left: auto; bottom: auto; right: 0px; top: 0px; position: absolute !important;}
.grid-item.position-right-bottom .grid-item {left: auto; bottom: 0px; right: 0px; top: auto; position: absolute !important;}

.grid-item.position-left-bottom.w-x4 .grid-img {bottom: auto; top: 0px;}
.grid-item.position-right-bottom.w-x4 .grid-img {bottom: auto; top: 0px;}
.grid-item.position-left-bootom.w-x4 .grid-img {bottom: auto; top: 0px;}
.grid-item.position-right-bootom.w-x4 .grid-img {bottom: auto; top: 0px;}


.grid-block {text-transform: uppercase; font-weight: bold; padding: 18px; color: #000000; font-size: 1rem}


.grid-item {position: relative; display: inline-block; z-index: 10}
.grid-item span.title {clear: both; hyphens: auto; text-transform: uppercase; padding: 15% 15% 5% 15% ;font-size: 1.9rem;  font-weight: 600; line-height: 100%}
.grid-item span {display: block; }
span.more {text-transform: uppercase; font-size: 1rem; font-weight: 700; position: absolute; bottom: 10%; border-bottom: 1px solid #000000; display: block; width: 70%; margin-left: 15%; padding-bottom: 10px}
span.more:after {width: 5px; height: 5px; border-right:2px solid #000000;  border-top:2px solid #000000; content: ''; display: block; float: right; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: 5px;}

.oh {overflow: hidden;}

.grid-img {position:absolute; left: 0px; bottom: 0px; transition: 0.3s; display: block; width: 100%; }
.w-x4 .grid-img {max-width: 250px;}
.grid-item:hover .grid-img {width: 102%; left: -1%; bottom: -1%;}
.grid-img.grid-txt-right:hover {width: 110%; right: 0; bottom: -1%; left: auto;}

.fl {float: left}
.fr {float: right}
.cb {clear: both}
.db {display: block;}
.red {color: #ff0000}
.border-bottom-gray {border-bottom: 1px solid #1f1f22}
.background-gray {background: #1f1f22}
.white {color: #ffffff}

.title-down .grid-item {bottom: 0px!important; top: auto !important; position: absolute; width: 100%}
.title-down .grid-img {top: 00px;}
.va-middle {display: inline-block; vertical-align: middle; position: absolute; top: 19px}
.select {position: relative; cursor: pointer; border-bottom: 1px solid #ffffff; color: #ffffff; text-transform: uppercase; width: 80%; font-size: 1rem; font-weight: bold; letter-spacing:1px; padding: 0 0 10px 0; margin: 13px auto 0 auto; cursor: pointer; }
.select:after { margin-top: 4px; width: 5px; height: 5px; border-right:2px solid #000000;  border-top:2px solid #000000; content: ''; display: block; float: right; transform: rotate(135deg); -ms-transform: rotate(135); -webkit-transform: rotate(135deg);border-right:2px solid #ffffff;  border-top:2px solid #ffffff;}
/*.social-bg {background: transparent url('/tpl/img/social-icons.png') }*/
.bg-login-search-icons {background: transparent url('/tpl/img/login-search-icons.png') no-repeat right; background-size:cover;z-index:9999  }
.social-bg {
    text-align: right;
}
.social-bg a {display: inline-block; width: 12%; height: 100%;  margin-top:  15px; opacity: 0.4; transition: opacity 0.5s;}
.social-bg.pdtop a.icon-flickr {width: 15%}
.social-bg a.icon-flickr {width: 8%}
.social-bg a:hover { opacity: 1;}
footer .social-bg a { margin-top: 0; height: auto}

.bg-login-search-icons a {display: block; width: 100%; height: 100%; float: left;}
.bg-white {background: #ffffff;}
.lh95 {line-height: 95%}
.ls-1 {letter-spacing: -1px;}


nav .menu-container { float: left;}
nav .menu-container a.level-1 {text-transform: uppercase;  font-weight: 700; font-size: 1.2rem; padding: 18px 22px; display: inline-block; position: relative}
.submenu {position: absolute; top: 50px; left: 0px; background: #ffffff; z-index: 200; padding-bottom: 10px; display: none; width: 100%; padding: 10px 0 20px 0;}
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
nav .menu-container:hover .submenu {display: block; -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
}

nav {z-index: 9999}
.gallery {position: relative; z-index: 1000}

h2 {color: #ffffff; font-weight: 300;  font-size: 1.83rem; margin: 0px; padding: 53px 0 0 0px;}
a.more {color: #000000; font-size: 1rem;  font-weight: 700;  border-bottom: 1px solid #000000; display: block; width: 80%;  padding-bottom: 10px; margin: 15px auto; text-transform: uppercase}
a.more:after {width: 5px; height: 5px; border-right:2px solid #000000;  border-top:2px solid #000000; content: ''; display: block; float: right; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: 5px;}

.cinema-hp {background: #1f1f22 url('/tpl/img/cinema-hp-bg.png') no-repeat right bottom; color: #ffffff}
.cinema-hp h3 {text-transform: uppercase; line-height: 100%; font-size: 18px; padding: 50px 0 0 50px ; margin: 0px;}
.cinema-inner {padding: 30px 0 0 50px ; font-size: 1.4rem; font-weight: 300}
span.marker {font-size: 1.6rem; font-weight: normal; margin: 10px 0; padding: 0 0 0 20px; background: transparent url('/tpl/img/marker-hp.png') no-repeat }
a.button {color: #ffffff; float: left; letter-spacing: 1px; border: 2px solid #ff0000; padding: 6px 30px; font-size: 1.3rem; margin: 20px 0 0 0; position: relative; font-weight: 700}
a.button:after {width: 7px; height: 7px; border-right:2px solid #ff0000;  border-top:2px solid #ff0000; content: ''; display: block; float: right; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: 10px; right: -30px;}
a.button:hover {color: #ff0000}

button.submit {letter-spacing: 1px; text-transform: uppercase; background: transparent; color: #ffffff; float: left; letter-spacing: 1px; border: 2px solid #ff0000; padding: 6px 50px 6px 30px; font-size: 1.3rem; margin: 20px 0 0 0; position: relative; font-weight: 700}
button.submit:after {width: 6px; height: 6px; border-right:2px solid #ff0000;  border-top:2px solid #ff0000; content: ''; display: block; float: right; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: 10px; right: 10px;}
button.submit:hover {color: #ff0000}



.ttu {text-transform: uppercase}
.title-small {font-weight: 600; font-size: 1.4rem; padding: 15%; line-height: 120%; text-transform: uppercase;}
span.date {margin: 0 15%; text-transform: uppercase; font-weight: 600; font-size: 1rem; }
span.grid-content {font-size: 1.4rem;margin: 8% 15% 0 15%;;font-weight: 300}
span.grid-content-box-office {font-size: 1.4rem;margin: 0% 15% 0 15%;;font-weight: 300}
.grid-item span.title-special {padding: 8% 15%; }


span.position {position: absolute; left: 0px; top: 0px; font-size: 1.9rem; color: #ff0000; border: 2px solid #ff0000; width: 40px; height: 40px; text-align: center; line-height: 190%}
.w-x2 span.position {width: 25px; height: 25px; line-height: 160%; font-size: 1.5rem}
.position-bottom-right {bottom: 0px; position: absolute; right: 0px;}
.position-bottom-left {bottom: 0px; position: absolute; left: 0px;}
.box-office-score {font-size: 1.4rem; margin: 5% 15% 0 15%; font-weight: 300; background: transparent url('/tpl/img/icon-star-1.png') no-repeat 0px center; padding: 2px 0 0 20px}

.border-star {margin: 15% 15% 8% 15%; color: #010101; font-size: 1rem; border: 1px solid #010101; float: left; padding: 4px  5px  3px 15px ; font-weight: 600; background: transparent url(/tpl/img/icon-star.png) no-repeat 5px center; text-transform: uppercase}
.border-star.light-margin {margin: 14% 15% 2% 15%}
.grid-txt-right {position: absolute; right: 0px; top: 0px;z-index:0; left: auto;}
.grid-txt-left {position: absolute; left: 0px; top: 0px;z-index:0; right: auto;}
.grid-txt-inner {font-size: 1.4rem; padding: 15%; font-weight: 300}

.play {position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px;}
.play.play-75 {top: 75%;}
.play.play-25 {top: 25%;}



footer .footer-label {float: left ; padding: 30px 20px 0 0 ; font-size:  1.69rem}
footer .footer-label-newsletter {float: left ; padding: 30px 10px 30px 30px ;font-size:  1.69rem }
footer .footer-label-logos {float: left ; padding: 34px 10px 30px 0; font-size:  1.69rem}
footer a.icon {float: left; width: 35px; height: 48px; text-align: center; padding: 34px 0 0 0}

/* footer .social-bg a.icon-flickr {width: 7%} */

input[type=text] {border: 2px solid #ffffff; background: none; float: left ; margin: 19px 0px 0 15px; color: #ffffff; font-size: 12px; padding: 9px 5px; width: 215px;}
input[type=password] {border: 2px solid #ffffff; background: none; float: left ; margin: 19px 0px 0 15px; color: #ffffff; font-size: 12px; padding: 9px 5px; width: 215px;}
.plus-submit {float: left; width: 38px; height: 38px; margin: 0px; padding: 0px; border: 2px solid #ffffff;  background: transparent url('/tpl/img/icon-plus.png') no-repeat center center; border-left: 0px; margin: 19px 0px 0 0; text-indent: 70px; overflow: hidden;}
hr {clear: both; padding: 0px; margin: 0px; border: 0px; border-top: 1px solid #000000}
.icon-partners {float: left; display: block; padding-top: 10px;} /*margin: 20px 0 20px 41px;*/
footer .copyright {color:#535355; font-size: 12px;}

.form-newsletter {margin: 5px 0 0 0}

.grid-item.arrow-left.fr + .grid-txt-right {left: 0; right: auto;}

.breadcrumbs {list-style-type: none; margin: 10px 0 0 0px; padding: 0px}
.breadcrumbs li {float: left; color: #ffffff; font-size: 1.2rem; text-transform: uppercase; padding: 5px 0 0 0}

.breadcrumbs li:after {float: right; content: "\\"; padding: 0 10px}

.breadcrumbs li.home {padding: 2px 0 0 0}
.breadcrumbs li.home:after {content: ""; padding: 0px;}
.breadcrumbs li.home+li:before { content: "\\"; padding: 0 10px}
.breadcrumbs li.active:after {content: ""; padding: 0px;}
.breadcrumbs li a {color: #ffffff}
.paging {text-align: center}
.paging ul {margin: 1.7rem 0 0 0; padding: 0px; display: inline-block; list-style-type: none; font-size: 1.2rem}
.paging li {float: left; width: 25px; text-align: center; color: #ffffff}
.paging li a {  color: #ffffff; width: 25px; text-align: center;display: block}
.paging li.active a {color: #ff0000}
.red {color: #ff0000 !important;}
.grid-pagination {border-top: 1px solid #f1eff0; border-bottom: 1px solid #f1eff0; }
.bg-light-gray {background: #ebebeb}
.news-head-wrap {padding: 5rem}
.news-head-wrap h1 {margin: 0px; padding: 0px; margin: 0px; font-size: 2.7rem; font-weight: bold; text-transform: uppercase; line-height: 110% }
.news-head-wrap .news-credits {font-size:1.2rem; font-weight: bold; text-transform: uppercase; padding: 5px 0}
.news-head-wrap .news-lead {font-size: 1.9rem; font-weight: 300; }
.news-content {background: #ffffff; padding: 3rem 8rem; font-size: 1.9rem; font-weight: 300;}
.news-content p {margin: 0px; padding: 0px;}
.news-content a {color: #ff0000}
.news-content a:hover {color: #000000}
.h-x1 h2 {padding-top: 12px;}
.arrow-right+.grid-img {right: 0px; left: auto;}

.photo-overlay-bg {width: 100%; height: 100%; background: #000000; position: fixed; opacity: 0.9; top: 0px; left: 0px;z-index: 55555}
.photo-overlay {width: 100%; height: 100%; position: fixed;  top: 0px; left: 0px;z-index: 55556}

.button-close {position: absolute; right: 13px; top: 13px; display: block; width: 20px; height: 20px; border: 2px solid #ff0000}
.button-close:after {transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; display: block; content: ''; left: 2px; top:6px; border-top: 1px solid #ff0000; border-right: 1px solid #ff0000; width: 6px; height: 6px; }
.button-close:before {transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; display: block; content: ''; right: 2px; top:6px; border-bottom: 1px solid #ff0000; border-left: 1px solid #ff0000; width: 6px; height: 6px; }

.multimedia-thumbs {bottom: 0px; width: 100%; overflow: hidden; position: absolute}
.multimedia-container {width: 80%; margin: auto; height: 60%;   position: relative;  background-size: contain; background-repeat: no-repeat; background-position: center }
.multimedia-description {color: #ffffff; margin: auto; font-size: 15px; padding: 10px 0 0 0; text-align:  center;}



.button-next {z-index: 66666; position: absolute; right: -24px; top: 50%; display: block; width: 20px; height: 20px; border: 2px solid #ff0000; margin-top: -12px;}
.button-next:after {transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);position: absolute; display: block; content: ''; left: 4px; top:6px; border-top: 2px solid #ff0000; border-right: 2px solid #ff0000; width: 6px; height: 6px; }

.button-prev {z-index: 66666; position: absolute; left: -24px; top: 50%; display: block; width: 20px; height: 20px; border: 2px solid #ff0000; margin-top: -12px;}
.button-prev:after {transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);position: absolute; display: block; content: ''; left:7px; top:6px; border-bottom: 2px solid #ff0000; border-left: 2px solid #ff0000; width: 6px; height: 6px; }

.multimedia-thumbs .button-next {right: 0px;}
.multimedia-thumbs .button-prev {left: 0px;}

.scroller {position: absolute;}
.load-bg {background-image: url(/tpl/img/load.gif); background-position: center }

.show-img {position: relative}
.show-img .gallery-play {position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px;}

div.level-2 { font-size: 1.1rem; font-weight: 700; float: left;   width: 85px; margin: 5px 11px; }
div.level-2 > a {border-bottom: 1px solid #000000; display: block; height: 37px; text-transform: uppercase; padding: 0 0 0 10px; position: relative; margin: 0 0 10px 0 }
.submenu-10197 div.level-2 > a,  .submenu-40 div.level-2 > a {height: 50px}
div.level-2 > a:after {
    border-right: 1px solid #ff0000;
    border-top: 1px solid #ff0000;
    content: "";
    display: block;
    float: right;
    height: 4px;
    position: absolute;
    left: 0px;
    top: 5px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);
    width: 4px;
}

ul.level-3 {margin:0px; padding: 0px;}
ul.level-3 a {font-weight: normal; line-height: 120%; position: relative; display: block;  margin-bottom: 15px; padding-right: 5px; font-size: 12px;}

ul.level-3 a:after {
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    content: "";
    display: block;
    float: right;
    height: 3px;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);
    width: 3px;
    margin-top: -2px;

}


/* a.level-2:after {width: 5px; height: 5px; border-right:2px solid #000000;  border-top:2px solid #000000; content: ''; display: block; float: right; transform: rotate(45deg); margin-top: 5px;} */
.show-img {background: #000000}
.show-img img {opacity: 0.6}
.show-img img.active {opacity: 1}

.bg-white .select {color: #000000; border-bottom: 1px solid #000000}
.bg-white .select:after {border-right: 2px solid #000000; border-top: 2px solid #000000; }

.select.up {}
.select.up:after {transform: rotate(-45deg);  -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-top: 7px; }


.position-relative {position: relative;}

.select-options {position: absolute; top: 43px; width: 100px; width: 100%;  background: #131112; padding: 10px 0 20px 0 ; display: none; z-index: 555555}
.select-options a {display: block; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #ffffff; background: #131112; color: #ffffff; width: 80%; margin: auto; padding: 8px 0}

.bg-white .select-options {position: absolute; top: 43px; width: 100px; width: 100%;  background: #ffffff; padding: 10px 0 20px 0 ; display: none; }
.bg-white .select-options a {display: block; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #000000; background: #ffffff; color: #000000; width: 80%; margin: auto; padding: 8px 0}

.legend {font-size: 1.2rem; padding: 30px 20px;}
.map-info {font-size: 1.2rem; padding: 0 20px;}
.label-1  {font-size: 1.4rem; text-transform: uppercase; font-weight: bold; padding: 15px;}
.bar-details {background: #ff0000; float: left; height: 15px; margin-top: 3px}
.h-x2-middle {padding-top: 40px;}
.box-office-label {font-size: 1.4rem;  text-transform: uppercase; font-weight: bold; text-align: center}
.title_pl {font-size: 1.4rem; text-transform: uppercase; font-weight: bold; padding: 15px 0 0 15px;}
.title_en {font-size: 1.3rem;  padding: 5px 0 0 15px; font-style: italic }
.bo-years {font-size: 1.4rem; border: 0px; margin: 12px 0 0 70px}
/* .w-x8.h-x4 .grid-img {width: 50%} */
.pos-hp-0 {top: auto;}
.pos-hp-3 {top: auto;}


table.boxoffice {
    border: 1px solid #ffffff;
    border-collapse: collapse;
    width: 552px;;
    margin: 5px auto 5px auto;
    width: 90%
}


table.boxoffice th, table.boxoffice td.czerwona_komorka {
    background: #1f1e23;
    border: 1px solid #ffffff;
    color: #fefeff;
    font-weight: bold;
    padding: 8px;
    font-size: 1.4rem;
}


table.boxoffice tr.row1 td {
    background: none repeat scroll 0 0 rgb(246, 246, 246);
}


table.boxoffice tr td {
    font-size: 1.4rem;
    border-color: #ffffff;
    border-image: none;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-style: none solid;
    border-width: medium 1px;
    height: 45px;
    padding: 8px;
}

table.boxoffice tr:nth-child(odd) {background: #eaeaea;}
table.boxoffice tr:nth-child(odd) td { border: solid 1px #ffffff;}
.line-submit {
    background: url("/tpl/img/inline-search.png") repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 19px;
    margin: 12px 12px 0 0;
    width: 21px;
}

.dn {display: none;}

.mfp-close {background: transparent url('/tpl/img/clo')}
.table-gallery-wrap { background: #eaeaea; padding: 11px 10px 10px 10px}
.gallery {table-layout: fixed; }
.gallery.table-items-4 td {width: 25%}
.t-right {text-align: right;}
.v-bottom {vertical-align: bottom}
.v-middle {vertical-align: middle}
.gallery td .selectboxit-container {width: 90%}
.gallery td .selectboxit {width: 100% !important;}
.map-legend {width: 150px; float: left; padding-bottom: 10px; cursor: pointer; overflow: hidden;}
.map-color {width: 9px; height: 9px; float: left; position: relative; border: 1px solid  rgb(206,206,206); margin-top: 2px;}
.map-desc {float: left; margin: 0 0 0 6px; width: 122px;}
.map-checkbox {width: 3px; height: 3px; background: #ffffff; position: absolute; top: 3px; left: 3px; }

table.gallery {background: #eaeaea;  table-layout: fixed; }
table.gallery td {font-size: 1rem; text-transform: uppercase; font-weight: bold; padding: 0px 10px}
.selectboxit-container {margin-top: 0px}
table.gallery td input {font-size: 1rem; font-weight: bold; color: #000000 !important; text-transform: uppercase;width:auto; height: auto; margin: 0px; padding: 0px; border: 0px; border-bottom: 1px solid #000000; padding: 0 0 8px 0; width: 100%; margin: 16px 0 0 0}
tr.second td {padding-bottom: 10px;}
table.albhabet {border: 1px solid #000000; border-collapse: collapse; width: 100%; table-layout: fixed; position: relative; z-index: 99; border-top: 0px !important;}

table.albhabet td {border: 1px solid #000000; font-size: 1rem; font-weight: bold; text-align: center; color: #dddddd; padding: 6px 0 }
table.albhabet td a { color: #000000}

table.albhabet td.active {border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000; position: relative}
table.albhabet td.active:after {content: ""; width: 5px; border: 1px solid #ff0000; position: absolute; bottom:-4px; left: 33%; height: 5px; transform: rotate(42deg); border-left: 1px solid transparent    ;   border-top: 1px solid transparent; background:#ffffff ;}
table.albhabet td.active a {color: #ff0000;}
.subtitle {    padding: 0% 15%;}
a.more.white {border-bottom: 1px solid #ffffff; color: #ffffff;}
a.more.white:after {  border-right:2px solid #ffffff;  border-top:2px solid #ffffff;}
.padding20 {padding: 20px; font-size:1.5rem}
.faq-title {text-transform: uppercase}
.faq-lead {font-size: 1.2rem; padding: 10px 0; height: 70px; width: 60%;}
.faq_title {color: #ffffff; position: relative; background: #1f1e23; display: table; width: 100%; vertical-align: middle; margin-bottom: 2px;}
.faq_title a {color: #ffffff; display: table-cell; vertical-align: middle; padding: 0 40px; text-transform: uppercase; font-size: 1.5rem}
.faq_title:after {width: 5px; height: 5px; border-right:2px solid #ff0000;  border-top:2px solid #ff0000; content: ''; display: block;   transform: rotate(135deg);  -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg);right: 20px; top: 50%; position: absolute; margin-top: -5px;}
.faq_title.active:after {width: 5px; height: 5px; border-right:2px solid #ff0000;  border-top:2px solid #ff0000; content: ''; display: block;   transform: rotate(-45deg);  -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);right: 20px; top: 50%; position: absolute; margin-top: -5px;}
.faq_content {font-size: 1.5rem; color: #ffffff; padding: 20px; font-weight: 300;}
.nice-content {font-size: 1.5rem; padding: 20px;}
.hide {display: none;}
.w50procent {width: 50%; float: left}
.af-form label {float: left; color: #ffffff; text-transform: uppercase; clear: both; width: 100px; font-size: 1.2rem; padding-top: 10px}
.af-form input[type=text] {float: left; margin: 0px 0 10px 0;}
.af-form input[type=password] {float: left; margin: 0px 0 10px 0; }
.af-form div.error { clear: both ; padding: 0 0 10px 0; color: #ff0000; margin: 0 0 0 100px; font-size: 1.2rem}
.form-caption h3 {color: #ffffff; font-size: 1.8rem;  text-transform: uppercase; font-weight: 600}
.form-caption {overflow: hidden ; padding: 20px 40px;}
.link-create {clear: both; padding: 30px 0; font-size: 1.4rem}
.form-recover {clear: both; margin: 5px 0 0 100px; font-size: 1.2rem}
.form-recover label {width: auto; float: none; text-transform: none; padding: 0 0 0 10px}
.recover-pass {color: #ff0000; clear: both; float: left ; margin: 5px 0 0 124px; font-size: 1.2rem}
.social-buttons .button {text-transform: uppercase; width: 200px;}
.social-buttons .button:hover {color: #ffffff}
.social-buttons .button:after {right: 13px;}
.form-wrap {margin: 40px 0 0 0}
.button.link-fb {border-color: #2f52d4}
.button.link-fb:after {border-top-color: #2f52d4; border-right-color: #2f52d4}
.button.link-fb span {color: #2f52d4}
.button.link-twitter {border-color: #04c1eb}
.button.link-twitter span {color: #04c1eb}
.button.link-twitter:after {border-top-color: #04c1eb; border-right-color: #04c1eb}
.button.link-google {border-color: #ff000c}
.button.link-google span {color: #ff000c}
.captcha {margin: 0 0 10px 100px}
.register-info {padding: 10px 0 40px 0; font-size: 1.5rem}
.register-checkbox {margin: 10px 0 10px 100px; font-size: 1.2rem}
#regenerate {cursor: pointer;}
.f12 {font-size: 1.2rem}
.logged-info {text-align: center; font-size: 1.3rem; text-transform: uppercase; padding: 14px 0 0 0}
.line-label {float: left; font-size: 1rem; font-weight: 700; text-transform: uppercase; padding: 17px 10px 17px 10px}
input[type="text"].line-input {float: left; border-bottom: 1px solid #000000; margin: 0px; padding: 0px; color: #000000; margin-top: 15px; width: 100px;}
.line-select  {text-transform: uppercase; float: left; border: 0px; font-size: 11px; border-bottom: 1px solid #000000; margin: 0px; padding: 0px; color: #000000; margin-top: 15px; width: 100px;}
.line-submit {background: transparent url('/tpl/img/inline-search.png'); display: block; float: right; width: 21px; height: 19px; margin: 12px 12px 0 0 }
.line-label.label-2 {margin-left: 250px;}
.line-checkbox {float: left; margin: 18px 0 18px 18px}
.line-submit.fl {float: left !important;}
.map-legend {width: 150px; float: left; padding-bottom: 10px; cursor: pointer; overflow: hidden;}
.map-color {width: 9px; height: 9px; float: left; position: relative; border: 1px solid  rgb(206,206,206); margin-top: 2px;}
.map-desc {float: left; margin: 0 0 0 6px; width: 117px;}
.map-checkbox {width: 3px; height: 3px; background: #ffffff; position: absolute; top: 3px; left: 3px; }
.cat-name { font-weight: bold; padding: 5px 0 10px 0}
.mfp-counter {display: none;}
.bg-gray {background: #eaeaea}
.view-list {background: transparent url('/tpl/img/edit_list.png') no-repeat 5px center; border: 2px solid #ff0000; color: #000000; font-size: 1.2rem; text-transform: uppercase; padding: 11px 7px 11px 26px; float: right; margin: 3px 2px 0 0}
.view-marker {background: transparent url('/tpl/img/marker.png') no-repeat 5px center; border: 2px solid #ff0000; color: #000000; font-size: 1.2rem; text-transform: uppercase; padding: 11px 7px 11px 26px; float: right; margin: 3px 2px 0 0}
.w-x4.cinema-hp h3 {padding: 50px 0 0 30px}
.w-x4.cinema-hp .cinema-inner {padding: 30px 39px 0 29px}
.checkbox-item {float: left; font-size: 1.3rem; margin:10px 20px 0 0; text-transform: uppercase}
.bg-white .button {color: #000000; text-transform: uppercase}
#sform {padding: 30px 60px 30px 30px;}
#sform a.button {margin-top: 5px;}
.newsletter-info {font-size: 1.2rem; margin-top: -14px; margin-bottom: 8px; display: none;}
.alpha60 {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
.img-signature {position: absolute; bottom: 0px; width: 100%; color: #ffffff; font-size: 1.4rem;}
.img-signature span {padding: 5px 10px; display: block; text-align: right}
#cookie-close {display: block; float: left; clear: both}
.button-cookie-close {border: 2px solid #ff0000; padding: 0px 20px; text-transform: uppercase; font-weight: 600; text-transform: uppercase; color:#ffffff; cursor:pointer; margin-top: 10px; line-height: 200% }
.button-cookie-close span {border-right: 2px solid #ff0000; float: left; width: 10px; margin-right: 10px; position: relative}
.button-cookie-close span:after {transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);position: absolute; display: block; content: ''; left: -15px; top:9px; border-top: 2px solid #ff0000; border-right: 2px solid #ff0000; width: 8px; height: 8px; }
.button-cookie-close span:before {transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);position: absolute; display: block; content: ''; right: 4px; top:9px; border-bottom: 2px solid #ff0000; border-left: 2px solid #ff0000; width: 8px; height: 8px; }
.grid-set {overflow: hidden;}
.controllers-hp .button-next {position: absolute; bottom: 0px !important; right: 0px; top: auto !important;}
.controllers-hp .button-prev {position: absolute; bottom: 0px !important; right: 23px; left: auto !important; top: auto !important;}
.grid-mask {position: relative;}
body .title-down .grid-item.pos-hp-4-1, .grid-item.pos-hp-4-3 {top: 0px !important;}
body .grid-item.pos-hp-4-0,body .grid-item.pos-hp-4-2 {bottom: 0px !important; top: auto; important}
.faq-lead-hp {font-size: 1.2rem; padding: 15%; padding-top: 10%; text-transform: uppercase;}
.grid-item:hover span.more {color: #ff0000}
.g-red:hover span.more {color: #000000}
.gallery a.button_sb { color: #000000 !important; padding: 1px 30px 1px 20px; margin: 5px 20px 0 0 !important; display: block; float:right;  font-size: 1.2rem}
.gallery a.button_sb:after {right: 10px; top: 6px; width: 6px; height: 6px}
.gallery a.button_sb:hover {color: #ff0000 !important;}
.faq_wrap:hover a {color: #ff0000}
.alphabet a:hover {color: #ff0000}
.submenu {-webkit-box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.42);
    -moz-box-shadow:    5px 5px 5px 0px rgba(0, 0, 0, 0.42);
    box-shadow:         5px 5px 5px 0px rgba(0, 0, 0, 0.42);}
.hp-ads a {position: absolute; left: 0px; top: 0px;}
.news-content h2 {color: #000000; padding: 10px 0; font-weight: bold;}
.news-content p {padding: 10px 0}
.news-content hr {clear: both; padding: 0px; margin: 0px; border: 0px; border-top: 1px solid #ff0000}
.icon-partners {padding:18px 30px 20px 0}
.border-star + .border-star  {margin-top: 0px;}
.body-en .border-star {display: none}
.news-container {background: #ffffff}
.work-filtrators div {margin-right: 50px;}
.selectboxit-option-icon-container i {border: none;}
#search-container {margin-top: 32px;}
.my-list2 {display: none;}
.body-en .hide-en {display: none;}
.niceprogramtable {border-bottom: 1px solid #eaeaea !important;}

.external-link-icon {
    background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cg%20transform%3D%22translate%28-826.429%20-698.791%29%22%3E%3Crect%20width%3D%225.982%22%20height%3D%225.982%22%20x%3D%22826.929%22%20y%3D%22702.309%22%20fill%3D%22%23fff%22%20stroke%3D%22%23f99%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M831.194%20698.791h5.234v5.391l-1.571%201.545-1.31-1.31-2.725%202.725-2.689-2.689%202.808-2.808-1.311-1.311z%22%20fill%3D%22%23f00%22%2F%3E%3Cpath%20d%3D%22M835.424%20699.795l.022%204.885-1.817-1.817-2.881%202.881-1.228-1.228%202.881-2.881-1.851-1.851z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: right center;
    background-repeat: no-repeat;

}

li.level-3.external-link-icon > a:after {display: none !important;}
.body-en #add_to_tracking_loggin {display: none}
.tracking-tags {min-width: 175px; position: absolute; bottom: 45px; left: 0px; background: #ffffff; padding: 10px; border-radius:5px; box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.42); color: #000000; display: none; }
.tracking-tags:after {left: 50%; margin-left: -7px; width: 15px; height: 15px; background: #ffffff; content: '';  display: block;  position: absolute; transform: rotate(45deg);  -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);  box-shadow: 3px 5px 5px 0 rgba(0, 0, 0, 0.42); }
a:hover .tracking-tags {display: block;}
.new-tracked {font-weight: normal !important; color: #ffffff; font-size: 10px;}
button.mfp-close {top: 0px !important;}
/* .border-star + .title.title-special {background:  #ffcc00; max-height: 78px; text-overflow:ellipsis; overflow:hidden; } */
.overflow-visible {overflow: visible !important;}
.overflow-visible button.mfp-close {margin-top: -40px; right: 0}
.overflow-visible .mfp-title {position: relative; top: 40px; }
.search-po {border: 2px solid #000000; position: relative; height: 31px; margin: 10px 0 20px 0 ; width: 260px}
.search-po input { color: #000000; margin: 0px; padding: 5px;}

#search_submit {
    background: url("../img/search-big-icon.png") repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    right: 0px;
    top: 1px;
    width: 33px;
}



.ui-autocomplete {width: 800px !important;}
.ui-autocomplete  li {padding: 5px 0 !important;}
@media screen and (max-width:  1282px) {
    .beta {display: none;}
}


html { font-size: 62.5%; /* 10px */ }
html.font-size-0 { font-size: 62.5%; /* 10px */ }
html.font-size-1 { font-size: 65.5%; /* 10px */ }
html.font-size-2 { font-size: 72.5%; /* 10px */ }

.page {width: 1300px; margin:auto; position: relative;}
@media screen and (max-width:  1240px) {

    .page {width: 1000px; margin:auto; position: relative; }

}
@media screen and (max-width:  980px) {
	.social-bg a.icon-flickr {width: 14%}
    .page {width: 768px; margin:auto; position: relative; }

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

    .page {
        width:  320px;
        margin:auto; position: relative;
    }
    .h-x4 {
        height:  150px;
    }
}

.h-x05 {height: 27px}
.h-x1 {height: 54px}
.h-x2 {height: 108px}
.h-x4 {height: 216px}
.h-x6 {height: 324px}
.h-x8 {height: 432px}
.h-x12 {height: 648px}
.h-x16 {height: 864px}
.h-x24 {height: 1296px}
.h-x32 {height: 1728px}
@media screen and (max-width:  1240px) {
    .h-x8 {
        height: 332px;
    }
    .h-x4 {
        height:  166px;
    }

}
@media screen and (max-width:  980px) {
    .h-x8 {
        height: 367px;
    }
    .h-x4 {
        height:  184px;
    }
    .h-x24 {height: 720px}
}
@media screen and (max-width:  420px) {
    .h-x8 {height: 200px}
    .h-x82 {height: 250px}
    .h-x4 {
        height:  150px;
    }
    .h-x24 {height: 1050px}
    .h-x12 {height: 500px}
}


.gp .date-city{
    padding-left: 32px;
    font-size: 13px;
}
.gp .grid-item span.title-special{padding-bottom: 5px;}
.gp .grid-item p{padding-left: 32px;font-size: 13px}
.gp .selectboxit-container{width: 85%;padding-top: 8px;}
.gp .selectboxit-container .selectboxit{width: 100% !important;}
.gp .selectboxit-container .selectboxit-options{max-width: 100% !important; width: 100%;border: 1px #c0c0c0 solid}
.gp.bg-white{padding-left: 30px}
.gp .button-add {border: 2px solid #ff0000; color: #000000; font-size: 1.2rem; text-transform: uppercase; padding: 9px 17px 9px 17px; float: right; margin: 8px 17px 0 0; font-weight: bold}
.gp-content h2{color: #000000;font-size: 20px;font-weight: 600;padding: 10px 0;text-transform: uppercase;}
.gp-content .gp-info-data{font-size: 16px;margin: 20px 0;color: #000000;text-transform: uppercase; font-weight: 600}
.gp-desc {font-size: 16px;line-height: 1.6}
#formGSearch{border: 3px solid #000000;clear: both;position: relative}
#formGSearch input {font-size:14px;font-weight:bold;padding: 0 0 0 16px;margin: 0;display: block;width: 97%;height: 29px;color: #000000}
#formGSearch input:focus{outline: none}
#formGSearch button.btn{display: block;width: 33px;height: 30px;position: absolute;right: 0;top: 1px;background: url("../img/search-big-icon.png") transparent;cursor: pointer;border: none}
.gsearch{padding: 30px}
#searchMSG{text-transform: uppercase;color: #ffffff;font-size: 1.8rem;padding: 10px 0 0 28px;font-weight: normal;margin-bottom: 25px;display: none}
#searchResults{display: none;padding: 0;width: 68%}
.ajax-loader-search{display: block;position: absolute;left:0;top:50%;margin-top:-8px;width: 16px;height: 16px;background: url("../img/ajax-loader-search.gif") no-repeat transparent;display: none}
body.search{overflow-y: scroll}
.search-item{width: 99%;display: block;clear: both;min-height: 110px;padding: 25px 25px 13px 20px;position: relative}
.search-item p.title{font-size: 18px;font-weight: bold;text-transform: uppercase;padding: 0;margin: 0}
.search-item p.desc{font-size: 14px;margin-bottom: 6px}
.search-item span.more {text-transform: uppercase;font-weight: 800;font-size:12px;color: #000000;width: 160px;float: right;border-bottom: 1px solid #000000;margin: 0;padding: 0 0 5px 0;position: static}
.search-item span.more a{color: #000000}
#searchResults .search-item.odd{background-color: #ffffff}
#searchResults .search-item.even{background-color: #c3c3c3}
.search-item.haveImage{padding-left: 179px;width: 81%}
.search-item .image{width: 160px;float: left;position: absolute;left: 0;top: 0;overflow: hidden}
.search-item .image:after{width: 12px; height: 12px; background: #000000; content: ''; display: block; position: absolute; transform: rotate(45deg); right: -7px; top: 32px;}
.search-item.odd .image:after{background-color: #ffffff}
.search-item.even .image:after{background-color: #c3c3c3}
#pagination-container > div{width: 71%}

@media screen and (max-width:  400px) {
    .news-container {width: 100% !important;}
    .breadcrumbs-container.h-x1 {height: 10px !important; overflow: hidden; display: none;  }
    .bo-4 {display: none;}
    body #boxoffice .bo-1, body #boxoffice .bo-2, body #boxoffice .bo-3 {width: 31% !important;}
    table.albhabet { display: none;}
    .multimedia-thumbs.h-x4 {height: 110px !important}
    .multimedia-container {height: 50%}

}
@media screen and (min-width:  1240px) {
    .modifie1 {
        display: none;
    }
    /*.modifie2 {
        width: 23.3333333% !important;
    }*/
    .modifie3 {
        margin-left: 216px !important;
    }
    .modifie4 {
        margin:0 30px !important;
    }
    #menu_top_fix_all #menu_top_fix {
         width: 79.1666666% !important;
/*        width: 83.317% !important */
    }
}


/*.bg-login-search-icons {background: #ffffff !important;}*/

#header_mobile .mobile_login {display: none;}
#header_mobile #icon-search2 {display: none;}
.logos-wrap {height:45px; clear: both; padding: 15px 0 0 8px ; overflow: hidden; position: relative}
.logos-slider {position: absolute; top: 15px; left: 0px;}
.logos-wrap a {float: left; margin: 0 7px 0 7px;}
	
	    a.grid-item:hover .g-red .more {
        color: #000000 !important;
    }
.a-logo {text-align: right}
.a-logo img {height: 111px; padding: 0 10px 0 30px;}
.body-en .a-logo img {height: 111px; padding: 0 10px 0 20px;}
.font-letters {margin: 58px 0 0 10px }
.font-letters a {color: #ffffff; display: inline-block; margin-right: 3px;}
#size-0 {font-size: 13px;}
#size-1 {font-size: 16px;}
#size-2 {font-size: 19px;}