.int {

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    color: #333;

}



/* == fonts == */

.int .f-mts {

    font-family: 'Montserrat', sans-serif;

}

.int .f-os {

    font-family: 'Open Sans', sans-serif;

}



/* == elements == */

.int a {

    text-decoration: none;

}

.int p {

    padding: 0;

    margin: 0;

}

.int img {

    border: 0;

}

.int input, .int textarea {

    font-family: 'Open Sans', sans-serif;

}

.int .contain {

    overflow: hidden;

}

.int .clear {

    clear: both;

}

.int form {

    display: block;

    position: relative;

}

.int .desktop {

}

.int .mobile {

    display: none!important;

}

#home-screen {

  position: relative;

  width: 100%;

  height: 1px;

  float: left;

  margin: -1px 0 0 0;

}

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

    .desktop {

        display: none!important;

    }

    .mobile {

        display: block!important;

    }

}



/* == colors == */

.int .dark {

  background-color: #251E1D;

  color: #fff;

}

.int .white {

  background-color: #fff;

}

.int .light {

  background-color: #F7F4F5;

}

.int .pink {

  background-color: #EC008C;

}



/* == logo == */

.int .logo {

    position: absolute;

    top: 30px;

    left: 50%;

    width: 80px;

    height: 80px;

    transform: translate(-50%, 0);

    z-index: 30;

}

.int .logo::before {

    display: block;

    position: relative;

    width: 100%;

    height: 100%;

    border-radius: 100%;

    background-image: url(../image/logo.svg);

    background-size: 100% 100%;

    background-position: 50% 50%;

    content: '';

}

.int .logo a {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

}

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

    .int .logo {

      left: 30px;

      width: 50px;

      height: 50px;

      transform: translate(0, 0);

    }

}



/* == social == */

.int .social {

    position: fixed;

    top: 45px;

    left:45px;

    height: 40px;

    z-index: 30;

    cursor: pointer;

}

.int .top .social {

    display: none;

}

.int .social a {

    position: relative;

    display: block;

    width: 40px;

    height: 40px;

    float: left;

    border-radius: 100%;

    background: #333333;

    margin: 0 20px 0 0;

    transition: all 0.2s ease-in-out;

}

.int .social a:hover {

    background: #EC008C;

}

.int .social a::before {

    position: absolute;

    display: block;

    width: 70%;

    height: 70%;

    top: 50%;

    left: 50%;

    background-size:100%;

    background-position: 50% 50%;

    transform: translate(-50%, -50%);

    content: '';

}

.int .social a.fb::before {

    background-image: url('../image/ico-social-fb.svg');

}

.int .social a.insta::before {

    background-image: url('../image/ico-social-insta.svg');

}

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

    .int .social {

        top: auto;

        width: 30px;

        height: auto;

        bottom: 25px;

        left:auto;

        right: 30px;

        opacity: 0;

        pointer-events:none;

        transition: all 0.3s ease-in-out;

    }

    .int .social.on {

        opacity: 1;

        pointer-events:auto;

    }

    .int .top .social {

        display: block;

    }

    .int .social a {

        background: #fff;

        margin: 0 0 20px 0;

        width: 30px;

        height: 30px;

    }

    .int .social a::before {

        filter:invert(100%);

    }

}



/* == menu-button == */

.int .menu-button {

    position: fixed;

    top: 40px;

    right:40px;

    width: 50px;

    height: 50px;

    z-index: 30;

    cursor: pointer;

}

.int .menu-button .bar {

    position: absolute;

    width: 100%;

    height: 6px;

    left: 50%;

    border-radius: 3px;

    transform: translate(-50%, -50%);

    background: #333333;

    transition: all 0.2s ease-in-out;

}

.int .menu-button .bar:nth-of-type(1) {

    top: 3px;

}

.int .menu-button .bar:nth-of-type(2) {

    top: 50%;

}

.int .menu-button .bar:nth-of-type(3) {

    top: calc(100% - 3px);

}

.int .menu-button.on .bar {

    background: #fff;

}

.int .menu-button.on .bar:nth-of-type(1) {

    top: 50%;

    transform: translate(-50%, -50%) rotate(45deg);

}

.int .menu-button.on .bar:nth-of-type(2) {

    opacity:0;

}

.int .menu-button.on .bar:nth-of-type(3) {

    top: 50%;

    transform: translate(-50%, -50%) rotate(-45deg);

}

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

    .int .menu-button {

        top: 30px;

        right:30px;

        width: 40px;

        height: 40px;

    }

    .int .menu-button .bar {

        height: 4px;

    }

    .int .menu-button .bar:nth-of-type(1) {

        top: 2px;

    }

    .int .menu-button .bar:nth-of-type(2) {

        top: 50%;

    }

    .int .menu-button .bar:nth-of-type(3) {

        top: calc(100% - 2px);

    }

}



/* == menu == */

.menu {

    position: fixed;

    width: 50%;

    height: 100%;

    top: 0;

    right: -50%;

    background: #333333;

    z-index: 29;

    pointer-events:none;

    transition: all 0.3s ease-in-out;

}

.menu.on {

    right: 0;

    opacity:1;

    pointer-events:auto;

}

.menu ul {

    position: absolute;

    display: flex;

    flex-wrap: wrap;

    top: 50%;

    left: 100px;

    padding: 0;

    margin: 0;

    list-style: none;

    transform: translateY(-50%);

    transition: all 0.3s ease-in-out;

    opacity: 0;

}

.menu.on ul {

    opacity:1;

}

.menu ul li {

    position: relative;

    display: block;

    margin: 0 1000px 0 0 ;

    line-height: 50px;

    cursor: pointer;

    clear: both;

}

.menu ul li a {

    position: relative;

    display: block;

    padding: 0 50px 0 0;

    color: #fff;

    font-size: 24px;

    white-space: nowrap;

    transition: all 0.2s ease-in-out;

}

.menu ul li a:hover {

    color: #EC008C;

}

.menu ul li.parent::before {

    position: absolute;

    display: block;

    width: 15px;

    height: 15px;

    top: 50%;

    right: -15px;

    transform: translate(-50%, -50%) rotate(45deg);

    background: #fff;

    content: '';

    transition: all 0.3s ease-in-out;

    opacity: 0;

}

.menu ul li.parent.on::before {

    opacity: 1;

}

.menu ul li.parent::after {

    position: absolute;

    display: block;

    top: 50%;

    left: calc(100% - 25px);

    line-height: 50px;

    width: 50px;

    font-size: 18px;

    text-align: center;

    color: #fff;

    content: '+';

    transform: translate(-50%, -50%);

    transition: all 0.3s ease-in-out;

    opacity: 1;

}

.menu ul li.parent.on::after {

    transform: translate(-50%, -50%) scale(0.5);

    opacity: 0;

}

.menu ul li.parent a {

    pointer-events:none;

    cursor: pointer;

}

.menu ul ul {

    position: absolute;

    display: block;

    top: 50%;

    left: 100%;

    padding: 0 0 0 30px;

    transform: translateY(-50%);

    transition: all 0.3s ease-in-out;

    background: #333333;

    opacity: 0!important;

    pointer-events:none;

    visibility: hidden;

}

.menu ul li.on ul {

    opacity: 1!important;

    pointer-events:auto;

    visibility: visible;

}

.menu ul ul::before {

    position: absolute;

    display: block;

    width: 2px;

    height: 0;

    top: 50%;

    left:0 ;

    transform: translateY(-50%);

    background: #fff;

    content: '';

    transition: all 0.3s ease-in-out;

    opacity: 0;

}

.menu ul li.parent.on ul::before {

    height: 100px;

    opacity: 1;

}

.menu ul ul li {

    line-height: 50px;

}

.menu ul ul li a {

    position: relative;

    display: block;

    color: #fff;

    font-size: 18px;

    pointer-events:auto!important;

}

.menu ul li ul li a:hover {

    color: #EC008C;

}

.menu .contact {

    position: absolute;

    left: 100px;

    bottom: 50px;

    font-size: 24px;

    line-height: 50px;

}

.menu .contact a {

    position: relative;

    display: block;

    color: #fff;

}

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

    .menu ul {

        left: 50px;

    }

    .menu ul li a {

        font-size: 18px;

    }

    .menu ul ul li a {

        font-size: 16px;

    }

    .menu .contact {

        left: 50px;

        bottom: 30px;

        font-size: 18px;

        line-height: 50px;

    }

}

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

    .menu {

        width: 100%;

        right: -100%;

    }

    .menu ul {

        left: 30px;

        width: calc(100% - 60px);

    }

    .menu ul li {

        width: 100%;

    }

    .menu ul li.parent::before, .menu ul li.parent::after {

        display:none;

    }

    .menu ul li.parent a {

        pointer-events:auto;

    }

    .menu ul li a {

        padding: 0;

        text-align: left;

    }

    .menu ul ul {

        display: none;

    }

    .menu .contact {

        left: 30px;

        bottom: 30px;

        font-size: 18px;

        line-height: 50px;

    }

}



/* == language == */

.int .language {

    position: fixed;

    width: 50px;

    height: 50px;

    display: flex;

    flex-wrap: wrap;

    top: 40px;

    right: 120px;

    cursor: pointer;

    z-index: 30;

}

.int .language::before {

    position: absolute;

    width: 50px;

    height: 50px;

    top: 0%;

    left: 0%;

    background-image:url('../image/ico-lang.svg');

    background-position: 50% 50%;

    background-size: 100% 100%;

    content: '';

    z-index: 10;

}

.int .language::after {

    position: absolute;

    width: 10px;

    height: 10px;

    top: 100%;

    left: 50%;

    background-image:url('../image/ico-nav.svg');

    background-position: 66.66% 0%;

    background-size: 400% 200%;

    transform: translate(-50%, -50%) rotate(-90deg);

    content: '';

    z-index: 11;

}

.int .language .box {

    position: relative;

    width: 50px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 16px;

    font-weight: 800;

    border-radius: 3px;

    float: left;

    order: 2;

    opacity: 0;

    pointer-events:none;

    color: #fff;

    background: #333;

    transition: all 0.2s ease-in-out;

}

.int .language:hover .box {

    opacity: 1;

    pointer-events:auto;

}

.int .language .box:hover {

    background: #EC008C;

    color: #fff;

}

.int .language .box.on {

    order: 1;

    opacity: 1;

    background: #fff;

    color: #333;

}

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

    .int .language {

      width: 40px;

      height: 40px;

      top: 30px;

      right: 90px;

    }

    .int .language .box {

        width: 40px;

        height: 40px;

        line-height: 40px;

    }

}



/* == line == */

.int .line {

    position: relative;

    width: 100%;

    float: left;

}

.int .at-top {

    overflow: visible;

}

.int .line.in-front {

    z-index: 20;

}

.int .line.in-back {

    z-index: -1;

}

.int .line.fixed {

    position: fixed;

}

.int .line.full-height {

    height: 100%;

}

.int .line.bar::before {

    position: absolute;

    display: block;

    width: 100%;

    left: 0;

    background:#000;

    opacity: 0.1;

    content: '';

}



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



}

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



}



/* == line - backg == */

.int .line .backg {

    position: absolute;

    top: 5%;

    height: 90%;

}

.int .line .backg.half {

    width: 60%;

}

.int .line .backg.left {

    left:0;

}

.int .line .backg.right {

    right:0;

}

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

    .int .line .backg.half {

        display: none;

    }

}



/* == line - bar == */

.int .line .bar {

    position: absolute;

    width: 100%;

    height: auto;

    padding: 6.1% 0 0 0;

    left: 0;

    float: left;

    background-color:rgba(0,0,0,0)!important;

    z-index: 2;

    pointer-events:none;

}

.int .line .bar.top {

    top:-4px;

}

.int .line .bar.bottom {

    bottom:-4px;

    top: auto;

}

.int .line .bar::before {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top:0;

    left: 0;

    background-position: 0 0;

    background-size: 100% 100%;

    content: '';

}

.int .line .bar.white::before {

    background-image: url(../image/diagonal.svg);

}

.int .line .bar.light::before {

    background-image: url(../image/diagonal-light.svg);

}

.int .line .bar.top::before {

    transform: rotateZ(180deg);

}

.int .line .bar.top.right::before {

    transform: rotateZ(180deg) rotateY(180deg);

}

.int .line .bar.bottom::before {

    transform: rotateZ(0deg) rotateY(0deg);

    background-position: 0 100%;

}

.int .line .bar.bottom.right::before {

    transform: rotateZ(0deg) rotateY(180deg);

}



/* == line - content == */

.int .line .content {

    position: relative;

    display: flex;

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

    flex-wrap: wrap;

    z-index: 3;

}

.int .line .content.padding-small {

    padding: 50px 0;

}

.int .line .content.padding-medium {

    padding: 100px 0;

}

.int .line .content.padding-big {

    padding: 150px 0;

}

.int .line .content.padding-top {

    padding: 150px 0 100px 0;

}

.int .line .content .box {

    position: relative;

    float: left;

    margin: 30px;

    padding: 30px 0;

    border-radius: 3px;

    text-align: justify;

}

.int .content .box.one-one {

    width: calc(100% - 60px);

    float: none;

}

.int .content .box.one-one.full {

    max-width:100%;

}

.int .content .box.one-two {

    width: calc(50% - 60px);

}

.int .content .box.one-three {

    width: calc(33.33% - 60px);

}

.int .content .box.one-four {

    width: calc(25% - 60px);

}

.int .line .content .box.right {

}

.int .line .content .box.right h1, .int .line .content .box.right h2, .int .line .content .box.right h3, .int .line .content .box.right h4 {

    text-align: right;

}

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

    .int .line .content.padding-small {

        padding: 40px 0;

    }

    .int .line .content.padding-medium {

        padding: 80px 0;

    }

    .int .line .content.padding-big {

        padding: 120px 0;

    }

    .int .line .content.padding-top {

        padding: 120px 0 80px 0;

    }

    .int .line .content .box {

        margin: 25px;

        padding: 0px 0;

    }

    .int .content .box.one-one {

        width: calc(100% - 50px);

    }

    .int .content .box.one-two {

        width: calc(50% - 50px);

    }

    .int .content .box.one-three {

        width: calc(33.33% - 50px);

    }

    .int .content .box.one-four {

        width: calc(25% - 50px);

    }

}

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

    .int .line .content {

        width: calc(100% - 40px);

    }

    .int .line .content .box {

        margin: 20px;

        padding: 0px 0;

    }

    .int .content .box.one-one {

        width: calc(100% - 40px);

    }

    .int .content .box.one-two {

        width: calc(50% - 40px);

    }

    .int .content .box.one-three {

        width: calc(33.33% - 40px);

    }

    .int .content .box.one-four {

        width: calc(25% - 40px);

    }

}

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

    .int .line .content {

        width: calc(100% - 30px);

    }

    .int .line .content.padding-small {

        padding: 30px 0;

    }

    .int .line .content.padding-medium {

        padding: 60px 0;

    }

    .int .line .content.padding-big {

        padding: 90px 0;

    }

    .int .line .content .box {

        margin: 15px;

        padding: 0px 0;

    }

    .int .content .box.one-one {

        width: calc(100% - 30px);

    }

    .int .content .box.one-two {

        width: calc(50% - 30px);

    }

    .int .content .box.one-three {

        width: calc(50% - 30px);

    }

    .int .content .box.one-four {

        width: calc(25% - 30px);

    }

}

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

    .int .line .content {

        width: calc(100% - 20px);

    }

    .int .line .content .box {

        margin: 10px;

        padding: 0px 0;

    }

    .int .line .content.padding-top {

        padding: 90px 0 60px 0;

    }

    .int .content .box.one-one {

        width: calc(100% - 20px);

    }

    .int .content .box.one-two {

        width: calc(100% - 20px);

    }

    .int .content .box.one-three {

        width: calc(50% - 20px);

    }

    .int .content .box.one-four {

        width: calc(25% - 20px);

    }

}







/* == line - content - box - heading == */

.int .line .content .box h1, .int .line .content .box h2, .int .line .content .box h3, .int .line .content .box h4, .int .line .content .box h5 {

    position: relative;

    margin: 0;

    padding: 0;

    font-weight: 300;

    text-align: left;

}

.int .line .content .box.left h1,

.int .line .content .box.left h2,

.int .line .content .box.left h3,

.int .line .content .box.left h4,

.int .line .content .box.left h5 {

    text-align: left;

}

.int .line .content .box.right h1,

.int .line .content .box.right h2,

.int .line .content .box.right h3,

.int .line .content .box.right h4,

.int .line .content .box.right h5 {

    text-align: right;

}

.int .line .content .box.center h1,

.int .line .content .box.center h2,

.int .line .content .box.center h3,

.int .line .content .box.center h4,

.int .line .content .box.center h5 {

    text-align: center;

}

.int .line .content .box h1.big,

.int .line .content .box h2.big,

.int .line .content .box h3.big,

.int .line .content .box h4.big,

.int .line .content .box h5.big {

    margin: 0;

    padding: 0 0 50px 0;

    font-size: 90px;

    font-weight: 300;

    text-transform: uppercase;

    line-height: 70px;

}

.int .line .content .box h1.medium,

.int .line .content .box h2.medium,

.int .line .content .box h3.medium,

.int .line .content .box h4.medium,

.int .line .content .box h5.medium {

    margin: 0;

    padding:0;

    font-size: 60px;

    font-weight: 300;

    text-transform: uppercase;

    line-height: 60px;

}

.int .line .content .box h1.small,

.int .line .content .box h2.small,

.int .line .content .box h3.small,

.int .line .content .box h4.small,

.int .line .content .box h5.small {

    margin: 0;

    padding:20px 0 0 0;

    font-size: 32px;

    font-weight: 300;

    line-height: 42px;

}

.int .line .content .box h1.tiny,

.int .line .content .box h2.tiny,

.int .line .content .box h3.tiny,

.int .line .content .box h4.tiny,

.int .line .content .box h5.tiny {

    margin: 0;

    padding:20px 0 0 0;

    font-size: 18px;

    font-weight: 300;

    line-height: 24px;

}

.int .line .content .box h1 .underline,

.int .line .content .box h2 .underline,

.int .line .content .box h3 .underline,

.int .line .content .box h4 .underline,

.int .line .content .box h5 .underline {

    position: absolute;

    display: block;

    line-height: 30px;

    bottom: -30px;

    font-weight: 700;

    font-size: 16px;

}

.int .line .content .box.left h1 .underline,

.int .line .content .box.left h2 .underline,

.int .line .content .box.left h3 .underline,

.int .line .content .box.left h4 .underline,

.int .line .content .box.left h5 .underline {

    left:0;

}

.int .line .content .box.right h1 .underline,

.int .line .content .box.right h2 .underline,

.int .line .content .box.right h3 .underline,

.int .line .content .box.right h4 .underline,

.int .line .content .box.right h5 .underline {

    right:0;

}

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

    .int .line .content .box h1.big,

    .int .line .content .box h2.big,

    .int .line .content .box h3.big,

    .int .line .content .box h4.big,

    .int .line .content .box h5.big {

        padding: 0 0 40px 0;

        font-size: 70px;

        line-height: 50px;

    }

    .int .line .content .box h1.medium,

    .int .line .content .box h2.medium,

    .int .line .content .box h3.medium,

    .int .line .content .box h4.medium,

    .int .line .content .box h5.medium {

        font-size: 40px;

        line-height: 30px;

    }

    .int .line .content .box h1.small,

    .int .line .content .box h2.small,

    .int .line .content .box h3.small,

    .int .line .content .box h4.small,

    .int .line .content .box h5.small {

        padding:15px 0 0 0;

        font-size: 24px;

        line-height: 32px;

    }



}

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

    .int .line .content .box h1.big,

    .int .line .content .box h2.big,

    .int .line .content .box h3.big,

    .int .line .content .box h4.big,

    .int .line .content .box h5.big {

        padding: 0 0 30px 0;

        font-size: 50px;

        line-height: 40px;

    }

    .int .line .content .box h1.medium,

    .int .line .content .box h2.medium,

    .int .line .content .box h3.medium,

    .int .line .content .box h4.medium,

    .int .line .content .box h5.medium {

        font-size: 32px;

        line-height: 32px;

    }

    .int .line .content .box h1.small,

    .int .line .content .box h2.small,

    .int .line .content .box h3.small,

    .int .line .content .box h4.small,

    .int .line .content .box h5.small {

        padding:10px 0 0 0;

        font-size: 24px;

        line-height: 32px;

    }



}

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

    .int .line .content .box.right h1,

    .int .line .content .box.right h2,

    .int .line .content .box.right h3,

    .int .line .content .box.right h4,

    .int .line .content .box.right h5 {

        text-align: left;

    }

    .int .line .content .box h1.big,

    .int .line .content .box h2.big,

    .int .line .content .box h3.big,

    .int .line .content .box h4.big,

    .int .line .content .box h5.big {

        padding: 0 0 30px 0;

        font-size: 50px;

        line-height: 40px;

    }

    .int .line .content .box h1.medium,

    .int .line .content .box h2.medium,

    .int .line .content .box h3.medium,

    .int .line .content .box h4.medium,

    .int .line .content .box h5.medium {

        font-size: 32px;

        line-height: 32px;

    }

    .int .line .content .box h1.small,

    .int .line .content .box h2.small,

    .int .line .content .box h3.small,

    .int .line .content .box h4.small,

    .int .line .content .box h5.small {



    }

    .int .line .content .box h1.tiny,

    .int .line .content .box h2.tiny,

    .int .line .content .box h3.tiny,

    .int .line .content .box h4.tiny,

    .int .line .content .box h5.tiny {

        margin: 0;

        padding:20px 0 0 0;

        font-size: 16px;

        font-weight: 300;

        line-height: 18px;

    }

    .int .line .content .box.right h1 .underline,

    .int .line .content .box.right h2 .underline,

    .int .line .content .box.right h3 .underline,

    .int .line .content .box.right h4 .underline,

    .int .line .content .box.right h5 .underline {

        left:0;

        right: auto;

    }

}





/* == line - content - banner == */

.int .line .slide {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    z-index: 1;

}

.int .line .slide .image {

    position: absolute;

    height: 95%;

    bottom:-2px;

}

.int .line .slide .image img {

    position: relative;

    height: 100%;

    width: auto;

}

.int .line .slide.left .image {

    right:50%;

}

.int .line .slide.right .image {

    left:50%;

}

.int .line .slide .content.banner {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.int .line .slide .content.banner h1,

.int .line .slide .content.banner h2,

.int .line .slide .content.banner h3,

.int .line .slide .content.banner h4  {

    position: relative;

    display: block;

}

.int .line .slide .content.banner h1  {

    margin: 0;

    padding: 0 0 50px 0;

    font-family: 'Montserrat', sans-serif;

    font-size: 90px;

    font-weight: 300;

    text-transform: uppercase;

    line-height: 70px;

}

.int .line .slide .content.banner h1 .underline  {

    position: absolute;

    line-height: 50px;

    bottom: 0;

    font-weight: 700;

    font-size: 16px;

}

.int .line .slide .content.banner .right h1 .underline  {

    right: 0!important;

    left: auto;

}

.int .line .slide .content.banner h1 .underline::before,

.int .line .slide .content.banner h1 .underline::after  {

    position: absolute;

    display:block;

    top: 50%;

    height: 4px;

    background:#333;

    transform: translateY(-50%);

    content: '';

}

.int .line .slide .content.banner h1 .underline::before {

    width: 4px;

}

.int .line .slide .content.banner h1 .underline::after {

    width: 40px;

}

.int .line .slide .content.banner .right h1 .underline::before  {

    right:calc(100% + 64px);

}

.int .line .slide .content.banner .right h1 .underline::after  {

    right:calc(100% + 20px);

}

.int .line .slide .content.banner .left h1 .underline::before  {

    left:calc(100% + 64px);

}

.int .line .slide .content.banner .left h1 .underline::after  {

    left:calc(100% + 20px);

}

.int .line .slide .content.banner h2  {

    margin: 0;

    padding:0;

    font-size: 60px;

    font-weight: 300;

    text-transform: uppercase;

    line-height: 50px;

}

.int .line .slide .content.banner h3  {

    margin: 0;

    padding:20px 0 0 0;

    font-size: 18px;

    font-weight: 300;

    line-height: 24px;

}

.int .line .slide.right .content.banner h1,

.int .line .slide.right .content.banner h2 {

    text-align: right;

}

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

    .int .line .slide .content.banner h1  {

        padding: 0 0 40px 0;

        font-size: 70px;

        line-height: 50px;

    }

    .int .line .slide .content.banner h1 .underline  {

        line-height: 40px;

        font-size: 14px;

    }

    .int .line .slide .content.banner .right h1 .underline::before  {

        right:calc(100% + 54px);

    }

    .int .line .slide .content.banner .right h1 .underline::after  {

        right:calc(100% + 10px);

    }

    .int .line .slide .content.banner .left h1 .underline::before  {

        left:calc(100% + 54px);

    }

    .int .line .slide .content.banner .left h1 .underline::after  {

        left:calc(100% + 10px);

    }

    .int .line .slide .content.banner h2  {

        font-size: 40px;

        line-height: 30px;

    }

    .int .line .slide .content.banner h3  {

        padding:15px 0 0 0;

        font-size: 18px;

        line-height: 24px;

    }

}

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

    .int .line .slide .content.banner h1  {

        padding: 0 0 30px 0;

        font-size: 50px;

        line-height: 40px;

    }

    .int .line .slide .content.banner h1 .underline  {

        line-height: 30px;

        font-size: 12px;

    }

    .int .line .slide .content.banner h1 .underline::before, .int .line .slide .content.banner h1 .underline::after  {

        height: 3px;

    }

    .int .line .slide .content.banner h1 .underline::before {

        width: 3px;

    }

    .int .line .slide .content.banner h1 .underline::after {

        width: 30px;

    }

    .int .line .slide .content.banner .right h1 .underline::before  {

        right:calc(100% + 48px);

    }

    .int .line .slide .content.banner .right h1 .underline::after  {

        right:calc(100% + 10px);

    }

    .int .line .slide .content.banner .left h1 .underline::before  {

        left:calc(100% + 48px);

    }

    .int .line .slide .content.banner .left h1 .underline::after  {

        left:calc(100% + 10px);

    }

    .int .line .slide .content.banner h2  {

        font-size: 32px;

        line-height: 24px;

    }

    .int .line .slide .content.banner h3  {

        padding:15px 0 0 0;

        font-size: 16px;

        line-height: 20px;

    }

}

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

    .int .line .slide .image {

        height: 70%;

        bottom:-2px;

        transform: translateX(-50%);

    }

    .int .line .slide.left .image, .int .line .slide.right .image {

        left:50%;

        right: auto;

    }

    .int .line .slide .content.banner {

        top: 150px;

        left: 50%;

        transform: translate(-50%, 0%);

    }

    .int .content.banner .box.one-two {

        width: calc(100% - 60px);

        padding: 0 30px;

        margin: 0;

    }

    .int .line .slide .content.banner h1  {

        padding: 0 0 30px 0;

        font-size: 50px;

        line-height: 40px;

    }

    .int .line .slide .content.banner h1 .underline  {

        line-height: 30px;

        font-size: 12px;

    }

    .int .line .slide .content.banner h1 .underline::before, .int .line .slide .content.banner h1 .underline::after  {

        height: 3px;

    }

    .int .line .slide .content.banner h1 .underline::before {

        width: 3px;

    }

    .int .line .slide .content.banner h1 .underline::after {

        width: 30px;

    }

    .int .line .slide .content.banner .right h1 .underline::before  {

        right:calc(100% + 48px);

    }

    .int .line .slide .content.banner .right h1 .underline::after  {

        right:calc(100% + 10px);

    }

    .int .line .slide .content.banner .left h1 .underline::before  {

        left:calc(100% + 48px);

    }

    .int .line .slide .content.banner .left h1 .underline::after  {

        left:calc(100% + 10px);

    }

    .int .line .slide .content.banner h2  {

        font-size: 32px;

        line-height: 32px;

    }

    .int .line .slide .content.banner h3  {

        display: none;

    }

}



/* == line - content - txt == */

.int .line .content .box.txt p {

    margin: 20px 0 0 0;

}

.int .line .content .box.txt .block {

    position: relative;

}

.int .line .content .box.txt ul {

    position: relative;

    display: block;

    margin: 0;

    padding: 0;

    list-style: none;

}

.int .line .content .box.txt ul li {

    position: relative;

    display: block;

    margin: 0;

    width: calc(100% - 20px);

    padding: 0 0 20px 20px;

}

.int .line .content .box.txt ul li::before {

    position: absolute;

    display: block;

    width: 10px;

    height: 10px;

    left: 0;

    top: 8px;

    border-radius:100%;

    background-color: #EC008C;

    content: '';

}



/* == line - content - txt - button == */

.int .line .content .box.txt .buttons {

    position: relative;

    display: block;

    width: 100%;

    float: left;

}

.int .line .content .box.txt .buttons .button {

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 50px;

    min-height: 50px;

    color: #fff;

    background-color: #EC008C;

    border-radius: 3px;

    padding: 0 100px 0 30px;

    transition: all 0.2s ease-in-out;

    float: left;

}

.int .line .content .box.txt.right .buttons .button {

    float: right;

}

.int .line .content .box.txt .buttons .button:hover {

    background-color: #333;

}

.int .line .content .box.txt .buttons .button::after {

    position: absolute;

    display: block;

    width: 60px;

    top: 50%;

    right: 15px;

    padding: 42.8% 0 0 0;

    background-image: url('../image/ico-arrow.svg');

    background-position: 50% 50%;

    background-size: 100%;

    background-repeat: no-repeat;

    transform: translateY(-50%);

    content:'';

}

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

    .int .line .content .box.txt p {

        margin: 20px 0 0 0;

        font-size: 16px;

    }

}





/* == line - content - image == */

.int .line .content .box.image {

    transform-origin: 50% 50%;

}

.int .line .content .box.image img {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    object-fit: contain;

    border-radius:3px;

    transform-origin: 50% 50%;

    box-shadow:2px 3px 8px rgba(0, 0, 0, 0.1);

}

.int .line .content .box.image.expand img {

    width: 100%;

    height: auto;

}

.int .line .content .box.image.left img {

    transform: translate(-50%, -60%) rotate(-3.7deg);

}

.int .line .content .box.image.right img {

    transform: translate(-50%, -60%) rotate(3.7deg);

}

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

  .int .line .content .box.image.left img {

      transform: translate(-50%, -50%) rotate(-3.7deg);

  }

  .int .line .content .box.image.right img {

      transform: translate(-50%, -50%) rotate(3.7deg);

  }

}

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

    .int .line .content .box.image::before {

      position: relative;

      display: block;

      width: 100%;

      padding: 100% 0 0 0;

      content: '';

  }

  .int .line .content .box.image.expand img {

      width: 80%;

      height: auto;

  }

  .int .line .content .box.image.left img {

      transform: translate(-50%, -50%) rotate(-3.7deg);

  }

  .int .line .content .box.image.right img {

      transform: translate(-50%, -50%) rotate(3.7deg);

  }

}



/* == line - content - image - slideshow == */

.int .line .content .box.image .slideshow {

    position: relative;

    display: block;

    width: 100%;

    overflow: hidden;

}

.int .line .content .box.image.expand .slideshow {

    position: absolute;

    display: block;

    width: 100%;

    top: 50%;

    left: 50%;

    overflow: hidden;

    transform: translate(-50%, -50%);

    border-radius:3px;

    transform-origin: 50% 50%;

    box-shadow:2px 3px 8px rgba(0, 0, 0, 0.1);

}

.int .line .content .box.image .slideshow::before {

    position: relative;

    display: block;

    width: 100%;

    padding: 100% 0 0 0;

    float: left;

    content: '';

}

.int .line .content .box.image .slideshow .slide {

    opacity:0;

    transition: all 0.3s ease-in-out;

    pointer-events:none;

}

.int .line .content .box.image .slideshow .slide.on {

    opacity:1;

    pointer-events:auto!important;

}

.int .line .content .box.image .slideshow img {

}

.int .line .content .box.image .slideshow img.on {

    opacity:1;

}

.int .line .content .box.image.left .slideshow {

    transform: translate(-50%, -60%) rotate(-3.7deg);

}

.int .line .content .box.image.right .slideshow {

    transform: translate(-50%, -60%) rotate(3.7deg);

}

.int .line .content .box.image.left .slideshow img {

    transform: translate(-50%, -50%);

}

.int .line .content .box.image.right .slideshow img {

    transform: translate(-50%, -50%);

}

.int .line .content .box.image .slideshow .navigation {

    position: absolute;

    display: block;

    width: 100px;

    height: 50px;

    bottom:20px;

    transform: none;

    z-index: 4;

}

.int .line .content .box.image.left .slideshow .navigation {

    right:20px;

}

.int .line .content .box.image.right .slideshow .navigation {

    left:20px;

}

.int .line .content .box.image .slideshow .navigation .click.on:last-of-type, .int .line .content .box.image .slideshow .navigation .click.on:first-of-type {

    opacity:0.5;

}

.int .line .content .box.image .slideshow .navigation .prev, .int .line .content .box.image .slideshow .navigation .next {

    position: relative;

    display: block;

    width: 50px;

    height: 50px;

    float: left;

    cursor: pointer;

}

.int .line .content .box.image .slideshow .navigation .prev::before,

.int .line .content .box.image .slideshow .navigation .prev::after,

.int .line .content .box.image .slideshow .navigation .next::before,

.int .line .content .box.image .slideshow .navigation .next::after {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    background-image: url('../image/ico-direction.svg');

    background-size: 100%;

    content: '';

}

.int .line .content .box.image .slideshow .navigation .prev::before,

.int .line .content .box.image .slideshow .navigation .prev::after {

    transform:rotate(180deg);

}

.int .line .content .box.image .slideshow .navigation .prev::before,

.int .line .content .box.image .slideshow .navigation .next::before {

    filter: invert(100%) blur(3px);

    opacity:0.1;

}

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

    .int .line .content .box.image::before {

      position: relative;

      display: block;

      width: 100%;

      padding: 100% 0 0 0;

      content: '';

  }

  

  .int .line .content .box.image .slideshow {

      width: 80%;

  }

  .int .line .content .box.image.left .slideshow {

      transform: translate(-50%, -50%) rotate(-3.7deg);

  }

  .int .line .content .box.image.right .slideshow {

      transform: translate(-50%, -50%) rotate(3.7deg);

  }

  .int .line .content .box.image .slideshow img {

      width: 100%;

      height: auto;

  }

}



/* == line - content - movie == */

.int .line .content .box.movie {

}

.int .line .content .box.movie::after {

    position: relative;

    display: block;

    width: 100%;

    height: auto;

    padding: 56.2% 0 0 0;

    float: left;

    content: '';

    z-index: 1;

}

.int .line .content .box.movie::before{

    position: absolute!important;

}

.int .line .content .box.movie iframe {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius:3px;

    transform-origin: 50% 50%;

    z-index: 2;

}





/* == line - content - map == */

.int .line .content .box.map {

    transform-origin: 50% 50%;

}

.int .line .content .box.map iframe {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    object-fit: contain;

    border-radius:3px;

    transform-origin: 50% 50%;

    box-shadow:2px 3px 8px rgba(0, 0, 0, 0.1);

    filter: grayscale(100%);

}

.int .line .content .box.map.big iframe {

    width: 100%;

    height: 100%;

}

.int .line .content .box.map.left iframe {

    transform: translate(-50%, -60%) rotate(-3.7deg);

}

.int .line .content .box.map.right iframe {

    transform: translate(-50%, -60%) rotate(3.7deg);

}

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

  .int .line .content .box.map.left iframe {

      transform: translate(-50%, -50%) rotate(-3.7deg);

  }

  .int .line .content .box.map.right iframe {

      transform: translate(-50%, -50%) rotate(3.7deg);

  }

}

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

    .int .line .content .box.map::before {

      position: relative;

      display: block;

      width: 100%;

      padding: 100% 0 0 0;

      content: '';

  }

  .int .line .content .box.map.big iframe {

      width: 80%;

      height: 80%;

  }

  .int .line .content .box.map.left iframe {

      transform: translate(-50%, -50%) rotate(-3.7deg);

  }

  .int .line .content .box.map.right iframe {

      transform: translate(-50%, -50%) rotate(3.7deg);

  }

}





/* == line - content - list == */

.int .line .content.list {

    display: block;

    overflow: hidden;

}

.int .line .content.list .box {

    max-width: 60%;

    padding: 0;

    float: left;

    transition: all 0.3s ease-in-out;

}

.int .line .content.list .box a {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 4;

}

.int .line .content.list .box:hover {

}

.int .line .content.list .box.right {

    float: right!important;

}

.int .line .content.list .box:nth-of-type(1) {

    transform: rotate(-2.9deg);

}

.int .line .content.list .box:nth-of-type(2) {

    transform: rotate(0.4deg);

}

.int .line .content.list .box:nth-of-type(3) {

    transform: rotate(-1deg);

}

.int .line .content.list .box:nth-of-type(4) {

    transform: rotate(2.6deg);

}

.int .line .content.list .box:nth-of-type(5) {

    transform: rotate(-1.5deg);

}

.int .line .content.list .box a {

    color: #333;

}

.int .line .content.list .box h1, .int .line .content.list .box h2 {

    position: relative;

    padding: 0 0 35px 0;

}

.int .line .content.list .box h1::before, .int .line .content.list .box h2::before {

    position: absolute;

    display: block;

    bottom: 17px;

    width: 40px;

    height: 4px;

    background: #EC008C;

    transform: translateY(-50%);

    content: '';

}

.int .line .content.list .box.left h1::before, .int .line .content.list .box.left h2::before {

    left:4px;

}

.int .line .content.list .box.right h1::before, .int .line .content.list .box.right h2::before {

    right:4px;

}

.int .line .content.list .box h1::after, .int .line .content.list .box h2::after {

    position: absolute;

    display: block;

    bottom: 17px;

    width: 4px;

    height: 4px;

    background: #EC008C;

    transform: translateY(-50%);

    content: '';

}

.int .line .content.list .box.left h1::after, .int .line .content.list .box.left h2::after {

    left:-4px;

}

.int .line .content.list .box.right h1::after, .int .line .content.list .box.right h2::after {

    right:-4px;

}

.int .line .content.list .box h3, .int .line .content.list .box h4 {

    position: relative;

    padding: 0;

}

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

    .int .line .content.list .box {

        max-width: 100%;

    }

    .int .line .content.list .box.right h1,

    .int .line .content.list .box.right h2,

    .int .line .content.list .box.right h3 {

        text-align: left;

    }

    .int .line .content.list .box.right h1::before, .int .line .content.list .box.right h2::before {

        left:4px;

        right: auto;

    }

    .int .line .content.list .box.right h1::after, .int .line .content.list .box.right h2::after {

        left:-4px;

        right: auto;

    }

    .int .line .content.list .box:nth-of-type(1) {

        transform: rotate(-1.1deg);

    }

    .int .line .content.list .box:nth-of-type(2) {

        transform: rotate(0.4deg);

    }

    .int .line .content.list .box:nth-of-type(3) {

        transform: rotate(-1deg);

    }

    .int .line .content.list .box:nth-of-type(4) {

        transform: rotate(1.2deg);

    }

    .int .line .content.list .box:nth-of-type(5) {

        transform: rotate(-0.5deg);

    }

}



/* == line - content - gallery == */

.int .line .content.gallery {

    max-width: 1200px;

}

.int .line .content.gallery .box {

    overflow: hidden;

    padding: 0;

}

.int .line .content.gallery .box::before {

    position: relative;

    display: block;

    width: 100%;

    padding: 100% 0 0 0;

    float: left;

    background: #333;

    content: '';

}

.int .line .content.gallery .box a {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.int .line .content.gallery .box a h4 {

    position: absolute;

    display: block;

    width: 80%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%) scale(1.3);

    text-align: center;

    line-height: 50px;

    font-size: 18px;

    font-weight: 700;

    color: #fff;

    z-index: 3;

    opacity: 0;

    transition: all 0.3s ease-in-out;

}

.int .line .content.gallery .box:hover a h4 {

    transform: translate(-50%, -50%) scale(1);

    opacity: 1;

}

.int .line .content.gallery .box a h4 span {

    display: block;

    width: 100%;

    line-height: 50px;

    font-weight: 300;

}

.int .line .content.gallery .box a h4::before {

    position: absolute;

    display: block;

    width: 10%;

    height: 4px;

    top: 50%;

    left: 50%;

    background-color: #EC008C;

    border-radius:2px;

    transform: translate(-50%, -50%);

    transition: all 0.3s ease-in-out;

    content: '';

}

.int .line .content.gallery .box:hover a h4::before {

    width: 50%;

}

.int .line .content.gallery .box img {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    object-fit: cover;

    transition: all 0.3s ease-in-out;

}

.int .line .content.gallery .box:hover img {

    transform: translate(-50%, -50%) scale(1.2);

    opacity: 0.3;

}

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

    .int .line .content.gallery .box a h4 {

        width: 90%;

        font-size: 16px;

    }

}



/* == line - content - form == */

.int .line .content .box.form {

}

.int .line .content .box.form .row {

    width: 100%;

    padding: 0 0 30px 0;

}

.int .line .content .box.form .row input, .int .line .content .box.form .row textarea {

    font-family: 'Open Sans', sans-serif;

    font-weight: 300;

    width: calc(100% - 40px);

    height: 20px;

    padding: 20px;

    border-radius: 3px;

    border: 0;

    background: #f3f3f3;

}

.int .line .content .box.form .row.error input, .int .line .content .box.form .row.error textarea {

    background: #DA4444;

    color: #fff;

}

.int .line .content .box.form .row textarea {

    min-width: calc(100% - 40px);

    max-width: calc(100% - 40px);

    min-height: 200px;

}

.int .line .content .box.form #enquiry-nr {

    position: absolute;

    top: -10px;

    left: -10px;

    width: 5px;

    height: 5px;

    border: 0;

}

.int .line .content .box.form .success {

    position: relative;

    width: 100%;

    overflow: hidden;

    max-height: 0;

    opacity: 0;

    transition: all 0.3s ease-in-out;

}

.int .line .content .box.form .success.on {

    max-height: 3000px;

    opacity: 1;

}

.int .line .content .box.form .buttons {

    position: relative;

    display: block;

    width: 100%;

    float: left;

}

.int .line .content .box.form .buttons .button {

    position: relative;

    display: block;

    font-size: 18px;

    line-height: 50px;

    min-height: 50px;

    color: #fff;

    background-color: #EC008C;

    border-radius: 3px;

    padding: 0 100px 0 30px;

    transition: all 0.2s ease-in-out;

    float: left;

    cursor: pointer;

}

.int .line .content .box.form.right .buttons .button {

    float: right;

}

.int .line .content .box.form .buttons .button:hover {

    background-color: #333;

}

.int .line .content .box.form .buttons .button::after {

    position: absolute;

    display: block;

    width: 60px;

    top: 50%;

    right: 15px;

    padding: 42.8% 0 0 0;

    background-image: url('../image/ico-arrow.svg');

    background-position: 50% 50%;

    background-size: 100%;

    background-repeat: no-repeat;

    transform: translateY(-50%);

    content:'';

}

.int .line .content .box.form .call {

    position: relative;

    width: 100%;

    padding: 0 0 30px 0;

    font-size: 24px;

}

.int .line .content .box.form .call .small {

    font-size: 18px;

}

.int .line .content .box.form .call .medium {

    font-size: 32px;

    text-transform: uppercase;

}

.int .line .content .box.form .call .big {

    font-size: 60px;

    text-transform: uppercase;

}

.int .line .content .box.form .call a {

    color: #EC008C;

    display: block;

}

.int .line .content .box.form .call a:hover {

    color: #333;

}

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

    .int .line .content .box.form .call {

        padding: 0 0 30px 0;

        font-size: 18px;

        text-align: center;

    }

    .int .line .content .box.form .call .medium {

        font-size: 24px;

    }

    .int .line .content .box.form .call .big {

        font-size: 32px;

    }

}



/* == bottom == */

.bottom {

  position: absolute;

  right: 45px;

  bottom: 45px;

}

.sm-panel {position: fixed;width: 155px;top: 150px;right: -105px;z-index: 1000000;transition: visibility .25s, opacity .25s}
.sm-panel>ul {margin: 0;padding: 0;list-style-type: none}
.sm-panel>ul>li {transition: transform .25s}
.sm-panel>ul>li:hover {transform: translateX(-105px)}
.sm-panel>ul>li>a {display: flex;align-items: center;color: #fff;padding: 5px 0 5px 5px;text-decoration: none}
.sm-panel>ul>li>a>img {margin: 0 10px 0 0}
.sm-panel>ul>li>a>span {font-size: initial}
.sm-panel>ul>li[class^="sm-"] {background-image: none;background-repeat: repeat;background-attachment: scroll;background-position: 0%}
.sm-text-black {color: #000}
.sm-fb {background:#1977f3}
.sm-twitter {background:#fff}
.sm-gmap {background:#333}
.sm-blog {background:#EC008C}
.sm-pinterest {background:#d73532}
.sm-youtube {background:#e32c26}
.sm-allegro {background:#ff5a00}
.sm-linkedin {background:#0097bd}
.sm-payback {background:#00349a}
.sm-olx {background:#002f34}
.sm-instagram {background:#eee}
.sm-pyszne {background:#ff8000}
.sm-tiktok {background:#fff}
.sm-booksy {background:#f9e5bc}