b,
h1,
h2,
h3,
h4,
h5,
h6,
label,
optgroup,
strong {
    font-weight: 700
}

legend,
td,
th {
    padding: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

 

abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}


legend {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}



 .text a,   .text a:visited  .text a:hover, 
{
	color:#fff !important;
	text-decoration:none;
}

 
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0;
    min-height: 100%;
    background-color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

html.mod-touch * {
    background-attachment: scroll!important
}

.block {
    display: block
}

.inline-block {
    max-width: 100%;
    display: inline-block
}

.clearfix:after,
.clearfix:before {
    display: table
}

.clearfix:after {
    clear: both
}

.hidden {
    display: none
}

.button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898EC;
    color: #fff;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0
}

input.button {
    -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
    color: transparent!important
}


.container:after,
.embed:after,
.radio:after,
.row:after,
.slider {
    clear: both
}


.form-done,
.slider,
.widget-map .gm-style-iw,
.widget-twitter-count-shim,
figcaption {
    text-align: center
}



h1,
h2,
h3 {
    margin-top: 20px
}

h4,
h5,
h6 {
    margin-top: 10px
}

blockquote,
figure {
    margin: 0 0 10px
}

ol,
p,
ul {
    margin-top: 0
}

h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin-bottom: 10px
}


h1 {
    font-size: 38px;
    line-height: 44px
}

h2 {
    font-size: 32px;
    line-height: 36px
}

h3 {
    font-size: 24px;
    line-height: 30px
}

h4 {
    font-size: 18px;
    line-height: 24px
}

h5 {
    font-size: 14px;
    line-height: 20px
}

h6 {
    font-size: 12px;
    line-height: 18px
}

blockquote {
    padding: 10px 20px;
    border-left: 5px solid #E2E2E2;
    font-size: 18px;
    line-height: 22px
}

figcaption {
    margin-top: 5px
}

ol,
ul {
    padding-left: 40px
}


fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

button,
html input[type=button],
input[type=reset] {
    border: 0;
    cursor: pointer;
    -webkit-appearance: button
}



.text {
    position: fixed;
    text-transform: none
}


@media screen and (max-width:767px) {
    .w-nav-brand {
        padding-left: 10px
    }
}

@media (min-width:768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh
    }
    .w-lightbox-view,
    .w-lightbox-view:before {
        height: 96vh
    }
    .w-lightbox-group,
    .w-lightbox-group .w-lightbox-view,
    .w-lightbox-group .w-lightbox-view:before {
        height: 84vh
    }
    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh
    }
    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh
    }
    .w-lightbox-left,
    .w-lightbox-right {
        display: block;
        opacity: .5
    }
    .w-lightbox-close {
        opacity: .8
    }
    .w-lightbox-control:hover {
        opacity: 1
    }
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
    opacity: 0
}

.w-richtext:after,
.w-richtext:before {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-richtext:after {
    clear: both
}

.w-richtext[contenteditable=true]:after,
.w-richtext[contenteditable=true]:before {
    white-space: initial
}

.button-button,
.button-button.bottom {
    overflow: visible;
    right: auto;
    font-weight: 400
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type=image] div {
    outline: #2895f7 solid 2px
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type=video]>div:after {
    content: '';
    position: absolute;
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.w-nav:after,
.w-nav:before,
.w-tabs:after,
.w-tabs:before {
    content: " ";
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-richtext figure {
    position: relative;
    max-width: 60%
}

.w-richtext figure>div:before {
    cursor: default!important
}

.w-richtext figure img {
    width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
    opacity: .6
}

.w-richtext figure div {
    font-size: 0;
    color: transparent
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type=image] {
    display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type=image]>div {
    display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type=image]>figcaption {
    display: table-caption;
    caption-side: bottom
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type=video] {
    width: 60%;
    height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type=video] iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}



.row,
.row._2 {
    z-index: auto;
    width: 100%;
    height: 100vh;
    max-height: 100%
}


.row {
    position: relative
}




.w-ix-emptyfix:after {
    content: ""
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}



.row {
    overflow: hidden;
    background-color: #f1c759
}

.row._2 {
    background-color: #f1b9c5
}

.row._2.social {
    height: 75vh
}

.row._1,
.row.image {
    z-index: auto;
    display: block;
    height: 100vh;
    max-height: 100%;
    width: 100%
}

.row.image {
    background-color: #f1c759;
    background-image: url();
    background-position: 100% 0;
    background-size: 700px;
    background-repeat: no-repeat
}

.row._1 {
    background-color: #09bc8a
}

.text,
.text-holder {
    right: 0;
    bottom: 0;
    z-index: 1;
    top: 0;
    left: 0
}

.button-button,
.text,
.utility-page-wrap {
    display: -webkit-box
}

.row._1.social,
.row.social {
    height: 75vh
}

.text-holder {
    position: absolute;
    width: 100%
}

.text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 40px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    direction: ltr;
    font-family: Formulacondensed, sans-serif;
    color: #000;
    font-size: 140px;
    line-height: 100%;
    font-weight: 700;
    text-align: left;
    letter-spacing: 3px
}

.button-button,
.utility-page-wrap {
    display: -webkit-flex;
    display: -ms-flexbox
}

.button-button,
.button-button:hover {
    width: 125px;
    height: 125px;
    margin-top: 30%;
    font-size: 14px
}

.text.white {
    color: #fff;
    letter-spacing: 3px
}

.body {
    border: 0 #000
}

.button-button {
    position: relative;
    left: 0;
    top: 0;
    bottom: auto;
    z-index: 10;
    display: flex;
    max-width: 200px;
    margin-left: 40px;
    padding: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #000;
    border-radius: 100px;
    background-color: #fff;
    -webkit-transition: border-color .3s ease-in-out, color .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: border-color .3s ease-in-out, color .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: border-color .3s ease-in-out, color .3s ease-in-out, transform .3s ease-in-out;
    transition: border-color .3s ease-in-out, color .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    font-family: Favorit, sans-serif;
    color: #000;
    line-height: 18px;
    cursor: pointer
}

.button-button:hover {
    border-style: solid;
    border-width: 2px;
    border-color: #09bc8a;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    color: #09bc8a
}

.button-button.bottom {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 5%;
    z-index: 1000;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 50px;
    font-family: Formulacondensed, sans-serif;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
    -o-object-fit: fill;
    object-fit: fill
}

.row-project,
.row-project._1,
.row-project._2 {
    z-index: auto;
    width: 100%;
    height: 100vh;
    max-height: 100%
}

.row-project {
    position: relative;
    overflow: hidden;
    background-color: #f1c759
}

.row-project._2 {
    background-color: #f1b9c5
}

.row-project._1 {
    display: block;
    background-color: #09bc8a
}

.row-project._3 {
    background-color: #f1b9c5
}

.row-project.project {
    height: 60vh;
    background-color: #000
}

.row-project.project._2 {
    background-color: #ff4612;
    background-image: url();
    background-size: 440px
}

.row-project.project._1,
.row-project.project._5,
.row-project.project._6 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100vh
}


.utility-page-wrap {
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #09bc8a
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

@media (max-width:991px) {
    .row.image {
        width: 100%;
        background-color: #f1c759;
        background-position: 100% 0;
        background-size: 480px
    }
    .button-button,
    .button-button:hover {
        width: 125px;
        height: 125px;
        margin-top: 60%
    }
    .row-project._1,
    .row._1 {
        background-color: #8f99fc
    }
    .text {
        font-size: 100px
    }
    .button-button {
        font-size: 14px
    }
    .row-project.project._3,
    .row-project.project._4,
    .row-project.project._5 {
        background-size: 350px
    }
    .row-project.project._1 {
        background-color: #000;
        background-size: 350px
    }
    .row-project.project._6 {
        background-size: 500px
    }
}

@media (max-width:767px) {
    .row.image {
        background-size: 400px
    }
    .text {
        padding-left: 20px;
        font-size: 80px
    }
    .button-button {
        margin-top: 70%;
        margin-left: 20px
    }
    .button-button:hover {
        width: 125px;
        height: 125px;
        margin-top: 70%
    }
    .row-project.project._2,
    .row-project.project._3 {
        background-size: 300px
    }
    .row-project.project._4 {
        background-position: 50% 100%;
        background-size: auto 350px
    }
    .row-project.project._1,
    .row-project.project._5 {
        background-size: 300px
    }
    .row-project.project._6 {
        background-size: 350px
    }
}

@media (max-width:479px) {
    .row-project._1,
    .row._1 {
        width: 100%;
        height: 100vh
    }
    .row,
    .row-project,
    .row-project._2,
    .row._1,
    .row._2,
    .row.image {
        height: 100vh
    }
    .row.image {
        background-position: 100% 0;
        background-size: 250px
    }
    .text {
        font-size: 60px
    }
    .button-button,
    .button-button:hover {
        margin-top: 70%
    }
    .button-button.bottom {
        text-decoration: none
    }
    .row-project.project {
        background-size: 275px
    }
    .row-project.project._2,
    .row-project.project._3 {
        background-size: 250px
    }
    .row-project.project._4 {
        background-position: 50% 100%;
        background-size: auto 350px
    }
    .row-project.project._1,
    .row-project.project._5 {
        background-size: 250px
    }
    .row-project.project._6 {
        background-size: 300px
    }
}