@charset "UTF-8";
/* CSS Document */
.screensaver,
#top .mainmenu .for-screen,
.inner-screen{
        display: none;
}
@media (width: 1920px) and (height: 1080px){
        
        #top .mainmenu > ul:not(.for-screen),
        #bottom .subs,
        #bottom strong,
        #bottom .left p,
        .inner-home{
                display: none;
        }
        #top .mainmenu .for-screen{
                display: block;
        }
        #top .mainmenu li{
                margin: 0;
        }
        #top .mainmenu li a{
                display: block;
                padding: 10px 15px;
        }
        #top .mainmenu li a:after{
                bottom: 8px;
        }
        #top .mainmenu li a:hover:after{
                left: 15px;
                width: calc(100% - 30px);
        }
        
        #bottom{
                padding-bottom: 0;
                height: 0px;
        }
        #body,
        body.home #body{
                padding-bottom: 0;
        }
        #body{
                padding-top: 30px;
        }
        #top,
        body.home #top{
                padding-top: 40px;
        }
        body.home #top{
                position: relative;
                top: 7.5px;
        }
        .home #top .logo{
                margin-bottom: 15px;
        }
        
        
        .inner-screen{
                padding: 0 50px;
                display: block;
        }
        .inner-screen .left,
        .inner-screen .right{
                display: flex;
                flex-wrap: wrap;
                justify-content: space-between;
                width: calc(50% - 11px);
        }
        .inner-screen .left{
                float: left;
        }
        .inner-screen .right{
                float: right;
        }
        .inner-screen .item{
                height: 200px;
                flex: 200px;
                margin-top: 22px;
                position: relative;
        }
        .inner-screen .item strong,
        .inner-screen .item span,
        .inner-screen .item a{
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                color: #fff;
                background-repeat: no-repeat;
                background-position: center center;
                background-attachment: scroll;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
        }
        .inner-screen .item a:after{
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                content: '';
                background: rgba(28,28,28,.6);
                opacity: 0;
                transition: opacity 0.2s ease-in;
        }
        .inner-screen .item.hover a:after{
                opacity: 1;
        }
        .inner-screen .item a em {
                display: block;
                position: absolute;
                left: 0;
                top: 50%;
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 100%;
                text-align: center;
                font-family: 'Lora';
                font-weight: 500;
                font-style: italic;
                font-size: 20px;
                color: #fff;
                z-index: 3;
                opacity: 0;
                visibility: hidden;
                transition: all 0.2s ease-in;
        }
        .inner-screen .item.hover a em {
                opacity: 1;
                visibility: visible;
        }
        .inner-screen .item span{
                background: #a6192e;
                display: flex;
                align-items: center;
        }
        .inner-screen .item span > *{
                flex: 1;
                padding: 0 40px;
                font-family: 'Lora';
                font-size: 16px;
                font-weight: 500;
                font-style: italic;
                line-height: 150%;
                color: #fff;
        }
        .inner-screen .item del{
                display: block;
                position: absolute;
                left: 0;
                width: 100%;
                top: 50%;
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                text-align: center;
        }
        .inner-screen .item del abbr{
                display: inline-block;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 31px 0 31px 57px;
                border-color: transparent transparent transparent #ffffff;
                z-index: 1;
        }
        .inner-screen .item.item-9,
        .inner-screen .item.item-1{
                flex: calc(30% - 11px);
                max-width: calc(30% - 11px);
        }
        .inner-screen .item.item-10,
        .inner-screen .item.item-2{
                flex: calc(70% - 11px);
                max-width: calc(70% - 11px);
        }
        .inner-screen .item.item-5,
        .inner-screen .item.item-6{
                flex: calc(27% - 16px);
                max-width: calc(27% - 16px);
        }
        .inner-screen .item.item-7{
                flex: calc(46% - 16px);
                max-width: calc(46% - 16px);
        }
        .inner-screen .item.item-8{
                flex: 100%;
                max-width: 100%;
                margin: 0;
                height: 522px;
        }
        .inner-screen .item.item-1,
        .inner-screen .item.item-2{
                height: 300px;
                margin: 0;
        }
        .inner-screen .item.item-3,
        .inner-screen .item.item-4{
                height: 280px;
        }
        .inner-screen .item.item-3{
                flex: calc(73% - 11px);
                max-width: calc(73% - 11px);
        }
        .inner-screen .item.item-4{
                flex: calc(27% - 11px);
                max-width: calc(27% - 11px);
        }
        .inner-screen .item.item-5,
        .inner-screen .item.item-6,
        .inner-screen .item.item-7{
                height: 205px;
        }
        .inner-screen .item.item-9,
        .inner-screen .item.item-10{
                height: 285px;
        }
        
        .inner-video{
                height: calc(100vh - 141px);
                overflow: hidden;
                position: relative;
        }
        .inner-video .iframe-holder{
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                z-index: 1;
                padding: 0;
        }
        .inner-ben,
        .inner-hood,
        .inner-feat,
        .inner-amen,
        .inner-page{
                padding-top: 20px;
                padding-bottom: 60px;
        }
        .wrapper{
                max-width: 1600px;
        }
        .ptitle{
                font-size: 40px;
        }
        .format-text,
		.format-text h3,
		.accord-item .acc-head h3,
		.inner-amen .wrap-grid .item b {
                font-size: 20px;
        }
        
		#top .mainmenu li a {font-size: 16px;}
	
	
        body.page-id-53 span.clearfix a{
                float: left !important
        }
        body.page-id-53 span.clearfix br:first-child + a{
                display: none;
        }
        #bottom strong,
        #bottom .right,
        #bottom .left{
                opacity: 0;
                visibility: hidden;
        }
        .screensaver{
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 999999;
                background: #fff;
                
        }
        .screensaver.moving{
                display: block;
        }
        .screensaver .color{
                animation: x 13s linear infinite alternate;
                display: block;
                position: absolute;
                z-index: 1;
                width: 100%;
                height: 100%;
                background: #fff;
                left: 0;
                top: 0;
        }
        .screensaver img{
                animation: y 7s linear infinite alternate;
                position: relative;
                z-index: 2;
        }

        @keyframes x {
                100% {
                        transform: translateX( calc(100vw - 300px) );
                }
        }
        @keyframes y {
                100% {
                  transform: translateY( calc(100vh - 58px) );
                }
        }

}