@import "http://fonts.googleapis.com/css?family=Open+Sans:400, 300, 800";
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.cd-header {
    height: 100px;
    line-height: 170px;
    position: relative;
}
.cd-header h1 {
    text-align: center;
    color: #FFF;
    font-size: 2.2rem;
}
.cd-pricing-container {
    width: 60%;
    max-width: 1020px;
    margin: 0 auto;
}
.cd-pricing-switcher {
    text-align: center;
}
.cd-pricing-switcher .fieldset {
    display: inline-block;
    position: relative;
    padding: 2px;
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.cd-pricing-switcher input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.cd-pricing-switcher label {
    position: relative;
    z-index: 1;
    display: inline-block;
    float: left;
    width: 90px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: 12px;
    color: #Fee;
}
.cd-pricing-switcher .cd-switch {
    position: absolute;
    top: 2px;
    left: 2px;
    height: 40px;
    width: 90px;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    transition: transform .5s;
}
.cd-pricing-switcher input[type="radio"]:checked + label + .cd-switch, .cd-pricing-switcher input[type="radio"]:checked + label:nth-of-type(n) + .cd-switch {
    -webkit-transform: translateX(90px);
    -moz-transform: translateX(90px);
    -ms-transform: translateX(90px);
    -o-transform: translateX(90px);
    transform: translateX(90px);
}
.no-js .cd-pricing-switcher {
    display: none;
}
.cd-pricing-list {
    margin: 2em 0 0;
}
.cd-pricing-list > li {
    position: relative;
    margin-bottom: 3em;
}
@media only screen and (min-width: 768px) {
    .cd-pricing-list {
    margin: 3em 0 0;
}
.cd-pricing-list:after {
    content: "";
    display: table;
    clear: both;
}
.cd-pricing-list > li {
    width: 33.3333333333%;
    float: left;
}
.cd-has-margins .cd-pricing-list > li {
    width: 32.3333333333%;
    float: left;
    margin-right: 1.5%}
.cd-has-margins .cd-pricing-list > li:last-of-type {
    margin-right: 0;
}
}.cd-pricing-wrapper {
    position: relative;
}
@media screen and (max-width: 1280px) {
    .cd-pricing-container {
    width: 100%!important;
}
cd-pricing-list {
    width: 80%!important;
}
.cd-value {
    font-size: 40px!important;
}
}@media screen and (max-width: 920px) {
    .cd-pricing-wrapper ul {
    width: 100%!important;
}
.cd-pricing-wrapper ul li {
    width: 100%!important;
}
.cd-pricing-container {
    width: 100%!important;
}
cd-pricing-list {
    width: 100%!important;
}
.cd-value {
    font-size: 30px!important;
}
.cd-pricing-list > li {
    position: relative;
    margin-bottom: 0;
}
}.touch .cd-pricing-wrapper {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    perspective: 2000px;
}
.cd-pricing-wrapper.is-switched .is-visible {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-animation: cd-rotate .5s;
    -moz-animation: cd-rotate .5s;
    animation: cd-rotate .5s;
}
.cd-pricing-wrapper.is-switched .is-hidden {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-animation: cd-rotate-inverse .5s;
    -moz-animation: cd-rotate-inverse .5s;
    animation: cd-rotate-inverse .5s;
    opacity: 0;
}
.cd-pricing-wrapper.is-switched .is-selected {
    opacity: 1;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-visible {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: cd-rotate-back .5s;
    -moz-animation: cd-rotate-back .5s;
    animation: cd-rotate-back .5s;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-hidden {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    -webkit-animation: cd-rotate-inverse-back .5s;
    -moz-animation: cd-rotate-inverse-back .5s;
    animation: cd-rotate-inverse-back .5s;
    opacity: 0;
}
.cd-pricing-wrapper.is-switched.reverse-animation .is-selected {
    opacity: 1;
}
.cd-pricing-wrapper > li {
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 1px solid transparent;
}
.cd-pricing-wrapper > li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    pointer-events: none;
    background: -webkit-linear-gradient(right, #FFF, rgba(255, 255, 255, 0));
    background: linear-gradient(to left, #FFF, rgba(255, 255, 255, 0));
}
.cd-pricing-wrapper > li.is-ended::after {
    display: none;
}
.cd-pricing-wrapper .is-visible {
    position: relative;
    z-index: 5;
}
.cd-pricing-wrapper .is-hidden {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.cd-pricing-wrapper .is-selected {
    z-index: 3!important;
}
@media only screen and (min-width: 768px) {
    .cd-pricing-wrapper > li: :before {
    content: '';
    position: absolute;
    z-index: 6;
    left: -1px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 50%;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}
.cd-pricing-wrapper > li::after {
    display: none;
}
.cd-has-margins .cd-pricing-wrapper > li, .cd-has-margins .cd-popular .cd-pricing-wrapper > li {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.cd-secondary-theme .cd-pricing-wrapper > li {
    background: rgba(0, 0, 0, 0.05);
}
.cd-secondary-theme .cd-popular .cd-pricing-wrapper > li {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: none;
}
:nth-of-type(1) > .cd-pricing-wrapper > li::before {
    display: none;
}
.cd-has-margins .cd-pricing-wrapper > li {
    border-radius: 4px 4px 6px 6px;
}
.cd-has-margins .cd-pricing-wrapper > li::before {
    display: none;
}
}@media only screen and (min-width: 1500px) {
    .cd-full-width .cd-pricing-wrapper > li {
    padding: 3em 0;
}
}.no-js .cd-pricing-wrapper .is-hidden {
    position: relative;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    margin-top: 1em;
}
@media only screen and (min-width: 768px) {
    .cd-popular .cd-pricing-wrapper > li: :before {
    display: none;
}
.cd-popular + li .cd-pricing-wrapper > li::before {
    display: none;
}
}.cd-pricing-header {
    position: relative;
    z-index: 1;
    height: 80px;
    padding: 1em;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.2);
    color: #FFF;
}
.cd-pricing-header h2 {
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 14px!important;
    text-transform: uppercase;
}
.cd-popular .cd-pricing-header {
    background-color: rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) {
    .cd-pricing-header {
    height: auto;
    padding: 1.9em .9em 1.6em;
    pointer-events: auto;
    text-align: center;
    color: #173d50;
    background-color: transparent;
}
.cd-popular .cd-pricing-header {
    color: #e97d68;
    background-color: transparent;
}
.cd-secondary-theme .cd-pricing-header {
    color: #FFF;
}
.cd-pricing-header h2 {
    font-size: 12px;
    letter-spacing: 2px;
}
}.cd-currency, .cd-value {
    font-size: 12px!important;
    font-weight: 300;
}
.cd-duration {
    font-weight: 400;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}
.cd-popular .cd-duration {
    color: #f3b6ab;
}
.cd-duration::before {
    content: '/';
    margin-right: 2px;
}
@media only screen and (min-width: 768px) {
    .cd-value {
    font-size: 5rem;
    font-weight: 300;
}
.cd-currency, .cd-duration {
    color: rgba(255, 255, 255, 0.5);
}
.cd-popular .cd-currency, .cd-popular .cd-duration {
    color: rgba(255, 255, 255, 0.5);
}
.cd-secondary-theme .cd-currency, .cd-secondary-theme .cd-duration {
    color: rgba(255, 255, 255, 0.5);
}
.cd-secondary-theme .cd-popular .cd-currency, .cd-secondary-theme .cd-popular .cd-duration {
    color: rgba(255, 255, 255, 0.5);
}
.cd-currency {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top;
    font-size: 15px;
    font-weight: 400;
}
.cd-duration {
    font-size: 1rem;
}
}.cd-pricing-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.is-switched .cd-pricing-body {
    overflow: hidden;
}
@media only screen and (min-width: 768px) {
    .cd-pricing-body {
    overflow-x: visible;
}
}.cd-pricing-features {
    width: 600px;
}
.cd-pricing-features:after {
    content: "";
    display: table;
    clear: both;
}
.cd-pricing-features li {
    width: 100px;
    float: left;
    padding: .3em;
    font-size: .75rem;
    letter-spacing: 2px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cd-pricing-features em {
    display: block;
    margin-bottom: 5px;
    font-weight: 600;
}
@media only screen and (min-width: 768px) {
    .cd-pricing-features {
    width: auto;
}
.cd-pricing-features li {
    float: none;
    width: auto;
    padding: 1em;
}
.cd-popular .cd-pricing-features li {
    margin: 0 3px;
}
.cd-pricing-features li:nth-of-type(2n+1) {
    background-color: rgba(23, 61, 80, 0.06);
}
.cd-pricing-features em {
    display: inline-block;
    margin-bottom: 0;
}
.cd-has-margins .cd-popular .cd-pricing-features li, .cd-secondary-theme .cd-popular .cd-pricing-features li {
    margin: 0;
}
.cd-secondary-theme .cd-pricing-features li {
    color: #FFF;
}
.cd-secondary-theme .cd-pricing-features li:nth-of-type(2n+1) {
    background-color: transparent;
}
}.cd-pricing-footer {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 80px;
    width: 100%;
    border-radius: 50px!important;
}
.cd-pricing-footer::after {
    content: '';
    position: absolute;
    right: 1em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
}
@media only screen and (min-width: 768px) {
    .cd-pricing-footer {
    position: relative;
    height: auto;
    padding: 1.8em 0;
    text-align: center;
    border-radius: 50px!important;
}
.cd-pricing-footer::after {
    display: none;
}
.cd-has-margins .cd-pricing-footer {
    padding-bottom: 0;
}
}.cd-select {
    position: relative;
    z-index: 1;
    display: block;
    height: 100%;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: #fff;
}
@media only screen and (min-width: 768px) {
    .cd-select {
    position: static;
    display: inline-block;
    height: auto;
    padding: 1.9em 4em;
    color: #FFF!important;
    border-radius: 2px;
    background-color: #422;
    font-size: 12px;
    text-indent: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.no-touch .cd-select:hover {
    background-color: #311;
}
.cd-popular .cd-select {
    background-color: #e97d68;
}
.no-touch .cd-popular .cd-select:hover {
    background-color: #ec907e;
}
.cd-secondary-theme .cd-popular .cd-select {
    background-color: #422;
}
.no-touch .cd-secondary-theme .cd-popular .cd-select:hover {
    background-color: #311;
}
.cd-has-margins .cd-select {
    display: block;
    padding: 1.7em 0;
    border-radius: 0 0 4px 4px;
}
}@-webkit-keyframes cd-rotate {
    0% {
    -webkit-transform: perspective(2000px) rotateY(0);
}
70% {
    -webkit-transform: perspective(2000px) rotateY(200deg);
}
100% {
    -webkit-transform: perspective(2000px) rotateY(180deg);
}
}@-moz-keyframes cd-rotate {
    0% {
    -moz-transform: perspective(2000px) rotateY(0);
}
70% {
    -moz-transform: perspective(2000px) rotateY(200deg);
}
100% {
    -moz-transform: perspective(2000px) rotateY(180deg);
}
}@keyframes cd-rotate {
    0% {
    -webkit-transform: perspective(2000px) rotateY(0);
    -moz-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    -o-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
}
70% {
    -webkit-transform: perspective(2000px) rotateY(200deg);
    -moz-transform: perspective(2000px) rotateY(200deg);
    -ms-transform: perspective(2000px) rotateY(200deg);
    -o-transform: perspective(2000px) rotateY(200deg);
    transform: perspective(2000px) rotateY(200deg);
}
100% {
    -webkit-transform: perspective(2000px) rotateY(180deg);
    -moz-transform: perspective(2000px) rotateY(180deg);
    -ms-transform: perspective(2000px) rotateY(180deg);
    -o-transform: perspective(2000px) rotateY(180deg);
    transform: perspective(2000px) rotateY(180deg);
}
}@-webkit-keyframes cd-rotate-inverse {
    0% {
    -webkit-transform: perspective(2000px) rotateY(-180deg);
}
70% {
    -webkit-transform: perspective(2000px) rotateY(20deg);
}
100% {
    -webkit-transform: perspective(2000px) rotateY(0);
}
}@-moz-keyframes cd-rotate-inverse {
    0% {
    -moz-transform: perspective(2000px) rotateY(-180deg);
}
70% {
    -moz-transform: perspective(2000px) rotateY(20deg);
}
100% {
    -moz-transform: perspective(2000px) rotateY(0);
}
}@keyframes cd-rotate-inverse {
    0% {
    -webkit-transform: perspective(2000px) rotateY(-180deg);
    -moz-transform: perspective(2000px) rotateY(-180deg);
    -ms-transform: perspective(2000px) rotateY(-180deg);
    -o-transform: perspective(2000px) rotateY(-180deg);
    transform: perspective(2000px) rotateY(-180deg);
}
70% {
    -webkit-transform: perspective(2000px) rotateY(20deg);
    -moz-transform: perspective(2000px) rotateY(20deg);
    -ms-transform: perspective(2000px) rotateY(20deg);
    -o-transform: perspective(2000px) rotateY(20deg);
    transform: perspective(2000px) rotateY(20deg);
}
100% {
    -webkit-transform: perspective(2000px) rotateY(0);
    -moz-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    -o-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
}
}@-webkit-keyframes cd-rotate-back {
    0% {
    -webkit-transform: perspective(2000px) rotateY(0);
}
70% {
    -webkit-transform: perspective(2000px) rotateY(-200deg);
}
100% {
    -webkit-transform: perspective(2000px) rotateY(-180deg);
}
}@-moz-keyframes cd-rotate-back {
    0% {
    -moz-transform: perspective(2000px) rotateY(0);
}
70% {
    -moz-transform: perspective(2000px) rotateY(-200deg);
}
100% {
    -moz-transform: perspective(2000px) rotateY(-180deg);
}
}@keyframes cd-rotate-back {
    0% {
    -webkit-transform: perspective(2000px) rotateY(0);
    -moz-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    -o-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
}
70% {
    -webkit-transform: perspective(2000px) rotateY(-200deg);
    -moz-transform: perspective(2000px) rotateY(-200deg);
    -ms-transform: perspective(2000px) rotateY(-200deg);
    -o-transform: perspective(2000px) rotateY(-200deg);
    transform: perspective(2000px) rotateY(-200deg);
}
100% {
    -webkit-transform: perspective(2000px) rotateY(-180deg);
    -moz-transform: perspective(2000px) rotateY(-180deg);
    -ms-transform: perspective(2000px) rotateY(-180deg);
    -o-transform: perspective(2000px) rotateY(-180deg);
    transform: perspective(2000px) rotateY(-180deg);
}
}@-webkit-keyframes cd-rotate-inverse-back {
    0% {
    -webkit-transform: perspective(2000px) rotateY(180deg);
}
70% {
    -webkit-transform: perspective(2000px) rotateY(-20deg);
}
100% {
    -webkit-transform: perspective(2000px) rotateY(0);
}
}@-moz-keyframes cd-rotate-inverse-back {
    0% {
    -moz-transform: perspective(2000px) rotateY(180deg);
}
70% {
    -moz-transform: perspective(2000px) rotateY(-20deg);
}
100% {
    -moz-transform: perspective(2000px) rotateY(0);
}
}@keyframes cd-rotate-inverse-back {
    0% {
    -webkit-transform: perspective(2000px) rotateY(180deg);
    -moz-transform: perspective(2000px) rotateY(180deg);
    -ms-transform: perspective(2000px) rotateY(180deg);
    -o-transform: perspective(2000px) rotateY(180deg);
    transform: perspective(2000px) rotateY(180deg);
}
70% {
    -webkit-transform: perspective(2000px) rotateY(-20deg);
    -moz-transform: perspective(2000px) rotateY(-20deg);
    -ms-transform: perspective(2000px) rotateY(-20deg);
    -o-transform: perspective(2000px) rotateY(-20deg);
    transform: perspective(2000px) rotateY(-20deg);
}
100% {
    -webkit-transform: perspective(2000px) rotateY(0);
    -moz-transform: perspective(2000px) rotateY(0);
    -ms-transform: perspective(2000px) rotateY(0);
    -o-transform: perspective(2000px) rotateY(0);
    transform: perspective(2000px) rotateY(0);
}
}.cd-pricing-features li em {
    color: rgba(255, 255, 255, 0.4)!important;
}
@media (max-width: 980px) {
    .cd-pricing-header {
    height: 100px!important;
    background: #733535!important;
    margin-bottom: 30px;
    margin-top: 70px;
}
.cd-pricing-features li em {
    color: #dcc!important;
}
.cd-duration {
    font-size: 12px!important;
}
.cd-pricing-features li {
    line-height: 20px!important;
}
.cd-pricing-features li:last-child {
    padding-bottom: 70px!important;
}
}em {
    font-style: italic;
}
strong {
    font-weight: 700;
}
a {
    text-decoration: underline;
}
a, a:hover, a:active, a:focus, a:visited, input, input:hover, input:active, input:focus {
    transition: all 250ms ease;
}
h1 {
    padding: 0;
    margin: 0;
    font-size: 7em;
    line-height: 1em;
    text-shadow: .05em .05em 0 rgba(0, 0, 0, 0.15);
}
h2 {
    padding: 0;
    margin: .33em 0 .66em;
    font-size: 4.5em;
    line-height: 1em;
}
h3 {
    padding: 0;
    margin: 1em 0;
    font-size: 1.5em;
    line-height: 1.25em;
}

p, blockquote, table, ul, ol {
    margin: 1.5em 0;
}
ul {
    list-style: disc outside;
}
ol {
    list-style: decimal outside;
}
hr {
    max-width: 40em;
    margin: 0 auto;
    border: none;
    border-bottom: none;
}
html, body {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 120%;
    background-size: cover;
    line-height: 1.35em;
    color: #444;
    font-size: 100%;
    overflow-x: hidden;
}
video {
    display: block;
}

.vidContainer {
    width: 800px;
    height: 501px;
    position: absolute;
    top: 30%;
    left: 31%;
    -webkit-transition: all 1.5s ease-in-out 0;
    -moz-transition: all 1.5s ease-in-out 0;
    -o-transition: all 1.5s ease-in-out 0;
    transition: all 1.5s ease-in-out 0;
}
.logoCover {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    display: block;
    -webkit-transition: all 1.5s ease-in-out 0;
    -moz-transition: all 1.5s ease-in-out 0;
    -o-transition: all 1.5s ease-in-out 0;
    transition: all 1.5s ease-in-out 0;
    overflow: hidden;
    background: url(../goldtreeimages/logo-cover.png) center top;
    background-size: 100% 100%}
.logoCover img {
    width: 150%;
    height: 150%;
    left: -25%;
    top: -25%;
    -webkit-transition: all 1.5s ease-in-out 0;
    -moz-transition: all 1.5s ease-in-out 0;
    -o-transition: all 1.5s ease-in-out 0;
    transition: all 1.5s ease-in-out 0;
}
#cover-pink {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 500000;
    background: #fff;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
#cover-grey {
    width: 100%;
    height: 100%;
    position:absolute;
    top: 0;
    right: 0;
    z-index: 100;
    background:url(../vid/check.png) fixed; 
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.cover-pink-circle {
    width: 100%!important;
    height: 100%!important;
    position: fixed;
    top: 0;
    right: 0!important;
    z-index: 500000;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.cover-pink-circle .vidContainer {
    width: 200px!important;
    height: 125px!important;
    position: absolute;
    top: 0!important;
    right: 0!important;
    -webkit-transition: all 1.5s ease-in-out 0;
    -moz-transition: all 1.5s ease-in-out 0;
    -o-transition: all 1.5s ease-in-out 0;
    transition: all 1.5s ease-in-out 0;
}
.cover-pink-circle .logoCover {
    width: 200px!important;
    height: 125px!important;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
    -webkit-transition: all 1.5s ease-in-out 0;
    -moz-transition: all 1.5s ease-in-out 0;
    -o-transition: all 1.5s ease-in-out 0;
    transition: all 1.5s ease-in-out 0;
    background: url(../goldtreeimages/logo-cover-second.png) center top;
    background-size: cover!important;
    background-position: top center!important;
}
#contactFormBig {
    width: 100%;
    margin: 0;
    height: 100vh;
    position: relative;
	/*
    background: url(../goldtreeimages/I-need-a-web-designer-2.jpg) center top no-repeat!important;
    background-size: cover;
	*/
    z-index: 5000000;
    -webkit-transition: all 3.2s ease-in-out 1s;
    -moz-transition: all 3.2s ease-in-out 1s;
    -o-transition: all 3.2s ease-in-out 1s;
    transition: all 3.2s ease-in-out 1s;
}
#h7 {
    position: absolute;
    top: 25%;
    right: 0;
    width: 100%!important;
    z-index: 50;
    display: block;
    text-align: center!important;
}
#h7 em {
    font-size: 230px!important;
    line-height: 168px!important;
    text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.17);
    font-family: 'Open Sans', Gadget, sans-serif!important;
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700!important;
    text-align: center!important;
    letter-spacing: 5px;
    font-style: normal;
    color: #f4f4f4;
    position: relative;
    padding: 0!important;
    opacity: 0!important;
}
#h7 span {
    text-transform: none!important;
    font-size: 830px!important;
    line-height: 868px!important;
    -webkit-transition: all .2s ease-in-out 0;
    -moz-transition: all .2s ease-in-out 0;
    -o-transition: all .2s ease-in-out 0;
    transition: all .2s ease-in-out 0;
    text-shadow: none;
}
#h7 #he {
    opacity: 0;
}
#h7 #el {
    opacity: 0;
}
#h7 #ll {
    opacity: 0;
}
#h7 #lo {
    opacity: 0;
}
#h7 #oss {
    opacity: 0;
}
#h7 .he {
    opacity: 1!important;
    -webkit-transition: all .2s ease-in-out 0;
    -moz-transition: all .2s ease-in-out 0;
    -o-transition: all .2s ease-in-out 0;
    transition: all .2s ease-in-out 0;
}
#h7 .el {
    opacity: 1!important;
    -webkit-transition: all .8s ease-in-out 0;
    -moz-transition: all .8s ease-in-out 0;
    -o-transition: all .8s ease-in-out 0;
    transition: all .8s ease-in-out 0;
}
#h7 .ll {
    opacity: 1!important;
    -webkit-transition: all 1.6s ease-in-out 0;
    -moz-transition: all 1.6s ease-in-out 0;
    -o-transition: all 1.6s ease-in-out 0;
    transition: all 1.6s ease-in-out 0;
}
#h7 .lo {
    opacity: 1!important;
    -webkit-transition: all 1.6s ease-in-out 0;
    -moz-transition: all 1.6s ease-in-out 0;
    -o-transition: all 1.6s ease-in-out 0;
    transition: all 1.6s ease-in-out 0;
}
#h7 .oss {
    opacity: 1!important;
    webkit-transition: all 2.2s ease-in-out 0;
    -moz-transition: all 2.2s ease-in-out 0;
    -o-transition: all 2.2s ease-in-out 0;
    transition: all 2.2s ease-in-out 0;
}
.designHero {
    width: 100%!important;
    height: 100vh!important;
    z-index: 90000000;
    position: absolute!important;
    top: 200px!important;
}
#designHeroImg {
    width: 70%;
    height: 100vh;
    top: 1200px;
    z-index: 5000;
    opacity: 0;
    position: relative;
    webkit-transition: all 2.2s ease-in-out 0;
    -moz-transition: all 2.2s ease-in-out 0;
    -o-transition: all 2.2s ease-in-out 0;
    transition: all 2.2s ease-in-out 0;
}
.designHeroImgChanged {
    width: 70%;
    height: 100vh;
    top: 100px!important;
    z-index: 5000;
    position: relative;
    opacity: 1!important;
    webkit-transition: all .7s ease-in-out 0;
    -moz-transition: all .7s ease-in-out 0;
    -o-transition: all .7s ease-in-out 0;
    transition: all .7s ease-in-out 0;
}
#cd-logo img:last-child {
    display: none;
}
.slide-in {
    position: fixed!important;
    top: 0!important;
}
.slide-in img:last-child {
    display: block!important;
}
.slide-in img:first-child {
    display: none!important;
    opacity: 0!important;
    position: fixed;
    top: 50px!important;
}
#submitButton {
    width: 100%;
    max-width: 160px;
    height: 45px;
    position: relative;
    display: block;
    top: 0;
    padding: 0;
    margin: 15px auto;
    border: none;
    z-index: 90000;
    background: rgba(249, 124, 124, 1)!important;
    background-size: cover;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
    color: #fee;
    font-size: 14px;
    font-weight: 800px!important;
    letter-spacing: 2px;
    border-radius: 50px;
    font-family: 'Open Sans', arial!important;
}

#submit_btn {
    width: 100%;
    max-width: 160px;
    height: 45px;
    position: relative;
    display: block;
    top: 0;
    padding: 0;
    margin: 15px auto;
    border: none !important;
    z-index: 90000;
    background: rgba(249, 124, 124, 1)!important;
    background-size: cover;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
    color: #fee;
    font-size: 14px;
    font-weight: 800px!important;
    letter-spacing: 2px;
    border-radius: 50px;
    font-family: 'Open Sans', arial!important;
	box-shadow:none !important
}
#callToAction {
    position: relative;
    top: -100px;
    margin: 0 auto;
    width: 320px;
    z-index: 90000;
    overflow: visible;
}
#expandingBox {
    width: 120px;
    height: 60px;
    position: relative;
    right: 0;
    display: block;
    top: 130px;
    padding: 0;
    margin: 35px auto;
    z-index: 90000;
    background: rgba(255, 255, 255, 0.0);
    background-size: cover;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
#expandingBox .texts {
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.expandingBoxChanged {
    width: 120px;
    height: 60px;
    position: relative;
    display: block;
    top: 50px;
    padding: 0;
    margin: 35px auto;
    z-index: 90000;
    background: rgba(249, 124, 124, 1)!important;
    background-size: cover;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.expandingBoxChanged:hover {
    background: rgba(249, 104, 104, 1)!important;
    background-size: cover;
    color: #f88!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.expandingBoxChanged .texts {
    color: #fee!important;
    opacity: 1!important;
    font-weight: 800;
    -webkit-transition: all 1.7s ease-in-out 0;
    -moz-transition: all 1.7s ease-in-out 0;
    -o-transition: all 1.7s ease-in-out 0;
    transition: all 1.7s ease-in-out 0;
}
.shapes {
    stroke-dasharray: 0 540;
    stroke-dashoffset: -474;
    z-index: 50;
    stroke-width: 0;
    fill: transparent;
    stroke: #f88;
    border-bottom: 4px solid #000;
    transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
.expandingBoxChanged .shapes {
    stroke-dasharray: 140 540;
    stroke-dashoffset: -474;
    z-index: 50;
    stroke-width: 15px;
    fill: transparent;
    stroke: #f88;
    border-bottom: 1px solid #000;
    transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
.texts {
    font-size: 12px;
    line-height: 32px;
    z-index: 50px;
    letter-spacing: 2px;
    color: #fff!important;
    text-shadow: 1px 1px 1px rgba(200, 50, 50, 0.3);
    top: -48px;
    font-weight: 800!important;
    position: relative;
}
.callToAction:hover .shapes {
    stroke-width: 2px!important;
    stroke-dashoffset: 0!important;
    stroke-dasharray: 760!important;
}
.callToActionChanged .shapes {
    stroke-width: 2px!important;
    stroke-dashoffset: 0!important;
    stroke-dasharray: 760!important;
}
#callToAction i {
    display: block;
    width: 180px;
    height: auto;
    color: #fee!important;
    line-height: 29px;
    font-size: 24px;
    position: relative;
    top: 0;
    left: 9%}
#h6 {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 50px!important;
    z-index: 500000000;
    display: block;
    text-align: center!important;
}
#h6 em {
    font-size: 70px!important;
    line-height: 40px!important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.27);
    font-family: 'Open Sans', Gadget, sans-serif!important;
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-weight: 100!important;
    text-align: center!important;
    letter-spacing: 5px;
    font-style: normal;
    color: #fff;
    position: relative;
    padding: 0!important;
}
#promoText {
    font-size: 39px;
    line-height: 13px;
    text-align: center!important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.277);
    display: block;
    letter-spacing: 4px;
    opacity: 0;
    color: #444;
    padding: 0 0 30px!important;
    -webkit-transition: all .7s ease-in-out 0;
    -moz-transition: all .7s ease-in-out 0;
    -o-transition: all .7s ease-in-out 0;
    transition: all .7s ease-in-out 0;
}
.promoTextChanged {
    font-size: 13px!important;
    line-height: 13px!important;
    text-align: center!important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.277);
    display: block;
    opacity: 1!important;
    letter-spacing: 2px!important;
    color: #444;
    padding: 0 0 30px!important;
    -webkit-transition: all .7s ease-in-out 0;
    -moz-transition: all .7s ease-in-out 0;
    -o-transition: all .7s ease-in-out 0;
    transition: all .7s ease-in-out 0;
}
.callToAction {
    position: relative;
    bottom: 0;
    margin: 0 auto;
    width: 320px;
}
.shape {
    stroke-dasharray: 140 540;
    stroke-dashoffset: -474;
    stroke-width: 8px;
    fill: transparent;
    stroke: #f9cccc;
    border-bottom: 5px solid #000;
    transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
.text {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 8px;
    color: #200;
    top: -48px;
    position: relative;
}
.callToAction:hover .shape {
    stroke-width: 2px;
    stroke-dashoffset: 0;
    stroke-dasharray: 760;
}
.header sup {
    width: 170px;
    display: block;
    margin: 0 auto;
}
.header sup #callToAction {
    width: 170px;
    display: block;
    float: left;
    margin: 5px;
    border-radius: 100px;
    height: 50px;
    line-height: 45px;
    padding: 0!important;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: 1px;
    border: 2px solid #f9cccc;
    color: #f77;
    position: relative;
    margin: 0 auto;
    top: -5px;
    -webkit-transition: all 1.5s ease-in-out .5s;
    -moz-transition: all 1.5s ease-in-out .5s;
    -o-transition: all 1.5s ease-in-out .5s;
    transition: all 1.5s ease-in-out .5s;
}
.header sup .callToActionChanged {
    width: 170px;
    display: block;
    float: left;
    margin: 5px;
    border-radius: 100px;
    height: 50px;
    line-height: 45px;
    padding: 0!important;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1px;
    border: 2px solid #f9cccc;
    background: #f9cccc;
    color: #fee!important;
    position: relative;
    margin: 0 auto;
    top: -5px;
    -webkit-transition: all 1.5s ease-in-out .5s;
    -moz-transition: all 1.5s ease-in-out .5s;
    -o-transition: all 1.5s ease-in-out 5s;
    transition: all 1.5s ease-in-out .5s;
}
#navigationScroll {
    width: 50px;
    height: 50px;
    background: url(../goldtreeimages/down-arrow.png) center bottom no-repeat;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 13%}
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(232, 98, 86, 0.8) url(../goldtreeimages/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    z-index: 9000000;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0 .3s;
    -moz-transition: opacity .3s 0s, visibility 0 .3s;
    transition: opacity .3s 0s, visibility 0 .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0 0;
    -moz-transition: opacity .3s 0s, visibility 0 0;
    transition: opacity .3s 0s, visibility 0 0;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
    right: 20px;
    bottom: 20px;
}
}@media only screen and (min-width: 1024px) {
    .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
}
}* {
    text-align: center;
}
a {
    text-decoration: none;
}
.clear {
    display: block;
    width: 100%;
    float: none;
    clear: both;
}
.high50px {
    display: block;
    height: 50px;
}
.high250px {
    display: block;
    height: 250px;
}
.wrapper {
    max-width: 30em;
    margin: 2em auto;
    z-index: 500;
    position: relative;
}
#user-interface-designer {
    width: 44%;
    float: left;
    margin: 0!important;
}
.header-title {
    width: 36%;
    margin-left: 18%;
    float: left;
}
.header-title h1 {
    font-size: 40px;
    line-height: 50px;
    padding-top: 110px;
    padding-bottom: 40px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.27)!important;
    letter-spacing: 3px;
}
.header-title h2 {
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 40px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.27)!important;
    letter-spacing: 2px;
}
.header-title a {
    width: 180px;
    border: 2px solid rgba(255, 90, 90, 0.95);
    color: #eef!important;
    background: rgba(255, 90, 90, 0.95);
    line-height: 45px;
    height: 50px;
    border-radius: 200px;
    display: inline-block;
    text-align: center;
}
.menu-icons {
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
@media screen and ( max-width:50em ) {
    hr {
    display: none;
}
}@media screen and ( max-width:80em ) {
    body {
    font-size: 115%}
}@media screen and ( max-width:70em ) {
    body {
    font-size: 105%}
}@media screen and ( max-width:60em ) {
    body {
    font-size: 95%}
}@media screen and ( max-width:45em ) {
    body {
    font-size: 90%}
}@media screen and ( max-width:30em ) {
    body {
    font-size: 85%}
}pre {
    padding: 1.5em;
    margin: 1.5em -1.5em;
    background: rgba(0, 0, 0, 0.065);
}
code {
    font-family: 'mono', monospace;
}
.code_tag {
    color: #d92b2b;
}
.code_attribute {
    color: #58a907;
}
.code_value {
    color: #2b82d9;
}
dl {
    padding: 1.5em;
    margin: 1.5em -1.5em;
    background: rgba(0, 0, 0, 0.065);
    transform-origin: center top;
}
dt {
    margin: .75em 0;
    font-size: 1.5em;
}
dd {
    padding: 0 0 0 10%}
.clearfix, .columns, .column, .wrapper {
    *zoom: 1;
}
.clearfix:after, .columns:after, .column:after, .wrapper:after {
    content: '';
    display: table;
    clear: both;
}
* {
    box-sizing: border-box;
}
* > :first-child {
    margin-top: 0!important;
}
* > :last-child {
    margin-bottom: 0!important;
}
.plain, .plain > li {
    list-style: none;
}
.plain > li {
    margin: 0;
}
.columns {
    margin: 1.5em -1.5em;
}
.column {
    padding: 0 1.5em;
    margin: .75em 0;
    float: left;
}
.column_right {
    float: right;
}
.column_xlarge {
    width: 100%}
.column_large {
    width: 61.8034%}
.column_medium {
    width: 38.1966%}
.column_small {
    width: 23.6068%}
.column_xsmall {
    width: 14.5898%}
.column_xxsmall {
    width: 9.017%}
@media screen and ( max-width:50em ) {
    .columns_content > .column {
    width: 100%;
    margin: 1.5em 0;
    float: none;
}
}.button {
    perspective: 300px;
}
.button a {
    display: block;
    padding: .5em 1em;
    border: none;
    border-radius: 0;
    background: #d92b2b;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    -webkit-appearance: none;
}
.button_alt a {
    background: #2b82d9;
}
.button a:focus, .button a:hover {
    transform: rotateX(15deg);
    box-shadow: 0 .3em .5em rgba(0, 0, 0, 0.25);
}
.button a:active {
    transform: rotateX(-15deg);
    box-shadow: 0 -.3em .5em rgba(0, 0, 0, 0.25);
}
.wrapper {
    max-width: 60em;
    margin: 0 auto;
}
.section {
    padding: 6em 1.5em;
    position: relative;
    overflow: hidden;
    background: #fff;
}
@media screen and ( max-width:50em ) {
    .section {
    padding: 3em 1.5em;
}
}@media screen and ( max-width:30em ) {
    .section {
    padding: 1.5em;
}
}.footer {
    overflow: hidden;
    perspective: 500px;
    transform-style: preserve-3d;
}
.footer_block {
    padding: 5% 1.5em;
    transform-origin: center bottom;
    background: #606060;
    color: #b0b0b0;
}
.footer a {
    color: #b0b0b0;
}
.footer a:hover {
    color: #fff;
}
.nav_onpage {
    float: left;
}
.nav_offsite {
    float: right;
}
.nav ul {
    margin: 0 -1em;
}
.nav li {
    margin: 0 .5em;
    float: left;
}
.nav a {
    display: block;
    text-decoration: none;
}
.nav_item_text a {
    padding: .5em;
    color: #b0b0b0;
}
.nav_item_text a:hover {
    color: #fff;
    transform: scale(1.25);
}
@media screen and ( max-width:40em ) {
    .longtext {
    display: none;
}
}@media screen and ( max-width:30em ) {
    .longtext {
    display: inline;
}
.nav {
    float: none;
    font-size: 1.5em;
}
.nav ul {
    margin: 0;
    text-align: center;
}
.nav li {
    margin: 0;
    float: none;
    display: inline-block;
}
.nav .nav_item_text {
    margin: 0 .25em;
}
.nav .nav_item_button {
    display: block;
    float: none;
    clear: both;
}
.nav a {
    padding: 1em 0;
    text-align: center;
}
}.section_intro {
    padding: 15% 1.5em;
    background: #93ca3a;
    color: #fff;
    text-align: center;
}
.effects {
    margin: -.75em!important;
}
.effect {
    width: 50%;
    border: .75em solid #fff;
    float: left;
    background: rgba(0, 0, 0, 0.065);
}
.effect_box {
    display: block;
    width: 100%;
    height: 0;
    padding: 0 0 100%}
.effect_box_opacity {
    background: #606060;
}
.effect_box_scale {
    background: #2b82d9;
}
.effect_box_rotate {
    background: #d92b2b;
}
.effect_box_translate {
    background: #93ca3a;
}
@media screen and ( max-width:50em ) {
    .effect {
    width: 25%}
}@media screen and ( max-width:30em ) {
    .effect {
    width: 50%}
}html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, #h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: 'Open Sans'!important;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
#web-designer {
    background: #fafafa;
    width: 100%!important;
    position: relative;
    z-index: 500;
}
.web-designs {
    width: 100%!important;
    background: #F5F5F5!important;
}
.web-designers-company {
    position: relative;
    z-index: 50000;
    background: rgba(255, 85, 85, 0.3);
    width: 50%;
    float: right;
    text-align: center;
    height: 100%;
    overflow-x: hidden!important;
}
.web-design-company {
    position: absolute;
    z-index: 50000;
    background: #f76363!important;
    width: 50%;
    float: left;
    text-align: center;
    z-index: 900000;
    height: 100%;
    padding-top: 0!important;
    overflow-x: hidden!important;
    padding-bottom: 0;
}
.web-designers-company h2 {
    text-align: center;
    font-size: 35px!important;
    line-height: 50px!important;
    left: 3px;
    padding-bottom: 30px;
    color: #fff!important;
}
.orangeLink {
    color: #fee!important;
    border-bottom: 1px dotted #fee;
}
.web-designers-company p {
    text-align: center!important;
    font-size: 13px;
    line-height: 30px;
    left: 3px;
    padding-bottom: 50px;
    color: #fee!important;
}
.web-designers-company .design-link {
    width: 180px;
    border: 2px solid rgba(255, 220, 220, 0.9);
    color: #fff!important;
    line-height: 45px;
    height: 50px;
    border-radius: 200px;
    display: inline-block;
    text-align: center;
    margin-bottom: 80px;
}
.portfolio {
    width: 100%;
    position: relative;
    z-index: 50000;
    height: auto;
    overflow-y: hidden;
    background: #585858;
}
#portfolio-items {
    width: 100%;
    height: auto;
    position: relative;
}
.allDesigns {
    width: 71.7%;
    margin-left: 28.3%;
    background: rgba(255, 255, 255, 0.99);
}
.projects {
    background: #efefef;
    margin: 0;
    position: absolute;
    top: -250px;
    width: 62%;
    margin-left: 40.25%;
    padding-top: 300px;
    text-align: left!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.stuck .projects {
    background: #f5f5f5;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.stuck h3 {
    background: #f70!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.projects h4 {
    padding-top: 100px;
    padding-left: 15%;
    padding-bottom: 0;
    font-size: 35px;
    text-transform: uppercase;
    line-height: 40px;
    letter-spacing: 3px;
    font-family: 'Open Sans', arial!important;
    font-weight: 100;
    color: #444;
    text-align: left!important;
}
.allDesigns .stuck {
    z-index: 90000000;
    top: 300px;
    width: 27.1%!important;
    background: #f70;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.period {
    width: 80%;
    margin-left: 17%;
    padding-bottom: 150px;
    height: 500px;
    -webkit-transition: all 1s ease-in-out 2s;
    -moz-transition: all 1s ease-in-out 2s;
    -o-transition: all 1s ease-in-out 2s;
    transition: all 1s ease-in-out 2s;
}
.stuck .period {
    height: 100vh!important;
    -webkit-transition: all 1s ease-in-out 2s;
    -moz-transition: all 1s ease-in-out 2s;
    -o-transition: all 1s ease-in-out 2s;
    transition: all 1s ease-in-out 2s;
}
.period h5 {
    width: 60%;
    float: none;
    text-align: left!important;
    display: block;
    margin-left: 0!important;
    line-height: 50px!important;
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 40px;
}
.period h5 span {
    padding-top: 1vh!important;
    padding-bottom: 4vh!important;
    font-size: 14px!important;
    text-transform: uppercase;
    line-height: 40px!important;
    margin-bottom: 30px;
    letter-spacing: 3px!important;
    font-family: 'Open Sans', arial!important;
    font-weight: 400!important;
    color: #444;
    text-align: left!important;
}
.period h7 {
    width: 18%;
    float: left;
    font-size: 14px;
    display: block;
    line-height: 50px!important;
    font-weight: 100;
}
.period ul {
    width: 80%;
    float: left;
    font-size: 12px;
    text-align: left;
    display: block;
    font-weight: 100;
}
.period ul li {
    width: 100%!important;
    padding: 0;
    padding-left: 10px;
    padding-bottom: 0!important;
    float: left;
    display: block;
    text-align: left!important;
    padding-top: 10px!important;
    border-radius: 200px;
    font-size: 12px;
    font-weight: 100;
    background: rgba(255, 255, 255, 1);
    margin-bottom: 10px;
}
.period ul li i {
    width: 25px;
    display: inline-block;
    background: rgba(60, 60, 60, 0.2);
    height: 25px;
    display: block;
    float: left;
    border-radius: 100px;
    text-align: center!important;
    padding-top: 6px!important;
    padding-bottom: 2px!important;
    font-size: 12px;
    font-weight: 400;
    color: #fff!important;
    position: relative;
    top: 2px;
}
.period ul li a {
    width: 88%;
    display: inline-block;
    height: 40px;
    float: left;
    display: block;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left!important;
    font-size: 12px;
    font-weight: 400;
    color: #777!important;
    position: relative;
    top: 2px;
}
.period ul li span {
    width: 60%}
.period ul li em {
    width: auto;
    background: #f77;
    position: absolute;
    right: 0;
    top: -1px;
    color: #fee;
    display: inline-block;
    height: 22px;
    font-size: 8px!important;
    text-transform: uppercase;
    margin-left: 5px;
    border-radius: 50px;
    padding: 7px;
}
.portfolio-bottom {
    width: 44.92%;
    float: right;
    height: auto!important;
    margin-top: 0;
    z-index: 9000000;
    position: relative;
}
.two-column-design .portfolio-work {
    width: 49.89%!important;
    float: right;
    height: auto!important;
    position: relative;
	border:none;
	margin-top:0px;
	padding-top:0px;
}
.portfolio-bottom .portfolio-work {
    width: 100%;
    height: auto!important;
    position: relative;
    right: 0;
}
.portfolio-bottom .portfolio-work img {
    width: 100%;
    height: auto!important;
	position:relative;
	top:0px;
	left:0px
}

img {
	vertical-align:top;
}

.design-interest {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    height: auto;
    z-index: 5000000;
}
.a-web-designer {
    width: 100%;
    top: 0;
    right: 0;
    float: left;
    position: relative;
    height: auto;
    display: block;
}
#projectheaders {
    z-index: 50;
    width: 43.35%!important;
    margin-left: 10.8%!important;
    position: relative;
    margin-top: 300px;
    top: 0;
    float: left;
    height: auto;
}
#projectheaders .intro-area {
    width: 40.4%;
    background: rgba(255, 0, 0, 0.0);
    display: block;
    padding: 0;
    padding-left: 30px;
    height: 500px;
    padding-right: 30px;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.stuck .intro-area {
    width: 40.4%;
    background: #444;
    display: block;
    padding: 0;
    visibility: visible!important;
    padding-left: 20px;
    height: auto!important;
    padding-right: 30px;
    position: absolute;
    top: 0!important;
    left: 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
#projectheaders.intro-area strong {
    font-size: 35px!important;
    color: #ddd!important;
    font-weight: 100!important;
    letter-spacing: 3px;
    padding-top: 70px!important;
    text-transform: uppercase;
}
#projectheaders .intro-area strong i {
    width: 100%;
    height: 90px;
    display: block;
}
#skill {
    list-style: none;
    padding-top: 30px;
    display: block;
    position: relative;
    left: 5%;
    padding-bottom: 57px!important;
    width: 90%!important;
    background: #f77;
}
#skill li {
    margin-bottom: 70px;
    width: 100%;
    height: 5px;
    display: block;
    border-radius: 3px;
}
#skill li em {
    position: relative;
    top: -30px;
    color: #ddd!important;
    text-align: left!important;
    width: 100%!important;
    font-weight: 400!important;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.expand {
    height: 1px;
    margin: 2px 0;
    background: #fff;
    position: absolute;
    left: 0;
    width: 0;
}
.stuck .html5 {
    width: 48%;
    -moz-animation: html5 4s ease-out;
    -webkit-animation: html5 4s ease-out;
}
.stuck .css3 {
    width: 75%;
    -moz-animation: css3 4s ease-out;
    -webkit-animation: css3 4s ease-out;
}
.stuck .jquery {
    width: 95%;
    -moz-animation: jquery 4s ease-out;
    -webkit-animation: jquery 4s ease-out;
}
@-moz-keyframes html5 {
    0% {
    width: 0;
}
100% {
    width: 48%}
}@-moz-keyframes css3 {
    0% {
    width: 0;
}
100% {
    width: 75%}
}@-moz-keyframes jquery {
    0% {
    width: 0;
}
100% {
    width: 95%}
}@-webkit-keyframes html5 {
    0% {
    width: 0;
}
100% {
    width: 48%}
}@-webkit-keyframes css3 {
    0% {
    width: 0;
}
100% {
    width: 75%}
}@-webkit-keyframes jquery {
    0% {
    width: 0;
}
100% {
    width: 95%}
}.a-web-designer .stuck {
    top: 0;
    height: 1600px!important;
    z-index: 90!important;
}
.h2 {
    position: absolute;
    top: 0;
    left: 28.27%;
    z-index: 5000;
    width: 26.85%;
    padding-bottom: 100px;
    height: 300px;
    background: f77;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05)!important;
}
.h2 h2 {
    color: #fff!important;
    position: relative;
    z-index: 50;
    width: 100%!important;
    font-size: 20px;
    letter-spacing: 5px;
    padding-top: 50px;
    padding-left: 17%;
    padding-right: 17%;
    font-family: 'Open Sans', arial!important;
    font-weight: 100!important;
    line-height: 30px;
    text-align: left;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15)!important;
}
.h2 h2 b {
    font-family: 'Open Sans', arial!important;
    font-weight: 800!important;
    color: #fee;
}
.h2 p {
    color: #eee!important;
    position: relative;
    font-size: 9px;
    letter-spacing: 3px;
    line-height: 52px;
    text-align: left;
    padding-top: 0;
    font-weight: 400!important;
    padding-left: 17%;
    text-transform: uppercase!important;
    padding-right: 80px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15)!important;
}
.h2 a {
    color: #fff!important;
    display: block;
    position: relative;
    font-size: 12px;
    font-weight: 100!important;
    letter-spacing: 2px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 290px;
    margin-left: 80px;
    width: 150px;
    margin-top: 0;
    line-height: 35px;
    border-radius: 200px;
    border: 2px solid rgba(255, 255, 255, 0.75);
}
.dark-over-red {
    width: 62.6%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%}
.coverDark {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0;
    margin: 0;
    background: rgba(0, 0, 0, 0.7);
}
#footer {
    height: 700px;
    width: 80%;
    right: 0;
    background: #ff5f5f;
    z-index: 2000000000;
    position: fixed;
}
.portfolioShowcase {
    width: 55.1%;
    height: auto;
    float: left;
    position: relative;
}
#portfolioAwesome {
    position: static;
    top: 0;
    right: 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.portfolioAwesomeFixed {
    position: fixed!important;
    top: 0!important;
    right: 0!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.portfolio-work {
    width: 100%;
    position: relative;
    z-index: 900;
    height: auto;
}
.interest .portfolio-work {
    width: 100%;
    height: 100%;
    position: relative;
}
.portfolio-work img {
    width: 100%;
    height: auto!important;
}
.portfolio-work .layerOne {
    z-index: 1;
}
.portfolio-work .layerTwo {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
}
.portfolio-work .layerThree {
    z-index: 15;
    position: absolute;
    top: 0;
    left: 0;
}
.portfolio-work .layerFour {
    z-index: 25;
    position: absolute;
    top: 0;
    left: 0;
}
.portfolio-work .layerFive {
    z-index: 25;
    position: absolute;
    top: 0;
    left: 0;
}
.portfolio-work .layerSix {
    z-index: 35;
    position: absolute;
    top: 0;
    left: 0;
}
.portfolio-work .topOne {
    width: 100%;
    z-index: 3!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.portfolio-work .topTwo {
    z-index: 10!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
}
.portfolio-work .topThree {
    z-index: 25!important;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0!important;
    -webkit-transition: all 1s ease-in-out .5s;
    -moz-transition: all 1s ease-in-out .5s;
    -o-transition: all 1s ease-in-out .5s;
    transition: all 1s ease-in-out .5s;
}
.portfolio-work:hover .topOne {
    opacity: 1!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.portfolio-work:hover .topTwo {
    opacity: 1!important;
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
}
.portfolio-work:hover .topThree {
    opacity: 1!important;
    -webkit-transition: all 1s ease-in-out .5s;
    -moz-transition: all 1s ease-in-out .5s;
    -o-transition: all 1s ease-in-out .5s;
    transition: all 1s ease-in-out .5s;
}
.portfolio-work a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50000;
    background: rgba(255, 255, 255, 0.0);
    opacity: 0;
    text-align: center;
    letter-spacing: 2px;
    display: block;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.portfolio-work:hover a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50000;
    background: rgba(255, 255, 255, 1.0);
    opacity: 1;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.portfolio-work:hover a em {
    opacity: 1;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.portfolio-work a em {
    text-align: center;
    position: absolute;
    width: 100%;
    font-size: 35px;
    margin: 0 auto;
    display: block;
    color: #444;
    top: 48%;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out .5s;
    -moz-transition: all 1s ease-in-out .5s;
    -o-transition: all 1s ease-in-out .5s;
    transition: all 1s ease-in-out .5s;
}
.portfolio-work a:hover em {
    opacity: 1;
    -webkit-transition: all 1s ease-in-out .5s;
    -moz-transition: all 1s ease-in-out .5s;
    -o-transition: all 1s ease-in-out .5s;
    transition: all 1s ease-in-out .5s;
}
.portfolio-work a i {
    position: absolute;
    top: 90px;
    left: -230px;
    font-size: 20px!important;
    font-weight: 100!important;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: left!important;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
    color: #444!important;
}
.portfolio-work a strong {
    position: absolute;
    top: 125px;
    left: -130px;
    font-size: 11px!important;
    font-weight: 400!important;
    text-align: left!important;
    opacity: 0;
    letter-spacing: 3px;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
    color: #999!important;
}
.portfolio-work a:hover i {
    position: absolute;
    left: 30px!important;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
    color: #444!important;
}
.portfolio-work a:hover strong {
    position: absolute;
    left: 30px!important;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
    color: #999!important;
}
.stuck {
    position: fixed!important;
}
.section-title {
    width: 10.8%;
    height: 200px;
    background: none;
    text-align: left!important;
    float: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 0;
}
.blog .section-title {
    text-align: left!important;
    float: none!important;
    background: #fff!important;
    position: absolute!important;
    bottom: 0!important;
    height: 100%;
    display: none;
    z-index: 0;
}
.section-title strong {
    font-size: 20px;
    color: #effef7;
    padding-top: 90px;
    line-height: 30px;
    font-family: 'Open Sans', arial!important;
    padding-left: 30px;
    font-weight: 100;
    text-transform: uppercase;
    display: block;
    text-align: left;
    opacity: 0;
}
.section-title em {
    font-size: 10px;
    color: #effef7;
    line-height: 10px;
    padding-left: 30px!important;
    padding-bottom: 50px;
    display: block;
    text-align: left;
    opacity: 0;
}
.smaller-portfolio {
    position: relative;
    z-index: 50000;
    background: none!important;
    width: 17.5%;
    margin: 0;
    height: auto;
    padding: 0;
    border-bottom: none;
    float: left;
    text-align: center;
    display: block;
    overflow-y: hidden;
}
.smallest-portfolio {
    position: relative;
    z-index: 50000;
    background: none!important;
    width: 45%;
    margin: 0;
    height: auto;
    padding: 0;
    float: left;
    border-bottom: none;
    text-align: center;
    display: block;
    overflow-y: hidden;
}
.blog .smaller-portfolio {
    position: absolute!important;
    top: 20%;
    width: 28.3%!important;
    left: 0!important;
    float: none!important;
    z-index: 50000;
}
@media (max-width: 920px) {
    .section-title {
    display: none!important;
    width: 40%!important;
}
.smaller-portfolio {
    display: none!important;
    width: 40%!important;
}
.intro-text, .featured-portfolio {
    width: 100%!important;
}
.intro-text img, .featured-portfolio img {
    width: 100%!important;
    height: auto!important;
    max-height: 100%!important;
}
.blog .intro-text {
    display: none!important;
}
}.blog {
    background-size: cover;
    background: #ff9090;
}
.service {
    background: #d06060;
    height: auto!important;
}
.pricing-plans {
    background: #a14b4b;
    padding-top: 150px;
}
.clients {
    background: #733;
}
.interest {
    position: absolute!important;
    display: block;
    width: 55.25%;
    top: 1340px;
    height: 690px;
    background: #444;
    z-index: 90000000;
    display: block;
    left: 0;
    float: none!important;
}
.smaller-portfolio img {
    width: 100%;
    height: 100%;
    border-bottom: none;
}
.smaller-portfolio div {
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: none;
}
.smaller-portfolio img {
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.featured-portfolio {
    position: relative;
    right: 0;
    float: right;
    z-index: 50000;
    background: rgba(255, 255, 255, 0)!important;
    width: 44.7%;
    height: auto;
    position: relative;
    left: -1px;
    padding: 0;
    text-align: center;
    display: block;
    z-index: 5000;
    border-bottom: none;
}
.featured-portfolio .portfolio-work:first-child {
    height: auto!important;
}
.featured-portfolio .portfolio-work {
    height: auto;
}
.featured-portfolio .portfolio-work img {
    height: auto;
}
.featured-portfolio img {
    width: 100%}
.rotate-it {
    position: absolute;
    z-index: 4;
    top: -1200px;
    left: -200px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
}
.portfolio-work  {
    overflow: hidden;
}
.hover-effect a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    padding: 0!important;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 5;
    background: rgba(0, 0, 0, 0.0);
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.hover-effect img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    padding: 0!important;
    display: block;
    z-index: 1;
}
.intro-text {
    position: relative;
    background: rgba(250, 120, 120, 1);
	background-position:100px 100px;
    width: 27%;
    height: auto;
    margin: 0 !important;
    text-align: center;
	padding:0px;
    height: auto;
    float: left;
    z-index: 100;
    overflow-x: hidden!important;
}

.intro-text img{
    position: relative;
	top:-20px;
	left:0px;
    background: rgba(250, 120, 120, 1);
}
.blog .intro-text {
    position: absolute!important;
    top: 25%;
    width: 27%;
    float: none!important;
    left: 28.3%;
    overflow-x: hidden!important;
}
.skills {
    width: 70%;
    margin-left: 20%;
    position: relative;
    z-index: 5000;
    margin-bottom: 100px;
}
.skills ul {
    list-style: none;
    list-style-type: none;
    display: block;
    padding: 100px;
}
.cleared {
    clear: both!important;
    float: none!important;
}
.skills ul li {
    display: block;
    float: left;
    width: 25%;
    margin: ;
    line-height: 30px;
    font-size: 12px;
    color: #faa;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: left;
}
.skills ul #highlighted {
    color: #D06060!important;
    padding-left: 10px!important;
    background: #fee!important;
    width: 24%;
    margin-right: 1%}
@media screen and (max-width: 1480px) {
    .skills {
    width: 80%;
    margin-left: 10%;
    position: relative;
    z-index: 5000;
    margin-bottom: 50px;
}
.skills ul {
    width: 100%}
}@media screen and (max-width: 1280px) {
    .skills {
    width: 80%;
    margin-left: 10%;
    position: relative;
    z-index: 5000;
    margin-bottom: 50px;
}
.skills ul {
    list-style: none;
    list-style-type: none;
    display: block;
    padding: 30px;
}
.skills ul li {
    display: block;
    float: left;
    width: 50%;
    margin: 0;
    line-height: 30px;
    font-size: 12px;
    color: #faa;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: left;
}
#highlighted {
    width: 49%!important;
}
}@media screen and (max-width: 980px) {
    .skills {
    width: 60%;
    margin-left: 20%;
    position: relative;
    padding-top: 100px;
    z-index: 5000;
    margin-bottom: 150px;
}
.skills ul {
    list-style: none;
    list-style-type: none;
    display: block;
    padding: 30px;
}
.skills ul li {
    float: none;
    width: 100%}
#highlighted {
    width: 100%!important;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    padding: 30px 50px!important;
}
}.pricing {
    width: 70%;
    margin-left: 25%;
    position: relative;
    z-index: 5000;
    padding-top: 250px;
    margin-bottom: 100px;
}
.intro-text h1 {
    color: #fff;
    font-size: 45px;
    line-height: 55px;
    padding-top: 0;
    text-align: left;
    letter-spacing: 3px;
    padding-top: 30px;
    text-transform: uppercase;
    font-family: 'Open Sans', arial!important;
    padding-bottom: 15px;
    text-shadow: none!important;
    font-weight: 100!important;
}
.promoted {
    padding: 63px;
    width: 100%;
    height: auto;
    margin: 0;
}
.promoted h1 strong {
    font-weight: 400!important;
    font-size: 14px;
    position: relative;
    font-family: 'Open Sans', arial!important;
    top: 10px;
    color: #fff!important;
    text-transform: uppercase;
}
@media screen and (max-width: 1640px) {
    .promoted {
    padding: 33px;
    width: 100%;
    height: auto;
    margin: 0;
}
.intro-text h1 {
    font-size: 35px;
    line-height: 45px;
    padding-top: 0;
    letter-spacing: 2px;
    padding-top: 10px;
}
.promoted h1 strong {
    font-size: 10px!important;
    letter-spacing: 1px!important;
}
}.intro-text p {
    color: rgba(255, 255, 255, 0.55)!important;
    font-size: 13px;
    line-height: 30px;
    padding-top: 10px;
    text-align: left;
    letter-spacing: 2px;
}
.intro-text .dotted {
    border-bottom: 1px dotted #fff;
    color: #fff;
    font-weight: 700;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.intro-text .dotted:hover {
    border-bottom: 2px dotted rgba(255, 255, 255, 0.85);
    color: #fff;
    font-weight: 700;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.intro-text .more-link {
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    padding: 10px;
    width: 150px;
    text-align: center;
    margin: 0 auto;
    display: block;
    border-radius: 200px;
    letter-spacing: 2px;
    border: 1px solid rgba(0, 0, 0, 0.15)!important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.75)!important;
    border-right: 1px solid rgba(255, 255, 255, 0.75)!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.intro-text .more-link:hover {
    border: 1px solid rgba(0, 0, 0, 0.95)!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.connect-container {
    width: 100%;
    background: rgba(40, 40, 40, 1);
    height: 10vh;
}
.connect-work {
    width: 50%;
    height: 10vh;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 3vh;
    float: left;
    margin: 0;
}
.connect-work img {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.connect-work h2 {
    color: #555;
    font-size: 25px;
    line-height: 35px;
    padding-top: 0;
    text-align: center;
    letter-spacing: 3px;
    padding-top: 30px;
    padding-bottom: 15px;
    font-weight: 100!important;
}
.connect-work p {
    color: #555;
    font-size: 13px;
    line-height: 30px;
    padding-top: 10px;
    text-align: center;
    letter-spacing: 2px;
}
.connect-work .dotted {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.45);
    color: #444;
    font-weight: 700;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.connect-work .dotted:hover {
    border-bottom: 2px dotted rgba(255, 255, 255, 0.85);
    color: #fff;
    font-weight: 700;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.connect-work .more-link {
    color: #fee;
    font-size: 11px;
    line-height: 30px;
    padding: 5px;
    width: 100px;
    text-align: center;
    border: none!important;
    margin: 0 auto;
    display: block;
    border-radius: 200px;
    font-weight: 400!important;
    letter-spacing: 2px;
    background: #f77;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.connect-work .more-link:hover {
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    border: none!important;
    color: #555!important;
    transition: all 1s ease-in-out 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.blue-background {
    background: #efefef!important;
    margin-left: 0!important;
    top: 0;
    height: 15vh;
}
.blue-background h2, .blue-background p {
    color: #555!important;
}
.blue-background .dotted {
    color: rgba(255, 255, 255, 0.95)!important;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.95)!important;
}
.orange-background {
    background: #eaeaea!important;
}
.orange-background h2, .orange-background p {
    color: #fff!important;
}
.orange-background .dotted {
    color: rgba(255, 255, 255, 0.95)!important;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.95)!important;
}
.effect-a:hover a {
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.effect-a:hover img {
    width: 103%}
.effect-a span {
    position: absolute;
    left: -120px;
    bottom: 50px;
    opacity: 0;
    color: #fff;
    text-align: left!important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .5s ease-in-out 0;
    -moz-transition: all .5s ease-in-out 0;
    -o-transition: all .5s ease-in-out 0;
    transition: all .5s ease-in-out 0;
}
.effect-a:hover span {
    position: absolute;
    left: 50px;
    bottom: 50px;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out .4s;
    -moz-transition: all 1s ease-in-out .4s;
    -o-transition: all 1s ease-in-out .4s;
    transition: all 1s ease-in-out .4s;
}
.effect-a i {
    font-size: 25px;
    line-height: 39px;
    display: block;
    color: #fff;
    text-align: left!important;
}
.effect-a sup {
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    display: block;
    text-align: left!important;
}
.effect-a em {
    font-size: 13px;
    color: #dedede;
    line-height: 20px;
    display: block;
    text-align: left!important;
}
.design-b {
    width: 100%;
    position: absolute;
    height: 50%;
    top: 50%;
    bottom: 0;
    background: url(../goldtreeimages/road-ui-designed.png) top no-repeat fixed;
    overflow-x: hidden!important;
}
.affordable-design {
    background: rgba(245, 245, 245, 0.5);
    z-index: 600;
    position: relative;
    margin: 0!important;
    padding: 0!important;
    width: 100%}
#clientZone {
    width: 100%;
    position: relative;
    z-index: 900;
    height: auto;
    overflow-y: hidden;
}
#design-clients {
    width: 60%;
    margin: 0 auto;
    height: auto;
    position: relative;
    padding-top: 200px;
    padding-bottom: 200px;
    z-index: 9000;
}
#design-clients div {
    width: 25%;
    height: 22vh;
    background: rgba(119, 51, 51, 1)!important;
    float: left;
    position: relative;
    letter-spacing: 3px;
    z-index: 9000;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
#design-clients div img {
    width: 100%;
    height: auto;
    opacity: 0;
    display: block;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
#design-clients div:hover img {
    width: 100%;
    height: auto;
    opacity: .3;
    display: block;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0!important;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
#design-clients div p {
    width: 100%;
    height: 100%;
    opacity: 0;
    display: block;
    z-index: 0;
    position: absolute;
    top: 100%;
    right: 0;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
#design-clients div:hover p {
    width: 100%;
    height: 100%;
    opacity: 1;
    display: block;
    z-index: 5;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
#design-clients h3 {
    line-height: 70px;
    font-size: 10px!important;
    text-align: left;
    padding-left: 50px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    width: 100%;
    display: block;
    z-index: 20;
    padding-top: 90px;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
#design-clients div:hover h3 {
    line-height: 30px;
    padding-top: 40px;
    font-size: 18px;
    color: #fff!important;
    font-weight: 100!important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
#design-clients a {
    line-height: 20px;
    font-size: 9px;
    text-align: center;
    position: relative;
    display: block;
    z-index: 20;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out 0;
    -moz-transition: all .2s ease-in-out 0;
    -o-transition: all .2s ease-in-out 0;
    transition: all .2s ease-in-out 0;
}
#design-clients div:hover a {
    line-height: 20px;
    font-size: 8px;
    text-transform: uppercase;
    color: #444!important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
    opacity: 1!important;
    -webkit-transition: all .2s ease-in-out 0;
    -moz-transition: all .2s ease-in-out 0;
    -o-transition: all .2s ease-in-out 0;
    transition: all .2s ease-in-out 0;
}
#design-clients em {
    line-height: 20px;
    font-size: 15px;
    display: block;
    width: 100%;
    position: relative;
    z-index: 20;
    font-style: italic;
    color: #999;
    text-align: center;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
#design-clients div:hover em {
    line-height: 20px;
    font-size: 7px;
    font-style: italic;
    color: #999;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.allClients {
    padding-left: 0!important;
    padding-right: 0!important;
    width: 62.4%!important;
    background: rgba(0, 0, 0, 0.25)!important;
}
.allClients i {
    position: absolute;
    bottom: 37%;
    width: 30px;
    height: 29px;
    opacity: .65!important;
    z-index: 50000;
    left: 49%;
    display: block;
    background: url(../goldtreeimages/heart-icon.png);
}
#normal {
    padding-left: 0!important;
    padding-right: 0!important;
    width: 25%!important;
    background: rgba(0, 0, 0, 0.35)!important;
}
#normal span {
    background: rgba(0, 0, 0, 0.75)!important;
}
.allClients span {
    padding-left: 0!important;
    padding-right: 0!important;
    width: 100%;
    display: block!important;
    height: 100%!important;
    position: absolute!important;
    line-height: 420px!important;
    text-align: center!important;
    opacity: 1!important;
    visibility: visible!important;
    background: rgba(0, 0, 0, 0.75)!important;
    z-index: 90!important;
    color: #fff!important;
    text-shadow: none!important;
    font-size: 12px!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
#design-clients .allClients:hover span {
    padding-left: 0!important;
    padding-right: 0!important;
    width: 100%;
    display: block!important;
    height: 100%!important;
    position: absolute!important;
    line-height: 420px!important;
    text-align: center!important;
    opacity: 1!important;
    visibility: visible!important;
    background: rgba(0, 0, 0, 0.75)!important;
    color: #fff!important;
    text-shadow: none!important;
    font-size: 15px!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.allClients-design {
    background: url(../goldtreeimages/about-web-design.jpg) fixed center top!important;
}
.allClients-design a {
    padding-left: 0!important;
    width: 100%;
    display: block!important;
    height: 100%!important;
    position: absolute!important;
    line-height: 300px!important;
    text-align: center!important;
    opacity: 1!important;
    visibility: visible!important;
    z-index: 90!important;
    color: #fee!important;
    background: rgba(0, 0, 0, 0.85)!important;
    text-shadow: none!important;
    font-size: 12px!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
#design-clients .allClients-design:hover a {
    padding-left: 0!important;
    width: 100%;
    display: block!important;
    height: 100%!important;
    position: absolute!important;
    line-height: 300px!important;
    text-align: center!important;
    opacity: 1!important;
    visibility: visible!important;
    background: rgba(0, 0, 0, 0.75)!important;
    z-index: 90!important;
    color: #fff!important;
    text-shadow: none!important;
    font-size: 15px!important;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
#selectedClientOne {
    background: rgba(255, 249, 249, 1)!important;
    position: relative;
    letter-spacing: 3px;
    z-index: 9000;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
#selectedClientOne img {
    width: 100%;
    height: auto;
    opacity: 0!important;
    display: block;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
#selectedClientOne p {
    background: rgba(255, 255, 255, 1)!important;
    opacity: .7!important;
    position: absolute;
    top: 0!important;
    left: 0!important;
}
#selectedClientOne h3 {
    color: rgba(120, 20, 20, 1)!important;
}
#selectedClientOne:hover {
    background: rgba(255, 249, 249, 1)!important;
    position: relative;
    letter-spacing: 3px;
    z-index: 9000;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
#selectedClientOne img:hover {
    width: 100%;
    height: auto;
    opacity: 0!important;
    display: block;
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
#selectedClientOne p:hover {
    background: rgba(255, 255, 255, 1)!important;
    opacity: .7!important;
    position: absolute;
    top: 0!important;
    left: 0!important;
}
#selectedClientOne h3 :hover {
    color: rgba(120, 20, 20, 1)!important;
}
@media (max-width: 1460px) {
    .design-clients {
    width: 80%!important;
    padding-top: 140px;
    padding-bottom: 140px;
}
#design-clients div {
    width: 25%;
    height: 20vh;
}
}@media (max-width: 1280px) {
    .design-clients {
    width: 85%!important;
    padding-top: 140px;
    padding-bottom: 140px;
}
#design-clients div {
    width: 25%;
    height: 18vh;
}
}@media (max-width: 980px) {
    .design-clients {
    width: 90%!important;
    padding-top: 100px;
    padding-bottom: 100px;
}
#design-clients div {
    width: 100%!important;
    height: 16vh;
}
}@media (max-width: 720px) {
    .design-clients {
    width: 95%!important;
    padding-top: 40px;
    padding-bottom: 40px;
}
#design-clients div {
    width: 100%!important;
    height: 300px;
}
}@media (max-width: 640px) {
    .design-clients {
    width: 100%!important;
    padding-top: 40px;
    padding-bottom: 40px;
}
#design-clients div {
    width: 100%!important;
    height: 250px;
}
}.maps-all {
    position: absolute;
    top: 0;
    right: 0;
    height: 550px;
    width: 62.45%}
#google-container {
    position: relative;
    width: 100%;
    height: 500px;
    background-color: rgba(200, 90, 90);
    background-image: url(../map/map.jpg);
    background-size: cover;
}
@media only screen and (min-width: 768px) {
    #google-container {
    height: 500px;
}
}@media only screen and (min-width: 1170px) {
    #google-container {
    height: 500px;
}
}#cd-google-map {
    position: relative;
    width: 100%}
#cd-google-map address {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 5em 1em;
    background: rgba(30, 30, 30, 01);
    color: #444;
    font-size: 13px;
    text-align: left;
    font-size: .8125rem;
}
@media only screen and (min-width: 768px) {
    #cd-google-map address {
    font-size: 15px;
    font-size: .9375rem;
    text-align: center;
}
}#cd-zoom-in, #cd-zoom-out {
    height: 32px;
    width: 32px;
    cursor: pointer;
    margin-left: 10px;
    background-color: rgba(251, 84, 84, 0.9);
    background-repeat: no-repeat;
    background-size: 32px 64px;
}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
    background-color: #f44;
}
@media only screen and (min-width: 768px) {
    #cd-zoom-in, #cd-zoom-out {
    margin-left: 50px;
}
}#cd-zoom-in {
    background-position: 50% 0;
    margin-top: 10px;
    margin-bottom: 1px;
    display: none;
}
#cd-zoom-out {
    background-position: 50% 0;
    margin-top: 10px;
    margin-bottom: 1px;
    display: none;
}
@media only screen and (min-width: 768px) {
    #cd-zoom-in {
    margin-top: 50px;
}
}#cd-zoom-out {
    background-position: 50% -32px;
}
@media (max-height:720px) {
    #contactFormBig, #cover-grey {
    height: 160vh!important;
}
}
@media (max-height:640px) {
    #contactFormBig, #cover-grey {
    height: 240vh!important;
}
}
@media (max-height:480px) {
    #contactFormBig, #cover-grey {
    height: 300vh!important;
}
}#contactFormBig h2 {
    font-weight: 800 !important; font-family:'Arial Black', 'Open Sans', arial !important;
    font-size: 40px!important;
    line-height: 55px;
    padding-bottom: 10px;
    padding-top: 100px;
    letter-spacing: 3px;
    text-align: left!important;
    color: #eee!important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    width: 90%}
#contactFormBig h1 {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 3px;
    color: #eee;
    line-height: 25px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
    display: block;
    padding: 5px;
    width: 90%;
    text-align: left;
}
#contactFormBig h1 strong {
    background: rgba(255, 255, 255, 1)!important;
    color: #252525!important;
    font-weight: 400!important;
    line-height: 30px!important;
    text-shadow: none!important;
}
.formText {
    margin-left: 30%;
    width: 30%;
    max-width: 640px;
    right: 0;
    float: left;
    padding: 0;
    padding-top: 0;
    position: relative;
    top: 0;
    background: rgba(255, 255, 255, 0.0);
    z-index: 50;
    padding-top: 250px;
    z-index: 1000;
}

.about-goldtree {
	border-radius:50px;
	width:120px;
	height:35px;
	background:rgba(240,240,240,1);
	border:rgba(240,240,240,1) 1px solid;
	color:rgba(80,30,30,1);
	text-align:center;
	display:block;
	float:left;
	line-height:30px;
	margin-top:20px;
	font-size:12px;
	letter-spacing:2px;
	 -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}

.about-goldtree:hover {
	background:rgba(255,255,255,1);
	 -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}



.work-goldtree {
	border-radius:50px;
	width:120px;
	height:35px;
	background:rgba(240,240,240,0);
	border:rgba(240,240,240,1) 1px solid;
	color:rgba(240,240,240,1);
	text-align:center;
	display:block;
	float:left;
	margin-left:30px;
	line-height:30px;
	margin-top:20px;
	font-size:12px;
	letter-spacing:2px
}

.work-goldtree:hover {
	border:rgba(255,255,255,1) 1px solid;
	color:rgba(255,255,255,1);
}

.formText .link-design-clients {
    margin: 0;
    width: 85%;
    display: block;
    opacity: .5;
    padding-top: 30px;
}
.formText .link-design-clients img {
    margin: 0;
    width: 100%;
    height: auto;
    display: block;
}
.contactFormBig-container {
    margin-right: 20%;
    width: 20%;
    max-width: 640px;
    right: 0;
    float: right;
    padding: 0;
    margin-top: 250px;
    padding: 50px;
    position: relative;
    top: 0;
    background: rgba(255, 255, 255, 0.95);
    z-index: 50;
    z-index: 1000;
}
.coverpinker {
    background: rgba(50, 50, 50, 0.5);
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    height: 100%}
.redirected .coverpinker {
    background: rgba(250, 150, 150, 0.5)!important;
}
.contactFormBig-container h3 {
    text-align: center;
    padding-top: 25px;
    font-size: 20px;
    font-weight: 800;
    padding-bottom: 20px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 0.9)!important;
}
@media screen and (max-width: 1640px) {
    #contactFormBig h2 {
    font-weight: 800 !important; font-family:'Arial Black', 'Open Sans', arial !important;
    font-size: 35px!important;
    line-height: 45px;
    padding-bottom: 20px;
    padding-top: 90px;
    letter-spacing: 4px;
}
#contactFormBig h1 {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 3px;
    line-height: 22px;
}
.formText {
    margin-left: 20%!important;
    width: 40%!important;
    max-width: 640px;
    right: 0;
    float: left;
    padding-top: 200px;
}
.formText p {
    width: 100%;
    padding-right: 0;
}
.contactFormBig-container {
    margin-right: 10%!important;
    width: 30%!important;
    max-width: 640px;
    right: 0;
    float: right;
    padding: 0;
    margin-top: 230px;
    padding: 50px;
}
}@media screen and (max-width: 1280px) {
    #contactFormBig h2 {
    font-weight: 800 !important; font-family:'Arial Black', 'Open Sans', arial !important;
    font-size: 30px!important;
    line-height: 40px;
    padding-bottom: 20px;
    padding-top: 70px;
    letter-spacing: 4px;
}
#contactFormBig h1 {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 20px;
    width: 75%}
.formText {
    margin-left: 15%!important;
    width: 55%;
    max-width: 640px;
    right: 0;
    float: left;
    padding-top: 200px;
}
.formText p {
    width: 100%;
    padding-right: 0;
}
.contactFormBig-container {
    margin-right: 10%;
    width: 40%;
    max-width: 640px;
    right: 0;
    float: right;
    padding: 0;
    margin-top: 150px;
    padding: 50px;
}
}@media screen and (max-width: 920px) {
    #contactFormBig h2 {
    font-weight: 800 !important; font-family:'Arial Black', 'Open Sans', arial !important;
    font-size: 25px!important;
    line-height: 30px;
    padding-bottom: 20px;
    padding-top: 40px;
    letter-spacing: 4px;
}
#contactFormBig h1 {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 20px;
    width: 85%}
.formText {
    margin-left: 5%!important;
    width: 40%!important;
    max-width: 640px;
    right: 0;
    float: left;
    padding-top: 200px;
}
.formText p {
    width: 100%!important;
    padding-right: 0;
}
.contactFormBig-container {
    margin-right: 5%!important;
    width: 40%!important;
    max-width: 640px;
    right: 0;
    float: right;
    padding: 0;
    margin-top: 100px;
    padding: 50px;
}
}@media screen and (max-width: 640px) {
    #contactFormBig h2 {
    font-weight: 800 !important; font-family:'Arial Black', 'Open Sans', arial !important;
    font-size: 25px!important;
    line-height: 35px;
    padding-bottom: 20px;
    padding-top: 40px;
    letter-spacing: 4px;
}
#contactFormBig h1 {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 24px;
    width: 85%}
.formText {
    margin-left: 5%!important;
    width: 95%!important;
    max-width: 100% !important;
    right: 0;
    float: left;
    padding-top: 60px;
}
.formText p {
    width: 100%!important;
    padding-right: 0;
    font-size: 14px!important;
    line-height: 19px!important;
}
.contactFormBig-container {
    margin-left: 5%!important;
    width: 90%!important;
    max-width: 640px;
    right: 0;
    float: right;
    padding: 0;
    margin-top: 20px;
    padding: 50px;
}
#contactFormBig {
    height: 140vh!important;
    padding-bottom: 90vh;
}
.logo {
    position: absolute;
    top: 20px!important;
	opacity:0.4 !important
}

.logo img {
	opacity:0.4 !important
}
.link-design-clients {
	width:100% !important;
}
.link-design-clients img {
	width:95% !important;
}
}@media screen and (max-width: 480px) {
    #contactFormBig h2 {
    font-weight: 800 !important; font-family:'Arial Black', 'Open Sans', arial !important;
    font-size: 25px!important;
    line-height: 35px;
    padding-bottom: 20px;
    padding-top: 30px;
    letter-spacing: 4px;
}
#contactFormBig h1 {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 24px;
    width: 85%}
.formText {
    margin-left: 2%!important;
    width: 98%!important;
    margin-right: 2%!important;
    max-width: 100% !important;
    right: 0;
    float: left;
    padding-top: 60px;
}
.formText p {
    width: 100%!important;
    padding-right: 0;
    font-size: 14px!important;
    line-height: 19px!important;
}
.contactFormBig-container {
    margin-left: 2%!important;
    width: 96%!important;
    margin-right: 2%!important;
    max-width: 640px;
    right: 0;
    float: right;
    padding: 0;
    margin-top: 30px;
    padding: 50px;
}
#contactFormBig {
    height: 120vh!important;
    padding-bottom: 90vh;
}
.logo {
    position: absolute;
    top:20px!important;
	display:none
}
}.background-img {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
}
.background-img-top {
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
}
.contactFormBig-container label {
    text-align: left!important;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    display: block;
    font-family: 'Open Sans', arial;
    color: #f88;
    width: 100%;
    padding-top: 32px;
    margin-right: 0;
    margin-bottom: 15px;
    padding-left: 0;
    padding-bottom: 0;
}
.input-fields {
    width: 100%;
    margin: 5px auto;
    position: relative;
    top: 5%;
    margin-bottom: 0;
    border: none;
}
.input-fields:first-child {
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
.input-fields input {
    text-align: left;
    font-size: 14px;
    width: 100%;
    padding: 10px;
    letter-spacing: 1px;
    font-family: 'Open Sans', arial!important;
    color: #444;
    background: #fff;
    margin-top: 0;
    border: none;
    font-weight: 400!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)!important;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}

.input-fields select  {
    text-align: left;
    font-size: 14px;
    width: 100%;
    padding: 10px;
    letter-spacing: 1px;
    font-family: 'Open Sans', arial!important;
    color: #444;
    background: #fff !important;
	height:40px;
    margin-top: 0;
    border: none !important;
	border-radius:1px !important; 
    font-weight: 400!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)!important;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
.input-fields input:focus {
    border: 1px solid rgba(249, 190, 190, 0.5)!important;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
.input-fields textarea {
    text-align: left;
    font-size: 14px!important;
    letter-spacing: 1px!important;
    width: 100% !important;
    margin: 0 auto;
    position: relative;
    right: 0;
    padding: 10px;
    font-family: 'Open Sans', arial!important;
    font-weight: 400!important;
    color: #444;
    padding-left: 10px;
    background: rgba(255, 255, 255, 1);
    border: 0 solid rgba(0, 0, 0, 0.05);
    margin-top: 0;
    border-radius: 0!important;
    height: 100px;
}
.input-fields textarea:focus {
    border: 1px solid rgba(249, 190, 190, 0.5)!important;
}
.textarea {
    height: 150px;
    -webkit-transition: all .7s ease-in-out .4s;
    -moz-transition: all .7s ease-in-out .4s;
    -o-transition: all .7s ease-in-out .4s;
    transition: all .7s ease-in-out .4s;
}
.input-fields div {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.input-fields label {
    color: #f88;
    font-weight: 800;
    letter-spacing: 2px;
    display: none;
}
.input-fields i {
    position: absolute;
    top: 10px;
    left: -30px;
    text-align: left!important;
    z-index: 90000;
}
.input-fields label strong {
    color: #777!important;
    font-weight: 400!important;
    letter-spacing: 2px;
}
.holdinput em {
    position: absolute;
    left: 0;
    top: 0;
    height: 38px;
    background: #eee;
    width: 40px;
    border-right: 1px solid #eee;
}
.holdinput em i {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #f88;
    z-index: 90000000;
}
.textarea .holdinput em {
    position: absolute;
    left: 0;
    top: 0;
    height: 150px;
    width: 40px;
}
.input-fields select {
    padding: 10px;
    text-align: left;
    width: 100%!important;
    background: rgba(5, 5, 5, 1);
    border: 1px solid rgba(5, 5, 5, 1);
}
#submit {
    width: 140px!important;
    margin: 0 auto;
    margin-top: 90px;
    margin-bottom: 150px!important;
    height: 45px;
    color: #fee!important;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: 3px;
    background: #f96060;
    position: relative;
    z-index: 900;
    border: 1px solid #f96060;
    border-radius: 50px;
}
.contacter .country {
    width: 30%!important;
    float: left;
}
.contacter .area-code {
    width: 25%!important;
    margin-left: 2%!important;
    float: left;
    margin-top: 0!important;
}
.contacter .contact-number {
    width: 40%!important;
    margin-left: 2%!important;
    float: left;
    margin-top: 0!important;
}
.contacter span {
    color: #999;
    font-size: 8px;
    position: relative;
    text-align: left!important;
    padding-left: 10px;
    top: 5px;
    text-transform: uppercase;
}
.contacter .country-a {
    width: 25%!important;
    float: left;
}
.contacter .area-code-a {
    width: 20%!important;
    margin-left: 2%!important;
    float: left;
    margin-top: 0!important;
}
.contacter .contact-number-a {
    width: 50%!important;
    margin-left: 2%!important;
    float: left;
    margin-top: 0!important;
}
.input-fields div:first-child {
    padding-top: 50px;
}
.contact-us-form {
    position: absolute;
    left: 47.5%;
    top: 0;
    height: 50px;
    font-size: 20px;
    font-weight: 100;
    width: 100px;
    line-height: 50px;
    padding: 0;
    vertical-align: top;
    color: #fee;
    background: #f96060;
    border-bottom-left-radius: 300px;
    border-bottom-right-radius: 300px;
    z-index: 500;
    display: block;
}
.contact-us-form span {
    position: absolute;
    background: rgba(240, 240, 240, 0.99) url(../goldtreeimages/email-icon.png) center center no-repeat;
    left: 10px;
    top: -40px;
    height: 80px;
    width: 80px;
    font-size: 20px;
    font-weight: 100;
    width: 80px;
    line-height: 50px;
    padding: 0;
    vertical-align: top;
    color: #fee;
    border-radius: 300px;
    z-index: 500;
    display: block;
}
.rounded {
    position: absolute;
    left: 47.5%;
    top: 0;
    height: 50px;
    font-size: 20px;
    font-weight: 100;
    width: 100px;
    line-height: 50px;
    padding: 0;
    vertical-align: top;
    color: #fee;
    background: rgba(240, 240, 240, 0.99);
    border-bottom-left-radius: 300px;
    border-bottom-right-radius: 300px;
    z-index: 500000000;
    display: block;
}
.rounded img {
    position: absolute;
    background: rgba(240, 240, 240, 0.99) url(../goldtreeimages/email-icon.png) center center no-repeat;
    left: 10px;
    top: -40px;
    height: 80px;
    width: 80px;
    font-size: 20px;
    font-weight: 100;
    width: 80px;
    line-height: 50px;
    padding: 0;
    vertical-align: top;
    color: #fee;
    border-radius: 300px;
    z-index: 50000000;
    display: block;
}
.rounded-top {
    position: absolute;
    left: 47.5%;
    botom: -50px;
    height: 50px;
    font-size: 20px;
    font-weight: 100;
    width: 100px;
    line-height: 50px;
    padding: 0;
    vertical-align: top;
    color: #fee;
    background: rgba(240, 240, 240, 0.99);
    border-bottom-left-radius: 300px;
    border-bottom-right-radius: 300px;
    z-index: 500000000;
    display: block;
}
.rounded-top img {
    position: absolute;
    background: rgba(240, 240, 240, 0.99) url(../goldtreeimages/email-icon.png) center center no-repeat;
    left: 10px;
    top: -40px;
    height: 80px;
    width: 80px;
    font-size: 20px;
    font-weight: 100;
    width: 80px;
    line-height: 50px;
    padding: 0;
    vertical-align: top;
    color: #fee;
    border-radius: 300px;
    z-index: 50000000;
    display: block;
}
.services {
    width: 100%;
    height: 90px;
    background: #f77;
    position: absolute;
    bottom: -90px;
    display: block;
    color: #fee;
    font-size: 12px;
    line-height: 90px;
    text-align: center;
    font-weight: 400;
    z-index: 900000;
}
.web-design {
    width: 100%;
    height: auto;
    position: relative;
    background: #602a2a;
	z-index:1000
}
.connecte {
    margin-bottom: 30px;
    font-size: 20px!important;
    padding-top: 90px!important;
    line-height: 21px!important;
    color: #d88!important;
}
.left-map {
    width: 30%;
    float: left;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 900000;
    background: #602a2a;
}
.connect {
    width: 340px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    z-index: 900000000;
    position: relative;
}
.connect a {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    background: rgba(255, 185, 185, .35);
    border-radius: 200px;
    margin: 5px;
    color: #d88;
    line-height: 30px;
    font-size: 10px;
}
@media (max-width:1366px) {
    .left-map {
    width: 40%!important;
}
#cd-google-map {
    width: 60%!important;
}
.connect {
    width: 180px!important;
}
}@media (max-width:1280px) {
    .left-map {
    width: 50%!important;
}
#cd-google-map {
    width: 50%!important;
}
.portfolio span em {
    width: 80%!important;
    margin-left: 0!important;
    display: none;
    font-size: 14px!important;
}
}@media (max-width:980px) {
    .left-map {
    width: 60%!important;
}
#cd-google-map {
    width: 40%!important;
}
.roadipointer img {
    width: 100%!important;
}
.roadipointer span {
    width: 80%!important;
    margin-left: 0!important;
}
.roadipointer span em {
    width: 80%!important;
    margin-left: 0!important;
    display: none;
}
.bg-img {
    overflow-x: hidden!important;
}
.bg-img img {
    width: 1280px!important;
    min-width: 1280px;
    position: relative;
    left: 0!important;
    overflow-x: hidden!important;
}
}@media (max-width:720px) {
    .left-map {
    width: 100%!important;
    position: relative!important;
    left: 0!important;
    top: 0!important;
    float: none!important;
    padding-top: 80px!important;
    margin-top: 0!important;
    background: #602a2a!important;
}
#cd-google-map {
    width: 100%!important;
    position: relative!important;
    float: none!important;
}
.bg-img img {
    width: 1280px!important;
    min-width: 1280px;
}
}#cd-google-map {
    position: relative;
    width: 70%;
    float: left;
}
.design {
    color: #d88!important;
    font-size: 16px!important;
    font-weight: 700!important;
    line-height: inherit!important;
}
.left-align {
    float: left;
    display: block;
    width: 15%!important;
    height: auto!important;
    padding-right: 30px!important;
    padding-bottom: 0!important;
}
.left-align img {
    width: 100%!important;
    height: 100%!important;
}
.left-align .nl-submitedsx {
    float: right!important;
}
.tags {
    width: 100%}
.tags a {
    font-size: 10px!important;
    color: #d88!important;
}
.templates ul li {
    font-size: 14px;
    line-height: 16px!important;
    letter-spacing: 1px;
}
.templates strong {
    font-size: 27px!important;
    padding-top: 40px!important;
    font-weight: 400!important;
}
.nl-submiteds {
    line-height: 45px;
    content: "\e001";
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    text-align: center;
    margin: 0 auto!important;
    margin-bottom: 20px!important;
    color: #733;
    border: 2px solid #fbb;
    background: #fbb;
    width: 280px;
    height: 50px;
    display: block;
    padding: 0 13px;
    font-size: 13px;
    font-weight: 400!important;
    font-family: Arial, Helvetica, sans-serif!important;
    letter-spacing: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
}
.nl-submiteds:hover {
    color: #733;
    border: 2px solid #d99;
    background: #d99;
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
}
#digg {
    line-height: 45px;
    content: "\e001";
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    text-align: center;
    margin: 0 auto!important;
    margin-bottom: 50px!important;
    color: #fee;
    border: 1px solid #d88;
    background: #d88;
    width: 280px;
    height: 50px;
    display: block;
    padding: 0 13px;
    font-size: 13px;
    font-weight: 400!important;
    font-family: Arial, Helvetica, sans-serif!important;
    letter-spacing: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
}
#digg:hover {
    border: 1px solid #b55;
    background: #b55;
}
.nl-submitedsy {
    line-height: 50px;
    content: "\e001";
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    text-align: center;
    margin: 50px auto 20px!important;
    color: #d88;
    border: 1px solid #d88;
    background: 0 0;
    width: 280px;
    height: 50px;
    display: block;
    padding: 0 13px;
    font-size: 13px;
    font-weight: 400!important;
    font-family: Arial, Helvetica, sans-serif!important;
    letter-spacing: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
}
.nl-submitedsy:hover {
    color: #c55;
    border: 1px solid #c55;
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
}
.nl-submitedsxz {
    line-height: 3;
    content: "\e001";
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
    text-align: center;
    color: #fee!important;
    border: 2px solid #d88;
    background: #d88;
    width: 280px;
    height: 50px;
    display: block;
    margin-top: 20px!important;
    margin-bottom: 20px!important;
    padding: 0 13px;
    font-size: 13px;
    font-weight: 400!important;
    font-family: Arial, Helvetica, sans-serif!important;
    letter-spacing: 3px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
    color: #daa!important;
    border: 2px solid #b55;
    background: #b55;
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
}
#google-container {
    position: relative;
    width: 100%;
    height: 800px;
    background-color: rgba(223, 52, 57, 0.9);
}
@media only screen and (min-width:768px) {
    #google-container {
    height: 800px;
}
}@media only screen and (min-width:1170px) {
    #google-container {
    height: 800px;
}
}#cd-google-map {
    position: relative;
}
#cd-google-map h2 {
    position: absolute;
    top: -40px;
    text-align: center;
    width: 100%;
    display: block;
}
#cd-google-map h2 a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.1)!important;
    text-align: center;
}
address {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
    line-height: 21px;
    padding: 1em;
    text-align: center!important;
    color: #d88;
    font-size: 13px;
    font-size: .8125rem;
}
@media only screen and (min-width:768px) {
    #cd-google-map address {
    font-size: 13px;
    font-size: .9375rem;
    text-align: center;
}
}#cd-zoom-in, #cd-zoom-out {
    height: 32px;
    width: 32px;
    cursor: pointer;
    margin-left: 10px;
    background-color: rgba(223, 52, 57, 0.9);
    background-repeat: no-repeat;
    background-size: 32px 64px;
    background-image: url(../img/cd-icon-controller.svg);
}
#cd-zoom-in {
    background-position: 50% 0;
    margin-top: 10px;
    margin-bottom: 1px;
}
#cd-zoom-out {
    background-position: 50% -32px;
}
.designers {
    background: rgba(240, 245, 240, 1)!important;
}
.getInTouch {
    display: block;
    width: 90%;
    max-width: 640px;
    color: #d88!important;
    font-family: Verdana, Geneva, sans-serif!important;
    font-weight: 400!important;
    text-align: center;
    letter-spacing: 3px!important;
    margin: 0 auto;
    margin-top: 90px!important;
    font-size: 40px;
}
.getInTouch span {
    display: block;
    width: 90%;
    max-width: 640px;
    color: #d88!important;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 2px!important;
    text-shadow: none!important;
    line-height: 22px;
    font-size: 13px;
}
.container, .content-wrap {
    overflow: hidden;
    width: 100%;
    height: 100%}
.container {
    background: rgba(255, 255, 255, 0.3);
}
.content-wrap {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.content {
    position: relative;
    background: rgba(255, 255, 255, 0.3);
}
.content::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0 .3s;
    transition: opacity 0.3s, transform 0 .3s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.menu-button {
    position: fixed!important;
    bottom: 10px!important;
    left: 10px!important;
    z-index: 1000;
    margin: 10px!important;
    padding: 0;
    width: 70px!important;
    height: 30px!important;
    border: none;
    opcity: 1!important;
    font-size: 12px!important;
	border-radius:50px;
    color: #fee;
    background: #F97C7C;
}
.menu-button i {
    display: block!important;
    width: 10px!important;
    width: 10px!important;
}
.menu-button span {
    display: none;
}
.menu-button:hover {
    opacity: .9;
}
.menu-wrap {
    position: fixed;
    z-index: 999000000000;
    background: #eee;
    -webkit-transition: width 0.3s, height .3s;
    transition: width 0.3s, height .3s;
    width: 0;
    height: 0;
    font-size: 1.5em;
    bottom: 1em;
    left: 1em;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%}
@media screen and (max-width: 50em) {
    .menu-button {
    margin: .25em;
}
.menu-wrap {
    bottom: .25em;
    left: .25em;
}
}#navigation {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1000000;
    margin: 10px;
    padding: 0;
    width: 70px;
    height: 30px;
    border: none;
    font-size: 12px;
    color: #fee;
    background: #b55;
}
.topcontainer {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.topcontainer .information {
    width: 27%;
    height: 40%;
    top: 30%;
    left: 28%;
    background: rgba(240, 240, 240, 0.5);
    z-index: 10;
    position: absolute;
}
.topcontainer img {
    width: 100%;
    height: 100%}
.design-info {
    width: 100%;
    padding: 60px;
    margin: 0 auto;
}
.design-info h1 {
    font-size: 60px;
    font-weight: 100;
    line-height: 80px;
    text-align: left!important;
    text-shadow: none;
    text-transform: uppercase;
}
.design-info h2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: left!important;
    text-shadow: none;
    text-transform: uppercase;
    padding-top: 20px;
    color: #d88;
}
.design-info p {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    text-align: left!important;
    text-shadow: none;
}
.design-info p a {
    color: #999;
    font-style: normal;
    font-family: "Times New Roman", Times, serif;
}
.design-info p strong {
    font-size: 11px;
    color: #999;
    font-style: italic;
    font-family: "Times New Roman", Times, serif;
}
.topcontainer-bottom {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    background: #585858;
}
.topcontainer-bottom .half {
    width: 55%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
}
.topcontainer-bottom .third {
    width: 13.75%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
}
.topcontainer-bottom .fourth {
    width: 31.25%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    background: #fefefe;
    position: relative;
    top: -2px;
}
.topcontainer-bottom .fourth h1 {
    color: #555!important;
    padding-top: 50px;
}
.topcontainer-bottom .fourth h2 {
    color: #eee!important;
}
.topcontainer-bottom .fourth p {
    color: #aaa!important;
}
.next-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%}
.next-arrow img {
    width: 100%}
.topcontainer-bottom img {
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 1640px) {
    .topcontainer h1 {
    font-size: 40px;
    font-weight: 100;
    line-height: 80px;
}
.topcontainer .information {
    width: 27%;
    height: 50%;
    top: 25%}
}@media screen and (max-width: 1366px) {
    .topcontainer h1 {
    font-size: 35px!important;
    font-weight: 100;
    line-height: 80px;
}
.topcontainer .information {
    width: 27%;
    height: 60%;
    top: 20%}
.topcontainer-bottom .fourth h1 {
    color: #555!important;
    padding-top: 0;
    line-height: 60px;
    padding-top: 0;
}
.topcontainer-bottom .fourth p {
    padding-right: 50px;
    line-height: 15px!important;
}
.next-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 29%}
}@media screen and (max-width: 980px) {
    .topcontainer h1 {
    font-size: 35px!important;
    font-weight: 100;
    line-height: 50px;
}
.topcontainer .information {
    width: 45%;
    height: 96%;
    top: 2%;
    left: 2%}
.next-arrow {
    position: absolute;
    top: 7%;
    right: 0;
    width: 29%}
.topcontainer-bottom .fourth .design-info {
    width: 100%;
    padding: 30px;
}
.topcontainer-bottom .fourth h1 {
    font-size: 30px;
}
.topcontainer-bottom .fourth p {
    padding-right: 20px;
    line-height: 15px!important;
}
}@media screen and (max-width: 720px) {
    .topcontainer h1 {
    font-size: 25px!important;
    font-weight: 100;
    line-height: 30px;
}
.topcontainer .information {
    width: 45%;
    height: 96%;
    top: 2%;
    left: 2%}
.topcontainer .design-info {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
}
.topcontainer-bottom .half {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
}
.topcontainer-bottom .third {
    width: 30%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    top: -3px;
}
.topcontainer-bottom .fourth {
    width: 70%;
    height: 300px;
    float: left;
    margin: 0;
    padding: 0;
    background: #fefefe;
    position: relative;
    top: -2px;
}
.topcontainer-bottom h1 {
    padding-top: 100px!important;
}
.topcontainer .design-info {
    width: 100%;
    padding: 20px;
    margin: 0 auto;
}
.longtails .half, .longtails .third {
    display: none!important;
}
}@media screen and (max-width: 640px) {
    .topcontainer h1 {
    font-size: 25px!important;
    font-weight: 100;
    line-height: 30px;
}
.topcontainer .information {
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
}
}@media screen and (max-width: 480px) {
    .topcontainer-bottom .third {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    top: -3px;
}
.topcontainer-bottom .fourth {
    width: 100%;
    height: 300px;
    float: left;
    margin: 0;
    padding: 0;
    background: #fefefe;
    position: relative;
    top: -2px;
}
}.logo {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10000000000;
    display: block;
    width: 50px;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.work .logo {
    position: fixed!important;
    right: 20px;
    bottom: 20px;
}
.work-story .logo {
    position: fixed!important;
    right: 20px;
    top: 20px!important;
}
.logo:hover {
    opacity: 1;
    -webkit-transition: all 1s ease-in-out 0;
    -moz-transition: all 1s ease-in-out 0;
    -o-transition: all 1s ease-in-out 0;
    transition: all 1s ease-in-out 0;
}
.grey {
    background: #f3f3f3;
    text-align: center;
}
.grey img {
    width: 90%;
    display: block;
    margin: 0 auto;
    max-width: 969px;
}
.white {
    background: #fff;
    text-align: center;
}
.white img {
    width: 90%;
    display: block;
    margin: 0;
    max-width: 1354px;
}
.logo img {
    width: 100%;
    height: auto;
}
#navigation a {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
    margin: 0;
    padding: 0;
    width: 35px;
    height: 30px;
    border: none;
    color: #fee;
    background: #b55;
    float: left;
    display: block;
}
#navigation a strong {
    width: 35px;
    height: 30px;
    display: block;
    border: none;
    font-size: 20px;
    color: #fee;
    line-height: 30px;
}
#navigation a:first-child {
    background: #ca6a6a!important;
}
.menu {
    height: 100%;
    opacity: 0;
    font-size: .65em;
    color: #64697d;
    text-align: right;
}
.profile {
    display: inline-block;
    line-height: 42px;
    font-weight: 700;
    padding: 1em;
}
.profile img {
    float: right;
    border-radius: 50%;
    margin-left: 10px;
}
.link-list {
    padding: 1.35em 0;
    margin: 0 .75em;
}
.link-list a {
    display: block;
    margin: 10px 0;
    color: #d88;
    padding: 5px 10px;
}
.link-list a:first-child {
    display: block;
    margin: 10px 0;
    color: #f88;
    padding: 5px 10px;
    width: 100%!important;
    background: #d88!important;
    color: #fee!important;
}
.link-list a:hover, .link-list a:focus {
    color: #64697d;
}
.link-list a span {
    margin-left: 10px;
    font-weight: 400;
    vertical-align: middle;
    font-size: 12px!important;
    line-height: 20px!important;
    text-transform: uppercase!important;
}
.icon-list {
    position: absolute;
    right: 1em;
    bottom: .9em;
}
.icon-list a {
    font-size: 1.5em;
    margin-left: .25em;
    color: rgba(125, 129, 148, 0.5);
}
.show-menu .content::before {
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.show-menu .menu-wrap {
    width: 280px;
    height: 340px;
    -webkit-animation: anim-jelly .8s linear forwards;
    animation: anim-jelly .8s linear forwards;
}
.show-menu .menu {
    opacity: 1;
    -webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s;
}
@-webkit-keyframes anim-jelly {
    0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
3.333333% {
    -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
6.666667% {
    -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
10% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
13.333333% {
    -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
16.666667% {
    -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
20% {
    -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
23.333333% {
    -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
26.666667% {
    -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
30% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
33.333333% {
    -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
36.666667% {
    -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
40% {
    -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
43.333333% {
    -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
46.666667% {
    -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
53.333333% {
    -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
56.666667% {
    -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
60% {
    -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
63.333333% {
    -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
66.666667% {
    -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
70% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
73.333333% {
    -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
76.666667% {
    -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
80% {
    -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
83.333333% {
    -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
86.666667% {
    -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
90% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
93.333333% {
    -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
96.666667% {
    -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}@keyframes anim-jelly {
    0% {
    -webkit-transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
3.333333% {
    -webkit-transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.32778, 0, 0, 0, 0, 0.32778, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
6.666667% {
    -webkit-transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.69875, 0, 0, 0, 0, 0.69875, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
10% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
13.333333% {
    -webkit-transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.1815, 0, 0, 0, 0, 1.1815, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
16.666667% {
    -webkit-transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.24402, 0, 0, 0, 0, 1.24402, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
20% {
    -webkit-transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.21871, 0, 0, 0, 0, 1.21871, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
23.333333% {
    -webkit-transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.14702, 0, 0, 0, 0, 1.14702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
26.666667% {
    -webkit-transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.06589, 0, 0, 0, 0, 1.06589, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
30% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
33.333333% {
    -webkit-transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.9603, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
36.666667% {
    -webkit-transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.94663, 0, 0, 0, 0, 0.94663, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
40% {
    -webkit-transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.95217, 0, 0, 0, 0, 0.95217, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
43.333333% {
    -webkit-transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.96784, 0, 0, 0, 0, 0.96784, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
46.666667% {
    -webkit-transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.98559, 0, 0, 0, 0, 0.98559, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
50% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
53.333333% {
    -webkit-transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00868, 0, 0, 0, 0, 1.00868, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
56.666667% {
    -webkit-transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01167, 0, 0, 0, 0, 1.01167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
60% {
    -webkit-transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.01046, 0, 0, 0, 0, 1.01046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
63.333333% {
    -webkit-transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00703, 0, 0, 0, 0, 1.00703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
66.666667% {
    -webkit-transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00315, 0, 0, 0, 0, 1.00315, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
70% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
73.333333% {
    -webkit-transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.9981, 0, 0, 0, 0, 0.9981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
76.666667% {
    -webkit-transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99745, 0, 0, 0, 0, 0.99745, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
80% {
    -webkit-transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99771, 0, 0, 0, 0, 0.99771, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
83.333333% {
    -webkit-transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99846, 0, 0, 0, 0, 0.99846, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
86.666667% {
    -webkit-transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(0.99931, 0, 0, 0, 0, 0.99931, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
90% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
93.333333% {
    -webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00042, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
96.666667% {
    -webkit-transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1.00056, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
100% {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}
}.nl-submitedsx {
    border: 1px solid #d88;
    color: #d88!important;
    font-size: 10px!important;
    text-transform: uppercase!important;
    padding: 15px;
    margin-top: 45px!important;
    margin-bottom: 30px!important;
    display: inline-block!important;
}
*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
::after, ::before {
    content: ''}
body {
    color: #4e5359;
    background-color: #f3f3f5;
}
body::after {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0 .3s;
    -moz-transition: opacity .3s 0s, visibility 0 .3s;
    transition: opacity .3s 0s, visibility 0 .3s;
}
@media only screen and (min-width:7px) {
    body:  :after {
    display: none;
}
}#menuFull {
    width: 100%;
    height: auto;
    background: #aac9bd;
    position: relative;
    color: #BAD9CD;
}
.cd-faq-group>li {
    background: rgba(0, 0, 0, 0.1);
}
.cd-faq-trigger {
    color: #fee!important;
}
body.cd-overlay::after {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0 0;
    -moz-transition: opacity .3s 0s, visibility 0 0;
    transition: opacity .3s 0s, visibility 0 0;
}
#menuFull {
    width: 100%;
    height: auto;
    background: #aac9bd;
    position: relative;
    color: #BAD9CD;
}
.cd-faq {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 0;
    padding-bottom: 100px;
    position: relative;
    z-index: 900000000;
    background: #6b2f2f!important;
}
.cd-faq-group li a {
    color: #576;
    font-size: 15px!important;
}
.cd-faq:after {
    content: "";
    display: table;
    clear: both;
}
@media only screen and (min-width:7px) {
    .cd-faq {
    position: relative;
    margin: 0 auto;
    box-shadow: none;
}
}.cd-faq-categories a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 50px;
    line-height: 50px;
    padding: 0 28px 0 16px;
    background-color: #9ab9ad;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #dcfbef;
    white-space: nowrap;
    font-size: 15px!important;
    font-weight: 600!important;
    letter-spacing: 2px!important;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    text-overflow: ellipsis;
    text-transform: uppercase;
}
.cd-faq-categories a::after, .cd-faq-categories a::before {
    position: absolute;
    top: 50%;
    right: 16px;
    display: inline-block;
    height: 1px;
    width: 10px;
    background-color: #9ab9ad;
}
.cd-faq-categories a::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.cd-faq-categories li:last-child a {
    border-bottom: none;
}
@media only screen and (min-width:7px) {
    .cd-faq-categories {
    width: 20%;
    float: left;
}
.cd-faq-categories a {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    padding: 0 24px;
    -webkit-transition: background .2s, padding .2s;
    -moz-transition: background .2s, padding .2s;
    transition: background .2s, padding .2s;
}
.cd-faq-categories a::after, .cd-faq-categories a::before {
    display: none;
}
.no-touch .cd-faq-categories a:hover {
    background: #555b61;
}
.no-js .cd-faq-categories {
    width: 100%;
    margin-bottom: 2em;
}
}@media only screen and (min-width:1024px) {
    .cd-faq-categories {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    z-index: 2;
}
.cd-faq-categories a::before {
    display: block;
    top: 0;
    right: auto;
    left: 0;
    height: 100%;
    width: 3px;
    background-color: red;
    opacity: 0;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
}
.cd-faq-categories .selected {
    background: #d88!important;
}
.cd-faq-categories .selected::before {
    opacity: 1;
}
.cd-faq-categories.is-fixed {
    position: fixed;
    top: 120px;
}
.no-js .cd-faq-categories {
    position: relative;
}
}.cd-faq-items {
    position: relative;
    height: 100%;
    width: 100%;
    padding-top: 0!important;
    top: 0;
    left: 0!important;
    background: #efefef;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1000000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) translateX(100%);
    -moz-transform: translateZ(0) translateX(100%);
    -ms-transform: translateZ(0) translateX(100%);
    -o-transform: translateZ(0) translateX(100%);
    transform: translateZ(0) translateX(100%);
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
}
.cd-faq-items ul {
    width: 100%!important;
    margin: 0 auto!important;
    padding-left: 600px;
    padding-right: 600px;
    padding-top: 0!important;
}
@media (max-width:1800px) {
    .cd-faq-items ul {
    width: 100%!important;
    margin: 0 auto!important;
    padding-left: 500px;
    padding-right: 500px;
    padding-top: 0!important;
}
}@media (max-width:1640px) {
    .cd-faq-items ul {
    width: 100%!important;
    margin: 0 auto!important;
    padding-left: 400px;
    padding-right: 400px;
    padding-top: 0!important;
}
}@media (max-width:1366px) {
    .cd-faq-items ul {
    width: 100%!important;
    margin: 0 auto!important;
    padding-left: 300px;
    padding-right: 300px;
    padding-top: 0!important;
}
}@media (max-width:1280px) {
    .cd-faq-items ul {
    width: 100%!important;
    margin: 0 auto!important;
    padding-left: 240px;
    padding-right: 240px;
    padding-top: 0!important;
}
}@media (max-width:1020px) {
    .cd-faq-items ul {
    width: 100%!important;
    margin: 0 auto!important;
    padding-left: 200px;
    padding-right: 200px;
    padding-top: 0!important;
}
}@media (max-width:720px) {
    .cd-faq-items ul {
    width: 100%!important;
    margin: 0 auto!important;
    padding-left: 120px;
    padding-right: 120px;
    padding-top: 0!important;
}
}@media (max-width:640px) {
    .cd-faq-items ul {
    width: 100%!important;
    margin: 0 auto!important;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 0!important;
}
}.cd-faq-items ul h2 {
    color: #fee!important;
}
.cd-faq-items ul p {
    color: #a88!important;
    text-align: left!important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05)!important;
}
.cd-faq-items ul p a {
    color: #fee!important;
    font-weight: 800!important;
}
.cd-faq-items ul p strong {
    color: #fee!important;
}
.cd-faq-categories {
    padding-top: 50px;
}
.cd-faq-items.slideInnner {
    -webkit-transform: translateZ(0) translateX(0%);
    -moz-transform: translateZ(0) translateX(0%);
    -ms-transform: translateZ(0) translateX(0%);
    -o-transform: translateZ(0) translateX(0%);
    transform: translateZ(0) translateX(0%);
    z-index: 90000!important;
    background: #9FBAAA!important;
}
.mySpacer {
    display: block;
    height: 0;
}
.slideInnner .mySpacer {
    height: 50px!important;
    display: block!important;
    width: 100%}
.closeMobileShow {
    display: none!important;
}
#closeMobile {
    display: block;
    width: 100%!important;
    color: #efefef;
    z-index: 90000;
    background: #f77!important;
    vertical-align: center;
    height: 150px;
    left: 0;
    top: 50px;
    border: 0;
    position: fixed;
}
.no-js .cd-faq-items {
    position: static;
    height: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
@media only screen and (min-width:7px) {
    .cd-faq-items {
    overflow: visible;
    -webkit-transform: translateZ(0) translateX(0);
    -moz-transform: translateZ(0) translateX(0);
    -ms-transform: translateZ(0) translateX(0);
    -o-transform: translateZ(0) translateX(0);
    transform: translateZ(0) translateX(0);
    padding: 0;
    background: 0 0;
}
}@media only screen and (min-width:1024px) {
    .cd-faq-items {
    float: none;
}
.no-js .cd-faq-items {
    padding-left: 0;
}
}.cd-close-panel {
    position: fixed;
    top: 5px;
    right: -100%;
    display: block;
    height: 40px;
    width: 40px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 2;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: right .4s;
    -moz-transition: right .4s;
    transition: right .4s;
}
.cd-close-panel::after, .cd-close-panel::before {
    position: absolute;
    top: 16px;
    left: 12px;
    display: inline-block;
    height: 3px;
    width: 18px;
    background: #6c7d8e;
}
.cd-close-panel::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cd-close-panel::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.cd-close-panel.move-left {
    right: 2%}
@media only screen and (min-width:7px) {
    .cd-close-panel {
    display: none;
}
}.cd-faq-group {
    display: none;
}
.cd-faq-group.selected {
    display: block;
}
.cd-faq-group .cd-faq-title {
    background: 0 0;
    box-shadow: none;
    margin: 1em 0;
}
.cd-faq-title p {
    color: #400!important;
    opacity: .85;
    padding-top: 30px;
    letter-spacing: 1px;
    line-height: 25px;
}
.cd-faq-title p strong {
    color: #100!important;
    opacity: 1;
    font-weight: 700!important;
}
.cd-faq-title p a img {
    width: 100%;
    height: auto;
}
.no-touch .cd-faq-group .cd-faq-title:hover {
    box-shadow: none;
}
.cd-faq-group .cd-faq-title h2 {
    font-size: 30px!important;
    line-height: 40px!important;
    font-size: .75rem;
    font-weight: 400!important;
    letter-spacing: 3px!important;
    color: #400;
    padding-top: 70px;
}
.no-js .cd-faq-group {
    display: block;
}
@media only screen and (min-width:7px) {
    .cd-faq-group {
    display: block;
}
.cd-faq-group>li {
    background: rgba(0, 0, 0, 0.1);
    margin-bottom: 1px;
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
}
.no-touch .cd-faq-group>li:hover {
    -webkit-transition: all 1s ease-in-out .2s;
    -moz-transition: all 1s ease-in-out .2s;
    -o-transition: all 1s ease-in-out .2s;
    transition: all 1s ease-in-out .2s;
}
.cd-faq-group .cd-faq-title {
    margin: 2em 0 1em;
}
.cd-faq-group:first-child .cd-faq-title {
    margin-top: 0;
}
}.cd-faq-trigger {
    position: relative;
    display: block;
    margin: 0;
    line-height: 1.2;
}
@media only screen and (min-width:7px) {
    .cd-faq-trigger {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    margin: 0;
    padding: 24px 72px 24px 24px;
}
.cd-faq-trigger::after, .cd-faq-trigger::before {
    position: absolute;
    right: 24px;
    top: 50%;
    height: 2px;
    width: 13px;
    background: rgba(255, 255, 255, 0.47)!important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
}
.cd-faq-trigger::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 32px;
}
.cd-faq-trigger::after, .content-visible .cd-faq-trigger::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.content-visible .cd-faq-trigger::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
}.cd-faq-content p {
    font-size: 13px;
    font-size: .875rem;
    line-height: 1.4;
    padding: 30px;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.27);
    margin-top: 30px;
    color: #3a5f5a;
}
@media only screen and (min-width:768px) {
    .cd-faq-content {
    display: none;
    padding: 0 24px 30px;
}
.cd-faq-content p {
    line-height: 1.6;
}
.no-js .cd-faq-content {
    display: block;
}
}

#best  {
    
	position: absolute !important;
    
	top: 0px !important;
    
	right: 0px !important;
    
	height: 1px !important;
    
	opacity: 0 !important
}

#best label  {
    
	display: none !important
}

#best input  {
    
	height: 1px !important;
    
	width: 1px !important;
    opacity: 0 !important
}

.input-wide input:first-child {
	width:20% !important;
	float:left !important;
	margin-top:15px !important 
	
}
	
.input-wide .tel-number-field {
	width:72% !important;
	float:left !important;
	margin-top:15px !important 
}

.input-wide sup {
	display:block;
	width:8%;
	float:left;
	font-size:8px;
	line-height:40px;
	text-align:center;
	margin-top:12px !important 
}
	






.form-style input.input-field,
.form-style .tel-number-field,
.form-style .textarea-field,
 .form-style .select-field{
  
}
.form-style .input-field:focus,
.form-style .tel-number-field:focus,
.form-style .textarea-field:focus,  
.form-style .select-field:focus{
    border: 1px solid #0C0;
}
.form-style .textarea-field{
    height:100px;
    width: 55%;
}
.form-style input[type="button"],
.form-style input[type="submit"] {
    -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
    box-shadow: inset 0px 1px 0px 0px #3985B1;
    background-color: #216288;
    border: 1px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 18px;
    text-decoration: none;
    font: 12px Arial, Helvetica, sans-serif;
}
.form-style input[type="button"]:hover,
.form-style input[type="submit"]:hover {
    background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
    background-color: #28739E;
}
.form-style .success{
	background: #D8FFC0;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #2E6800;
	border-left: 3px solid #2E6800;
}
.form-style .error {
	background: #FFE8E8;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 5px 0px;
	border: none;
	font-weight: bold;
	color: #FF0000;
	border-left: 3px solid #FF0000;
}


video#bgvid { 
	position: fixed; 
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto; 
	z-index: -100;
	background: url(polina.jpg) no-repeat;
	background-size: cover; 
}

@media screen and (max-device-width: 800px) {
	.design-goldtree { background: url(../vid/city.jpg) #944 no-repeat center center fixed !important; background-size:cover !important }
	#bgvid { display: none; }
	

}

@media  (max-width: 800px) {
.menu-button {
    position: fixed!important;
    bottom: 0px!important;
    left: 0px!important;
    z-index: 1000;
    margin: 0px!important;
    padding: 0;
    width: 100% !important;
    height: 30px!important;
    border: none;
    opcity: 1!important;
    font-size: 12px!important;
	border-radius:0px !important;
}
.menu-button i {
    display: block!important;
    width: 10px!important;
    width: 10px!important;
}
}


#price {
	position:fixed !important;
	opacity:0 !important;
	visibility:hidden !important
}