/* Android bug fixes */

body
{
    -webkit-animation: bugfix infinite 1s;
    
    margin: 0;
}
@-webkit-keyframes bugfix{ 
  from {padding:0;} 
  to {padding:0;} 
}

h2 {
    font-size: 1.5em;
    font-weight: bold;
}
h3 {
    font-size: 1.17em;
    font-weight: bold;
}

h2, h3 {
	margin : 0;
	padding-top: 0.5em;
	padding-bottom: 1em;
}
/*
h3:first-of-type {
	padding-top: 0;
	padding-bottom: 1em;
}*/
/* For panelized pages */
.story-list-header:first-child h2 {
	padding-top: 0;
	padding-bottom: 1em;
}
.story-list-header:first-child h3 {
	padding-top: 0;
	padding-bottom: 1em;
}
.view-content div:first-child h2 {
	padding-top: 0;
	padding-bottom: 1em;
}
@media screen and (max-width: 1024px)
	.album-right-content-container .view-content div h2 {
		padding-top: 10px;
	}
}



.carousel-inner > .item > img
{
    width: 1432px;
    margin: 0 auto;
    max-height: 720px;
}

.carousel-inner > .item
{
    background: #000;
}

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

@media (min-width:1200px) and (max-width:1399px)
{
    .container
    {
        width: 100%;
    }
}

@media (min-width:992px) and (max-width:1199px)
{
    .container
    {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991px)
{
    .container
    {
        width: 100%;
    }
}

.gphglogo
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.textmenu
{
    color: #fff;
}

.container-left-menu
{
    display: block;
    z-index: 10;
}

.menu-container
{
    position: absolute;
    left: 500px;
    color: #fff;
    z-index: 10;
}

.middle-image
{
    position: relative;
}

.middle-image-bkg
{
    background: #fff;
}

/*
@media (min-width:992px)
{
    .left-menu > .nav > li, .left-menu > .nav > li > a
    {
        font-size: 20px;
        height: 20px;
    }
}
*/

.home-menu-middle
{
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.home-menu-middle > a
{
    color: #fff;
    background-color: #303030;
}

.home-menu-middle > a:hover
{
    color: #999999;
    background-color: #303030;
    text-decoration: none;
}

.nav > li > a, .nav > li > a:focus
{
    background-color: #fff;
}

.nav > li > a:hover
{
    color: #999999;
    background-color: #fff;
}

.home-menu-aligner
{
    height: 100px;
}

.slider-top
{
    position: absolute;
    bottom: 10px;
}

.slider-top-container
{
    z-index: 20px;
    top: 50px;
}

.column-container {
    height: 100px;
    
  /* WebKit (Chrome & Safari) */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    
    /* IE */
    display: -ms-box;
    -ms-box-pack: center;
    -ms-box-align: center;
    
     /* Native CSS */
    display: box;
    box-pack: center;
    box-align: center;
    
    /* Browser with flex available */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.square-container
{
    position: relative;
    width: 450px;
}

.home-square
{
    margin: 0px;
    padding: 0px;
    margin-top: 30px;
}

.square
{
    width: 450px;
}

.header
{
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
}

.row-container-bottom
{
    margin-top: 30px;
}

.half-square-container-top {
	position: relative;
	float: left;
	width: 33.3333%;
	height: 0;
	padding-bottom: 31.3333%;
	min-height: 1px;
	padding-left: 1%;
	padding-right: 1%;
	margin-top: 2%;
}
.home-image-link-top-bottom {
	position: absolute;
	/*width: 100%;*/
	width : 94%;
	height: 100%;
	max-width: 450px;
	background: rgba(0,0,0,0);
	z-index: 50;
}
.half-square-container-bottom {
	/* desktop */
	position : relative;
	float: left;
	width: 100%;
	margin-top: 3%;
}
@media screen and (max-width: 1024px) {
	.half-square-container-bottom {
		/* mobile version */
		position: relative;
		float: left;
		width: 33.3333%;
		height: 0;
		padding-bottom: 31.3333%;
		min-height: 1px;
		padding-left: 1%;
		padding-right: 1%;
		margin-top: 2%;
	}
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
	.half-square-container-top {
		width: 50%;
		height: 0;
		padding-bottom: 48%;
	}
	.half-square-container-bottom {
		width: 50%;
		height: 0;
		padding-bottom: 48%;
	}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.half-square-container-top {
		width: 33.3333%;
		height: 0;
		padding-bottom: 31.3333%;
	}
	.half-square-container-bottom {
		width: 33.3333%;
		height: 0;
		padding-bottom: 31.3333%;
	}
}

.half-horiz-image-title-container {
	position: absolute;
	top: 0px;
	/*left: 0px;*/
	/*width: 50%;*/
	/*height: 100%;*/
	width: 50%;
	height: 0;
	padding-bottom: 47%;
	z-index: 5;
	background-color: #303030;
	opacity: 1;
}
.half-horiz-image-title-container-right {
	position: absolute;
	top: 0px;
	/*right: 3%;*/
	left:50%;
	width: 50%;
	height: 0;
	padding-bottom: 47%;
	z-index: 5;
	background-color: #303030;
	opacity: 1;
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
	.half-horiz-image-title-container {
		position: absolute;
		top: 66.67%;
		width: 100%;
		height : 0;
		padding-bottom : 33.33%;
		z-index: 5;
		background: rgba(48, 48, 48, 0.7);
	}
	.half-horiz-image-title-container-right {
		position: absolute;
		top: 66.67%;
		width: 100%;
		left : 0;
		/*right : auto; /* important to override right:3% */
		height : 0;
		padding-bottom : 33.33%;
		z-index: 5;
		background: rgba(48, 48, 48, 0.7);
	}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.half-horiz-image-title-container {
		position: absolute;
		top: 66.67%;
		width: 100%;
		height : 0;
		padding-bottom : 33.33%;
		z-index: 5;
		background: rgba(48, 48, 48, 0.7);
	}
	.half-horiz-image-title-container-right {
		position: absolute;
		top: 66.67%;
		left : 0;
		width: 100%;
		height : 0;
		padding-bottom : 33.33%;
		/*right : auto; /* important to override right:3% */
		z-index: 5;
		background: rgba(48, 48, 48, 0.7);
	}
}

.half-square-container-top-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
}
.half-square-container-bottom-container {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
}

@media screen and (max-width: 1024px) {
	.half-square-container-top-container {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 100%;
	}
	.half-square-container-bottom-container {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 100%;
	}
}


.footer-column-container
{
    float: right;
    height: 100px;
}

.footer-column-contact
{
    position: relative;
    float: left;
    width: 600px;
    height: 100px;
    font-size: 10px;
    font-weight: lighter;
    text-align: left;
    text-transform: uppercase;
    color: #fff;
}

.footer-column-contact a:hover
{
    text-decoration: none;
    color: #999999;
}

.footer-copyright {
    
    height: 100px;
    
  /* WebKit (Chrome & Safari) */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    
    /* IE */
    display: -ms-box;
    -ms-box-pack: center;
    -ms-box-align: center;
    
     /* Native CSS */
    display: box;
    box-pack: center;
    box-align: center;
    
    /* Browser with flex available */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-copyright div
{
    font-weight: lighter;
    font-size: 10pt;
    color: #fff;
    z-index: 20;
    text-align: center;
    opacity: 1;
    text-transform: uppercase;
}

.half-col
{
    padding-left: 10px;
    padding-right: auto;
}

.col-responsive-left
{
    padding-left: 15px;
    padding-right: 3.2%;
}

.half-col-responsive-left
{
    padding-left: 0;
    padding-right: 3.333333333%;
}

.half-col-responsive-right
{
    padding-left: 3.333333333%;
    padding-right: 0px;
}

@media (min-width:768px) and (max-width:991px)
{
    .home-menu-middle
    {
        font-size: 1em;
    }
}

@media (min-width:992px)
{
    .home-menu-middle
    {
        font-size: 16px;
    }
}



.img-new-responsive
{
    height: 100%;
}

.row-inside
{
    margin-left: 0px;
    margin-right: 0px;
}

.full-container
{
}

.particular-container
{
    padding-left: 0;
    padding-right: 0;
}

.slider-container {
    position: absolute;
    
    /* WebKit (Chrome & Safari) */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    
    /* IE */
    display: -ms-box;
    -ms-box-pack: center;
    -ms-box-align: center;
    
     /* Native CSS */
    display: box;
    box-pack: center;
    box-align: center;
    
    /* Browser with flex available */
    display:flex;
    flex-direction: column;
    justify-content: center;
}

@media (min-width:768px) and (max-width:991px)
{
    .footer-logo-div
    {
        margin-left: 30px;
        font-size: 10px;
    }
}

@media (min-width:992px)
{
    .footer-logo-div
    {
        margin-left: 50px;
        font-size: 12px;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.footer-column-contact a
{
    color: #fff;
}

.middle-menu-right-align {
  /* WebKit (Chrome & Safari) */
    display: -webkit-box;
    -webkit-box-pack: end;
    -webkit-box-align: center;
    
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: end;
    -moz-box-align: center;
    
    /* IE */
    display: -ms-box;
    -ms-box-pack: end;
    -ms-box-align: center;
    
     /* Native CSS */
    display: box;
    box-pack: end;
    box-align: center;
    
    /* Browser with flex available */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.half-image-horizontal
{
    overflow: hidden;
}

.half-image-horizontal-left
{
    padding-bottom: 46.666667%;
    background-position: left;
    background-repeat: no-repeat;
    -webkit-background-size: 52%;
    -moz-background-size: 52%;
    -o-background-size: 52%;
    background-size: 52%;
}

@media (max-width:767px)
{
    .half-image-horizontal-left
    {
        padding-bottom: 100%;
        background-size: 100%;
    }
/*
    .left-menu-language-switcher > .nav > li > a
    {
        font-size: 11px;
    }
    */
    .slider-top-container
    {
        display: none;
    }
    .half-image-title-icon
    {
        top: 66.6666666%;
        right: 0px;
    }
    .half-image-title-icon-right
    {
        top: 66.6666666%;
        right: 0px;
    }
    .col-xs-right
    {
        padding-left: 1.041666667%;
    }
    .col-xs-left
    {
        padding-left: 1.041666667%;
        padding-right: 1.041666667%;
    }
    .col-xs-half-row-middle
    {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (min-width:768px)
{
    .col-xs-half-row-middle
    {
        padding-left: 1.04167%;
        padding-right: 1.04167%;
    }
}

.col-xs-half-row-middle
{
    margin-top: 2.083333333%;
    margin-bottom: 6.666666667%;
}

.col-half
{
    margin-top: 2.083333333%;
    padding-left: 1.0416667%;
    padding-right: 1.0416667%;
}

.col-half-left
{
    padding-left: 0;
    padding-right: 0;
}

.col-half-right
{
    padding-left: 0;
    padding-right: 0;
}

@media (max-width:767px)
{
    .col-half-left
    {
        padding-left: 0px;
        padding-right: 1.0416667%;
    }
    .col-half-right
    {
        padding-left: 1.0416667%;
        padding-right: 0px;
    }
}

@media screen and (min-width:768px)
{
    .col-xs-bridge
    {
        display: none !important;
    }
    .col-xs-landscape-bridge
    {
        display: none !important;
    }
}

@media screen and (max-width:767px) and (min-device-width:768px)
{
    .col-xs-bridge
    {
        position: relative;
        min-height: 1px;
        width: 50%;
        float: left;
    }
    .col-xs-landscape-bridge
    {
        display: none !important;
    }
}

/* Mobile portrait selector */

@media screen and (max-device-width:768px) and (orientation : portrait)
{
    .col-xs-bridge
    {
        position: relative;
        min-height: 1px;
        width: 50%;
        float: left;
    }
    .col-xs-landscape-bridge
    {
        display: none !important;
    }
}

/* Mobile landscape selector */

@media screen and (max-device-width:768px) and (orientation : landscape)
{
    .col-xs-bridge
    {
        display: none !important;
    }
    .col-xs-landscape-bridge
    {
        position: relative;
        min-height: 1px;
        width: 33.333333%;
        float: left;
    }
}

/* Target resizing window on desktop device (desktop less than 768px, not in the interval) */

@media only screen and (min-device-width:768px) and (max-width: 767px)
{
    .content-container
    {
        width: 100%;
        padding: 0 0 30px 0px;
        position: relative;
    }
    .zoom-button-container
    {
        display: none;
    }
}

/* GENERAL */

.content-container
{
    float: left;
    z-index: 30;
    background: #ffffff;
    height: 100%;
    min-height: 800px;
}

.zoom-button-container
{
    position: absolute;
    right: 20px;
    display: none;
    z-index: 55;
}

.zoom-button-container a
{
    margin-left: 2px;
    margin-right: 2px;
    color: #000;
}

/* Desktop more than 768px */

@media only screen and (min-device-width:768px) and (min-width: 768px)
{
    .content-container
    {
        position: absolute;
        top: 0px;
        right: 0px;
        width: 66.6667%;
        margin-right: -1px;
        padding: 25px 0 30px 20px;
        border-top: 2px solid #000000;
    }
    .zoom-button-container
    {
        display: none;
    }
}

/* Mobile screen in landscape */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape),
only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape),
only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape)
{
    .col-half-left
    {
        padding-left: 0;
        padding-right: 1.56%;
    }
    .col-half-right
    {
        padding-left: 1.56%;
        padding-right: 0;
    }
    .col-half
    {
        margin-top: 2.083333%;
    }
    .col-xs-landscape-12
    {
        position: relative;
        min-height: 1px;
        width: 100%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%;
    }
    .col-xs-landscape-6
    {
        position: relative;
        min-height: 1px;
        width: 50%;
        float: left;
    }
    .col-xs-landscape-9
    {
        position: relative;
        min-height: 1px;
        width: 75%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%;
    }
    .col-xs-landscape-8
    {
        position: relative;
        min-height: 1px;
        width: 66.666667%;
        float: left;
        padding-left: 1.04167%;
        padding-right: 1.04167%;
    }
    .col-xs-landscape-4
    {
        position: relative;
        min-height: 1px;
        padding-left: 1.04167%;
        padding-right: 1.04167%;
        float: left;
        width: 33.3333333%;
    }
    .col-xs-landscape-3
    {
        position: relative;
        min-height: 1px;
        width: 25%;
        float: left;
    }
    .main-image
    {
        margin-bottom: 0%;
    }
    .content-container
    {
        position: absolute;
        top: 2px;
        right: 0px;
        width: 73.333%;
    }
    .zoom-button-container
    {
        top: 20px;
        display: block !important;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait),
only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait),
only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait)
{
    .content-container
    {
        width: 100%;
        padding: 0 0 30px 0px;
        position: relative;
    }
    .zoom-button-container
    {
        top: 20px;
        display: block !important;
    }
}

@media (min-width:768px)
{
    .col-bottom
    {
        margin-top: 2%;
    }
}

@media (max-width:767px)
{
    .col-bottom
    {
        margin-left: 0;
        margin-top: 2.08333333%;
    }
}

.left-image-container
{
    overflow: hidden;
}

.half-image-screen
{
    overflow: hidden;
}

.col-bridge-background
{
    padding-bottom: 100%;
    height: 100%;
    background: #303030;
}

@media screen and (max-width:767px) and (orientation:landscape)
{
    .gphg-logo-container
    {
        width: 15%;
    }
}

@media screen and (max-width:767px) and (orientation:portrait)
{
    .footer-xs-invisible
    {
        display: none !important;
    }
}

@media screen and (max-width:767px)
{
    .gphg-logo-container
    {
        margin-left: 5%;
    }
/*
    .sponsor-logo-div
    {
        margin-left: 30px;
        width: 100%;
    }*/
    .main-image
    {
        width: 100%;
    }
    .footer-column-contact
    {
        height: 55px;
    }
    .footer-logo-div
    {
        margin-left: 30px;
    }
}

.button-menu
{
    float: right;
    width: 100px;
    height: 100px;
}

.sub-menu
{
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
    font-size: 12px;
    z-index: 20;
}

.sub-menu ul a
{
    margin-left: 20px;
}

@media screen and (min-width:992px) and (max-width:1199px)
{
/*
    .left-menu-language-switcher > .nav > li > a
    {
        font-size: 11px;
    }*/
/*
    .sub-menu-ul li, .sub-menu-ul li a
    {
        font-size: 11px;
    }
    .sub-menu-ul
    {
        margin-top: -5px;
        padding-bottom: 5px;
    }
    */
}

@media screen and (min-width:768px) and (max-width:991px)
{
/*
    .left-menu-container
    {
        width: 200px;
        height: 360px;
        padding-left: 15px;
        right: 10px;
        display: block;
    }
    */
/*
    .left-menu > .nav > li > a
    {
        font-size: 14px;
        height: 14px;
    }
    */
/*
    .left-menu-language-switcher > .nav > li > a
    {
        font-size: 10px;
    }*/
/*
    .sub-menu-ul li,.sub-menu-ul li a
    {
        font-size: 10px;
        margin-top: -2px;
        margin-bottom: 0px;
    }
    .sub-menu-ul
    {
        margin-top: 0px;
        padding-bottom: 0px;
    }
    */
}

/*
@media screen and (min-width:1200px)
{
    .left-menu-language-switcher > .nav > li > a
    {
        font-size: 13px;
    }
}
*/

@media screen and (min-width:768px){

}

@media screen and (max-width:767px)
{
/*
    .left-menu-language-switcher
    {
        display: none !important;
    }
    */
/*
    .sub-menu-ul li, .sub-menu-ul li a
    {
        font-size: 14px;
        margin-top: 1px;
        margin-bottom: 1px;
    }
    */
}

.toggle-label
{
    font-size: 2em;
    background: #999;
    padding: 4px 10px 4px 10px;
    margin: 0;
}

.left-main-image
{
    overflow: hidden;
    z-index: 25;
}

.main-image
{
    border-top: 2px solid #000000;
}

.content-sub-container
{
    position: relative;
    width: 100%;
    min-height: 500px;
}

.breadcrum-content
{
    position: absolute;
    text-align: center;
}

.main-image-content
{
    border-top: 2px solid #000;
}

/*  ======================  */

/*  ALBUM THUMB LIST  */

/*  ======================  */

/* ALBUM THUMB GENERAL CSS */

.row-image:after
{
    clear: both;
}

.row-image:before, 
.row-image:after
{
    display: table;
    content: "";
}

.col-desk-xs-4, .col-desk-sm-4, col-desk-md-4, col-desk-lg-4,
.col-desk-xs-6, .col-desk-sm-6, col-desk-md-6, col-desk-lg-6,
.col-desk-xs-bridge-4, .col-desk-sm-bridge-4, .col-desk-md-bridge-4, .col-desk-lg-bridge-4,
.col-desk-xs-bridge-6, .col-desk-sm-bridge-6, .col-desk-md-bridge-6, .col-desk-lg-bridge-6,
.col-mob-por-bridge-6, .col-mob-land-bridge-6
{
    position: relative;
    float: left;
    padding: 0 1% 2% 1%;
}

.thumb-image-container
{
    position: relative;
    max-width: 450px;
    height: 100%;
}

.thumb-image-link
{
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 450px;
    padding-bottom: 100%;
    background: rgba(0,0,0,0);
    z-index: 50;
}

.thumb-title-block-container {
    position:absolute;
    bottom: 0px;
    left: 0px;
    z-index: 5;
    
    display:block;
    width: 100%;
    height: 40%;
    padding: 0px 10px 0px 10px;
    
    background-color: rgba(48, 48, 48, 0.7);

    /* WebKit (Chrome & Safari) */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    
    /* IE */
    display: -ms-box;
    -ms-box-pack: center;
    -ms-box-align: center;
    
     /* Native CSS */
    display: box;
    box-pack: center;
    box-align: center;
    
    /* Browser with flex available */
    display:flex;
    flex-direction: column;
    justify-content: center;

}

.thumb-icon-container {
    position: absolute;
    top:0;
    right:0;
    z-index:10;

    width: 40px;
    height: 40px;
    
    text-align:center;
    
     /* WebKit (Chrome & Safari) */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    
    /* IE */
    display: -ms-box;
    -ms-box-pack: center;
    -ms-box-align: center;
    
     /* Native CSS */
    display: box;
    box-pack: center;
    box-align: center;
    
    /* Browser with flex available */
    display:flex;
    flex-direction: column;
    justify-content: center;
}

.thumb-icon-container-middle {
    margin: 0 0 3px 0;
    
    text-align:center;
    
    /* WebKit (Chrome & Safari) */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    
    /* IE */
    display: -ms-box;
    -ms-box-pack: center;
    -ms-box-align: center;
    
     /* Native CSS */
    display: box;
    box-pack: center;
    box-align: center;
    
    /* Browser with flex available */
    display:flex;
    flex-direction: column;
    justify-content: center;
}

.thumb-title-container, .thumb-title-container > a
{
    z-index: 10;
    font-family: 'HelveticaNeueW01-97Blac';
    font-size: 14px;
    color: #fff;
    text-align: center;
    opacity: 1;
}

.thumb-title-container > a:hover
{
    text-decoration: none;
    color: #999999;
}

.thumb-subtitle-container
{
    z-index: 10;
    font-size: 12px;
    font-weight: lighter;
    color: #fff;
    text-align: center;
    opacity: 1;
}

/* ALBUM THUMB DESKTOP >= 1200 */

@media only screen and (min-device-width:768px) and (min-width: 1200px)
{
    .col-desk-lg-4, .col-desk-lg-bridge-4
    {
        width: 33.333333%;
    }
    .col-desk-lg-6, .col-desk-lg-bridge-6
    {
        width: 50%;
    }
}

/* ALBUM THUMB DESKTOP >= 1024PX and < 1200 */

@media only screen and (min-device-width:768px) and (min-width: 1024px) and (max-width: 1199px)
{
    .thumb-title-container, .thumb-title-container > a
    {
        font-size: 12px;
    }
    .col-desk-md-4, .col-desk-md-bridge-4
    {
        width: 33.333333%;
    }
    .col-desk-md-6, .col-desk-md-bridge-6
    {
        width: 50%;
    }
}

/* ALBUM THUMB DESKTOP >= 768PX and < 1024 */

@media only screen and (min-device-width:768px) and (min-width: 768px) and (max-width: 1023px)
{
    .thumb-title-container, .thumb-title-container > a
    {
        font-size: 12px;
    }
    .col-desk-sm-4, .col-desk-sm-bridge-4
    {
        width: 33.333333%;
    }
    .col-desk-sm-6, .col-desk-sm-bridge-6
    {
        width: 50%;
    }
}

/* ALBUM THUMB DESKTOP >= 768PX */

@media only screen and (min-device-width:768px) and (min-width: 768px)
{
    .thumb-icon-container-middle
    {
    }
    .thumb-icon-container
    {
        visibility: hidden;
    }
}

/* ALBUM THUMB DESKTOP < 768PX */

@media only screen and (min-device-width:768px) and (max-width: 767px)
{
    .thumb-icon-container-middle
    {
        display: none !important;
    }
    .thumb-icon-container
    {
        visibility: visible;
    }
    .thumb-title-block-container
    {
        height: 45%;
    }
    .thumb-title-container, .thumb-title-container > a
    {
        font-size: 14px;
    }
    .col-desk-xs-4, .col-desk-xs-bridge-4
    {
        width: 33.333333%;
    }
    .col-desk-xs-6, .col-desk-xs-bridge-6
    {
        width: 50%;
    }
    .col-desk-xs-4, .col-desk-sm-4, col-desk-md-4, col-desk-lg-4,
    .col-desk-xs-6, .col-desk-sm-6, col-desk-md-6, col-desk-lg-6,
    .col-desk-xs-bridge-4, .col-desk-sm-bridge-4, .col-desk-md-bridge-4, .col-desk-lg-bridge-4,
    .col-desk-xs-bridge-6, .col-desk-sm-bridge-6, .col-desk-md-bridge-6, .col-desk-lg-bridge-6,
    .col-mob-por-bridge-6, .col-mob-land-bridge-6
    {
        padding: 0 0.5% 0.5% 0.5%;
    }
}

/* ALBUM THUMB MOBILE PORTRAIT */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait),
only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait),
only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait)
{
    .thumb-title-block-container
    {
        height: 40%;
    }
    .thumb-icon-container-middle
    {
        display: none !important;
    }
    .thumb-icon-container
    {
        visibility: visible;
    }
    .thumb-title-container, .thumb-title-container > a
    {
        font-size: 12px;
    }
    .col-mob-por-image-6, .col-mob-por-bridge-6
    {
        width: 50%;
    }
    .col-desk-xs-4, .col-desk-sm-4, col-desk-md-4, col-desk-lg-4,
    .col-desk-xs-6, .col-desk-sm-6, col-desk-md-6, col-desk-lg-6,
    .col-desk-xs-bridge-4, .col-desk-sm-bridge-4, .col-desk-md-bridge-4, .col-desk-lg-bridge-4,
    .col-desk-xs-bridge-6, .col-desk-sm-bridge-6, .col-desk-md-bridge-6, .col-desk-lg-bridge-6,
    .col-mob-por-bridge-6, .col-mob-land-bridge-6
    {
        padding: 0 0.5% 1% 0.5%;
    }
}

/* ALBUM THUMB MOBILE LANDSCAPE */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape),
only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape),
only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape)
{
    .thumb-title-block-container
    {
        height: 40%;
    }
    .thumb-icon-container-middle
    {
        display: none !important;
    }
    .thumb-icon-container
    {
        visibility: visible;
    }
    .thumb-title-container, .thumb-title-container > a
    {
        font-size: 12px;
    }
    .col-mob-land-image-6, .col-mob-land-bridge-6
    {
        width: 50%;
    }
    .col-desk-xs-4, .col-desk-sm-4, col-desk-md-4, col-desk-lg-4,
    .col-desk-xs-6, .col-desk-sm-6, col-desk-md-6, col-desk-lg-6,
    .col-desk-xs-bridge-4, .col-desk-sm-bridge-4, .col-desk-md-bridge-4, .col-desk-lg-bridge-4,
    .col-desk-xs-bridge-6, .col-desk-sm-bridge-6, .col-desk-md-bridge-6, .col-desk-lg-bridge-6,
    .col-mob-por-bridge-6, .col-mob-land-bridge-6
    {
        padding: 0 0.5% 1% 0.5%;
    }
}

.left-footer-menu
{
    z-index: 0;
    margin-left: 1.04166667%;
    margin-right: 1.04166667%;
    background: #303030;
}

@media only screen and (min-device-width:768px) and (max-width:767px)
{
    .left-footer-menu
    {
        display: none;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait),
only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait),
only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait)
{
    .left-footer-menu
    {
        display: none;
    }
}

.real-content
{
    position: absolute;
    top: 20px;
    z-index: 50;
    width: 100%;
    padding: 0 5px 40px 5px;
}

.real-content-blogs
{
    position: absolute;
    top: 20px;
    z-index: 50;
    width: 100%;
    padding: 0 5px 40px 5px;
}

.real-content-thumb
{
    position: absolute;
    top: 70px;
    z-index: 50;
    width: 100%;
    padding: 0 0px 40px 0px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape),
only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape),
only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape)
{
    .real-content
    {
        width: 90%;
        padding: 0 0 40px 20px;
    }
    .real-content-blogs
    {
        top: 60px;
        width: 90%;
        padding: 0 0 40px 20px;
    }
    .real-content-thumb
    {
        padding: 0 0 40px 5px;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait),
only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait),
only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait)
{
    .real-content-blogs
    {
        top: 60px;
        width: 100%;
    }
}

@media only screen and (min-device-width : 768px) and (min-width:768px)
{
    .real-content
    {
        width: 90%;
        padding: 0 0 40px 20px;
    }
    .real-content-blogs
    {
        width: 100%;
        padding: 0 0 40px 20px;
    }
    .real-content-thumb
    {
        top: 70px;
        width: 90%;
        padding: 0 0 40px 0px;
    }
}

.page-title-parent-container
{
    display: none;
}

@media screen and (min-device-width:768px) and (min-width:768px)
{
    .page-title-parent-container
    {
        position: absolute;
        top: 20px;
        right: 0px;
        display: block;
        width: 40px;
        height: 300px;
        border-top: 1px solid #000;
    }
}

.page-title-parent-container-thumb
{
    position: relative;
    top: 20px;
    width: 100%;
    height: 40px;
}

.page-title-container
{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 40px;
    padding: 10px 0 0 0;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #999999;
}

.page-title-border
{
    position: absolute;
    float: left;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 40px;
    margin: auto;
    border-top: 1px solid #000;
}

@media screen and (min-device-width:768px) and (min-width:768px)
{
    .page-title-parent-container-thumb
    {
        position: absolute;
        top: 70px;
        right: 0px;
        width: 40px;
        height: 300px;
        border-top: 1px solid #000;
    }
    .page-title-container
    {
        position: absolute;
        top: -20px;
        right: 0;
        width: 400px;
        height: 40px;
        padding: 10px;
        text-align: right;
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        -ms-transform-origin: bottom right 0;
        -moz-transform-origin: bottom right 0;
        -webkit-transform-origin: bottom right 0;
        -o-transform-origin: bottom right 0;
        transform-origin: bottom right 0;
    }
    .page-title-border
    {
        display: none;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape),
only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape),
only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape)
{
    .page-title-border
    {
        display: none;
    }
}

.breadcrumb-container {
    position: absolute;
    top: 0px;
    z-index: 35;
    
    width: 100%;
    height:100%;
    padding: 0 5% 0 5%;
    
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
   
    /* WebKit (Chrome & Safari) */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;

    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;

    /* IE */
    display: -ms-box;
    -ms-box-pack: center;
    -ms-box-align: center;

    /* Native CSS */
    display: box;
    box-pack: center;
    box-align: center;

    /* Browser with flex available */
    display:flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (min-device-width:768px) and (min-width: 768px)
{
    .breadcrumb-container
    {
        float: right;
        top: 10px;
        right: 0px;
        display: block !important;
        width: 400px;
        height: 20px;
        padding: 0;
        font-size: 16px;
        text-align: right;
        color: #303030;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape),
only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape),
only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape)
{
    .breadcrumb-container
    {
        top: 200px;
        left: 10px;
        display: block !important;
        width: 200px;
        height: 60px;
        padding: 0px 10px 0 0;
        text-align: right;
        -ms-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        -ms-transform-origin: top left 0;
        -moz-transform-origin: top left 0;
        -webkit-transform-origin: top left 0;
        -o-transform-origin: top left 0;
        transform-origin: top left 0;
    }
}



/* REORGANIZED CSS */

/****************************/

body {
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust : 100%;
}


p {
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0 0 1em 0;
}

h4 {
  font-weight : bold;
  margin : 0;
  font: bold 1.1em "Helvetica Neue",Arial,sans-serif;
}
h4 a {
	text-decoration : none;
}
.main-title {
	font: bold 1.1em "Helvetica Neue", Arial, sans-serif;
	color: #888888;
	text-transform: uppercase;
}
.title {
	padding: 0;
}
.boxsub {
	margin-right : 5.88%;
  /*margin-bottom : 2%;*/ /* 3% is the space between main-title and title */ /* 2% relative to 100% as 33.33 + 2% */
	/*margin-bottom : 0.3em;*/
}
gphg-partner {
	margin : 0 2% 2% 0;
}
.group-partner gphg-partner:last-of-type {
	margin-bottom : 1.2em; !important	
}

/* On mobile devices */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px),
only screen and (min-device-width : 320px) and (max-device-width : 568px),
only screen and (min-device-width : 375px) and (max-device-width : 667px),
only screen and (min-device-width : 414px) and (max-device-width : 736px)
{
	body {
		font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	.field-items {
		line-height: 120%;
	}
	p {
		font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin: 0 0 0.5em 0;
	}
	h1 {
		
	}
	h2, h3 {
		padding-bottom : 1em;
	}
	h4 {
		font: bold 1.1em "Helvetica Neue",Arial,sans-serif;
		line-height: 20px;
	}
	.main-title {
		line-height: 20px;
	}
	.title {
		/*padding: 0;*/
		/*padding: 2% 0 0 0;*/ /* 3% is the space between image and main-title */
	}
}

a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

a:hover {
    text-decoration: underline;
    color: #000000;
}

.right-content-child a {
  font-weight: normal;
  text-decoration: underline;
  color: #000000;
}
.right-content-child a:hover {
  color: #cccccc;
}


html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*, *:before, *:after 
{
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

.home-image-container a
{
    font-weight: normal;
}

/****************************/

/* CONTAINER */

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

.main-container:before
{
    display: table;
    content: " ";
}

.main-container:after
{
    clear: both;
    display: table;
    content: " ";
}

@media screen and (min-width: 1400px)
{
    .main-container
    {
        max-width: 1410px;
    }
}

.main-container-margin
{
    position: relative;
    margin-left: 1%;
    margin-right: 1%;
}

/****************************/

/* ROW MANAGEMENT */

.row-container-top{
    /*display: table;
    content: " ";*/
	margin: 0;
	clear: both;
	/*display:block;*/
	/*overflow:auto;*/
}

@media screen and (max-width: 1024px)
{
    .row-container-top
    {
        clear: none !important;
    }
}

.album-row-container-top
{
    display: table;
    content: " ";
    margin-left: -1%;
    margin-right: -1%;
    clear: both;
    width: 100%;
}
@media screen and (max-width: 1024px)
{
    .album-row-container-top
    {
        clear: none;
    }
}


/****************************/

/* COLUMN TYPES MANAGEMENT */

.col-left
{
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 2%;
}

.col-middle
{
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 2%;
}

.col-right
{
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 2%;
}

.col-album
{
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 2%;
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
	.col-mob-portrait-6 {
		position: relative;
		float: left;
		width: 50%;
		height : 0;
		padding-bottom : 48%; /* 50%-2% */
		min-height: 1px;
		padding-left: 1%;
		padding-right: 1%;
	}
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
	.col-mob-landscape-4 {
		position: relative;
		float: left;
		width: 33.3333333%;
		height : 0;
		padding-bottom : 31.3333333%; /* 33.33%-2% */
		min-height: 1px;
		padding-left: 1%;
		padding-right: 1%;
	}
	.col-mob-landscape-6 {
		position: relative;
		float: left;
		width: 50%;
		height : 0;
		padding-bottom : 50%;
		min-height: 1px;
		padding-left: 1%;
		padding-right: 1%;
	}
}

@media screen and (min-width: 1025px)
{
	.col-desktop-2
	{
		position: relative;
		float: left;
		width: 16.6667%;
		height : 0:
		padding-bottom : 31.3333%;
		min-height: 1px;
		padding-left: 1%;
		padding-right: 1%;
	}
	.col-desktop-4
	{
		position: relative;
		float: left;
		width: 33.3333%;
		height : 0;
		padding-bottom: 31.3333%; /* 33.33%-2% */
		min-height: 1px;
		padding-left: 1%;
		padding-right: 1%;
	}
}

.col-mob-portrait-bridge
{
    display: none! important;
}

@media screen and (max-width: 1024px) and (orientation: portrait)
{
    .col-mob-portrait-bridge
    {
        display: block! important;
    }
}

.col-mob-landscape-bridge
{
    display: none! important;
}

@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .col-mob-landscape-bridge
    {
        display: block! important;
    }
}

/****************************/

/* HEADER LEFT */

.header-left {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1%;
	padding-left: 40px;
}
@media screen and (max-width: 1024px) and (orientation: portrait)
	.header-left{
		padding-left: 40px;
	}
}
@media screen and (max-width: 1024px) and (orientation: landscape)
	.header-left {
		padding-left: 70px;
	}
}

.header-left img
{
    width: 120px;
}

@media screen and (max-width: 1024px) and (orientation: portrait)
{
    .header-left img
    {
        width: 100px;
    }
}

@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .header-left img
    {
        width: 80px;
    }
}

@media screen and (min-width: 1025px)
{
    .header-left
    {
        padding-left: 190px;
    }
    .header-left img
    {
        width: 165px;
    }
}

/****************************/

/* HEADER RIGHT */

.header-right
{
    float: right;
    margin-right: 7%;
    margin-top: 70px;
/* 
    width: 336px;
    height: 46px;
 */
    width: 350px;
    height: 55px;
}

@media screen and (max-width: 1024px) and (orientation: portrait)
{
    .header-right
    {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .header-right
    {
        display: none !important;
    }
}

@media screen and (min-width: 1025px)
{
    .header-right
    {
        display: block !important;
    }
}

/****************************/

.all-menu-container input[type=checkbox]
{
    position: absolute;
    left: -999em;
    top: -999em;
}

.all-menu-container input[type=checkbox]:checked ~ .left-menu-container
{
    display: table !important;
}

/****************************/

/* LEFT MENU CONTAINER */

.left-menu-container {
	position: relative;
	top: 0;
	right: 0;
	left: auto;
	display: none;
	float: right;
	padding-top: 15px;
	padding-left: 20px;
	width: 200px;
	height: 360px;
	background-color: #fff;
	opacity: 0.95;
	z-index: 60;
}

.left-menu-container-content
{
    bottom: 110px !important;
}

@media screen and (max-width: 414px) and (orientation: portrait) {
	.left-menu-container {
		/*width: 101%;*/
		width: 51%;
		min-width: 250px;
		left: 0;
		top: 0;
		background-color: #efefef;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
}
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {
	.left-menu-container {
		/*width: 300px;*/
		width: 250px;
		background-color: #efefef;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.left-menu-container {
		/*width: 300px;*/
		width: 250px;
		background-color: #efefef;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
}
@media screen and (min-width: 1025px) {
	.left-menu-container {
		position: absolute;
		top: 100px;
		left: 180px;
		z-index: 40;
		display: block;
		width: 200px;
	}
}

/****************************/

/* LEFT MENU LINKS */

.left-column
{
    float: left;
    position: absolute;
    top: 0;
    width: 100%;
    height: 460px;
}

@media screen and (max-width:1024px)
{
    .left-column
    {
        float: right;
        width: 100%;
        right: 0;
    }
}

/* 2 columns */
@media screen and (max-width: 414px) and (orientation: portrait),
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {

}
/* 3 columns */
@media screen and (max-width: 1024px) and (orientation: landscape),
@media screen and (min-width: 1025px) { 

}

.left-menu-ul {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	list-style-type: none;
}
.left-menu-ul li {
	line-height: 18px;
}

@media screen and (max-width: 414px) and (orientation: portrait) {
	.left-menu-ul {
		font-size: 20px;
	}
	.left-menu-ul li {
		line-height: 20px;
	}
}
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {
	.left-menu-ul {
		font-size: 20px;
	}
	.left-menu-ul li {
		line-height: 20px;
	}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.left-menu-ul {
		font-size: 20px;
	}
	.left-menu-ul li {
		line-height: 20px;
	}
}


.active {
  color: #999999;
}

.left-menu-ul li a {
  color: #000000;
}
.left-menu-ul li a.active {
  color: #999999;
}

.left-menu-ul li a:hover
{
    color: #999999;
    text-decoration: none;
}

/*.sub-menu-ul*/
.left-menu-ul ul {
	display: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	list-style-type: none;
}

/*.sub-menu-ul li*/
.left-menu-ul ul li {
	line-height: 15px;
	color: #000000;
}

@media screen and (max-width: 414px) and (orientation: portrait) {
	.left-menu-ul ul {
		font-size: 15px;s
	}
	.left-menu-ul ul li {
		line-height: 17px;
	}
}
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {
	.left-menu-ul ul {
		font-size: 15px;
	}
	.left-menu-ul ul li {
		line-height: 17px;
	}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.left-menu-ul ul {
		font-size: 15px;
	}
	.left-menu-ul ul li {
		line-height: 17px;
	}
}



/*
.sub-menu-ul li
{
    
}
*/
/*.sub-menu-ul li a:hover*/
.left-menu-ul ul li a:hover
{
    color: #999999;
    text-decoration: none;
}

:focus
{
    outline: 0;
}

.separator
{
    cursor: pointer;
    width: auto;
    margin: 0;
}

.separator:hover
{
    color: #999999;
    cursor: pointer;
    width: auto;
    margin: 0;
}

/****************************/

/* LEFT MENU LANGUAGE SWITCHER */

/*.left-menu-language-switcher*/
.language-switcher-locale-url
{
    position: absolute;
    bottom: 10px;
}

/*.left-menu-language-switcher-ul*/
.language-switcher-locale-url {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	list-style-type: none;
}
/*.left-menu-language-switcher-ul li*/
.language-switcher-locale-url li {
	display: inline;
	padding: 5px 2px 5px 0;
}
@media screen and (max-width: 414px) and (orientation: portrait) {
	.language-switcher-locale-url {
		font-size: 14px;
	}
	.language-switcher-locale-url li {
		padding: 10px 10px 10px 0;
	}
}
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {
	.language-switcher-locale-url {
		font-size: 14px;
	}
	.language-switcher-locale-url li {
		padding: 10px 10px 10px 0;
	}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.language-switcher-locale-url {
		font-size: 14px;
	}
	.language-switcher-locale-url li {
		padding: 10px 10px 10px 0;
	}
}





/*.left-menu-language-switcher-ul li a*/
.language-switcher-locale-url li a {
  color: #000000;
}
.language-switcher-locale-url li a.active {
  color: #999999;
}

/*.left-menu-language-switcher-ul li a:hover*/
.language-switcher-locale-url li a:hover
{
    color: #999999;
    text-decoration: none;
}

/****************************/

/* TOGGLE-MENU-CONTAINER */

.mobile-toggle-menu
{
    position: absolute;
    top: -50px;
    right: 0;
    display: block;
    float: right;
    padding: 0 12px 0 12px;
    width: 60px;
    height: 40px;
    font-size: 2em;
    border: 1px;
}

@media screen and (max-width: 1024px) and (orientation: portrait)
{
    .mobile-toggle-menu
    {
        display: block;
    }
}

@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .mobile-toggle-menu
    {
        display: block;
    }
}

@media screen and (min-width: 1025px)
{
    .mobile-toggle-menu
    {
        display: none !important;
    }
}

/****************************/

/* HOME SLIDER */

.home-image
{
    position: relative;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}

.main-image-container
{
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 470px;
}

.home_desktop_img {
	/*display : initial;*/
	display: block; !important
	display: initial;
}
.home_mobile_portrait_img {
	display : none;
}
.home_mobile_landscape_img {
	display : none;
}


@media screen and (max-width: 1024px) and (orientation: portrait)
{
	.main-image-container
	{
 		width: 100%;
 		height: 0;
 		padding-bottom: 61.794%; /* 1.618 divisor = 1382 x 854 */
	}
	.home_desktop_img {
		display : none;
	}
	.home_mobile_portrait_img {
		/*display : initial; !important*/
		display: block; !important
		display: initial;
		
		width : 100%;
		height: 0;
 		padding-bottom: 61.794%;
	}
	.home_mobile_landscape_img {
		display : none;
	}
	.HomeMiddleSliderMobilePortrait .mss-slider {
		width : 100%;
		height: 0;
 		padding-bottom: 61.794%;
		position : relative;
	}

	.HomeMiddleSliderMobilePortrait .mss-slide-wrapper {
		position : relative;
		overflow: hidden;
		width : 100%;
		width : 100%;
		height: 0;
 		padding-bottom: 61.794%;
		/*background-color : #ff0000;*/
	}
	
}

@media screen and (max-width: 1024px) and (orientation: landscape)
{
	.main-image-container
	{
			width: 100%;
			height : 0;
			padding-bottom : 34%; /* 2.94 ratio */
	}
	.home_desktop_img {
		display : none;
	}
	.home_mobile_portrait_img {
		display : none;
	}
	.home_mobile_landscape_img {
		/*display : initial; !important*/
		display: inline; !important
		display: initial;
	}
	
	.HomeMiddleSliderMobileLandscape .mss-slider {
		width : 100%;
		height: 0;
 		padding-bottom: 34%;
		position : relative;
	}

	.HomeMiddleSliderMobileLandscape .mss-slide-wrapper {
		position : relative;
		overflow: hidden;
		width : 100%;
		width : 100%;
		height: 0;
 		padding-bottom: 34%;
		/*background-color : #ff0000;*/
	}

	
}

.HomeMiddleSlider .mss-slider {
	width : 100%;
	height : 470px;
	position : relative;
}

.HomeMiddleSlider .mss-slide-wrapper {
	position : relative;
	overflow: hidden;
	width : 100%;
	
/* 
	width : 100%;
	height : 470px;
	height : 0;
	padding-bottom : 47.47%;
 */
	/*background-color : #ff0000;*/
}




.HomeMiddleSlider .mss-slide {
	position : absolute;
	background-color : #000000;
	overflow : hidden;
	
	
	direction : initial;
	text-align : initial;
	
	width: 100%;
	height : calc(100vw/2.106);
	
	/* Bottom right align */
	left : initial;
	top : initial;
	bottom : 0px;
	right : 0px;
}

.HomeMiddleSlider .mss-slide > img.mss-slide-img {
	position : absolute;
	max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  display: inline;

  width: 100%;
  
  /* Bottom right align */
	left : initial;
	top : initial;
	bottom : 0px;
	right : 0px;
}


/****************************/

/* PAGE SLIDER */

.page-main-image-container
{
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    height: 470px;
}

.page-main-image-container img
{
    /*width: 100%;*/
}

.field_left_image {
	display : none;
}
.field_left_mobile_landscape_img {
	display : none;
}
.field_left_desktop_img {
	width : 391px;
	height : 470px;
}
.field_left_desktop_img img, .field_left_image img, .field_left_mobile_landscape_img img {
	width: 100%;
}

@media screen and (max-width: 1024px) and (orientation: portrait)
{
    .page-main-image-container
    {
        width: 100%;
        height : 0;
        padding-bottom : 61.794%; /* 1.618 ratio */
    }
    .field_left_image {
    	/*display : initial; ! important*/
    	display: block; !important
			display: initial;
    }
    .field_left_mobile_landscape_img {
    	display : none;
    }
    .field_left_desktop_img {
    	display : none;
    }
}
@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .page-main-image-container
    {
        width: 100%;
        height : 0;
        padding-bottom : 34%; /* 2.94 ratio*/
    }
    .field_left_image {
    	display : none;
    }
    .field_left_mobile_landscape_img {
    	/*display : initial; ! important*/
    	display: block; !important
			display: initial;
    }
    .field_left_desktop_img {
    	display : none;
    }
}

/****************************/

.homemenu
{
    background-color: #303030;
    z-index: 1;
}

.homemenu-page
{
    background-color: #303030;
    z-index: 1;
}

/*@media screen and (max-width: 1024px) and (orientation: portrait)*/
@media screen and (max-width: 1024px)
{
    .homemenu-page
    {
        display: none;
    }
}

/****************************/

/* PAGE MIDDLE IMAGE */
/*
.page-middle-image
{
    width: 100%;
}
*/
/****************************/

/* MIDDLE MENU SPONSOR LOGO */

.sponsor-logo-container
{
    position: relative;
    float: left;
    width: 300px;
    height: 100px;
    padding: 0 0 0 50px;
}

@media screen and (max-width: 1024px) {
	.sponsor-logo-container {
		padding: 0 0 0 10px;
		/*width: 40px;*/
		width : 120px;
		height: 50px;
	}
}

.sponsor-logo-div
{
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 162px;
    /*height: 48px;*/
}

@media screen and (max-width: 1024px)
{
    .sponsor-logo-div
    {
        width: 100px;
    }
}

/****************************/

/* MIDDLE MENU SOCIAL BUTTONS */

.social-button-container {
	position: relative;
	float: right;
	width: 200px;
	height: 100px;
}

@media screen and (max-width: 1024px) {
	.social-button-container {
		width: 160px;
		height: 50px;
	}
}

.home-social-right
{
    position: absolute;
    right: 50px;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

@media screen and (max-width: 1024px) {
	.home-social-right{
		right: 10px;
	}
}

.home-social-right > a
{
    margin: 0 3px 0 3px;
}

/****************************/

/* MIDDLE MENU */

.middle-menu-container {
	position: relative;
	float: none;
	margin: 0 200px 0 300px;
	height: 100px;
}

@media screen and (max-width: 1024px) {
	.middle-menu-container {
		height: 50px;
		margin: 0 200px 0 120px;
	}
}

.middle-menu {
	position: absolute;
	top: 50%;
	right: 0px;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
	.middle-menu {
			display: none;
	}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.middle-menu {
			display: none;
	}
}

/****************************/

/* MIDDLE MENU LINKS */

.middle-menu-ul
{
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    list-style-type: none;
}

.middle-menu-ul li
{
    display: inline;
    padding: 5px 10px 5px 10px;
    border-right: 2px solid white;
}

.middle-menu-ul li a
{
    color: #ffffff;
}

.middle-menu-ul li a:hover
{
    color: #909090;
    text-decoration: none;
}

.middle-menu-ul li:last-child
{
    border-right: none;
}

/****************************/

/* FOOTER */

.footer-menu
{
    position: relative;
    width: 100%;
    height: 100px;
    margin: 2% 0 1% 0;
    background-color: #303030;
}

@media screen and (max-width: 1024px)
{
    .footer-menu
    {
        height: 70px;
    }
}

.footer-menu-container
{
    position: absolute;
    top: 50%;
    left: 0;
    width: 600px;
    padding: 0 0 0 25px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 1024px) and (orientation: portrait)
{
    .footer-menu-container
    {
        width: 100px;
    }
}

@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .footer-menu-container
    {
        width: 300px;
    }
}

.footer-menu-ul
{
    margin: 0;
    padding: 0;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    list-style-type: none;
}

.footer-menu-ul li
{
    display: inline;
    padding: 5px 10px 5px 10px;
    border-right: 2px solid white;
    color: #ffffff;
}

@media screen and (max-width: 1024px)
{
    .footer-menu-ul li
    {
        padding: 0;
        border-right: none;
    }
}

.footer-menu-ul li:last-child
{
    border-right: none;
}

.footer-menu-ul li a
{
    color: #ffffff;
}

.footer-menu-ul li a:hover
{
    text-decoration: none;
    color: #909090;
}

.footer-social-button-container
{
    position: relative;
    float: right;
    width: 200px;
    height: 100%;
}




.copyright-text
{
    display: inline;
}

@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .copyright-text
    {
        display: block;
    }
}

@media screen and (max-width: 1024px) and (orientation: portrait)
{
    .copyright-text
    {
        display: none;
    }
}

/****************************/

/* TITLE BLOCK */

.title-block {
	/*position: relative;*/
	position: absolute;
	width : 100%;
	padding-left: 20px;
	padding-right: 20px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
.album-title-block {
	/*position: relative;*/
	position: absolute;
	width : 100%;
	padding-left: 20px;
	padding-right: 20px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.home-square-title
{
    font-family: 'HelveticaNeueW01-97Blac';
    color: #fff;
    z-index: 20;
    text-align: center;
    font-size: 18px;
    opacity: 1;
    font-weight: normal;
}

.home-square-title a
{
    font-weight: normal;
}

@media screen and (max-width: 1024px) {
	.home-square-title {
			font-size: 14px;
	}
}

.home-square-title > a
{
    color: #fff;
    z-index: 20;
}

.home-square-title > a:hover
{
    text-decoration: none;
    color: #999999;
}


.album-square-title
{
    font-family: 'HelveticaNeueW01-97Blac';
    color: #fff;
    z-index: 20;
    text-align: center;
    font-size: 13px;
    opacity: 1;
    font-weight: normal;
}
@media screen and (max-width: 1024px) {
	.album-square-title {
			font-size: 14px;
	}
}

.album-square-title a
{
    font-weight: normal;
}

.album-square-title > a
{
    color: #fff;
    z-index: 20;
}

.album-square-title > a:hover
{
    text-decoration: none;
    color: #999999;
}


.home-square-subtitle
{
    font-weight: lighter;
    font-size: 15px;
    color: #fff;
    z-index: 20;
    text-align: center;
    opacity: 1;
}

@media screen and (max-width: 1024px) {
	.home-square-subtitle {
		font-size: 13px;
		font-weight : normal;
	}
}

/****************************/

/* SQUARE-BOX */

.image-title-container {
	position: absolute;
	top: 66.67%;
	width: 100%;
	height: 33.33%;
	z-index: 5;
	background: rgba(48, 48, 48, 0.7);
}

.album-image-title-container
{
    position: absolute;
    top: 65%;
    width: 100%;
    height: 35%;
    z-index: 5;
    background: rgba(48, 48, 48, 0.7);
}

.home-image-container {
	position: relative;
	width: 100%;
	/*height: 100%;*/
	height : 0;
	padding-bottom : 100%;
}

.home-image-container img
{
  width: 100%;
  height: auto;
  display: block;
}

.home-image-link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 100%;*/
	height : 0;
	padding-bottom : 100%;
	background: rgba(0,0,0,0);
	/*z-index: 50;*/
}

.home-image-link-half {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height : 0;
	padding-bottom : 213%;
	background: rgba(0,0,0,0);
	z-index : 50;
}
@media screen and (max-width: 1024px) {
	.home-image-link-half {
		padding-bottom : 100%;
	}
}

.sponsor-logo-container img, .full-image
{
    width: 100%;
    height: auto;
    display: block;
    /*display: block;
    max-width: 100%;
    height: auto;*/
}

.image-title-icon
{
    width: 48px;
    height: 48px;
    padding: 15px 10px 10px 10px;
    z-index: 10;
    position: absolute;
    top: 66.667%;
    right: 0px;
    text-align: center;
}
@media screen and (max-width: 1024px)
{
    .image-title-icon
    {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.album-image-title-icon-top
{
    position: absolute;
    top: 0;
    right: 0;
    
    display: none;
    float: right;
    width: 48px;
    height: 48px;
    padding-top: 10px;
    
    text-align: center;
}
@media screen and (max-width: 1024px)
{
    .album-image-title-icon-top
    {
        display: block;
    }
}

.album-image-title-icon-bottom
{
    width: 100%;
    padding: 0;
    margin: 0;
    
    text-align: center;
    z-index: 10;
}
@media screen and (max-width: 1024px)
{
    .album-image-title-icon-bottom
    {
        display: none;
    }
}



.image-icon
{
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

/****************************/

/* HALF-VERTICAL-BOX */

.half-image-title-container
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 33%;
    z-index: 5;
    background: rgba(48, 48, 48, 0.7);
}


.half-square-container-left
{
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
}

.half-square-container-right
{
    position: relative;
    margin-right: 0px;
    margin-left: 0px;
}

@media screen and (max-width: 1024px)
{
    .half-image-screen img, .half-image
    {
        width: 100%;
        margin-left: 0;
        height: auto;
        display: block;
    }
}

@media screen and (min-width: 1025px)
{
    .half-image-screen img, .half-image
    {
        width: 213%;
        margin-left: -55%;
        display: block;
        height: auto;
    }
}

/****************************/

/* HALF-HORIZONTAL-BOX */



.half-image-title-icon
{
    position: absolute;
    width: 48px;
    height: 48px;
    padding: 15px 10px 10px 10px;
    z-index: 10;
    right: 50%;
    top: 0px;
    text-align: center;
}

@media screen and (max-width: 1024px)
{
    .half-image-title-icon
    {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.half-image-title-icon-right
{
    position: absolute;
    width: 48px;
    height: 48px;
    padding: 15px 10px 10px 10px;
    z-index: 10;
    right: 0;
    top: 0px;
    text-align: center;
}

@media screen and (max-width: 1024px)
{
    .half-image-horizontal img, .right-image
    {
        width: 100%;
        margin-bottom: 0%;
        margin-left: 0%;
        height: auto;
        display: block;
    }
    .left-image-container img, .left-image
    {
        width: 100%;
        margin-bottom: 0%;
        margin-left: 0%;
        height: auto;
        display: block;
    }
}

@media screen and (min-width: 1025px)
{
    .half-image-horizontal img, .right-image
    {
        width: 53.38%;
        margin-bottom: -6.33%;
        margin-left: 50%;
        height: auto;
        display: block;
    }
    .left-image-container img, .left-image
    {
        width: 53.38%;
        margin-bottom: -6.33%;
        margin-left: 0%;
        height: auto;
        display: block;
    }
}

/****************************/

/* RIGHT-CONTENT */

.right-content
{
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    padding-left: 390px;
    width: 100%;
    border-top: solid 1px #000000;
}

/*@media screen and (max-width: 1024px) and (orientation: portrait)*/
@media screen and (max-width: 1024px)
{
    .right-content
    {
        position: relative;
        float: left;
        padding-left: 0px;
    }
}
/*
@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .right-content
    {
        padding-left: 150px;
    }
}
*/

.right-content-child
{
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 580px;
    background-color: #ffffff;
    z-index: 50;
    padding: 0px 40px 40px 40px;
}
/*@media screen and (max-width: 1024px) and (orientation: portrait)*/
@media screen and (max-width: 1024px) {
	.right-content-child {
			padding: 0 0 10px 0;
	}
}
/*
@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .right-content-child
    {
        padding: 20px 20px 10px 20px;
    }
}
*/
.album-right-content-child
{
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 580px;
    background-color: #ffffff;
    z-index: 50;
    padding: 0px 40px 40px 40px;
}
@media screen and (max-width: 1024px) and (orientation: portrait)
{
    .album-right-content-child
    {
        padding: 20px 0 10px 0;
    }
}
@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .album-right-content-child
    {
        padding: 7px 7px 10px 7px;
    }
}


.right-content-container {
  /*display: table;*/
  content: " ";
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .right-content-container {
    padding: 15px 0 0 0;
  }
}
.no-padding-top {
    padding-top:0;
}
.padding-top-50 {
    padding-top:1em;
}


.album-right-content-container
{
    display: table;
    content: " ";
    padding: 0 0 0 0;
    margin: 0;
}

.album-right-content-container h2
{
    font: bold 20px "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    color: #3d3d3c;
    margin: 17px 0 10px 0;
    padding: 0;
    line-height: 20px;
}
/*@media screen and (max-width: 1024px) and (orientation: portrait)*/
@media screen and (max-width: 1024px)
{
    .album-right-content-container h2
    {
        width: 75px;
        padding-top: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        border-top: solid 1px #000000;
    }
}
@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .album-right-content-container h2
    {
        text-align: center;
    }
}


/****************************/

/* PAGE-HEADEAR */

.right-content-header {
  position: relative;
  top: 0px;
  width: 100%;
  height: auto;
  /*padding: 30px 0 0 0;*/
  padding: 20px 0 0 0;
  min-height: 100px;
}
@media screen and (max-width:1024px) {
  .right-content-header {
    min-height: 0px;
  }
}

.right-content-header h1
{
  font: 23px "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  color: #3d3d3c;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .right-content-header h1 {
    width: 70%;
  }
}
h1.child-menu {
  font-weight: bold;
}

.album-right-content-header
{
    position: relative;
    top: 0px;
    width: 100%;
    height: 53px;
    padding-top: 30px;
}
@media screen and (max-width: 1024px)
{
    .album-right-content-header
    {
        display: none;
    }
}

.right-content-additional-title
{
    position: absolute;
    top: 50%;
    width: 100%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    float: left;
    padding: 0 20px 0 20px;
    font: 16px "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    color: #ffffff;
    display: none;
    text-align: center;
}

/*@media screen and (max-width: 1024px) and (orientation: portrait)*/
@media screen and (max-width: 1024px)
{
    .right-content-additional-title
    {
        display: block;
    }
}
/*
@media screen and (max-width: 1024px) and (orientation: landscape)
{
    .right-content-additional-title
    {
        display: block;
        top: 300px;
        left: 10px;
        width: 300px;
        height: 100px;
        text-align: right;
        -ms-transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        transform: rotate(270deg);
        
        -ms-transform-origin: left top 0px;
        -webkit-transform-origin: left top 0px;
        -moz-transform-origin: left top 0px;
        transform-origin: left top 0px;
    }
}
*/

.right-content-breadcrumb
{
  font: bold 23px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: #3d3d3c;
}
@media screen and (max-width: 1024px) {
  .right-content-breadcrumb {
    width: 70%;
  }
}


.tools
{
    position: absolute;
    top: 0;
    right: 0px;
    width: 150px;
    text-align: right;
    display : none;
}
@media screen and (min-width: 1025px)
{
    .tools
    {
        display: none;
    }
}

.blackicon
{
    color: #000000;
}

/****************************/

/* PAGE-COPYRIGHT */

.page-copyright
{
    position: relative;
    width: 100%;
    height: 40px;
    border-top: solid 1px #000000;
    font: bold 10px "Helvetica Neue", Arial, sans-serif;
    color: #747473;
    padding-top: 10px;
    text-transform: uppercase;
    
    clear : both;
}


.calendar {
  width: 500px;
  border-collapse: collapse;
}
@media screen and (max-width: 1024px) {
  .calendar {
    width: 100%;
  }
}

.calendar th {
	text-align : left;
	vertical-align : middle;
	padding: 10px 10px 10px;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #bbb;
  background-color: #cccccc;
}

.calendar th p {
	margin : 0;
}

.calendar td {
  width: 50%;
  padding: 15px 10px 5px;
  
  line-height: 14px;

  text-align: left;
  vertical-align: top;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

/****************************/

/* STORIES */

.real-content-blogs a
{
    color: #000;
    text-decoration: none;
}

.real-content-blogs a:hover
{
    color: #999999;
    text-decoration: none;
}

.story-list-header {
  /*padding: 1.3em 0 0 0;*/
  padding : 0;
  clear: both;
  border: none;
}
.story-list-header:first-child {
	padding: 0 0 0 0;
}

/* All expect the first have border */
.right-content-container > .story-list-header ~ .story-list-header {
  /*border-top: 1px solid #000;*/
} 
/* For partner logo panelizer */
.inside > .story-list-header ~ .story-list-header {
  /*border-top: 1px solid #000;*/
} 

.story-list-header a {
  font-weight: normal;
  text-decoration: underline;
}
.story-list-header a:hover {
  color: #ccc;
}

.story-item:first-child, 
:not(.story-item) + .story-item {
  border: none;
  padding: 0 20px 20px 0;
}

.story-item
{
  padding: 10px 20px 20px 0;
  margin: 0;
  border-top: 1px solid #000;
  clear: both;
}

@media screen and (max-width:1024px) {
  .story-item {
    padding: 10px 0 20px 0;
  }
}

.story-item img {
  float: left;
  width: 100%;
  padding: 0 20px 20px 0;
}
@media screen and (min-width:501px) {
  .story-item img {
    max-width: 200px;
  }
}
@media screen and (max-width:500px) {
  .story-item img {
    padding: 0 0 20px 0;
  }
}

.story-item-blog
{
    padding: 0 0 20px 0;
    margin: 0;
}

.story-item h3, .story-item-blog h3
{
    padding: 0;
    margin: 0;
    text-transform: uppercase;
}
.story-item a {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}
.story-item a:hover {
  text-decoration: underline;
}

.story-item-date {
  padding: 3px 0 10px 0;
  margin: 0;
  color: #303030;
  font-weight: bold;
  font-size: 16px;
}
.story-item-blog .story-item-date {
  padding: 0 0 10px 0;
}

.story-item-blog img
{
    padding: 3px 0 3px 0;
    margin: 0;
    width: 100%;
}

.story-item-subtitle {
  padding: 0 0 3px 0;
  margin: 0;
}

.field-body img {
  max-width: 500px;
  width: 100%;
  display: block;
}


/* CK Editor */
.rteindent1 {
  margin-left: 40px;
}
.rteindent2 {
  margin-left: 80px;
}
.rteindent3 {
  margin-left: 120px;
}
@media screen and (max-width: 1024px) {
  .rteindent1 {
    margin-left: 20px;
  }
  .rteindent2 {
    margin-left: 40px;
  }
  .rteindent3 {
    margin-left: 60px;
  }
}


/* Album thumb for press download */
@media screen and (min-width: 1025px) {
  .album-thumb-container-4 {
    display: inline-block;
    vertical-align: top;
    width: 31%;
    padding: 0 1% 2% 1%;
  }
}
@media screen and (max-width: 1024px) {
  .album-thumb-container-6 {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    padding: 0 1% 2% 1%;
  }
}
.album-thumb-image {
}
.album-thumb-image img {  
  width: 100%;
}
.album-thumb-caption {
  padding: 0 0 10px 0;
}
.album-thumb-download {
  padding: 5px 0 5px 0;
}

/* Vimeo iframe */

iframe {
  width: 100%;
  height: 400px;
}
@media screen and (max-width: 500px) {
  iframe {
    height: 300px;
  }
}

.no-border {
  border: none !important;
}
.no-border img {
  border: none !important;
}

.column-90 {
  width: 90% !important;
}
.column-80 {
  width: 80% !important;
}
.column-70 {
  width: 70% !important;
}
.column-60 {
  width: 60% !important;
}
.column-50 {
  width: 50% !important;
}
.column-40 {
  width: 40% !important;
}
.column-30 {
  width: 30% !important;
}


.fa-plus-circle:hover {
  cursor: pointer;
}
.fa-minus-circle:hover {
  cursor: pointer;
}
.tools .fa-plus-circle {
  margin: 10px 15px 0 0;
}
.tools .fa-minus-circle {
  margin: 10px 15px 0 0;
}

.go-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
  background-color: rgba(50, 50, 50, 0.40);
  width: 50px;
  height: 50px;
  display: none;
}
@media screen and (min-width: 1025px) {
  .go-to-top {
    display: none !important;
  }
}
.go-to-top:hover {
  cursor: pointer;
}
.go-to-top-container {
  position : relative;
  width : 100%;
  height : 0;
  padding-bottom : 100%;
}
.go-to-top-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}

.invisible-div {
	display : none;
}


.go-to-down-container {
  position : relative;
  width : 100%;
  height : 0;
  padding-bottom : 100%;
}

.go-to-down {
  position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
  
  width : 40px;
  height : 40px;
  margin-left : 50px;
  cursor : pointer;
}
@media screen and (max-width: 350px) {
	.go-to-down {
		margin-left: 10px;
	}
}

.go-to-top-content {
	z-index : 10;
}

/****************************/
/* Partner boxes */
/****************************/
gphg-partner {
  position : relative;
  width : 32%;
  height: 0;
  padding-bottom : 32%;
  border : 1px solid #aaaaaa;
  float : left;
}

.anchor {
  /*position : absolute;*/
  width : 100%;
  /*height : 30px;*/
  /*background : #0000ff;*/
  display : none;
}

@media screen and (max-width: 414px) and (orientation: portrait) {
	gphg-partner {
		width : 49%;
		padding-bottom : 49%;
	}
	.group-partner > gphg-partner:nth-of-type(2n) {
		/*margin : 0 0 2% 0;*/
		margin-right : 0;
	}
}
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {
	gphg-partner {
		width : 49%;
		padding-bottom : 49%;
	}
	.group-partner > gphg-partner:nth-of-type(2n) {
		/*margin : 0 0 2% 0;*/
		margin-right : 0;
	}
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.group-partner > gphg-partner:nth-of-type(3n) {
		/*margin : 0 0 2% 0;*/
		margin-right : 0;
	}
}
@media screen and (min-width: 1025px){
	.group-partner > gphg-partner:nth-of-type(3n) {
		/*margin : 0 0 2% 0;*/
		margin-right : 0;
	}
}

.partner-link-zone {
  position : absolute;
  float : left;
  top : 0;
  left : 0;
  
  width : 100%;
  height : 0;
  padding-bottom : 100%;
  
  opacity : 0.2;
  z-index : 50;
}

.partner-link-zone:hover {
  cursor:pointer;
}

.partner-toggle-container {
  position : absolute;
  float : left;
  width : 40px;
  height : 40px;
  top : 0;
  right : 0;
  z-index : 30;
}

.partner-toggle {
  position : absolute;
  width : 100%;
  text-align : center;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.partner-logo {
  position : relative;
  float : left;
  top : 0;
  left : 0;
  
  width : 100%;
  height : 0;
  padding-bottom : 100%;
}

.logo-container {
  position: absolute;
  top: 50%;
  width : 100%;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}

.logo-container img {
  width : 100%;
}

.column-partner-90 {
  padding-left : 5%;
  padding-right : 5%;
}
.column-partner-80 {
  padding-left : 10%;
  padding-right : 10%;
}
.column-partner-70 {
  padding-left : 15%;
  padding-right : 15%;
}
.column-partner-60 {
  padding-left : 20%;
  padding-right : 20%;
}
.column-partner-50 {
  padding-left : 25%;
  padding-right : 25%;
}
.column-partner-40 {
  padding-left : 30%;
  padding-right : 30%;
}


/****************************/
/* Partner detail zone */
/****************************/
.partner-detail {
	position : relative;
  border : 1px solid #aaa;
  width : 100%;

  display:-webkit-box; /*old prefixed for webkit*/
  display:-moz-box; /*old prefixed for mozilla*/
  display:-ms-flexbox; /*inbetween prefixed for ie*/
  display:-webkit-flex; /*new prefixed for webkit*/
  display:flex; /*new*/

  flex-wrap: nowrap;
  -webkit-flex-wrap: wrap;
  
  flex-direction: row;
	-webkit-flex-direction: row;
	
	margin-bottom : 2%; /* same interspace margin as with gphg-partner boxes */
}
.partner-detail-column-1 {
  width : 55%;
  padding : 20px;

	position : relative;
	float: left;
  
  -ms-flex: 55;
	-webkit-flex: 55;
	flex: 55;
}
.partner-detail-logo img {
  width : 100%;
  margin-bottom : 20px;
}


.partner-detail-column-2 {
  width : 20%;
  padding : 20px 20px 0 0;
  
  position : relative;
	float: left;
  
  -ms-flex: 20;
	-webkit-flex: 20;
	flex: 20;
}
.partner-detail-column-2 img {
  width : 100%;
}
.partner-detail-column-3 {
  width : 25%;
  padding : 40px 20px 0 0;
  
  position : relative;
	float: left;
  
  -ms-flex: 25;
	-webkit-flex: 25;
	flex: 25;
}
.partner-detail-column-3 p {
  margin-top : 0;
}
@media screen and (max-width: 500px){
	.partner-detail {
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;

	}
	.partner-detail-column-1 {
		width : 100%;
		padding : 20px 20px 0 20px;
		
		-ms-flex: 1;
		-webkit-flex: 1;
		flex: 1;
		
		-ms-flex-basis: 100%;
		-webkit-flex-basis: 100%;
    flex-basis: 100%;

	}
	.partner-detail-column-2 {
		width : 30%;
		padding : 0 20px 20px 20px;
		
		-ms-flex: 3;
		-webkit-flex: 3;
		flex: 3;
		
	}
	.partner-detail-column-3 {
		width : 70%;
		padding : 0 20px 20px 0;
		
		-ms-flex: 7;
		-webkit-flex: 7;
		flex: 7;

	}
}


.partner-detail-toggle-container {
  position : absolute;
  float : left;
  width : 40px;
  height : 40px;
  top : 0;
  right : 0;
}
.partner-detail-toggle-container:hover {
  cursor : pointer;
}

.partner-detail a {
  color : #000;
  font-weight : bold;
  text-decoration : none;
}

.partner-detail a:hover {
  text-decoration : underline;
}

/****************************/
/* Partner detail zone */
/****************************/
#official-partner {
	width : 100%;
}


/****************************/
/* BOXES (watches, jury,...) */
/****************************/
.box-container {

  /*display:-webkit-box; /*old prefixed for webkit*/
  /*display:-moz-box; /*old prefixed for mozilla*/
  /*display:-ms-flexbox; /*inbetween prefixed for ie*/
  /*display:-webkit-flex; /*new prefixed for webkit*/
  /*display:flex; /*new*/
  
  /*flex-wrap : wrap;
  -ms-flex-wrap : wrap;
  -webkit-flex-wrap : wrap;
  
  /*margin-bottom: 3%;*/
  
  clear : both;

}

box-main-title {
	/*
  flex: 1 1 34%;
  -ms-flex: 1 1 34%;
  -webkit-flex: 1 1 34%;
  
  flex-grow : 0;
	-webkit-flex-grow : 0;
	-moz-flex-grow : 0;*/
	
	width : 34%;
	position : relative;
	float: left;
    
	margin-bottom:1em;
}
.box-main-title-container {
	position: relative;
	width : 100%;
	float: left;
}
.boxsub {
  width : 94.117%;
	position : relative;
}

p:last-child
box-main-title .title a {
	text-decoration: none;
}
@media screen and (max-width: 414px) and (orientation: portrait) {
	box-main-title {
    /*flex: 1 1 51%;
    -ms-flex: 1 1 51%;
    -webkit-flex: 1 1 51%;

    flex-grow : 0;
    -webkit-flex-grow : 0;
    -moz-flex-grow : 0;*/
    
    width : 51%;
  }
  .box-main-title-container {
  	width : 100%;
  }
}
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {
  box-main-title {
  	/*
    flex: 1 1 51%;
    -ms-flex: 1 1 51%;
    -webkit-flex: 1 1 51%;

    flex-grow : 0;
    -webkit-flex-grow : 0;
    -moz-flex-grow : 0;*/
     width : 51%;
  }
  .box-main-title-container {
  	width : 100%;
  }
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.box-container > box-main-title:nth-of-type(3n) {
	/*box-main-title {*/
	/*
    flex: 1 1 32%;
    -ms-flex: 1 1 32%;
    -webkit-flex: 1 1 32%;*/
    
    width : 32%;

  }
  .box-container > box-main-title:nth-of-type(3n+1) {
  	clear : both;
  }
  .box-container > box-main-title:nth-of-type(3n) > .box-main-title-container > .boxsub {
  	width : 100%;
  	margin-right:0;
  }
  .box-container > box-main-title:nth-of-type(3n) > .box-main-title-container {
  	width : 100%;
  }
}
@media screen and (min-width: 1025px) { 
  .box-container > box-main-title:nth-of-type(3n) {
  	/*
    flex: 1 1 32%;
    -ms-flex: 1 1 32%;
    -webkit-flex: 1 1 32%;*/
    width : 32%;
  }
  .box-container > box-main-title:nth-of-type(3n+1) {
  	clear : both;
  }
  .box-container > box-main-title:nth-of-type(3n) > .box-main-title-container > .boxsub {
  	width : 100%;
  	margin-right:0;
  }
  .box-container > box-main-title:nth-of-type(3n) > .box-main-title-container {
  	width : 100%;
  }
  .box-container > box-main-title:nth-of-type(3n) > .watch-list-thumb-container {
  	width : 100%;
  	margin-right:0;
  }
}
@media screen and (max-width: 414px) and (orientation: portrait) {
	.box-container > box-main-title:nth-of-type(2n) {
		/*
    flex: 1 1 49%;
    -ms-flex: 1 1 49%;
    -webkit-flex: 1 1 49%;*/
    width : 49%;
  }
  .box-container > box-main-title:nth-of-type(2n+1) {
  	clear : both;
  }
  .box-container > box-main-title:nth-of-type(2n) > .box-main-title-container > .boxsub {
  	width : 100%;
  	margin-right:0;
  }
  .box-container > box-main-title:nth-of-type(2n) > .box-main-title-container {
  	width : 100%;
  }
}
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {
  .box-container > box-main-title:nth-of-type(2n) {
  	/*
    flex: 1 1 49%;
    -ms-flex: 1 1 49%;
    -webkit-flex: 1 1 49%;*/
    width : 49%;
  }
  .box-container > box-main-title:nth-of-type(2n+1) {
  	clear : both;
  }
  .box-container > box-main-title:nth-of-type(2n) > .box-main-title-container > .boxsub {
  	width : 100%;
  	margin-right:0;
  }
  .box-container > box-main-title:nth-of-type(2n) > .box-main-title-container {
  	width : 100%;
  }
}


@media screen and (max-width: 414px) and (orientation: portrait) {
	.boxsub {
    width : 96.070%;
    margin-right : 3.921%;
  }
}
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {
  .boxsub {
    width : 96.070%;
    margin-right : 3.921%;
  }
}
.boxsub img {
	position : relative;
  width : 100%;
  border : 1px solid #aaaaaa;
  max-width: 100%;
  height: auto;
  display:block;
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	.box-container > box-main-title:nth-of-type(3n) > .boxsub {
    width : 100%;
    margin-right : 0;
  }
}
@media screen and (min-width: 1025px) { 
  .box-container > box-main-title:nth-of-type(3n) > .boxsub {
    width : 100%;
    margin-right : 0;
  }
}
@media screen and (max-width: 414px) and (orientation: portrait) {
	.box-container > box-main-title:nth-of-type(2n) > .boxsub {
    width : 100%;
    margin-right : 0;
  }
}
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {
  .box-container > box-main-title:nth-of-type(2n) > .boxsub {
    width : 100%;
    margin-right : 0;
  }
}

.main-title {
	padding: 2% 0 0 0; /* 3% is the space between image and main-title */
	/*
	font: bold 14px/15px "Helvetica Neue", Arial, sans-serif;
	color: #888888;
	text-transform: uppercase;*/
}
/*
.prize-name {
  font: bold 14px/15px "Helvetica Neue", Arial, sans-serif;
  color: #888888;
  text-transform: uppercase;
}
*/

.title {
  width : 94.12%;
  margin-right: 5.88%;
  margin-top : 0.2em;
}
box-header .title {
	padding : 0;
}
/*.title h4 {*/

/*
.title h4 a {
	text-decoration : none;
}
*/


.sub-title {
  width : 94.12%;
  margin-right: 5.88%;
}
.sub-title p {
  color: #888888;
  /*margin : 0 0 1em 0;*/
  /*font: 14px/15px "Helvetica Neue",Arial,sans-serif;*/
  /*font: 1.1em "Helvetica Neue",Arial,sans-serif; */
}


/****************************/
/* BOXES HEADER ELEMENTS */
/****************************/
box-header {
  /*display:-webkit-box; /*old prefixed for webkit*/
  /*display:-moz-box; /*old prefixed for mozilla*/
  /*display:-ms-flexbox; /*inbetween prefixed for ie*/
  /*display:-webkit-flex; /*new prefixed for webkit*/
  /*display:flex; /*new*/
  /*
  flex-wrap : wrap;
  -ms-flex-wrap : wrap;
  -webkit-flex-wrap : wrap;*/
  
  clear : both;
  
  /*margin-bottom:1em;*/
}
box-header a {
	text-decoration: none;
}
box-header > .box-main-title-container {
	margin-bottom:1em;
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
	box-header > .boximage {
		flex: 1 1 34%;
		-ms-flex: 1 1 34%;
		-webkit-flex: 1 1 34%; 
		
		flex-grow : 0; /* Fixed size flexbox */
    -webkit-flex-grow : 0;
    -moz-flex-grow : 0;
	}
	box-header > .boxtitle {
		flex: 1 1 66%;
		-ms-flex: 1 1 66%;
		-webkit-flex: 1 1 66%;
		
		flex-grow : 0; /* Fixed size flexbox */
    -webkit-flex-grow : 0;
    -moz-flex-grow : 0;
	}
}
@media screen and (min-width: 1025px) {
	box-header > .boximage {
		flex: 1 1 34%;
		-ms-flex: 1 1 34%;
		-webkit-flex: 1 1 34%; 
		
		flex-grow : 0; /* Fixed size flexbox */
    -webkit-flex-grow : 0;
    -moz-flex-grow : 0;
	}
	box-header > .boxtitle {
		flex: 1 1 66%;
		-ms-flex: 1 1 66%;
		-webkit-flex: 1 1 66%;
		
		flex-grow : 0; /* Fixed size flexbox */
    -webkit-flex-grow : 0;
    -moz-flex-grow : 0;
	}
}
@media screen and (max-width: 414px) and (orientation: portrait) {
	box-header > .boximage {
		flex: 1 1 51%;
		-ms-flex: 1 1 51%;
		-webkit-flex: 1 1 51%; 
		
		flex-grow : 0; /* Fixed size flexbox */
    -webkit-flex-grow : 0;
    -moz-flex-grow : 0;
	}
	box-header > .boxtitle {
		flex: 1 1 49%;
		-ms-flex: 1 1 49%;
		-webkit-flex: 1 1 49%;
		
		flex-grow : 0; /* Fixed size flexbox */
    -webkit-flex-grow : 0;
    -moz-flex-grow : 0;
	}
}
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {
	box-header > .boximage {
		flex: 1 1 51%;
		-ms-flex: 1 1 51%;
		-webkit-flex: 1 1 51%; 
		
		flex-grow : 0; /* Fixed size flexbox */
    -webkit-flex-grow : 0;
    -moz-flex-grow : 0;
	}
	box-header > .boxtitle {
		flex: 1 1 49%;
		-ms-flex: 1 1 49%;
		-webkit-flex: 1 1 49%;
		
		flex-grow : 0; /* Fixed size flexbox */
    -webkit-flex-grow : 0;
    -moz-flex-grow : 0;
	}
}
.boxtitle .main-title {
	padding: 0;
}
.boxtitle {
	position : relative;
	float : left;
	width : 66%;
}

.boximage {
	position : relative;
	float : left;
	width : 34%;
}
.boximage img {
  width : 94.117%;
  border : 1px solid #aaaaaa;
  
  position : relative;
	/*max-width: 94.117%;*/
	height: auto;
	display: block;
}

@media screen and (max-width: 1024px) and (orientation: portrait) {
	.boximage {
		width : 51%;
	}
	.boxtitle {
		width : 49%;
	}
	.boximage img {
    width : 96.070%;
    margin-right : 3.921%;
  }
}

/*
@media screen and (max-width: 414px) and (orientation: portrait) {
	.boximage {
		width : 51%;
	}
	.boximage img {
    width : 96.070%;
    margin-right : 3.921%;
  }
}
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {
	.boximage {
		width : 51%;
	}
  .boximage img {
    width : 96.070%;
    margin-right : 3.921%;
  }
}
*/

/*
box-header .main-title {
  margin : 0;
  padding : 0;
  
	font: bold 14px/15px "Helvetica Neue", Arial, sans-serif;
	color: #888888;
	text-transform: uppercase;
}
box-header .title {
  margin : 0;
  padding : 0;
}
box-header .sub-title {
  margin : 0;
  padding : 0;
}
*/

/****************************/
/* BOXES WITH VIDEO LINK OR OTHERS */
/****************************/
.boxlink {
  position : absolute;
  top : 0;
  left : 0;
  
  width: 100%;
  height : 100%;
  float : left;
  
  z-index : 10;
}
.boxlink:hover {
  cursor : pointer;
}
.boxlink {
  text-align : center;
}
.boxlink i {
  position : absolute;
  top : 50%;
  left: 50%;
  
  transform: translate(-50%, -50%);
  -webkit-transform : translate(-50%, -50%);
  -ms-transform : translate(-50%, -50%);
  -moz-transform : translate(-50%, -50%);
  -o-transform : translate(-50%, -50%);
  
  color : #ffffff;
  opacity : 0.5;
}
.boxlink i.icon-playerbuttongphg {
    position : absolute;
    top : 0;
    left: 0;
    margin-top: 10px;
    margin-left: 10px;


    transform: none;
    opacity : 1;
}


/* 2 columns */
@media screen and (max-width: 414px) and (orientation: portrait),
@media screen and (min-width: 415px) and (max-width:1024px) and (orientation: portrait) {

}
/* 3 columns */
@media screen and (max-width: 1024px) and (orientation: landscape),
@media screen and (min-width: 1025px) { 

}


@media print {
	
	.left-column {
		display : none; !important
	}
	.page-main-image-container {
		display : none; !important
	}
	.right-content {
		padding-left:0;
		margin: 0;
		float: none;
		width: 100%;
	}
}


.vote-message {
  /*width: 100%;
  height: 100px;
  background-color: #cccccc;
  position: relative;*/

  /*display: none;*/
}

.vote-message-detail {
  clear:both;

  /*margin-top: -1em;*/
  /*margin-bottom:1em;*/
  margin-bottom:4%;

  padding: 10px;

  width: 100%;
  /*height:100px;*/

  border: 1px solid #bbbbbb;

  position: relative;

  overflow:auto;

}

.vote-message-detail h4 {
  margin-bottom: 1.1em;
}
.vote-message-detail p {
  margin-bottom:1.5em;
}

.btn {
  cursor: pointer;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  border-color: #bbbbbb #bbbbbb #a2a2a2;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333333;
  line-height: 20px;
  margin-bottom: 0;
  padding: 4px 12px;
  margin-right:10px;
  
}
.green-background {
  background-color: #fff56f;
}
.grey-background {
  background-color: #D3D3D3;
}
.btn-vote-margin {
  margin-top: 12px;
  margin-bottom: 20px;
}
.btn-vote-margin-watch {
  margin-top: 8px;
  margin-bottom: 10px;
}
.btn-vote-margin-watch a {
  text-decoration: none;
  font-weight: bold;
}
.btn-vote-margin-watch .vote-message {
  margin-top:25px;
}

#block-gphg-gphg-block-user {
  z-index: 10;
}

.vote-header {
  font-weight: bold;
}
.center {
  text-align: center;
}
.vote-header-img {
  float: right;
  width:150px;
  margin: 0 0 0 10px;
}
.vote-header-img img {
  width: 100%;
}

.vote-logo-resize img {
  width:60px;
  margin-bottom:10px;
}
.right-content-child a.btn {
  text-decoration: none;
}

.vote-watch-info {
  width: 150px;
}
.vote-watch-info img {
  width: 100%;
}

.vote-right-info {
  float: right;
  position:absolute;
  top:0;
  margin-left: 160px;
}
.vote-description {
  position:relative;
}

.button-container {
  display: inline;
  margin-top: 0px;
}


.form-submit {
  margin-top:10px;
}


@media screen and (max-width: 500px) {
  .button-container {
    display: block;
    margin-top: 10px;
  }
  .button-container .btn {
    display: block;
    width:150px;
    text-align: center;
  }
}


/* Close button for vimeo lightboxes */
.lity-close {
    top: 10px;
    left: 10px;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 20000;
}
.lity-close .fa{
    z-index:150;
}
.lity-close:active {
  top: 10px;
  background-color: rgba(0, 0, 0, 0.4);
}
.lity-close:hover {
    background-color: rgba(0, 0, 0, 0.4);
}
.lity {
    background: #ffffff;
}
@media screen and (max-width : 480px) and (orientation: portrait) {
    .lity {
        background: #111111;
    }
}


.lity-content::after {
            box-shadow: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
}

.video-title {
    color: #000;
    z-index: 10000;
    font-size: 40px;
    top: 400px;
}

.lity.lity-opened {
    opacity: 1;
    /*z-index: -1;*/
}


.title-wrap {
    display: table;
    height: 100%;
    position: absolute;
    overflow: hidden;
    width: 100%;

}
.title-wrap-helper {
    display: table-cell;
    vertical-align: middle;
}
#title-container {
    position: relative;
    margin: 0 auto;

    max-width: 964px;
    width: 100%;

    /*border: 1px solid orange;*/

    z-index:10000;
}


.title-container-logo {
    position: absolute;
    float: left;
    top: 0;
    left: 0;

    width:120px;
    height: 97px;
    padding: 10px;
    margin-top: 20px;
    margin-left:20px;
    opacity: 1;
    z-index:10002;
}
.title-container-helper {
    position: absolute;
    float: left;
    top: 0;
    left: 0;

    width:350px;
    height: 97px;
    padding: 15px;
    margin-top: 20px;
    margin-left:150px;
    opacity: 1;
    z-index:10002;
}


.title-container-logo-background {
    position: absolute;
    float: left;
    top: 0;
    left: 0;

    width:120px;
    height: 97px;
    padding: 10px;
    margin-top: 20px;
    margin-left: 20px;
    opacity: 0.9;
    background: #222;
    z-index:10001;
}
.title-container-background {
    position: absolute;
    float: left;
    top: 0;
    left: 0;

    width:350px;
    height: 97px;
    padding: 15px;
    margin-top: 20px;
    margin-left:150px;
    opacity: 0.9;
    background: #222;
    z-index:10001;
}

.title-container-helper h1, .title-container-background h1 {
    margin:0;
    /*font-size: 4vw;*/
    font-size: 16px;
    color:#fff;
    opacity: 1;
}
.title-container-helper h2 p, .title-container-background h2 p {
    margin:0;
    /*font-size: 2vw;*/
    font-size: 13px;
    color:#fff;
}

@media screen and (max-width : 480px) and (orientation: portrait) {
    .title-container-helper, .title-container-background {
        width: 58%;
        margin-left:75px;
        margin-top: 10px;
        padding: 10px;
        height: 60px;
    }
    .title-container-helper h1, .title-container-background h1 {
        font-size: 3vw;
    }
    .title-container-helper h2, .title-container-background h2 {
        padding: 0;
    }
    .title-container-helper h2 p, .title-container-background h2 p {
        font-size: 2.9vw; !important
        
    }
    .title-container-logo, .title-container-logo-background {
        width: 60px;
        margin-left: 10px;
        margin-top: 10px;
        padding: 10px;
        height: 60px;
    }
    .title-container-logo img, .title-container-logo-background img {
        width: 100%;
    }
}






.fa-custom-play {
    position: absolute;
    font-size: 20px;
    top: 50%;
    left: 45%;
    z-index: 20002;
    transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg); /* IE 9 */
    -webkit-transform: translate(-50%, -50%) rotate(180deg); /* Safari */
}


.watch-later-button {
  display: none;
}

.back-button-container {
    position: fixed;
    width: 40px;
    height: 40px;

    top: 10px;
    left: 10px;

    z-index: 20000;
}

.back-button:hover {
    cursor: pointer;
}

.back-button, .back-button-background {
    position: absolute;
    width: 40px;
    height: 40px;
}
.back-button {
    z-index: 20002;
    opacity: 1;
}
.back-button-background {
    z-index: 20001;
    opacity: 0.4;
    background: #fff;
    border: 1px solid #000;
}


.box-vimeo-full-image {
    /*height: auto;*/
    background: #000000;
    position: relative;
    height: 470px;
}
.box-vimeo-full-image img {
    width: 99.5%; /* Not 100% because of the existence of outside margin due to left:50%; */
    max-height: 470px;

    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

@media screen and (max-width : 480px) and (orientation: portrait) {
    .box-vimeo-full-image {
        height: 250px;
    }
}


.vimeo-full-title h2 {
    margin:0;
    font-size: 16px;
    color:#fff;
}
.box-main-title-container .title-container-logo-background,
.box-main-title-container .title-container-background {
    opacity: 0.9;
}

.fa-6x {
    font-size: 6em;
}

@media screen and (max-width : 480px) and (orientation: portrait) {
    .vimeo-full-title h2 {
        font-size: 3vw;
    }
    .fa-6x {
        font-size: 4em;
    }
}