#int-all {
    height:95%;
    min-height:600px;
    padding:0;
    -webkit-transition:min-height 1s;
    transition:min-height 1s;
}

#all-footer {
    height:auto;
}

#int-header {
    margin: 0 auto 0px auto;
}

#int-menu-q {
    height:39px;
}

#all-menu-top-table #all-menu-top-icon-desktop-link {
    display:none;
}

#int-start {
    height:90%;
}

#int-start-bg {
    height:100%;
    position:relative;
}

#int-start-bg-mask-logo {
    display:block;
    width:763px;
    height:481px;
    margin-left:-1px;
    margin-top:-2px;
}

#int-start-bg-mask-logo-overflow {
    width:760px;
    height:476px;
    overflow:hidden;
}


.int-start-bg-image {


    width: 760px;
    height: 476px;
    position: absolute;
    left: 50%;
    top: 50%;

    -webkit-transform: translateY(-50%) translateX(-50%);

            transform: translateY(-50%) translateX(-50%);
    overflow:hidden;
    -webkit-transition:opacity 1s;
/*    z-index:-1; Fix for Edge 1803 */
}

.int-start-bg-image-img {
    -webkit-animation-play-state:paused;
            animation-play-state:paused;
    transition:opacity 1s;
    width:1140px;
    height:auto;
    display:none;
}

#int-start-bg > div:nth-last-of-type(2) > img {
-webkit-animation-play-state:running;
        animation-play-state:running;
        display:inline-block;
}

#int-start-bg.int-start-bg-anim .int-start-bg-image-img {
//    -webkit-animation-play-state:running;
//            animation-play-state:running;
    -webkit-animation:60s linear infinite alternate bgAnim;
            animation:60s linear infinite alternate bgAnim;
}

#int-start-bg-mask-table {
    position: relative;
    display: table;
    table-layout:fixed;
    height:100%;
    width:100%;
}



.int-start-bg-mask-versp-top,
#int-start-bg-mask-versp-middle,
.int-start-bg-mask-versp-bottom {
    width: 100%;
    display: table-row;
    -webkit-transition:height 0.5s 0.5s;
    transition: height 0.5s 0.5s;
}


.int-start-bg-mask-versp-top,
.int-start-bg-mask-versp-bottom {
}

#int-start-bg-mask-versp-middle {
    height:476px;
}


.int-start-bg-mask-vercell-left,
.int-start-bg-mask-vercell-middle,
.int-start-bg-mask-vercell-right {
    background-color: #FFF;
    display:table-cell;
    border:1px solid #FFF;
}

.int-start-bg-mask-vercell-middle {
    width:760px;
}

#int-start-bg-mask-middle {
    display: table-cell;
    border:1px solid #FFF;
    -webkit-transition:background-color 0.3s 1.3s;
    transition: background-color 0.3s 1.3s;
    background-color:transparent;
}

.int-start-bg-mask-versp-middle-open #int-start-bg-mask-middle,
#int-start-bg-mask-middle.int-start-hover:hover {
    -webkit-transition:background-color 0.3s;
    transition: background-color 0.3s;
    background-color:#fff;
}

#int-start-box-resback {
    width: 760px;
    height: 476px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    max-width:1200px;
    max-height:751px;
    min-width:760px;
    -webkit-transition:width 1s 0.3s, height 1s 0.3s;
    transition: width 1s 0.3s, height 1s 0.3s;
}

#int-start-bg-mask-middle.int-start-hover:hover #int-start-box-resback {
    width:90%;
    height:90%;

    -webkit-transition:width 1.5s 0.5s, height 1.5s 0.5s, -webkit-transform 0.8s 0.5s;

    transition:width 1.5s 0.5s, height 1.5s 0.5s, -webkit-transform 0.8s 0.5s;

    transition:width 1.5s 0.5s, height 1.5s 0.5s, transform 0.8s 0.5s;

    transition: width 1.5s 0.5s, height 1.5s 0.5s, transform 0.8s 0.5s, -webkit-transform 0.8s 0.5s;
}

.int-content-box-type-11 {
}

#int-start-box-resback,
#int-start-box-resback > div,
.csc-default,
.int-content-box-type-11 .csc-textpic-text,
.int-content-box-type-11 img {
will-change:transform;
}

.int-content-box-type-11 .csc-textpic-text {
    position: absolute;
    right: 0px;
    bottom:25px;
    background-color: rgba(36,91,120,0.8);
    margin: 0px;
    width: 438px;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}

.int-content-box.int-content-box-type-11 h2 {
    line-height: 30px;
}

.int-content-box.int-content-box-type-11 h2 > .int-link-internal,
.int-content-box.int-content-box-type-11 h3 > .int-link-internal {
    border-bottom:0;
}


.int-content-box-type-11 > .csc-default {
    opacity:0;
    -webkit-transition:opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s;
    visibility:hidden;
}

.int-content-box-type-11 .int-content-box-overlay {
    width:100%;
    height:100%;
}

.int-content-box-type-11 .int-content-box-link {
    opacity:1;
    visibility:visible;
    -webkit-transition:opacity 0.3s 1.4s, visibility 0s;
    transition: opacity 0.3s 1.4s, visibility 0s;
    width:100%;
    height:100%;
}

#int-start-box-resback > div:nth-of-type(1) {
    top:46%;
    margin-top:-101px;
    left:0%;
    -webkit-animation-delay:11s;
            animation-delay:11s;
    width:238px;
}


#int-start-box-resback > div:nth-of-type(2) {
    top:100%;
    margin-top:-240px;
    left:26.7%;
    margin-left:-85px;
    -webkit-animation-delay:27s;
            animation-delay:27s;
}

#int-start-box-resback > div:nth-of-type(3) {
    top:46%;
    margin-top:-101px;
    left: 49.5%;
    margin-left:-116px;
    -webkit-animation-delay:3s;
            animation-delay:3s;
}

#int-start-box-resback > div:nth-of-type(4) {
    top:0%;
    left: 72.5%;
    margin-left:-148px;
    -webkit-animation-delay:19s;
            animation-delay:19s;
}

#int-start-box-resback > div:nth-of-type(5) {
    top:46%;
    margin-top:-101px;
    left: 100%;
    margin-left:-238px;
    -webkit-animation-delay:35s;
            animation-delay:35s;
    width:238px;
}

#int-start-box-resback > div {
    opacity:0;
    width:240px;
    height:240px;
    position:absolute;
    -webkit-transition:opacity 0.3s 1.4s, background-color 0.3s, width 1s 0.3s, height 1s 0.3s, top 1s 0.3s, left 1s 0.3s, margin-top 0.8s 0.3s, margin-left 0.8s 0.3s, -webkit-transform 0.8s;
    transition:opacity 0.3s 1.4s, background-color 0.3s, width 1s 0.3s, height 1s 0.3s, top 1s 0.3s, left 1s 0.3s, margin-top 0.8s 0.3s, margin-left 0.8s 0.3s, -webkit-transform 0.8s;
    transition:opacity 0.3s 1.4s, background-color 0.3s, width 1s 0.3s, height 1s 0.3s, top 1s 0.3s, left 1s 0.3s, margin-top 0.8s 0.3s, margin-left 0.8s 0.3s, transform 0.8s;
    transition: opacity 0.3s 1.4s, background-color 0.3s, width 1s 0.3s, height 1s 0.3s, top 1s 0.3s, left 1s 0.3s, margin-top 0.8s 0.3s, margin-left 0.8s 0.3s, transform 0.8s, -webkit-transform 0.8s;
}

/*Fix for Firefox >=57 */
#int-start-bg-mask-middle.int-start-hover #int-start-box-resback > div {
/*    -webkit-animation: 40s infinite fadePeek;
            animation: 40s infinite fadePeek; */
/*    animation-name:fadePeek;*/
    animation-duration:40s;
    animation-iteration-count:infinite;
}
/* /Fix */

#int-start-bg-mask-middle.int-start-hover:hover .int-content-box-type-11:hover > .csc-default {
    opacity:1;
    visibility:visible;
    -webkit-transition:opacity 0.3s, visibility 0s;
    transition: opacity 0.3s, visibility 0s;
}

#int-start-bg-mask-middle.int-start-hover:hover .int-content-box-type-11 .int-content-box-icon-box {
    -webkit-transition:opacity 0.3s;
    transition: opacity 0.3s;
}
#int-start-bg-mask-middle.int-start-hover:hover .int-content-box-type-11:hover .int-content-box-icon-box {
    opacity:0;
}
#int-start-bg-mask-middle.int-start-hover:hover .int-content-box-type-11 img {
    width:210% !important;
    -webkit-transition:none;
    transition: none;
}

#int-start-bg-mask-middle.int-start-hover:hover .int-content-box-type-11 .csc-textpic-text {
    opacity:0;
    -webkit-transition:none;
    transition:none;
}



#int-start-bg-mask-middle.int-start-hover:hover #int-start-box-resback > div {
    opacity:1;
    -webkit-transition:opacity 0.3s, width 1s, height 1s, top 1s, left 1s, -webkit-transform 0.5s;
    transition:opacity 0.3s, width 1s, height 1s, top 1s, left 1s, -webkit-transform 0.5s;
    transition:opacity 0.3s, width 1s, height 1s, top 1s, left 1s, transform 0.5s;
    transition: opacity 0.3s, width 1s, height 1s, top 1s, left 1s, transform 0.5s, -webkit-transform 0.5s;
    -webkit-animation:none;
            animation:none;
}

#int-start-bg-mask-middle.int-start-hover:hover #int-start-box-resback > div:nth-of-type(1) {
}

.int-start-box-resback-transition #int-start-box-resback > div:nth-of-type(2),
#int-start-bg-mask-middle.int-start-hover:hover #int-start-box-resback > div:nth-of-type(2) {
}

#int-start-bg-mask-middle.int-start-hover:hover #int-start-box-resback > div:nth-of-type(3) {
}

.int-start-box-resback-transition #int-start-box-resback > div:nth-of-type(4),
#int-start-bg-mask-middle.int-start-hover:hover #int-start-box-resback > div:nth-of-type(4) {
}

#int-start-bg-mask-middle.int-start-hover:hover #int-start-box-resback > div:nth-of-type(5) {
}



/* ############### OPEN ####################### */


#int-all.int-start-all-open {
    min-height:900px;
}

#int-start-bg-mask-versp-middle.int-start-bg-mask-versp-middle-open {
    height: 714px;
}

.int-start-bg-mask-versp-middle-open #int-start-box-resback {
    width:960px;
    height:714px;
    -webkit-animation:none;
            animation:none;
}

.int-start-bg-mask-versp-middle-open #int-start-bg-mask-middle {
    background-color:#fff;
}

.int-start-bg-mask-versp-middle-open .int-content-box-type-11 img {
    -webkit-transition:width 1s 0.3s;
    transition:width 1s 0.3s;
}

.int-start-bg-mask-versp-middle-open .int-content-box-type-11 .csc-textpic-text {
    -webkit-transition:opacity 0.5s 1.3s;
    transition:opacity 0.5s 1.3s;
}

.int-start-box-open-1 > .csc-default,
.int-start-box-open-2 > .csc-default,
.int-start-box-open-3 > .csc-default,
.int-start-box-open-4 > .csc-default {
}

.int-start-box-open-big > .csc-default {
    opacity: 1;
    visibility:visible;
    -webkit-transition:opacity 0.3s 1.4s, visibility 0s 1.4s;
    transition: opacity 0.3s 1.4s, visibility 0s 1.4s;
}

.int-start-box-open-1 .int-content-box-overlay,
.int-start-box-open-2 .int-content-box-overlay, 
.int-start-box-open-3 .int-content-box-overlay, 
.int-start-box-open-4 .int-content-box-overlay {
}


.int-start-box-open-big .int-content-box-link { 
    opacity: 0;
    visibility:hidden;
    -webkit-transition:opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s;
}

.int-start-box-open-big .int-content-box-icon-box {
    opacity:0;
}

#int-start-box-resback > div.int-start-box-open-big,
#int-start-box-resback > div.int-start-box-open-1,
#int-start-box-resback > div.int-start-box-open-2,
#int-start-box-resback > div.int-start-box-open-3,
#int-start-box-resback > div.int-start-box-open-4 {

    opacity: 1;
    -webkit-animation: none;
            animation: none;
    -webkit-transition:left 0.8s 0.3s, top 0.8s 0.3s, width 0.8s 0.3s, height 0.8s 0.3s, margin-top 0.8s 0.3s, margin-left 0.8s 0.3s, -webkit-transform 0.8s 0.3s;
    transition:left 0.8s 0.3s, top 0.8s 0.3s, width 0.8s 0.3s, height 0.8s 0.3s, margin-top 0.8s 0.3s, margin-left 0.8s 0.3s, -webkit-transform 0.8s 0.3s;
    transition:left 0.8s 0.3s, top 0.8s 0.3s, width 0.8s 0.3s, height 0.8s 0.3s, margin-top 0.8s 0.3s, margin-left 0.8s 0.3s, transform 0.8s 0.3s;
    transition: left 0.8s 0.3s, top 0.8s 0.3s, width 0.8s 0.3s, height 0.8s 0.3s, margin-top 0.8s 0.3s, margin-left 0.8s 0.3s, transform 0.8s 0.3s, -webkit-transform 0.8s 0.3s;
    margin-left:0;
    margin-top:0;
}

#int-start-box-resback > div.int-start-box-open-big {
    left: 0px;
    top: 0px;
    width: 960px;
    height: 467px;
}

#int-start-box-resback > div.int-start-box-open-1,
#int-start-box-resback > div.int-start-box-open-2,
#int-start-box-resback > div.int-start-box-open-3,
#int-start-box-resback > div.int-start-box-open-4 {

    width: 219px;
    height: 219px;
}

#int-start-box-resback > div.int-start-box-open-1 {
    left: 0px;
    top: 495px;
}

#int-start-box-resback > div.int-start-box-open-2 {
    left: 247px;
    top:495px;
}

#int-start-box-resback > div.int-start-box-open-3 {
    left: 494px;
    top:495px;
}

#int-start-box-resback > div.int-start-box-open-4 {
    left:741px;
    top:495px;
}



/*############### LOADING ##################### */

.int-start-box-resback-transition #int-start-bg-mask-middle,
.int-start-bg-mask-versp-middle-loading #int-start-bg-mask-middle {
    background-color:#fff;
}


.int-start-bg-mask-versp-middle-loading.int-start-box-resback-transition #int-start-box-resback {
}

.int-start-bg-mask-versp-middle-loading.int-start-box-resback-transition #int-start-box-resback > div {
}

.int-start-box-resback-transition #int-start-box-resback {
    width:90%;
    height:90%;
    -webkit-transition:width 2s 1s, height 2s 1s;
    transition: width 2s 1s, height 2s 1s;
}

.int-start-box-resback-transition #int-start-box-resback > div {
    opacity:1 !important;
    -webkit-transition:opacity 1s, background-color 0.3s, width 1s, height 1s, top 1s, left 1s, -webkit-transform 1s 1s !important;
    transition:opacity 1s, background-color 0.3s, width 1s, height 1s, top 1s, left 1s, -webkit-transform 1s 1s !important;
    transition:opacity 1s, background-color 0.3s, width 1s, height 1s, top 1s, left 1s, transform 1s 1s !important;
    transition: opacity 1s, background-color 0.3s, width 1s, height 1s, top 1s, left 1s, transform 1s 1s, -webkit-transform 1s 1s !important;
}

.int-start-box-resback-chrometrans #int-start-box-resback > div {
    -webkit-animation:none !important;
            animation:none !important;
    opacity:0;
}

.int-start-bg-mask-versp-middle-loading #int-start-box-resback > div {
    background-color: #e4154b;
    -webkit-animation:4s both infinite loadingPeek;
            animation:4s both infinite loadingPeek;
}

.int-start-bg-mask-versp-middle-loading #int-start-box-resback > div:nth-of-type(1) {
    -webkit-animation-delay:0s;
            animation-delay:0s;
}

.int-start-bg-mask-versp-middle-loading #int-start-box-resback > div:nth-of-type(2) {
    -webkit-animation-delay:0.1s;
            animation-delay:0.1s;
}

.int-start-bg-mask-versp-middle-loading #int-start-box-resback > div:nth-of-type(3) {
    -webkit-animation-delay:0.2s;
            animation-delay:0.2s;
}

.int-start-bg-mask-versp-middle-loading #int-start-box-resback > div:nth-of-type(4) {
    -webkit-animation-delay:0.3s;
            animation-delay:0.3s;
}

.int-start-bg-mask-versp-middle-loading #int-start-box-resback > div:nth-of-type(5) {
    -webkit-animation-delay:0.4s;
            animation-delay:0.4s;
}

.int-start-bg-mask-versp-middle-loading .int-content-box-link {
    display:none;
}
@-webkit-keyframes loadingPeek {
    0% {opacity:0;}
    12% {opacity:0;}
    20% {opacity:1;}
    45% {opacity:1;}
    53% {opacity:0;}
    100% {opacity:0;}
}
@keyframes loadingPeek {
    0% {opacity:0;}
    12% {opacity:0;}
    20% {opacity:1;}
    45% {opacity:1;}
    53% {opacity:0;}
    100% {opacity:0;}
}

@-webkit-keyframes fadePeek {
    0%       {opacity:0;}
    9.2%  {opacity:0;}
    10%  {opacity:1;}
    13%  {opacity:1;}
    20%  {opacity:0;}
    100% {opacity:0;}
}

@keyframes fadePeek {
    0%       {opacity:0;}
    9.2%  {opacity:0;}
    10%  {opacity:1;}
    13%  {opacity:1;}
    20%  {opacity:0;}
    100% {opacity:0;}
}


@-webkit-keyframes bgAnim {
    0% {-webkit-transform: translateX(0%) translateY(0%) scale(1.0) rotateZ(0.01deg);transform: translateX(0%) translateY(0%) scale(1.0) rotateZ(0.01deg);}
    100% {-webkit-transform: translateX(-375px) translateY(-224px) scale(1.5) rotateZ(0.01deg);transform: translateX(-375px) translateY(-224px) scale(1.5) rotateZ(0.01deg);}
}


@keyframes bgAnim {
    0% {-webkit-transform: translateX(0%) translateY(0%) scale(1.0) rotateZ(0.01deg);transform: translateX(0%) translateY(0%) scale(1.0) rotateZ(0.01deg);}
    100% {-webkit-transform: translateX(-375px) translateY(-224px) scale(1.5) rotateZ(0.01deg);transform: translateX(-375px) translateY(-224px) scale(1.5) rotateZ(0.01deg);}
}

@keyframes bgAnim {
    0% {-webkit-transform: translate3d(0px,0px,0px) scale(1.0) rotateZ(0.01deg);transform: translate3d(0px,0px,0px) scale(1.0) rotateZ(0.01deg);}
    100% {-webkit-transform: translate3d(-375px,-224px,0px) scale(1.5) rotateZ(0.01deg);transform: translate3d(-375px,-224px,0px) scale(1.5) rotateZ(0.01deg);}
}
/*
@keyframes bgAnim {
    0% {-webkit-transform: translateX(0%) translateY(0%) rotateZ(0.01deg);transform: translateX(0%) translateY(0%) rotateZ(0.01deg);}
    100% {-webkit-transform: translateX(-375px) translateY(-224px) rotateZ(0.01deg);transform: translateX(-375px) translateY(-224px) rotateZ(0.01deg);}
}
*/