body{margin: 0; font-family: Helvetica Neue,Helvetica,Arial,sans-serif;}
/*@font-face {
   font-family: Helvetica Neue Bold,Helvetica,Arial,sans-serif;
    src: url('../fonts/helvetica_neu_bold.woff2') format('woff2'),
         url('../fonts/helvetica_neu_bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
    src: url('../fonts/helveticaneue.woff2') format('woff2'),
         url('../fonts/helveticaneue.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face { font-family: Helvetica Neue,Helvetica,Arial,sans-serif;  src: url('../fonts/HelveticaNeue.ttf'), url('../fonts/HelveticaNeue.eot'); }
@font-face { font-family: Helvetica Neue bold,Helvetica,Arial,sans-serif;  src: url('../fonts/Helvetica Neu Bold.ttf'), url('../fonts/Helvetica Neu Bold.ttf'); }


h2 { font-family: "Helvetica Neue bold", Helvetica, Arial, sans-serif; font-size: 36px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; }
p { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 24px; } 
a{ font-family: "Helvetica Neue bold", Helvetica, Arial, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 700; line-height:16px; }
a:hover{transition: 0.3s;}

/*.main-section{ margin: 0;padding: 0;height: 100vh;position: relative;overflow: hidden; }*/
.main-section{ margin: 0;padding: 0;height: 100%;position: relative; min-height: 1080px}
/*.maincont{min-height: 1080px;
    height: 100%;
    background: #f00;}*/
.main-section .lt-box, .main-section .rt-box {min-height: 1080px}
.main-section .lt-box {  background:#E5E5E4; width:50%;float:left; padding:0 10%; }
.main-section .lt-box .join-box h2{color:#707070;}
.main-section .lt-box .join-box p{ color:#707070; }

.main-section .lt-box .join-box a{ color: #64ad93;transition: 0.3s;font-size: 15px;}
/*.main-section .lt-box .join-box a:hover span{display:none ;opacity:0;   }
.main-section .lt-box .join-box a:hover:before {content:"Fog Os";opacity:1;transition: 0.3s;  }
.main-section .lt-box .join-box a:hover{text-decoration:none;transition: all 500ms ease-in-out;  }*/

.main-section .rt-box{ background:#64AD93; width:50%;float:right;  padding:0 10%;  }
.main-section .rt-box .join-box h2{color:#FFFFFF; }
.main-section .rt-box .join-box p{color: #FFFFFF; }


.main-section .rt-box .join-box a{ color: #fff;}
.main-section .rt-box .join-box a:hover{text-decoration:none;  }
/*.main-section .rt-box .join-box a:hover span{opacity:0; transition: 0.3s;  }
.main-section .rt-box .join-box a:hover:before {content:"Abonner";opacity:1;transition: 0.3s;  }*/


.main-section .join-box{display: table-cell;vertical-align: middle;height: 100vh;padding: 0 40px;width: 430px;}

.footer-block{position: fixed;right: 0;bottom: 0;width: 100%; padding:20px 40px;}
.footer-block .rt-foot{ float:right; }
.footer-block .lt-foot{ float:left; }
.logo-block{position: absolute;left: 50px;top: 30px;}
.logo-block img{height: 100%;width: auto;}


.wing-box {width:300px;background: #fff;border-radius: 8px;padding:40px;position: fixed; right:40px;bottom:70px;}
.wing-box h2{ color:#707070; }
.wing-box p, .join-box p{color: #707070;}


.wing-box a{color: #64ad93;transition: all 600ms ease-in-out;text-decoration:none;}
/*.wing-box a:hover span{opacity:0;  }
.wing-box a:hover:before {content:"Upload et tegn"; opacity:1;transition: all 600ms ease-in-out;}
.wing-box a:hover{text-decoration:none;  }*/

.footer-block p{color: #707070;font-size: 13px;margin-bottom: 0;line-height: 20px;padding-top: 10px }
.footer-block .rt-foot p{ color: #fff; }

.wing-box h2, .rt-box .join-box h2, .lt-box .join-box h2{margin:21px 0 14px;}
.wing-box p, .rt-box .join-box p, lt-box .join-box p{margin: 0;}


/*.hovlink{position: relative;}
.nortext, .hovtex{transition: .6s all ease; }
.nortext{transition: .6s all ease; opacity: 1;  }
.nortext:hover{transition: .6s all ease; opacity: 0; }

.hovtext {transition: .6s all ease; opacity:0;}
.nortext:hover + .hovtext{ transition: .6s all ease; opacity: 1; z-index: 9999;position: absolute; left: 0; display: inline-block; }*/
.buttonlink {display: inline-block;position: relative;padding: 0em;text-decoration: none;outline: none;background: transparent;margin-top: 18px; white-space: nowrap;}
.arrowani{position: absolute;
    opacity: 1;  
  top: 4px;
  right: -25px;
  transition: 0.2s;}
.buttonlink:hover .arrowani {
  opacity: 0;
  right: -37px;
}




/*.buttonlink:after {
  content: '⟶';
  position: absolute;
  opacity: 1;  
  top: 0px;
  right: -27px;
  transition: 0.5s; color: #64ad93; 
}
.tybarrow:after{color: #fff; }
.buttonlink:hover:after {
  opacity: 0;
  right: -37px;
}*/

.buttonlink span {transition: 0.1s; transition-delay: .1s;}

.buttonlink:before {
    content: '';
    position: absolute;
    top: 0em;
    left: 0;
    width: 100%;
    text-align: left;
    transition: .2s,opacity .3s;
}


.buttonlink:before {
    content: attr(data-hover);
    /*transform: translate(-150%,0);*/
    opacity: 0;
}


/*.buttonlink:after {
    content: attr(data-active);
}*/


.buttonlink:hover span,
.buttonlink:active span {
    opacity: 0;
    /*transform: scale(0.3);*/
}
.buttonlink:hover:before,
.buttonlink:active:after {
    opacity: 1;
   /* transform: translate(0,0);*/
    transition-delay: .1s;
}
.buttonlink:active:before {
   /* transform: translate(-150%,0);*/
    opacity: 1;
    transition-delay: 0s;
}



@media (max-width: 575.98px) {

}


@media (max-width: 769px) {
.buttonlink:after{position: relative;right: -5px;}
.main-section{min-height: 100%}
.logo-block {position: relative;left: inherit;top: inherit;text-align: center;background: #e5e5e4;padding-top: 40px;}
.main-section .lt-box, .main-section .rt-box { min-height:100%; width:100%;float: none;padding: 0;}
.wing-box-mob{background: #64ad93;padding:15px 40px;}
.wing-box{width: 100%;padding:40px;position: relative;right: inherit;bottom: inherit;}
.main-section .join-box {display: block;vertical-align: middle; height: 100%;width: 100%;padding:60px 40px 45px;}
.footer-block {position: relative;padding: 20px 0; background: #64ad93;text-align: center;}
.footer-block .lt-foot, .footer-block .rt-foot{float: none;}
.footer-block p {color: #ffffff;}
 }


@media (max-width: 991.98px) {}


@media (max-width: 1199.98px) {}