/* r7.CSS 4.10 February 2018 by Jan Egil and Borge Refsnes */
@import url('https://fonts.googleapis.com/css?family=Oswald:700');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar
{
  width: 0;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #cba37c;
}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */

/*GLOBAL CLASSES*/
.rarity-vertical-line-bread-crumbs{width: 1px;height: 15px;background-color: #000;margin-left: 10px;margin-right: 10px}
.rarity-text-uppercase{text-transform: uppercase;}
.Rarity-Text-Uppercase{text-transform: uppercase;}
.rarity-info-table-border-bottom{border-bottom: 1px solid #ccc;}
.rarity-fa-10x{font-size: 10em!important;}
.rarity-mrt-15{margin-top: 15px;}
.rarity-mrt-50{margin-top: 50px;}
/*END GLOBAL CLASSES*/
.rarity-project-table-info tr td{padding: 15px}
.rarity-float-right{float: right!important;}
.rarity-horizontal-line:after{display: inline-block;
    right: 100px;
    bottom: 4px;
    width: 40px;
    height: 1px;
    content: "";
    background: #000;
    position: relative;
    transition: 2s;
}

.rarity-color-change {
    width: 100vw;
    height: 100vh;
    background-size: cover;
    background-position: center;
    animation: color-change 20s linear infinite alternate both;
    z-index: 2;
}


.rarity-title-form-partner{
    font-size: 32px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.rarity-forn-btn {
    background-color: #fff;
    padding: 5px;
    color: #e3c786;
    border:none;
    font-size: 18px;
    letter-spacing: 2px;
}
.rarity-form-bg {
    background-color: transparent;
    border-bottom: 1px solid #fff;
    border-left: none;
    border-top: none;
    border-right: none;
    font-size: 16px;
    color: #ffffff;
    padding: 15px;

}

#fullpage {
  height: 100vh;
  overflow: hidden;
}
.RarityContainer{
    max-width: 980px;
    margin: auto;
}
#fullpage section { height: 100vh; }
.rarity-body-home{
    background-color: #191919;background-image: url(/public/media/images/background.png);background-size: cover;
}
.rarity-body-main{
    background-color: #ffffff;
}
.rarity-btn{    
	background-color: #4CAF50; /* Green */
    border: none;
    color: #ffffff;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.rarity-btn-white{  
	background-color: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
font-family: 'Montserrat', sans-serif;} 
.rarity-btn-white:hover{background-color: #555555;
    color: white;} 
#rarityFormPartner {
    width: 75%;margin-top: 50px;left: -200%;position: relative;
    transition: 0.5s;
}
#rarityFormCallBack {
    width: 75%;margin-top: 50px;left: 200%;position: relative;
    transition: 0.5s;
}

.page-line, .rarity-black-page-line {
    position: fixed;
    top: 0;
    height: 100%;
    width: 1px;
    opacity: 0.1    ;
    z-index: 50;
    left: 16.6%;
}
.page-line {
  background-color: #fff;
}
.rarity-black-page-line {
  background-color: #000;
}
.page-line:nth-child(2), .rarity-black-page-line:nth-child(2) {
    left: 32.4%;
}
.page-line:nth-child(3), .rarity-black-page-line:nth-child(3) {
    left: 49.8%;
}
.page-line:nth-child(4), .rarity-black-page-line:nth-child(4) {
    left: 66.4%;
}
.page-line:nth-child(5), .rarity-black-page-line:nth-child(5) {
    left: 83%;
}


.RarityCol{float:left;width:100%}
.RarityCol.s1{width:8.33333%}
.RarityCol.s2{width:16.66666%}
.RarityCol.s3{width:24.99999%}
.RarityCol.s4{width:33.33333%}
.RarityCol.s5{width:41.66666%}
.RarityCol.s6{width:49.99999%}
.RarityCol.s7{width:58.33333%}
.RarityCol.s8{width:66.66666%}
.RarityCol.s9{width:74.99999%}
.RarityCol.s10{width:83.33333%}
.RarityCol.s11{width:91.66666%}
.RarityCol.s12{width:99.99999%}
@media (min-width:601px){
.RarityCol.m1{width:8.33333%}
.RarityCol.m2{width:16.66666%}
.RarityCol.m3{width:24.99999%}
.RarityCol.m4{width:33.33333%}
.RarityCol.m5{width:41.66666%}
.RarityCol.m6{width:49.99999%}
.RarityCol.m7{width:58.33333%}
.RarityCol.m8{width:66.66666%}
.RarityCol.m9{width:74.99999%}
.RarityCol.m10{width:83.33333%}
.RarityCol.m11{width:91.66666%}
.RarityCol.m12{width:99.99999%}
}
@media (min-width:993px){
.RarityCol.l1{width:8.33333%}
.RarityCol.l2{width:16.66666%}
.RarityCol.l3{width:24.99999%}
.RarityCol.l4{width:33.33333%}
.RarityCol.l5{width:41.66666%}
.RarityCol.l6{width:49.99999%}
.RarityCol.l7{width:58.33333%}
.RarityCol.l8{width:66.66666%}
.RarityCol.l9{width:74.99999%}
.RarityCol.l10{width:83.33333%}
.RarityCol.l11{width:91.66666%}
.RarityCol.l12{width:99.99999%}
}



.rarity-content{max-width:980px;margin:auto}.r7-rest{overflow:hidden}
.rarity-full-content{width: 100%}
.raryty-full-slider{width: 100%;height:100vh;background-size: cover;background-position: center;background-color: #171717;}
@media (min-width:601px){.rarity-hide-medium{display:none!important}}
@media(max-width: 600px){.rarity-hide-small{display: none!important;}}

.rarity-text-pop-up{
  font-size:48px;
  font-weight: 900;
}
.rarity-text-pop-up, .rarity-small-text-pop-up{
    color:#fff;
    opacity: 0.5;
    text-transform: uppercase;
}
.rarity-small-text-pop-up{
    font-size: 14px;
    line-height: 1;
    
}
.text-pop-up-right {
  font-size:72px;
    animation: text-pop-up-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  color:#fff;
}
@keyframes text-pop-up-right {
  0% {
    transform: translateX(0);
    transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    transform: translateX(50px);
    transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #cccccc, 0 2px 0 #cccccc, 0 3px 0 #cccccc, 0 4px 0 #cccccc, 0 5px 0 #cccccc, 0 6px 0 #cccccc, 0 7px 0 #cccccc, 0 8px 0 #cccccc, 0 9px 0 #cccccc, 0 50px 30px rgba(255, 255, 255, 0.3);
  }
}

.text-pop-up-left {
    -webkit-animation: text-pop-up-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: text-pop-up-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

}

@-webkit-keyframes text-pop-up-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #999999, 0 2px 0 #999999, 0 3px 0 #999999, 0 4px 0 #999999, 0 5px 0 #999999, 0 6px 0 #999999, 0 7px 0 #999999, 0 8px 0 #999999, 0 9px 0 #999999, 0 50px 30px rgba(255, 255, 255, 0.3);
  }
}
@keyframes text-pop-up-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: none;
  }
  100% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    text-shadow: 0 1px 0 #999999, 0 2px 0 #999999, 0 3px 0 #999999, 0 4px 0 #999999, 0 5px 0 #999999, 0 6px 0 #999999, 0 7px 0 #999999, 0 8px 0 #999999, 0 9px 0 #999999, 0 50px 30px rgba(255, 255, 255, 0.3);
  }
}


.slit-in-vertical {
    animation: slit-in-vertical 0.45s ease-out both;
}
@keyframes slit-in-vertical {
  0% {
    transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
  }
  54% {
    transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
  }
  100% {
    transform: translateZ(0) rotateY(0);
  }
}
/*MENU*/
#main{
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 995;
    display: none;
}
#logoSection{
    height: 100%;
    width:50%;
    background-color: #fcfcfc;
    box-shadow: 10px 0 30px rgba(0,0,0,0.4);
    position: absolute;
    z-index: 999;
}
#logoSection img {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
}
#menuSection{
    height: 100%;
    width: 50%;
    background-color: #f1f1f1;
    position: absolute;
    left:50%;
}

#menuSection ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 30%;
    left: -1%;
}
#menuSection ul li {
    height: 50px;
    width: 300px;
    font-weight: 900;
    font-size: 36px;
    line-height: 50px;
    cursor:pointer;
    text-transform: uppercase;
}
.rarity-menu{
    height: 50px;
    width: 0px;
    background-color: #ffc200;
    display: flex;
    position: absolute;
    left: -1%;
    cursor: pointer;
    pointer-events: none;
    transition: all .5s;
}
.rarity-rotate{
    pointer-events: none;
}
#menuSection ul li:hover .rarity-menu {
    width: 300px;
}
#openMenu, #closeMenu{
    width: 50px;
    height: 100px;
    background-color: #262626;
    position: fixed;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 999;
}
.menuWhite{background-color: #ffffff!important;}
.menuWhite i{color: #262626!important;}
#closeMenu {
    left: 100%;
}
#openMenu i, #closeMenu i {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #ffffff;
    
}
.image > img{
    width: 100%;
}
.rarity-section-contact {
  background-image: url(/public/images/home/circle-background.png);
  background-size: cover;
  background-position: center;
}
#rarity-advantage{
    background-image: url('/public/images/home/corn-w.png');
    background-size: cover;
  background-position: center;
}
.section-about{
    background-image: url(/public/images/home/fly-corn.png);
  background-size: cover;
  background-position: center;
}
.section-seed{
    background-image: url(/public/images/home/seed.png);
  background-size: cover;
  background-position: center;
}
.rarity-fly-corn-1{
    position: absolute;margin-left: 15vw;margin-top: 50vh;z-index: -1;
}
.rarity-fly-corn-2{
    position: absolute;margin-left: 75vw;margin-top: 25vh;z-index: -1;
}
.rarity-fly-corn-3{
    position: absolute;margin-left: 5vw;z-index: -1;
}
.rarity-fly-corn-4{
    position: absolute;margin-left: 5vw;margin-top: 30vh;z-index: -1;
}
.rarity-fly-corn-5{
    position: absolute;margin-left: 20vw;margin-top: 5vh;z-index: -1;
}
.rarity-fly-corn-6{
    position: absolute;margin-left: 65vw;margin-top: 10vh;z-index: -1;
}
.rarity-fly-corn-7{
    position: absolute;margin-left: 50vw;margin-top: 75vh;z-index: -1;
}
.rarity-fly-corn-8{
    position: absolute;margin-left: 50vw;margin-top: 50vh;z-index: -1;
}
.rarity-fly-corn-9{
    position: absolute;margin-left: 50vw;margin-top: 25vh;z-index: -1;
}
.rarity-fly-corn-10{
    position: absolute;margin-left: 80vw;margin-top: 5vh;z-index: -1;
}
.rarity-maize-left{
    position: absolute;left: 0;
}
.rarity-maize-right{
    position: absolute;right: 0;
}
.rarity-title-project{
    position: relative;
}
.rarity-category-title{
     
        font-size: 10px;line-height: 12px;letter-spacing: 2px;padding-left: 60px;margin-bottom: 45px;text-transform: uppercase;
    color: #000000;
}
.rarity-shadows-text{
    text-shadow: 
        -0   -1px 0   #FFFFFF,
         0   -1px 0   #FFFFFF,
        -0    1px 0   #FFFFFF,
         0    1px 0   #FFFFFF,
        -1px -0   0   #FFFFFF,
         1px -0   0   #FFFFFF,
        -1px  0   0   #FFFFFF,
         1px  0   0   #FFFFFF,
        -1px -1px 0   #FFFFFF,
         1px -1px 0   #FFFFFF,
        -1px  1px 0   #FFFFFF,
         1px  1px 0   #FFFFFF,
        -1px -1px 0   #FFFFFF,
         1px -1px 0   #FFFFFF,
        -1px  1px 0   #FFFFFF,
         1px  1px 0   #FFFFFF,
        -1px -1px 0   #FFFFFF,
         1px -1px 0   #FFFFFF,
        -1px  1px 0   #FFFFFF,
         1px  1px 0   #FFFFFF,
        -1px -1px 0   #FFFFFF,
         1px -1px 0   #FFFFFF,
        -1px  1px 0   #FFFFFF,
         1px  1px 0   #FFFFFF,
        -1px -1px 0   #FFFFFF,
         1px -1px 0   #FFFFFF,
        -1px  1px 0   #FFFFFF,
         1px  1px 0   #FFFFFF,
        -1px -1px 0   #FFFFFF,
         1px -1px 0   #FFFFFF,
        -1px  1px 0   #FFFFFF,
         1px  1px 0   #FFFFFF,
        -1px -1px 0   #FFFFFF,
         1px -1px 0   #FFFFFF,
        -1px  1px 0   #FFFFFF,
         1px  1px 0   #FFFFFF,
        -1px -1px 0   #FFFFFF,
         1px -1px 0   #FFFFFF,
        -1px  1px 0   #FFFFFF,
         1px  1px 0   #FFFFFF;
}
.text-shadow-drop-right {
    animation: text-shadow-drop-right 0.6s both;
}
@keyframes text-shadow-drop-right {
  0% {
    text-shadow: 0 0 0 rgba(255, 255, 255, 0);
  }
  100% {
    text-shadow: 6px 0 18px rgba(255, 255, 255, 1);
  }
}
.rarity-down-line{
    width: 1px;
    height: 100px;
    background-color: #000;
    -webkit-animation: bounce-in-top 1.5s 1s 5 both;
            animation: bounce-in-top 1.5s 1s 5 both;
}
/* ----------------------------------------------
 * Generated by Animista on 2018-12-11 13:0:34
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 0;
  }
}




/* ----------------------------------------------
 * Generated by Animista on 2018-12-11 13:9:41
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
            opacity: 0;
  }
}







.rarity-down-line::before, .rarity-down-line::after {
     content: '';
    position: absolute;
    width: 1px;
    height: 25px;
    background-color: #000;
    
}
.rarity-down-line::before{
    bottom: -3px;
    left: 9px;
    transform: rotate(45deg);
}
.rarity-down-line::after{
    bottom: -3px;
    left: -9px;
    transform: rotate(-45deg);
}

.tracking-in-contract {
    -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s both;
            animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.5s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-12-11 13:56:31
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
#selectProjects:nth-child(even){
    margin-left: 10%;position: relative;
}
#selectProjects:nth-child(odd){
    margin-right: 25%;position: relative;float: right;
}

.shadow-drop-tb:hover {
    -webkit-animation: shadow-drop-tb 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: shadow-drop-tb 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            cursor: pointer;
}

@-webkit-keyframes shadow-drop-tb {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-tb {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35);
  }
}
.flicker-3 {
    -webkit-animation: flicker-3 2.5s linear infinite both;
            animation: flicker-3 2.5s linear infinite both;
}

@-webkit-keyframes flicker-3 {
  0%,
  100% {
    opacity: 1;
  }
  32.98% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  34% {
    opacity: 0;
  }
  34.02% {
    opacity: 1;
  }
  34.98% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  35.9% {
    opacity: 0;
  }
  35.92% {
    opacity: 1;
  }
  38.98% {
    opacity: 1;
  }
  39% {
    opacity: 0;
  }
  39.8% {
    opacity: 0;
  }
  39.82% {
    opacity: 1;
  }
  83.98% {
    opacity: 1;
  }
  84% {
    opacity: 0;
  }
  84.9% {
    opacity: 0;
  }
  84.92% {
    opacity: 1;
  }
}
@keyframes flicker-3 {
  0%,
  100% {
    opacity: 1;
  }
  32.98% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  34% {
    opacity: 0;
  }
  34.02% {
    opacity: 1;
  }
  34.98% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  35.9% {
    opacity: 0;
  }
  35.92% {
    opacity: 1;
  }
  38.98% {
    opacity: 1;
  }
  39% {
    opacity: 0;
  }
  39.8% {
    opacity: 0;
  }
  39.82% {
    opacity: 1;
  }
  83.98% {
    opacity: 1;
  }
  84% {
    opacity: 0;
  }
  84.9% {
    opacity: 0;
  }
  84.92% {
    opacity: 1;
  }
}
div.gallery img {
    width: 100%;
    height: auto;
    padding: 0 6px;
}

#map path{
    transition: 0.5s;
}
#map path:hover{
  fill:#ffc200;
  cursor: pointer;
}

/*-----------------------PROJECTS----------------------------*/
.Rp1, .Rp22{
    height: 100vh;
}
.Rp1{
    display: table;width: 100%;
}
.Rp3{
    position: fixed;bottom: 15%;right: 10%;
}
.Rp4, .Rp23, .Rp32{
    position: absolute;
}
.Rp9{
    margin:50px;
}
.Rp17, .Rp24, .Rp25, .Rp26, .Rp34, .Rp41, .Rp42{
   text-transform: uppercase; 
}
.Rp17{
    font-size: 24px;line-height:76px;letter-spacing: 5px;
}
.Rp22, .Rp44{
    position: relative;
}
.Rp23{
    left: 50%;top: 50%;transform: translate(-50%,-50%);
}
.Rp24, .Rp41{
    line-height: 12px;
}
.Rp24{
    font-size: 18px;
}
.Rp25, .Rp34{
    font-size: 60px;
}
.Rp25, .Rp26, .Rp34, .Rp41, .Rp42, .Rp24{
    letter-spacing: 2px;
}
.Rp25, .Rp34{
    font-weight: 100;
}
.Rp25, .Rp34{
    line-height: 50px;
}
.Rp25, .Rp34{
    padding-bottom: 10px;
}
.Rp26, .Rp42{
    line-height: 20px;
}
.Rp26, .Rp42{
    font-size: 14px;padding: 15px;
}
.Rp32{
    top: 50%;transform:translateY(-50%);
}
.Rp41{
    font-size: 10px;
}
.Rp44{
    z-index: -2;left: 50%;margin-top: 50px;
}
/*------------------------------CATALOG----------------------*/
.Rc3{
    margin:50px;
}
.Rc9{
    margin-bottom: 50px;
}
.Rc11{
    text-transform: uppercase;font-size: 24px;line-height:76px;letter-spacing: 5px;
}
.Rc15{
    position: relative;left: 15%;
}
.Rc16{
    max-width:1200px;margin-top:100px;
}
.Rc20{
    padding: 15px;
}

/*Debag*/
@media(min-width: 993px){
    .Ri62{
        margin-top: 5vw;
    }
}


/*NEW*/
figure:before{
  content: '';
  position: absolute;
  top: 5%;
  right: 5%;
  bottom: 5%;
  left: 5%;
  border:1px solid #000;
}
.r7-projects img{
  width: 500px;
}
.r7-projects:nth-child(odd){
    margin-left: 25%;
    clear: both;
}
.r7-projects:nth-child(even){
    float: right;margin-right: 25%;
    clear: both;
}
@media (max-width:600px){
    .r7-projects:nth-child(odd){margin-left: 0;}.r7-projects:nth-child(even){float: none;margin-right: 0;}
}

.Rarity-Line-Title{
    width: 1px;
    height: 24px;
    margin: 0 10px 0 10px;
}
.Rarity-Link:hover{
    transition: 0.5s;
    color: #c69a60;
    cursor: pointer; 
}

/************************************************************************/
/* r7.CSS 4.12 November 2018 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */
html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.r7-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}
/*Letter Spacing*/
.r7-spacious{letter-spacing: 2px}
.r7-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
.r7-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.r7-table,.r7-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}
.r7-table-all{border:1px solid #ccc}
.r7-bordered tr,.r7-table-all tr{border-bottom:1px solid #ddd}
.r7-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.r7-table-all tr:nth-child(odd){background-color:#fff}
.r7-table-all tr:nth-child(even){background-color:#f1f1f1}
.r7-hoverable tbody tr:hover,.r7-ul.r7-hoverable li:hover{background-color:#ccc}
.r7-centered tr th,.r7-centered tr td{text-align:center}
.r7-table td,.r7-table th,.r7-table-all td,.r7-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.r7-table th:first-child,.r7-table td:first-child,.r7-table-all th:first-child,.r7-table-all td:first-child{padding-left:16px}
.r7-btn,.r7-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.r7-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);transition: 0.3s}
.r7-btn,.r7-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.r7-disabled,.r7-btn:disabled,.r7-button:disabled{cursor:not-allowed;opacity:0.3}.r7-disabled *,:disabled *{pointer-events:none}
.r7-btn.r7-disabled:hover,.r7-btn:disabled:hover{box-shadow:none}
.r7-badge,.r7-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.r7-badge{border-radius:50%}
.r7-ul{list-style-type:none;padding:0;margin:0}.r7-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.r7-ul li:last-child{border-bottom:none}
.r7-tooltip,.r7-display-container{position:relative}.r7-tooltip .r7-text{display:none}.r7-tooltip:hover .r7-text{display:inline-block}
.r7-ripple:active{opacity:0.5}.r7-ripple{transition:opacity 0s}
.r7-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.r7-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.r7-dropdown-click,.r7-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.r7-dropdown-hover:hover .r7-dropdown-content{display:block}
.r7-dropdown-hover:first-child,.r7-dropdown-click:hover{background-color:#ccc;color:#000}
.r7-dropdown-hover:hover > .r7-button:first-child,.r7-dropdown-click:hover > .r7-button:first-child{background-color:#ccc;color:#000}
.r7-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.r7-check,.r7-radio{width:24px;height:24px;position:relative;top:6px}
.r7-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.r7-bar-block .r7-dropdown-hover,.r7-bar-block .r7-dropdown-click{width:100%}
.r7-bar-block .r7-dropdown-hover .r7-dropdown-content,.r7-bar-block .r7-dropdown-click .r7-dropdown-content{min-width:100%}
.r7-bar-block .r7-dropdown-hover .r7-button,.r7-bar-block .r7-dropdown-click .r7-button{width:100%;text-align:left;padding:8px 16px}
.r7-main,#main{transition:margin-left .4s}
.r7-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.r7-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.r7-bar{width:100%;overflow:hidden}.r7-center .r7-bar{display:inline-block;width:auto}
.r7-bar .r7-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.r7-bar .r7-dropdown-hover,.r7-bar .r7-dropdown-click{position:static;float:left}
.r7-bar .r7-button{white-space:normal}
.r7-bar-block .r7-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.r7-bar-block.r7-center .r7-bar-item{text-align:center}.r7-block{display:block;width:100%}
.r7-responsive{display:block;overflow-x:auto}
.r7-container:after,.r7-container:before,.r7-panel:after,.r7-panel:before,.r7-row:after,.r7-row:before,.r7-row-padding:after,.r7-row-padding:before,
.r7-cell-row:before,.r7-cell-row:after,.r7-clear:after,.r7-clear:before,.r7-bar:before,.r7-bar:after{content:"";display:table;clear:both}
.r7-col,.r7-half,.r7-third,.r7-twothird,.r7-threequarter,.r7-quarter{float:left;width:100%}
.r7-col.s1{width:8.33333%}.r7-col.s2{width:16.66666%}.r7-col.s3{width:24.99999%}.r7-col.s4{width:33.33333%}
.r7-col.s5{width:41.66666%}.r7-col.s6{width:49.99999%}.r7-col.s7{width:58.33333%}.r7-col.s8{width:66.66666%}
.r7-col.s9{width:74.99999%}.r7-col.s10{width:83.33333%}.r7-col.s11{width:91.66666%}.r7-col.s12{width:99.99999%}
@media (min-width:601px){.r7-col.m1{width:8.33333%}.r7-col.m2{width:16.66666%}.r7-col.m3,.r7-quarter{width:24.99999%}.r7-col.m4,.r7-third{width:33.33333%}
.r7-col.m5{width:41.66666%}.r7-col.m6,.r7-half{width:49.99999%}.r7-col.m7{width:58.33333%}.r7-col.m8,.r7-twothird{width:66.66666%}
.r7-col.m9,.r7-threequarter{width:74.99999%}.r7-col.m10{width:83.33333%}.r7-col.m11{width:91.66666%}.r7-col.m12{width:99.99999%}}
@media (min-width:993px){.r7-col.l1{width:8.33333%}.r7-col.l2{width:16.66666%}.r7-col.l3{width:24.99999%}.r7-col.l4{width:33.33333%}
.r7-col.l5{width:41.66666%}.r7-col.l6{width:49.99999%}.r7-col.l7{width:58.33333%}.r7-col.l8{width:66.66666%}
.r7-col.l9{width:74.99999%}.r7-col.l10{width:83.33333%}.r7-col.l11{width:91.66666%}.r7-col.l12{width:99.99999%}}
.r7-rest{overflow:hidden}.r7-stretch{margin-left:-16px;margin-right:-16px}
.r7-content,.r7-auto{margin-left:auto;margin-right:auto}.r7-content{max-width:980px}.r7-auto{max-width:1140px}
.r7-cell-row{display:table;width:100%}.r7-cell{display:table-cell}
.r7-cell-top{vertical-align:top}.r7-cell-middle{vertical-align:middle}.r7-cell-bottom{vertical-align:bottom}

.r7-hide{display:none!important}
.r7-show-block,.r7-show{display:block!important}
.r7-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.r7-auto{max-width:95%}}
@media (max-width:600px){.r7-modal-content{margin:0 10px;width:auto!important}.r7-modal{padding-top:30px}
.r7-dropdown-hover.r7-mobile .r7-dropdown-content,.r7-dropdown-click.r7-mobile .r7-dropdown-content{position:relative}  
.r7-hide-small{display:none!important}.r7-mobile{display:block;width:100%!important}.r7-bar-item.r7-mobile,.r7-dropdown-hover.r7-mobile,.r7-dropdown-click.r7-mobile{text-align:center}
.r7-dropdown-hover.r7-mobile,.r7-dropdown-hover.r7-mobile .r7-btn,.r7-dropdown-hover.r7-mobile .r7-button,.r7-dropdown-click.r7-mobile,.r7-dropdown-click.r7-mobile .r7-btn,.r7-dropdown-click.r7-mobile .r7-button{width:100%}}
@media (max-width:768px){.r7-modal-content{width:500px}.r7-modal{padding-top:50px}}
@media (min-width:993px){.r7-modal-content{width:900px}.r7-hide-large{display:none!important}.r7-sidebar.r7-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.r7-hide-medium{display:none!important}}
@media (max-width:992px){.r7-sidebar.r7-collapse{display:none}.r7-main{margin-left:0!important;margin-right:0!important}.r7-auto{max-width:100%}}
.r7-top,.r7-bottom{position:fixed;width:100%;z-index:1}.r7-top{top:0}.r7-bottom{bottom:0}
.r7-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.r7-display-topleft{position:absolute;left:0;top:0}.r7-display-topright{position:absolute;right:0;top:0}
.r7-display-bottomleft{position:absolute;left:0;bottom:0}.r7-display-bottomright{position:absolute;right:0;bottom:0}
.r7-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.r7-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.r7-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.r7-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.r7-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.r7-display-container:hover .r7-display-hover{display:block}.r7-display-container:hover span.r7-display-hover{display:inline-block}.r7-display-hover{display:none}
/*Position*/
.r7-display-position{position:absolute!important}
.r7-display-relative{position: relative!important}
.r7-display-fixed{position: fixed!important}

.r7-circle{border-radius:50%}
.r7-round-small{border-radius:2px}.r7-round,.r7-round-medium{border-radius:4px}.r7-round-large{border-radius:8px}.r7-round-xlarge{border-radius:16px}.r7-round-xxlarge{border-radius:32px}
.r7-row-padding,.r7-row-padding>.r7-half,.r7-row-padding>.r7-third,.r7-row-padding>.r7-twothird,.r7-row-padding>.r7-threequarter,.r7-row-padding>.r7-quarter,.r7-row-padding>.r7-col{padding:0 8px}
.r7-container,.r7-panel{padding:0.01em 16px}.r7-panel{margin-top:16px;margin-bottom:16px}
.r7-code,.r7-codespan{font-family:Consolas,"courier new";font-size:16px}
.r7-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.r7-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.r7-card,.r7-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.r7-card-4,.r7-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.r7-spin{animation:r7-spin 2s infinite linear}@keyframes r7-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}

.r7-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.r7-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.r7-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.r7-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.r7-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.r7-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.r7-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.r7-animate-input{transition:width 0.4s ease-in-out}.r7-animate-input:focus{width:100%!important}

.r7-opacity,.r7-hover-opacity:hover{opacity:0.60}.r7-opacity-off,.r7-hover-opacity-off:hover{opacity:1}
.r7-opacity-max{opacity:0.25}.r7-opacity-min{opacity:0.75}
.r7-greyscale-max,.r7-grayscale-max,.r7-hover-greyscale:hover,.r7-hover-grayscale:hover{filter:grayscale(100%)}
.r7-greyscale,.r7-grayscale{filter:grayscale(75%)}.r7-greyscale-min,.r7-grayscale-min{filter:grayscale(50%)}
.r7-sepia{filter:sepia(75%)}.r7-sepia-max,.r7-hover-sepia:hover{filter:sepia(100%)}.r7-sepia-min{filter:sepia(50%)}
/*Font Size*/
.r7-tiny{font-size:10px!important}
.r7-small{font-size:12px!important}
.r7-medium{font-size:15px!important}
.r7-large{font-size:18px!important}
.r7-xlarge{font-size:24px!important}
.r7-xxlarge{font-size:36px!important}
.r7-xxxlarge{font-size:48px!important}
.r7-jumbo{font-size:64px!important}
/*Font Wight*/
.r7-fatty{font-weight: 900}
.r7-left-align{text-align:left!important}.r7-right-align{text-align:right!important}.r7-justify{text-align:justify!important}.r7-center{text-align:center!important}
.r7-border-0{border:0!important}.r7-border{border:1px solid #ccc!important}
.r7-border-top{border-top:1px solid #ccc!important}.r7-border-bottom{border-bottom:1px solid #ccc!important}
.r7-border-left{border-left:1px solid #ccc!important}.r7-border-right{border-right:1px solid #ccc!important}
.r7-topbar{border-top:6px solid #ccc!important}.r7-bottombar{border-bottom:6px solid #ccc!important}
.r7-leftbar{border-left:6px solid #ccc!important}.r7-rightbar{border-right:6px solid #ccc!important}
.r7-section,.r7-code{margin-top:16px!important;margin-bottom:16px!important}
/*Margin*/
.r7-margin-tiny{margin:10px!important}
.r7-margin-small{margin:12px!important}
.r7-margin-medium{margin:16px!important}
.r7-margin-large{margin:20px!important}
.r7-margin-xlarge{margin:25px!important}
.r7-margin-xxlarge{margin:50px!important}
.r7-margin-xxxlarge{margin:75px!important}
.r7-margin-jumbo{margin:100px!important}

.r7-margin-top-tiny{margin-top:10px!important}
.r7-margin-top-small{margin-top:12px!important}
.r7-margin-top-medium{margin-top:16px!important}
.r7-margin-top-large{margin-top:20px!important}
.r7-margin-top-xlarge{margin-top:25px!important}
.r7-margin-top-xxlarge{margin-top:50px!important}
.r7-margin-top-xxxlarge{margin-top:75px!important}
.r7-margin-top-jumbo{margin-top:100px!important}

.r7-margin-bottom-tiny{margin-bottom:10px!important}
.r7-margin-bottom-small{margin-bottom:12px!important}
.r7-margin-bottom-medium{margin-bottom:16px!important}
.r7-margin-bottom-large{margin-bottom:20px!important}
.r7-margin-bottom-xlarge{margin-bottom:25px!important}
.r7-margin-bottom-xxlarge{margin-bottom:50px!important}
.r7-margin-bottom-xxxlarge{margin-bottom:75px!important}
.r7-margin-bottom-jumbo{margin-bottom:100px!important}

.r7-margin-left-tiny{margin-left:10px!important}
.r7-margin-left-small{margin-left:12px!important}
.r7-margin-left-medium{margin-left:16px!important}
.r7-margin-left-large{margin-left:20px!important}
.r7-margin-left-xlarge{margin-left:25px!important}
.r7-margin-left-xxlarge{margin-left:50px!important}
.r7-margin-left-xxxlarge{margin-left:75px!important}
.r7-margin-left-jumbo{margin-left:100px!important}

.r7-margin-right-tiny{margin-right:10px!important}
.r7-margin-right-small{margin-right:12px!important}
.r7-margin-right-medium{margin-right:16px!important}
.r7-margin-right-large{margin-right:20px!important}
.r7-margin-right-xlarge{margin-right:25px!important}
.r7-margin-right-xxlarge{margin-right:50px!important}
.r7-margin-right-xxxlarge{margin-right:75px!important}
.r7-margin-right-jumbo{margin-right:100px!important}

.r7-padding-small{padding:4px 8px!important}.r7-padding{padding:8px 16px!important}.r7-padding-large{padding:12px 24px!important}
.r7-padding-16{padding-top:16px!important;padding-bottom:16px!important}.r7-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.r7-padding-32{padding-top:32px!important;padding-bottom:32px!important}.r7-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.r7-padding-64{padding-top:64px!important;padding-bottom:64px!important}

.r7-left{float:left!important}
.r7-right{float:right!important}

.r7-button:hover{color:#000!important;background-color:#ccc!important}
.r7-btn{}
.flip-horizontal-top:hover {
  -webkit-animation: flip-horizontal-top 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
          animation: flip-horizontal-top 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2019-1-10 15:15:20
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-horizontal-top
 * ----------------------------------------
 */
@-webkit-keyframes flip-horizontal-top {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
}
@keyframes flip-horizontal-top {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
}

.r7-transparent,.r7-hover-none:hover{background-color:transparent!important}
.r7-hover-none:hover{box-shadow:none!important}
/* Colors */
.r7-amber,.r7-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.r7-aqua,.r7-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.r7-blue,.r7-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.r7-light-blue,.r7-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.r7-brown,.r7-hover-brown:hover{color:#fff!important;background-color:#756757!important}
.r7-cyan,.r7-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.r7-blue-grey,.r7-hover-blue-grey:hover,.r7-blue-gray,.r7-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.r7-green,.r7-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.r7-light-green,.r7-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.r7-indigo,.r7-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.r7-khaki,.r7-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.r7-lime,.r7-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.r7-orange,.r7-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.r7-deep-orange,.r7-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.r7-pink,.r7-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.r7-purple,.r7-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.r7-deep-purple,.r7-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.r7-red,.r7-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.r7-sand,.r7-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.r7-teal,.r7-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.r7-yellow,.r7-hover-yellow:hover{color:#000!important;background-color:#FFCC66!important}
.r7-white,.r7-hover-white:hover{color:#000!important;background-color:#fff!important}
.r7-black,.r7-hover-black:hover{color:#fff!important;background-color:#000!important}
.r7-grey,.r7-hover-grey:hover,.r7-gray,.r7-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.r7-light-grey,.r7-hover-light-grey:hover,.r7-light-gray,.r7-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.r7-dark-grey,.r7-hover-dark-grey:hover,.r7-dark-gray,.r7-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.r7-pale-red,.r7-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.r7-pale-green,.r7-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.r7-pale-yellow,.r7-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.r7-pale-blue,.r7-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.r7-text-amber,.r7-hover-text-amber:hover{color:#ffc107!important}
.r7-text-aqua,.r7-hover-text-aqua:hover{color:#00ffff!important}
.r7-text-blue,.r7-hover-text-blue:hover{color:#2196F3!important}
.r7-text-light-blue,.r7-hover-text-light-blue:hover{color:#87CEEB!important}
.r7-text-brown,.r7-hover-text-brown:hover{color:#756757!important}
.r7-text-cyan,.r7-hover-text-cyan:hover{color:#00bcd4!important}
.r7-text-blue-grey,.r7-hover-text-blue-grey:hover,.r7-text-blue-gray,.r7-hover-text-blue-gray:hover{color:#607d8b!important}
.r7-text-green,.r7-hover-text-green:hover{color:#4CAF50!important}
.r7-text-light-green,.r7-hover-text-light-green:hover{color:#8bc34a!important}
.r7-text-indigo,.r7-hover-text-indigo:hover{color:#3f51b5!important}
.r7-text-khaki,.r7-hover-text-khaki:hover{color:#b4aa50!important}
.r7-text-lime,.r7-hover-text-lime:hover{color:#cddc39!important}
.r7-text-orange,.r7-hover-text-orange:hover{color:#ff9800!important}
.r7-text-deep-orange,.r7-hover-text-deep-orange:hover{color:#ff5722!important}
.r7-text-pink,.r7-hover-text-pink:hover{color:#e91e63!important}
.r7-text-purple,.r7-hover-text-purple:hover{color:#9c27b0!important}
.r7-text-deep-purple,.r7-hover-text-deep-purple:hover{color:#673ab7!important}
.r7-text-red,.r7-hover-text-red:hover{color:#f44336!important}
.r7-text-sand,.r7-hover-text-sand:hover{color:#fdf5e6!important}
.r7-text-teal,.r7-hover-text-teal:hover{color:#009688!important}
.r7-text-yellow,.r7-hover-text-yellow:hover{color:#ffc200!important}
.r7-text-white,.r7-hover-text-white:hover{color:#fff!important}
.r7-text-black,.r7-hover-text-black:hover{color:#000!important}
.r7-text-grey,.r7-hover-text-grey:hover,.r7-text-gray,.r7-hover-text-gray:hover{color:#757575!important}
.r7-text-light-grey,.r7-hover-text-light-grey:hover,.r7-text-light-gray,.r7-hover-text-light-gray:hover{color:#f1f1f1!important}
.r7-text-dark-grey,.r7-hover-text-dark-grey:hover,.r7-text-dark-gray,.r7-hover-text-dark-gray:hover{color:#3a3a3a!important}
.r7-border-amber,.r7-hover-border-amber:hover{border-color:#ffc107!important}
.r7-border-aqua,.r7-hover-border-aqua:hover{border-color:#00ffff!important}
.r7-border-blue,.r7-hover-border-blue:hover{border-color:#2196F3!important}
.r7-border-light-blue,.r7-hover-border-light-blue:hover{border-color:#87CEEB!important}
.r7-border-brown,.r7-hover-border-brown:hover{border-color:#795548!important}
.r7-border-cyan,.r7-hover-border-cyan:hover{border-color:#00bcd4!important}
.r7-border-blue-grey,.r7-hover-border-blue-grey:hover,.r7-border-blue-gray,.r7-hover-border-blue-gray:hover{border-color:#607d8b!important}
.r7-border-green,.r7-hover-border-green:hover{border-color:#4CAF50!important}
.r7-border-light-green,.r7-hover-border-light-green:hover{border-color:#8bc34a!important}
.r7-border-indigo,.r7-hover-border-indigo:hover{border-color:#3f51b5!important}
.r7-border-khaki,.r7-hover-border-khaki:hover{border-color:#f0e68c!important}
.r7-border-lime,.r7-hover-border-lime:hover{border-color:#cddc39!important}
.r7-border-orange,.r7-hover-border-orange:hover{border-color:#ff9800!important}
.r7-border-deep-orange,.r7-hover-border-deep-orange:hover{border-color:#ff5722!important}
.r7-border-pink,.r7-hover-border-pink:hover{border-color:#e91e63!important}
.r7-border-purple,.r7-hover-border-purple:hover{border-color:#9c27b0!important}
.r7-border-deep-purple,.r7-hover-border-deep-purple:hover{border-color:#673ab7!important}
.r7-border-red,.r7-hover-border-red:hover{border-color:#f44336!important}
.r7-border-sand,.r7-hover-border-sand:hover{border-color:#fdf5e6!important}
.r7-border-teal,.r7-hover-border-teal:hover{border-color:#009688!important}
.r7-border-yellow,.r7-hover-border-yellow:hover{border-color:#ffeb3b!important}
.r7-border-white,.r7-hover-border-white:hover{border-color:#fff!important}
.r7-border-black,.r7-hover-border-black:hover{border-color:#000!important}
.r7-border-grey,.r7-hover-border-grey:hover,.r7-border-gray,.r7-hover-border-gray:hover{border-color:#9e9e9e!important}
.r7-border-light-grey,.r7-hover-border-light-grey:hover,.r7-border-light-gray,.r7-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.r7-border-dark-grey,.r7-hover-border-dark-grey:hover,.r7-border-dark-gray,.r7-hover-border-dark-gray:hover{border-color:#616161!important}
.r7-border-pale-red,.r7-hover-border-pale-red:hover{border-color:#ffe7e7!important}.r7-border-pale-green,.r7-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.r7-border-pale-yellow,.r7-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.r7-border-pale-blue,.r7-hover-border-pale-blue:hover{border-color:#e7ffff!important}
.r7-text-uppercase{text-transform: uppercase;}

.r7-color-white{color: #ffffff}
.r7-transparent{background-color: transparent;}
.r7-box-direction-text{bottom: 0;font-size: 28px;z-index: 2;font-weight: 900}
.r7-line-1{line-height: 1;}

.r7-birds{position: absolute;width: 400px;height: 200px;z-index: 1;left: 50%;top:5%}
@media(min-width: 1440px){
  .r7-line-text-01{font-size: 42px;line-height: 0.7;font-weight: 900;}
  .r7-line-text-02{font-size: 72px;line-height: 1;margin-left: -3px;}
  .r7-line-text-03{font-size: 150px;line-height: 0.7;margin-bottom: 15px;margin-left: -11px;}
}
@media(min-width: 993px) and (max-width: 1439px){
  .r7-line-text-01{font-size: 21px;line-height: 0.7;font-weight: 900;}
  .r7-line-text-02{font-size: 37px;line-height: 1;margin-left: -3px;}
  .r7-line-text-03{font-size: 66px;line-height: 0.7;margin-bottom: 15px;margin-left: -5px;}
}





.r7-box-direction{width: 150px;height: 150px;display: inline-block;}
.r7-industry{font-size: 24px;text-transform: uppercase;}
.r7-box-direction-border{width: 300px;height: 300px;border: 1px solid #fff;position: absolute;margin: 50px;opacity: 0.5}
.r7-box-01_1,.r7-box-01_2,.r7-box-01_3,.r7-box-02_1,.r7-box-02_2,.r7-box-02_3,.r7-box-03_1,.r7-box-03_2,.r7-box-03_3{background-size:cover;opacity: 0.5;background-color: #171717}
.r7-box-01_1{background-image: url(/public/images/home/elevator/1.jpg);}
.r7-box-01_2{background-image: url(/public/images/home/elevator/2.jpg);}
.r7-box-01_3{background-image: url(/public/images/home/elevator/4.jpg);}
.r7-box-02_1{background-image: url(/public/images/home/dry_corn/dry_corn_1.jpg);}
.r7-box-02_2{background-image: url(/public/images/home/dry_corn/dry_corn_1.jpg);}
.r7-box-02_3{background-image: url(/public/images/home/dry_corn/dry_corn_1.jpg);}
.r7-box-03_1{background-image: url(/public/images/home/engine/1.jpg);}
.r7-box-03_2{background-image: url(/public/images/home/engine/2.jpg);}
.r7-box-03_3{background-image: url(/public/images/home/engine/3.jpg);}

/* Create a Parallax Effect */
.r7-bgimg-1, .r7-bgimg-2, #r7-google-map {
    background-attachment: fixed!important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* First image (Logo. Full height) */
.r7-bgimg-1 {
  background-image: url("/public/images/home/background-min.gif");
  min-height: 100vh;   
}
/* Second image (Portfolio) */
.r7-bgimg-2 {
  background-image: url("/public/images/home/corn-day.jpg");
  min-height: 400px;
}
/* Third image (Contact) */
#r7-google-map {
  min-height: 400px;
}
.r7-lg-company{bottom: 2%;right: 2%;z-index: 2}
.r7-lg-menu{top: 70%;left: 50%;transform: translate(-50%, -70%);}
.r7-menu-section{top: 15%;left: 50%;transform:translateX(-50%);font-weight: 900;}
.r7-footer{max-width: 80vw;margin: auto;}
.r7-footer-container{max-width: 80vw;margin: auto;}
.r7-footer-section-desc{display: block;font-weight: 400;font-size: 17px;line-height: 1.41;letter-spacing: .001em;}