@import url(icons.css);
.quantity,
.unslectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}


.qa p:nth-child(3) img{vertical-align: middle}

.journey h3:before{
	
	
	content: '';
    position: absolute;
    background: url(../images/path-img.svg) no-repeat;
    width: 55px;
    height: 73px;
    left: 588px;
    top: -67px;
}

.outside-block{left: 0!important;}
#html5,
#loading,
.bg {
    height: 100%;
    width: 100%
}

#html5,
#html5 ul li a,
#loading,
.bg,
figure img {
    width: 100%
}

#html5 div,
#html5 ul,
.center_block {
    margin: auto
}

#html5,
#social_links,
.t_center {
    text-align: center
}

#cases_list,
#menu_links,
.quantity {
    letter-spacing: -5px
}

#get_bird_btn:before,
#menu.folded:before,
#menu_links>li>a:before,
#mobile_toggle:after,
#tree_hero h1:after,
#video_close:before,
body:not(.touch) #menu #logo:after {
    content: ""
}

#add_bird,
#mobile_toggle,
#subscribe_btn,
#video_close,
.blocks_btn,
.hover,
.hover_rev {
    cursor: pointer
}

a,
abbr,
address,
blockquote,
body,
caption,
cite,
code,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
label,
legend,
li,
object,
ol,
p,
pre,
q,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
ul {
    border: 0;
    margin: 0;
    padding: 0
}

article,
aside,
figcaption,
figure,
figure img,
footer,
header,
hgroup,
nav,
object,
section,
video {
    display: block
}

a img {
    border: 0
}

figure {
    position: relative;
    margin: 0
}

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

html,
html a {
    -webkit-font-smoothing: antialiased
}

.unslectable {
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    user-select: none
}

.inline_block_mid {
    display: inline-block;
    vertical-align: middle
}

.inline_block_top {
    display: inline-block;
    vertical-align: top
}

li {
    list-style: none
}

.show {
    display: block
}

.hide {
    display: none
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

body,
html {
    line-height: 1.2;
    overflow: auto;
    font-weight: 300
}

body.noscroll,
html.noscroll {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}



#footer,
#get_bird_btn,
#menu_links,
#time,
form#subscribe input {
    font-family: "Open Sans", sans-serif
}

.ng-cloak,
[ng-cloak],
[ng\:cloak] {
    display: none!important
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background-color: #77cad5
}

::selection {
    color: #fff;
    text-shadow: none;
    background-color: #77cad5
}

a,
a.active,
a:hover,
a:visited {
    text-decoration: none;
    outline: 0
}

a:focus {
    -moz-outline-style: none
}

#loading {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 2001;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#58bd91), to(#77cad5));
    background-image: -webkit-linear-gradient(top, #58bd91, #77cad5);
    background-image: -moz-linear-gradient(top, #58bd91, #77cad5);
    background-image: -ms-linear-gradient(top, #58bd91, #77cad5);
    background-image: -o-linear-gradient(top, #58bd91, #77cad5);
    background-image: linear-gradient(top, #58bd91, #77cad5);
    -webkit-transition: opacity .3s .2s;
    -moz-transition: opacity .3s .2s;
    transition: opacity .3s .2s
}

#loading #loader,
.bg {
    position: absolute;
    left: 0;
    top: 0
}

#loading #loader {
    width: 180px;
    height: 180px;
    right: 0;
    bottom: 0;
    margin: auto;
    background-image: url(img/loader.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: auto 100%;
    -webkit-animation: loaderAnim 1s steps(12) infinite;
    -moz-animation: loaderAnim 1s steps(12) infinite;
    animation: loaderAnim 1s steps(12) infinite
}

#loading #loader svg {
    -webkit-transform: translate(-15px, -15px);
    -moz-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px)
}

#loading #loader svg .dash {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 115px 115px;
    -moz-transform-origin: 115px 115px;
    transform-origin: 115px 115px;
    stroke-dasharray: 690;
    -webkit-animation: loaderSvg 2s both;
    -moz-animation: loaderSvg 2s both;
    animation: loaderSvg 2s both
}

#loading.ng-hide {
    opacity: 0
}

#loading.ng-hide svg .dash {
    -webkit-animation: loaderSvgEnd .2s both!important;
    -moz-animation: loaderSvgEnd .2s both!important;
    animation: loaderSvgEnd .2s both!important
}

@-webkit-keyframes loaderAnim {
    from {
        background-position: 0 0
    }
    to {
        background-position: -2157px 0
    }
}

@-moz-keyframes loaderAnim {
    from {
        background-position: 0 0
    }
    to {
        background-position: -2157px 0
    }
}

@keyframes loaderAnim {
    from {
        background-position: 0 0
    }
    to {
        background-position: -2157px 0
    }
}

@-webkit-keyframes loaderSvg {
    0% {
        stroke-dashoffset: 690
    }
    35% {
        stroke-dashoffset: 550
    }
    70% {
        stroke-dashoffset: 150
    }
    100% {
        stroke-dashoffset: 100
    }
}

@-moz-keyframes loaderSvg {
    0% {
        stroke-dashoffset: 690
    }
    35% {
        stroke-dashoffset: 550
    }
    70% {
        stroke-dashoffset: 150
    }
    100% {
        stroke-dashoffset: 100
    }
}

@keyframes loaderSvg {
    0% {
        stroke-dashoffset: 690
    }
    35% {
        stroke-dashoffset: 550
    }
    70% {
        stroke-dashoffset: 150
    }
    100% {
        stroke-dashoffset: 100
    }
}

@-webkit-keyframes loaderSvgEnd {
    from {
        stroke-dashoffset: 100
    }
    to {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes loaderSvgEnd {
    from {
        stroke-dashoffset: 100
    }
    to {
        stroke-dashoffset: 0
    }
}

@keyframes loaderSvgEnd {
    from {
        stroke-dashoffset: 100
    }
    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes scaleFadeIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes scaleFadeIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleFadeIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        transform: scale(.9)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleFadeOut {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        transform: scale(.9)
    }
}

@-moz-keyframes scaleFadeOut {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes scaleFadeOut {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#html5 h3,
#html5 ul,
#wrapper,
.svg_wrapper svg {
    position: relative;
}

#html5 div,
#html5 h3 {
    width: 320px;
    padding: 10px
}

.white {
    color: #fff
}

#html5,
.black {
    color: #000
}

#html5 a,
#html5 h3 {
    color: #797d7f
}

.d_green_bg {
    background-color: #307167
}

.l_blue_bg {
    background-color: #9fd8de
}

.l_green_bg {
    background-color: #58bd91
}

.m_green_bg {
    background-color: #339082
}

.w_green_bg {
    background-color: #dff0d8
}

.w_blue_bg {
    background-color: #f0f6fa
}

.grey_bg {
    background-color: #797d7f
}

.blue_bg {
    background-color: #73c8d4
}

body:not(.touch) .fixed_bg {
    background-attachment: fixed
}

sup {
    font-weight: inherit;
    font-size: 50%
}

#footer,
#get_bird_btn,
#menu_links,
#time,
.sub_menu a {
    font-weight: 300
}

.center_block {
    display: block
}

.icon-back.forward {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.hover {
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s
}

#video_container,
.hover_rev {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s
}

.hover:hover {
    opacity: .65
}

.hover_rev {
    transition: opacity .3s;
    opacity: .35
}

.blocks_btn h3,
body:not(.touch) .active_in {
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.hover_rev:hover {
    opacity: 1
}

#html5 {
    position: fixed;
    z-index: 2000;
    background: url(img/logo.png) center 30px no-repeat #fff;
    top: 0;
    left: 0
}

#html5 a:hover,
#html5 ul li a:hover {
    color: #77cad5
}

#html5 h3 {
    margin: 180px auto 0
}

#html5 ul {
    background: #77cad5;
    padding: 10px;
    width: 280px;
    color: #fff
}

#html5 ul li a {
    color: #fff;
    display: block
}

.upper {
    text-transform: uppercase
}

#wrapper {
    top: 0;
    left: 0;
    overflow: inherit;
  width:1230px;margin:0 auto;
}

.svg_wrapper,
.svg_wrapper svg {
    overflow: visible;
    height: 93%;
    width: 100%
}

@media only screen and (max-width:760px) {
    #wrapper {
        left: 0;
        width: 100%
    }
}

body:not(.touch) .active_in {
    transition: all .5s
}

body:not(.touch) .active_in.offset_to_left {
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    transform: translateX(-100px)
}

body:not(.touch) .active_in.offset_to_left.active {
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    transform: translateX(-50px)
}

body:not(.touch) .active_in.offset_to_right {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    transform: translateX(100px)
}

body:not(.touch) .active_in.offset_to_right.active {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    transform: translateX(50px)
}

body:not(.touch) .active_in.from_bottom {
    opacity: 0;
    -webkit-transform: translateY(150px);
    -moz-transform: translateY(150px);
    transform: translateY(150px)
}

body:not(.touch) .active_in.active {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.svg_wrapper {
    position: absolute;
    top: -40px;
    left:-3px;
    padding: 5px
}

.svg_wrapper svg {
    display: block
}

#get_bird_btn,
#get_bird_btn span {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

#mobile_cta,
#tech_content,
#tree_hero,
#video_close,
#video_player,
.inner_block {
    overflow: hidden
}

#get_bird_btn {
    margin: 100px auto auto;
    color: #fff;
    background-color: #58bd91;
    padding: 23px 60px 23px 45px;
    font-size: 1.2vw;
    -webkit-transition: all .5s .3s;
    -moz-transition: all .5s .3s;
    transition: all .5s .3s
}

@media only screen and (max-width:1200px) {
    #get_bird_btn {
        padding: 23px 60px 20px 45px;
        font-size: 18px
    }
}

#get_bird_btn:before {
    height: 100%;
    background-color: #77cad5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    transform: scale(0, 1)
}

#get_bird_btn.r:before {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right;
    -webkit-animation: menuIn .2s both;
    -moz-animation: menuIn .2s both;
    animation: menuIn .2s both
}

#get_bird_btn.l:before,
#menu_links>li:not(.active).r>a:before {
    -webkit-animation: menuIn .2s both;
    -moz-animation: menuIn .2s both
}

#get_bird_btn.l:before {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    animation: menuIn .2s both
}

#get_bird_btn.r_out:before {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right;
    -webkit-animation: menuOut .3s .2s both;
    -moz-animation: menuOut .3s .2s both;
    animation: menuOut .3s .2s both
}

#get_bird_btn.l_out:before,
#menu_links>li:not(.active).r_out>a:before {
    -webkit-animation: menuOut .3s .2s both;
    -moz-animation: menuOut .3s .2s both
}

#get_bird_btn.l_out:before {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    animation: menuOut .3s .2s both
}

#get_bird_btn span:first-child {
    font-size: 2vw;
    margin-right: 5px
}

@media only screen and (max-width:1200px) {
    #get_bird_btn span:first-child {
        font-size: 28px
    }
}

#footer {
    background-color: #f0f6fa;
    text-align: left;
    margin: 100px 0 60px;
    position: relative
}

.bird_logo {
    position: absolute;
    top: 0;
    right: 2%;
    width: 70px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.bird_logo img {
    display: block;
    width: 100%
}

#footer_links,
#footer_links li {
    display: inline-block;
    vertical-align: top;
    position: relative
}

#footer_links {
    background-image: -webkit-gradient(linear, left top, right top, from(#d8eff2), to(#dff0d8));
    background-image: -webkit-linear-gradient(left, #d8eff2, #dff0d8);

    background-image: -moz-linear-gradient(left, #d8eff2, #dff0d8);
    background-image: -ms-linear-gradient(left, #d8eff2, #dff0d8);
    background-image: -o-linear-gradient(left, #d8eff2, #dff0d8);
    background-image: linear-gradient(left, #d8eff2, #dff0d8);
    top: -20px;
    padding: 50px 40px 70px;
    margin: 0 0 120px 2%
}

#footer_links li {
    width: 13vw
}

@media only screen and (max-width:980px) {
    #footer {
        padding: 20px
    }
    #footer_links {
        top: 0;
        display: block;
        padding: 5px 30px 60px;
        margin: 45px 0 150px
    }
    #footer_links li {
        width: 40%;
        margin-top: 40px
    }
}

#footer_links li a {
    display: block;
    margin-bottom: 20px;
    margin-left: 5px;
    color: #797d7f;
    font-size: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    position: relative
}

@media only screen and (max-width:760px) {
    #footer_links li {
        display: block;
        width: auto
    }
    #footer_links li a {
        margin-bottom: 15px;
        display: none
    }
}

#footer_links li a:hover {
    color: #606365;
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    transform: translateX(5px)
}

#footer_links li.active a {
    display: block
}

#footer_links li.active .footer_title span.icon-back {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg)
}

.footer_title {
    font-size: 20px;
    color: #307167;
    margin-bottom: 30px
}

.footer_title span {
    display: inline-block;
    vertical-align: middle
}

.footer_title span:first-child {
    margin-right: 10px;
    font-size: 120%;
    position: relative;
    top: 2px
}

#social_links,
#subscribe_btn,
.muv_logo,
form#subscribe {
    position: absolute
}

.footer_title span.icon-back {
    display: none;
    float: right;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

@media only screen and (max-width:760px) {
    .footer_title {
        margin-bottom: 20px
    }
    .footer_title span.icon-back {
        display: block
    }
    #menu_links {
        max-height: 75vh
    }
}

form#subscribe {
    text-align: left;
    right: 2%;
    bottom: 60px;
    width: 200px;
    padding: 0
}

form#subscribe input {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    padding: 17px 35px 16px 10px;
    font-weight: 300;
    font-size: 15px;
    color: #545454;
    display: block;
    width: 100%;
    -webkit-appearance: none
}

form#subscribe input:focus {
    outline: 0
}

#subscribe_btn {
    padding: 0;
    border: 0;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    right: 10px;
    top: 50%;
    font-size: 25px;
    color: #307167;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

#subscribe_btn:hover {
    color: #9fd8de
}

#social_links {
    right: 2%;
    background-color: #9fd8de;
    bottom: -15px;
    padding: 14px 0 13px;
    width: 200px
}

#social_links li {
    display: inline-block;
    vertical-align: middle
}

#social_links li a {
    display: block;
    margin-left: 5px;
    color: #fff;
    font-size: 26px;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

#social_links li a:hover {
    color: #dff0d8
}

.muv_logo {
    bottom: 0;
    left: 2%;
    width: 120px;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%)
}


#tree_hero {
    text-align: left;
    position: relative;
    padding: 18vh 5vw 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#307167), to(#339082));
    background-image: -webkit-linear-gradient(left, #307167, #339082);
    background-image: -moz-linear-gradient(left, #307167, #339082);
    background-image: -ms-linear-gradient(left, #307167, #339082);
    background-image: -o-linear-gradient(left, #307167, #339082);
    background-image: linear-gradient(left, #307167, #339082)
}

#tree_hero h1 {
    position: relative;
    font-size: 5vw;
    line-height: 1.05;
    color: #fff
}

@media only screen and (max-width:980px) {
    .muv_logo {
        width: 90px
    }
    #tree_hero {
        padding: 120px 30px 0
    }
    #tree_hero h1 {
        font-size: 42px
    }
}

#tree_hero h1:after {
    display: block;
    height: 1px;
    border-bottom: 5px solid;
    width: 60px;
    margin-top: 15px
}

#menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    text-align: right;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    height: 90px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

@media only screen and (max-width:1620px) {
    #menu {
        height: 80px
    }
}

#menu.folded {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
}

@media only screen and (min-width:980px) {
    #menu.folded:not(: hover) .get_bird:not(.no_fold) {
        padding: 5px 20px 0 12px;
        top: 100%;
        height: 33px;
        border-radius: 20px;
        overflow: hidden;
        margin-right: 7px;
        margin-top: 8px;
        background-color: rgba(245, 245, 245, .45);
        color: #3b3d3e!important
    }
    #menu.folded:not(:hover) .get_bird:not(.no_fold):before {
        opacity: 0
    }
}

@media only screen and (max-width:980px) {
    #menu.folded #mobile_cta {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

#menu.folded:hover {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

#menu.folded:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 25px
}

#mobile_cta {
    position: absolute;
    display: none;
    right: 10px;
    width: 120px;
    text-align: center;
    margin: 8px auto 0;
    padding: 8px 20px 0 12px;
    top: 100%;
    height: 33px;
    border-radius: 20px;
    background-color: rgba(245, 245, 245, .7);
    color: #3b3d3e!important
}

#ripples,
.ripple {
    -webkit-border-radius: 50%
}

@media only screen and (max-width:980px) {
    #mobile_cta {
        display: block;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translateX(120%);
        -moz-transform: translateX(120%);
        transform: translateX(120%)
    }
}

#logo {
    position: absolute;
    top: 5px;
    left: 3%;
    width: 80px;
    height: 80px;
    background: url(img/logo.svg) center no-repeat;
    background-size: 100%
}

@media only screen and (max-width:1620px) {
    #logo {
        width: 70px;
        height: 70px
    }
}

body:not(.touch) #menu #logo:after {
    position: absolute;
    top: -5px;
    bottom: -5px;
    right: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 3vw;
    background: url(img/home.svg) -100% 50% no-repeat #339082
}

body:not(.touch) #menu:hover #logo:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    background-position: 50% 50%
}

#menu_links {
    margin-right: 3%;
    margin-left: 3%;
    height: 100%;
    position: relative
}

#cases_list li,
#menu_links>li {
    letter-spacing: normal;
    vertical-align: middle
}

@media only screen and (max-width:980px) {
    #menu_links {
        margin: 0;
        height: auto;
        position: absolute;
        top: 100%;
        width: 100%;
        background-color: #fff;
        overflow: auto
    }
    #menu_links:not(.mobile_on) {
        display: none
    }
}

#menu_links>li,
#menu_links>li>a {
    height: 100%
}

#menu_links>li {
    display: inline-block;
    text-align: center;
    position: relative
}

#menu_links>li:nth-child(1)>a:before {
    background-color: #339082
}

#menu_links>li:nth-child(1)>a.active,
#menu_links>li:nth-child(1)>a:hover {
    color: #339082
}

#menu_links>li:nth-child(2)>a:before {
    background-color: #469e90
}

#menu_links>li:nth-child(2)>a.active,
#menu_links>li:nth-child(2)>a:hover {
    color: #469e90
}

#menu_links>li:nth-child(3)>a:before {
    background-color: #5db1a1
}

#menu_links>li:nth-child(3)>a.active,
#menu_links>li:nth-child(3)>a:hover {
    color: #5db1a1
}

#menu_links>li:nth-child(4)>a:before {
    background-color: #7acabb
}

#menu_links>li:nth-child(4)>a.active,
#menu_links>li:nth-child(4)>a:hover {
    color: #7acabb
}

#menu_links>li:nth-child(5)>a:before {
    background-color: #77cad5
}

#menu_links>li:nth-child(5)>a.active,
#menu_links>li:nth-child(5)>a:hover {
    color: #77cad5
}

#menu_links>li>a {
    display: block;
    color: #307167;
    font-size: 15px;
    padding: 32px 20px 0;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    position: relative
}

@media only screen and (max-width:1620px) {
    #menu_links>li>a {
        font-size: 14px;
        padding: 28px 18px 0
    }
}

@media only screen and (max-width:980px) {
    #menu_links>li {
        display: block;
        text-align: left;
        border-top: 1px solid #f2f2f2
    }
    #menu_links>li>a {
        padding: 25px 30px 18px!important;
        font-size: 15px
    }
}

#menu_links>li>a:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 100%;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    transform: scale(0, 1)
}

#menu_links>li>a>span {
    position: relative;
    display: inline-block
}

#menu_links>li>a>span:first-child {
    font-size: 26px;
    margin-right: 7px;
    vertical-align: middle
}

@media only screen and (max-width:1620px) {
    #menu_links>li>a>span:first-child {
        font-size: 25px;
        margin-right: 6px
    }
}

#menu_links>li>a>span.more {
    width: 12px;
    height: 6px;
    position: relative;
    margin-left: 6px;
    top: -2px;
    opacity: .35
}

#menu_links>li>a>span.more:after,
#menu_links>li>a>span.more:before {
    content: "";
    position: absolute;
    left: 0;
    border-top: 1px solid;
    width: 100%
}

#menu_links>li>a>span.more:before {
    top: 0;
    height: 1px
}

#menu_links>li>a>span.more:after {
    top: 50%;
    height: 40%;
    border-bottom: 1px solid
}

#menu_links>li>a.get_bird {
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    color: #fff!important;
    background-color: #58bd91;
    padding: 32px 40px 0 30px;
    font-size: 16px
}

#add_bird p,
.sub_menu a {
    -moz-transition: all .2s
}

@media only screen and (max-width:1620px) {
    #menu_links>li>a.get_bird {
        padding: 28px 34px 0 24px;
        font-size: 15px
    }
}

#menu_links>li>a.get_bird:before {
    height: 100%;
    background-color: #9fd8de
}

#menu_links>li:not(.active).r>a:before {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right;
    animation: menuIn .2s both
}

#menu_links>li:not(.active).l>a:before {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    -webkit-animation: menuIn .2s both;
    -moz-animation: menuIn .2s both;
    animation: menuIn .2s both
}

#menu_links>li:not(.active).r_out>a:before {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right;
    animation: menuOut .3s .2s both
}

#menu_links>li:not(.active).l_out>a:before {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    -webkit-animation: menuOut .3s .2s both;
    -moz-animation: menuOut .3s .2s both;
    animation: menuOut .3s .2s both
}

#menu_links>li.active a:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1)
}

@media only screen and (max-width:980px) {
    #menu_links>li.active {
        background-color: #f5f5f5
    }
    #menu_links>li.active a:before {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes menuIn {
    0% {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-moz-keyframes menuIn {
    0% {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes menuIn {
    0% {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    100% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes menuOut {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    100% {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

@-moz-keyframes menuOut {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    100% {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

@keyframes menuOut {
    0% {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    100% {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

.sub_menu {
    position: absolute;
    top: 100%;
    left: 0;
    text-align: left;
    width: 100%
}

@media only screen and (max-width:980px) {
    .sub_menu {
        position: relative;
        top: 0;
        border-top: 1px solid #ebf7f8
    }
}

#mobile_toggle,
#mobile_toggle:after {
    border-top: 1px solid #307167;
    position: absolute
}

.sub_menu li:not(:last-child) {
    border-bottom: 1px solid #ebf7f8
}

.sub_menu a {
    display: block;
    padding: 10px 20px;
    color: #797d7f;
    font-size: 15px;
    background-color: #fff;
    -webkit-transition: all .2s;
    transition: all .2s
}

.sub_menu a.active,
.sub_menu a:hover {
    background-color: #f6f6f6;
    color: #606365
}

#blocks_bg,
#range {
    background-color: rgba(255, 255, 255, .5)
}

.sub_menu.ng-hide-add {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s
}

@media only screen and (max-width:980px) {
    .sub_menu a {
        padding-left: 66px
    }
    .sub_menu.ng-hide-add {
        -webkit-transition: opacity 50ms;
        -moz-transition: opacity 50ms;
        transition: opacity 50ms
    }
}

.sub_menu.ng-hide-remove {
    -webkit-transition: opacity .4s .2s;
    -moz-transition: opacity .4s .2s;
    transition: opacity .4s .2s
}

@media only screen and (max-width:980px) {
    .sub_menu.ng-hide-remove {
        -webkit-transition: opacity .2s;
        -moz-transition: opacity .2s;
        transition: opacity .2s
    }
}

.sub_menu.ng-hide {
    opacity: 0
}

#mobile_toggle {
    display: none;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 15px;
    border-bottom: 1px solid #307167;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    transition: height .2s
}

#mobile_toggle.active {
    height: 25px
}

#mobile_toggle:after {
    top: 49%;
    height: 1px;
    left: 0;
    width: 100%
}

#video_player {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 1000
}

#video_player.ng-enter {
    -webkit-animation: vidIn .7s both;
    -moz-animation: vidIn .7s both;
    animation: vidIn .7s both
}

#video_player.ng-enter #video_close {
    -webkit-animation: vidBtnIn .2s both .5s;
    -moz-animation: vidBtnIn .2s both .5s;
    animation: vidBtnIn .2s both .5s
}

#video_player.ng-leave {
    -webkit-animation: vidOut .7s both;
    -moz-animation: vidOut .7s both;
    animation: vidOut .7s both
}

#video_player.ng-leave #video_close {
    -webkit-animation: vidBtnOut .2s both;
    -moz-animation: vidBtnOut .2s both;
    animation: vidBtnOut .2s both
}

@-webkit-keyframes vidIn {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes vidIn {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes vidIn {
    from {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes vidOut {
    from {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-moz-keyframes vidOut {
    from {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes vidOut {
    from {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }
}

#video_container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    background-color: #000;
    transition: opacity .3s
}

#video_container.in {
    opacity: 1
}

#video_container iframe {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#vid_controls {
    position: absolute;
    bottom: 15px;
    left: 10px;
    right: 10px;
    height: 14px;
    color: rgba(255, 255, 255, .8)
}

#vid_controls .btn {
    position: absolute;
    left: 5px;
    top: -2px;
    font-size: 18px;
    cursor: pointer
}

#time {
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 12px
}

#range {
    position: absolute;
    bottom: 5px;
    left: 50px;
    right: 50px;
    height: 2px
}

#range span {
    position: absolute;
    height: 100%;
    width: 50%;
    background-color: #77cad5;
    top: 0;
    left: 0
}

#vid_indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100px;
    height: 100px;
    color: #58bd91;
    text-align: center;
    font-size: 80px;
    line-height: 100px;
    margin: auto;
    -webkit-animation: spin .5s linear infinite;
    -moz-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite;
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

#vid_indicator.ng-hide {
    opacity: 0
}

#video_close {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    background-color: #307167;
    text-align: center
}

#video_close span {
    font-size: 42px;
    line-height: 60px;
    color: #fff;
    position: relative;
    display: block
}

#video_close:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #58bd91;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    transition: all .15s
}

#video_close:hover:before {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

@-webkit-keyframes vidBtnIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes vidBtnIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes vidBtnIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes vidBtnOut {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
}

@-moz-keyframes vidBtnOut {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
}

@keyframes vidBtnOut {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
}

#blocks_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s;
    cursor: url(img/close_cursor.png), auto;
    z-index: 101
}

#blocks_bg.ng-hide {
    opacity: 0
}

.block_wrapper {
    position: fixed;
    top: 5%;
    left: 12%;
    right: 12%;
    bottom: 5%;
    z-index: 102
}

.block_wrapper.ng-enter {
    z-index: 103
}

.block_wrapper.ng-enter .inner_block {
    -webkit-animation: fadeIn .3s both .4s;
    -moz-animation: fadeIn .3s both .4s;
    animation: fadeIn .3s both .4s
}

.block_wrapper.ng-leave {
    z-index: 102
}

.block_wrapper.ng-leave .inner_block {
    -webkit-animation: fadeOut .2s both;
    -moz-animation: fadeOut .2s both;
    animation: fadeOut .2s both
}

.blocks_btn {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 20vw;
    height: 20vw;
    margin: auto;
    z-index: 104
}

@media only screen and (max-width:980px) {
    #mobile_toggle {
        display: block
    }
    .blocks_btn {
        width: 280px;
        height: 150px;
        top: auto;
        bottom: 30px
    }
}

@media only screen and (max-width:760px) {
    .blocks_btn {
        width: 140px;
        height: 140px
    }
}

@media only screen and (max-width:560px) {
    #menu_links {
        max-height: 80vh
    }
    .block_wrapper {
        left: 8%;
        right: 8%
    }
    .blocks_btn {
        width: 180px;
        height: 60px;
        top: auto;
        bottom: 10px
    }
}

.blocks_btn svg rect {
    stroke-dasharray: 1400;
    stroke-dashoffset: 1401;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

.blocks_btn h3 {
    position: absolute;
    top: 48%;
    line-height: 0;
    white-space: nowrap;
    font-size: 1.8vw;
    color: #fff;
    font-family: "Roboto Slab", serif;
    font-weight: 100;
    transition: all .5s
}

.blocks_btn h3 .line,
.inner_block {
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.blocks_btn h3 span {
    display: inline-block;
    vertical-align: middle
}

.blocks_btn h3 .line {
    width: 20px;
    margin: 0 10px;
    position: relative;
    height: 1px;
    top: 3px;
    background-color: #fff;
    transition: all .5s
}

.block_loader,
.inner_block,
.ripple {
    position: absolute
}

.bird_beam:after,
.blocks_btn h3 .line:after {
    height: 7px;
    content: ""
}

.blocks_btn h3 .line:after {
    position: absolute;
    top: -3px;
    width: 7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff
}

.blocks_btn:hover:not(.ng-hide-add) svg rect {
    stroke-dashoffset: 0
}

.blocks_btn:hover:not(.ng-hide-add) h3 .line {
    width: 40px
}

.blocks_btn.ng-hide-remove {
    -webkit-animation: blocksBtnIn .7s both .3s;
    -moz-animation: blocksBtnIn .7s both .3s;
    animation: blocksBtnIn .7s both .3s
}

.blocks_btn.ng-hide-remove h3 {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-animation: fadeIn .2s both .8s;
    -moz-animation: fadeIn .2s both .8s;
    animation: fadeIn .2s both .8s
}

.blocks_btn.ng-hide-add {
    -webkit-animation: blocksBtnOut .5s both;
    -moz-animation: blocksBtnOut .5s both;
    animation: blocksBtnOut .5s both
}

.blocks_btn.ng-hide-add h3 {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    -webkit-animation: fadeOut .2s both;
    -moz-animation: fadeOut .2s both;
    animation: fadeOut .2s both
}

.blocks_btn.ng-hide-add svg rect {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.blocks_btn.tech_btn {
    text-align: right;
    background: -moz-radial-gradient(center, ellipse cover, #307167 0, #285f57 70%);
    background: -webkit-gradient(radial, center center, 0, center center, 70%, color-stop(0, #307167), color-stop(70%, #285f57));
    background: -webkit-radial-gradient(center, ellipse cover, #307167 50%, #285f57 70%);
    background: -o-radial-gradient(center, ellipse cover, #307167 0, #285f57 70%);
    background: -ms-radial-gradient(center, ellipse cover, #307167 0, #285f57 70%);
    background: radial-gradient(ellipse at center, #307167 0, #285f57 70%);
    left: 4%;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right
}

.blocks_btn.tech_btn h3 {
    right: 10%
}

.blocks_btn.tech_btn h3 .line:after {
    right: 0
}

.blocks_btn.cases_btn {
    text-align: left;
    background: -moz-radial-gradient(center, ellipse cover, #9fd8de 0, #8cd0d7 70%);
    background: -webkit-gradient(radial, center center, 0, center center, 70%, color-stop(0, #9fd8de), color-stop(70%, #8cd0d7));
    background: -webkit-radial-gradient(center, ellipse cover, #9fd8de 50%, #8cd0d7 70%);
    background: -o-radial-gradient(center, ellipse cover, #9fd8de 0, #8cd0d7 70%);
    background: -ms-radial-gradient(center, ellipse cover, #9fd8de 0, #8cd0d7 70%);
    background: radial-gradient(ellipse at center, #9fd8de 0, #8cd0d7 70%);
    right: 4%;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left
}

.blocks_btn.cases_btn h3 {
    left: 10%
}

#cases_container .block_close,
.blocks_btn.cases_btn h3 .line:after,
.inner_block,
.ripple {
    left: 0
}

@-webkit-keyframes blocksBtnIn {
    from {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    to {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-moz-keyframes blocksBtnIn {
    from {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    to {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes blocksBtnIn {
    from {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    to {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes blocksBtnOut {
    from {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    to {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

@-moz-keyframes blocksBtnOut {
    from {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    to {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

@keyframes blocksBtnOut {
    from {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    to {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

body.ie .blocks_btn svg rect {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

body.ie .blocks_btn:hover:not(.ng-hide-add) svg rect {
    opacity: 1
}

#tech_container {
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right;
    background: -moz-radial-gradient(center, ellipse cover, #285f57 0, #307167 70%);
    background: -webkit-gradient(radial, center center, 0, center center, 70%, color-stop(0, #285f57), color-stop(70%, #307167));
    background: -webkit-radial-gradient(center, ellipse cover, #285f57 50%, #307167 70%);
    background: -o-radial-gradient(center, ellipse cover, #285f57 0, #307167 70%);
    background: -ms-radial-gradient(center, ellipse cover, #285f57 0, #307167 70%);
    background: radial-gradient(ellipse at center, #285f57 0, #307167 70%);
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    transform: translateX(-10%)
}

@media only screen and (max-width:980px) {
    .blocks_btn h3 {
        font-size: 3vh
    }
    #tech_container {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (max-width:760px) {
    .blocks_btn h3 {
        font-size: 20px
    }
    .blocks_btn.tech_btn {
        display: none!important
    }
    #tech_container {
        -webkit-transform: translateX(-10%);
        -moz-transform: translateX(-10%);
        transform: translateX(-10%);
        display: block
    }
}

#tech_container.ng-enter {
    -webkit-animation: techIn .7s both;
    -moz-animation: techIn .7s both;
    animation: techIn .7s both
}

@media only screen and (max-width:980px) {
    #tech_container.ng-enter {
        -webkit-animation: mobileIn .7s both;
        -moz-animation: mobileIn .7s both;
        animation: mobileIn .7s both
    }
}

@media only screen and (max-width:760px) {
    #tech_container.ng-enter {
        -webkit-animation: techIn .7s both;
        -moz-animation: techIn .7s both;
        animation: techIn .7s both
    }
}

@media only screen and (max-width:560px) {
    #tech_container {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
    #tech_container.ng-enter {
        -webkit-animation: mobileIn .7s both;
        -moz-animation: mobileIn .7s both;
        animation: mobileIn .7s both
    }
}

#tech_container.ng-leave {
    -webkit-animation: techOut .7s both;
    -moz-animation: techOut .7s both;
    animation: techOut .7s both
}

@media only screen and (max-width:980px) {
    #tech_container.ng-leave {
        -webkit-animation: mobileOut .7s both;
        -moz-animation: mobileOut .7s both;
        animation: mobileOut .7s both
    }
}

@media only screen and (max-width:760px) {
    #tech_container.ng-leave {
        -webkit-animation: techOut .7s both;
        -moz-animation: techOut .7s both;
        animation: techOut .7s both
    }
}

#tech_container .block_close {
    right: 0
}

#cases_container {
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    background: -moz-radial-gradient(center, ellipse cover, #84cdd5 0, #9fd8de 70%);
    background: -webkit-gradient(radial, center center, 0, center center, 70%, color-stop(0, #84cdd5), color-stop(70%, #9fd8de));
    background: -webkit-radial-gradient(center, ellipse cover, #84cdd5 50%, #9fd8de 70%);
    background: -o-radial-gradient(center, ellipse cover, #84cdd5 0, #9fd8de 70%);
    background: -ms-radial-gradient(center, ellipse cover, #84cdd5 0, #9fd8de 70%);
    background: radial-gradient(ellipse at center, #84cdd5 0, #9fd8de 70%);
    -webkit-transform: translateX(10%);
    -moz-transform: translateX(10%);
    transform: translateX(10%)
}

@media only screen and (max-width:980px) {
    #cases_container {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@media only screen and (max-width:760px) {
    #cases_container {
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        transform: translateX(10%)
    }
}

@media only screen and (max-width:560px) {
    #tech_container.ng-leave {
        -webkit-animation: mobileOut .7s both;
        -moz-animation: mobileOut .7s both;
        animation: mobileOut .7s both
    }
    #cases_container {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

#cases_container.ng-enter {
    -webkit-animation: casesIn .7s both;
    -moz-animation: casesIn .7s both;
    animation: casesIn .7s both
}

@media only screen and (max-width:980px) {
    #cases_container.ng-enter {
        -webkit-animation: mobileIn .7s both;
        -moz-animation: mobileIn .7s both;
        animation: mobileIn .7s both
    }
}

@media only screen and (max-width:760px) {
    #cases_container.ng-enter {
        -webkit-animation: casesIn .7s both;
        -moz-animation: casesIn .7s both;
        animation: casesIn .7s both
    }
}

@media only screen and (max-width:560px) {
    #cases_container.ng-enter {
        -webkit-animation: mobileIn .7s both;
        -moz-animation: mobileIn .7s both;
        animation: mobileIn .7s both
    }
}

#cases_container.ng-leave {
    -webkit-animation: casesOut .7s both;
    -moz-animation: casesOut .7s both;
    animation: casesOut .7s both
}

@media only screen and (max-width:980px) {
    #cases_container.ng-leave {
        -webkit-animation: mobileOut .7s both;
        -moz-animation: mobileOut .7s both;
        animation: mobileOut .7s both
    }
}

@media only screen and (max-width:760px) {
    #cases_container.ng-leave {
        -webkit-animation: casesOut .7s both;
        -moz-animation: casesOut .7s both;
        animation: casesOut .7s both
    }
}

@media only screen and (max-width:560px) {
    #cases_container.ng-leave {
        -webkit-animation: mobileOut .7s both;
        -moz-animation: mobileOut .7s both;
        animation: mobileOut .7s both
    }
}

@-webkit-keyframes techIn {
    from {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
    to {
        -webkit-transform: scale(1, 1) translateX(-10%);
        -moz-transform: scale(1, 1) translateX(-10%);
        transform: scale(1, 1) translateX(-10%)
    }
}

@-moz-keyframes techIn {
    from {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
    to {
        -webkit-transform: scale(1, 1) translateX(-10%);
        -moz-transform: scale(1, 1) translateX(-10%);
        transform: scale(1, 1) translateX(-10%)
    }
}

@keyframes techIn {
    from {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
    to {
        -webkit-transform: scale(1, 1) translateX(-10%);
        -moz-transform: scale(1, 1) translateX(-10%);
        transform: scale(1, 1) translateX(-10%)
    }
}

@-webkit-keyframes techOut {
    from {
        -webkit-transform: scale(1, 1) translateX(-10%);
        -moz-transform: scale(1, 1) translateX(-10%);
        transform: scale(1, 1) translateX(-10%)
    }
    to {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
}

@-moz-keyframes techOut {
    from {
        -webkit-transform: scale(1, 1) translateX(-10%);
        -moz-transform: scale(1, 1) translateX(-10%);
        transform: scale(1, 1) translateX(-10%)
    }
    to {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
}

@keyframes techOut {
    from {
        -webkit-transform: scale(1, 1) translateX(-10%);
        -moz-transform: scale(1, 1) translateX(-10%);
        transform: scale(1, 1) translateX(-10%)
    }
    to {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
}

@-webkit-keyframes casesIn {
    from {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
    to {
        -webkit-transform: scale(1, 1) translateX(10%);
        -moz-transform: scale(1, 1) translateX(10%);
        transform: scale(1, 1) translateX(10%)
    }
}

@-moz-keyframes casesIn {
    from {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
    to {
        -webkit-transform: scale(1, 1) translateX(10%);
        -moz-transform: scale(1, 1) translateX(10%);
        transform: scale(1, 1) translateX(10%)
    }
}

@keyframes casesIn {
    from {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
    to {
        -webkit-transform: scale(1, 1) translateX(10%);
        -moz-transform: scale(1, 1) translateX(10%);
        transform: scale(1, 1) translateX(10%)
    }
}

@-webkit-keyframes casesOut {
    from {
        -webkit-transform: scale(1, 1) translateX(10%);
        -moz-transform: scale(1, 1) translateX(10%);
        transform: scale(1, 1) translateX(10%)
    }
    to {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
}

@-moz-keyframes casesOut {
    from {
        -webkit-transform: scale(1, 1) translateX(10%);
        -moz-transform: scale(1, 1) translateX(10%);
        transform: scale(1, 1) translateX(10%)
    }
    to {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
}

@keyframes casesOut {
    from {
        -webkit-transform: scale(1, 1) translateX(10%);
        -moz-transform: scale(1, 1) translateX(10%);
        transform: scale(1, 1) translateX(10%)
    }
    to {
        -webkit-transform: scale(0, 1) translateX(0);
        -moz-transform: scale(0, 1) translateX(0);
        transform: scale(0, 1) translateX(0)
    }
}

@-webkit-keyframes mobileIn {
    from {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    to {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-moz-keyframes mobileIn {
    from {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    to {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@keyframes mobileIn {
    from {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
    to {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
}

@-webkit-keyframes mobileOut {
    from {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    to {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

@-moz-keyframes mobileOut {
    from {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    to {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

@keyframes mobileOut {
    from {
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    to {
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        transform: scale(0, 1)
    }
}

.inner_block {
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .5s
}

.block_loader {
    top: 0;
    bottom: 250px;
    right: 0;
    left: 0;
    margin: auto;
    width: 70px;
    height: 70px;
    font-size: 70px;
    line-height: 70px;
    text-align: center;
    color: rgba(255, 255, 255, .6)
}

#play,
#ripples,
#screen,
#tech_content {
    position: relative
}

.block_loader span {
    display: block;
    -webkit-animation: spin .8s linear infinite;
    -moz-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite
}

.block_loader.ng-hide-remove {
    -webkit-animation: fadeIn .2s both;
    -moz-animation: fadeIn .2s both;
    animation: fadeIn .2s both
}

.block_loader.ng-hide-add {
    -webkit-animation: fadeOut .2s both .2s;
    -moz-animation: fadeOut .2s both .2s;
    animation: fadeOut .2s both .2s
}

#tech_content {
    color: #fff;
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    height: 100%;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0
}

#tech_content.ready {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

#tech_content>h3 {
    margin: 30px auto 20px;
    font-size: 52px
}

@media only screen and (max-width:1200px) {
    #tech_content>h3 {
        line-height: 1;
        margin: 20px auto 10px;
        font-size: 46px
    }
}

@media only screen and (max-width:980px) {
    #tech_content>h3 {
        margin: 10px auto;
        font-size: 38px;
        padding: 0 10px
    }
}

#tech_content>p {
    margin: auto;
    max-width: 560px;
    font-size: 16px
}

@media only screen and (max-width:980px) {
    #tech_content>p {
        padding: 0 10px;
        font-size: 15px
    }
}

#add_bird p,
.drag_bird p {
    padding: 5px 10px;
    font-family: "Open Sans", sans-serif;
    white-space: nowrap
}

#tech_content>img {
    max-width: 100%
}

body.touch #tech_content {
    overflow: auto
}

#play {
    max-width: 960px;
    margin: 0 auto;
    padding: 50px 0 250px;
    overflow: visible;
    z-index: 1
}

#screen {
    width: 100%;
    z-index: 0
}

#ripples {
    width: 170px;
    height: 170px;
    margin: 100px auto 0;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #285f57
}

@media only screen and (max-width:1200px) {
    #ripples {
        margin-top: 30px
    }
}

.ripple {
    top: 0;
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .08)
}

#add_bird,
#add_bird p {
    left: 50%;
    position: absolute;
    text-align: center
}

.ripple.first {
    -webkit-animation: ripples 4s infinite linear;
    -moz-animation: ripples 4s infinite linear;
    animation: ripples 4s infinite linear
}

.ripple.second {
    -webkit-animation: ripples 4s infinite linear 1s;
    -moz-animation: ripples 4s infinite linear 1s;
    animation: ripples 4s infinite linear 1s
}

.ripple.third {
    -webkit-animation: ripples 4s infinite linear 2s;
    -moz-animation: ripples 4s infinite linear 2s;
    animation: ripples 4s infinite linear 2s
}

@-webkit-keyframes ripples {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        transform: scale(2.5)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(5);
        -moz-transform: scale(5);
        transform: scale(5)
    }
}

@-moz-keyframes ripples {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        transform: scale(2.5)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(5);
        -moz-transform: scale(5);
        transform: scale(5)
    }
}

@keyframes ripples {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        transform: scale(2.5)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(5);
        -moz-transform: scale(5);
        transform: scale(5)
    }
}

#add_bird {
    top: 0;
    width: 30px;
    height: 30px;
    background-color: #fff;
    color: #307167;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#add_bird p {
    bottom: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 12px;
    opacity: 0;
    -webkit-transform: scale(1, .6) translateX(-50%);
    -moz-transform: scale(1, .6) translateX(-50%);
    transform: scale(1, .6) translateX(-50%);
    -webkit-transition: all .2s;
    transition: all .2s
}

#add_bird b {
    display: block;
    font-size: 26px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 30px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

#add_bird:hover b {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8)
}

#add_bird:hover p {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(-50%);
    -moz-transform: scale(1, 1) translateX(-50%);
    transform: scale(1, 1) translateX(-50%)
}

@-webkit-keyframes newBird {
    from {
        opacity: 0;
        top: 250px
    }
    to {
        opacity: 1;
        top: 290px
    }
}

@-moz-keyframes newBird {
    from {
        opacity: 0;
        top: 250px
    }
    to {
        opacity: 1;
        top: 290px
    }
}

@keyframes newBird {
    from {
        opacity: 0;
        top: 250px
    }
    to {
        opacity: 1;
        top: 290px
    }
}

.drag_bird {
    width: 160px;
    height: 160px;
    position: absolute;
    cursor: move;
    cursor: -webkit-grab
}

.drag_bird .bird_ripple {
    pointer-events: none;
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.bird_beam,
.drag_bird p {
    left: 50%;
    position: absolute
}

.drag_bird .bird_ripple .ripple {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    background: url(img/ripple.svg) center no-repeat;
    background-size: 100%
}

.drag_bird.new {
    -webkit-animation: newBird .3s both;
    -moz-animation: newBird .3s both;
    animation: newBird .3s both
}

.drag_bird svg .bird_dash {
    opacity: 0;
    stroke-dasharray: 30;
    stroke-dashoffset: 100;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.drag_bird:hover svg .bird_dash {
    opacity: 1;
    stroke-dashoffset: 0
}

.drag_bird p {
    bottom: 105%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    font-size: 12px;
    text-align: center;
    opacity: 0;
    -webkit-transform: scale(1, .6) translateX(-50%);
    -moz-transform: scale(1, .6) translateX(-50%);
    transform: scale(1, .6) translateX(-50%);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

.drag_bird.active {
    cursor: -webkit-grabbing
}

.drag_bird.active p {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateX(-50%);
    -moz-transform: scale(1, 1) translateX(-50%);
    transform: scale(1, 1) translateX(-50%)
}

.drag_bird.active .bird_ripple {
    opacity: 1
}

.bird_beam {
    top: 100%;
    width: 1px;
    border-left: 1px dashed rgba(255, 255, 255, .5)
}

.bird_beam:after {
    position: absolute;
    bottom: -2px;
    left: -4px;
    width: 7px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

#cases_list,
#cases_txt {
    position: relative;
    top: 50%
}

.bird_1 {
    top: 280px;
    left: 100px
}

.bird_1 .bird_beam {
    height: 270px
}

@media only screen and (max-width:1620px) {
    #play {
        padding: 50px 0 150px
    }
    .bird_1 .bird_beam {
        height: 200px
    }
}

.bird_2 {
    top: 300px;
    right: 80px
}

.bird_2 .bird_beam {
    height: 250px
}

@media only screen and (max-width:1620px) {
    .bird_2 .bird_beam {
        height: 180px
    }
}

#cases_vid_wrapper,
#cases_vid_wrapper:after {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0
}

#paint {
    position: absolute;
    width: 250px;
    height: 125px;
    margin-left: -125px;
    left: 0;
    bottom: -210px;
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    transform: translateX(200px);
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(img/dots.png);
    opacity: .5
}

#paint.play {
    animation: dots 3s steps(30) infinite
}

@media only screen and (max-width:1620px) {
    #paint {
        bottom: -230px
    }
}

@-webkit-keyframes dots {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -4500px
    }
}

@-moz-keyframes dots {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -4500px
    }
}

@keyframes dots {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -4500px
    }
}

#cases_vid_wrapper {
    overflow: hidden;
    opacity: 0
}

#cases_vid_wrapper.ready {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1
}

#cases_list li,
.solutions_vid span {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

#cases_vid_wrapper:after {
    content: "";
    background-color: rgba(0, 0, 0, .5)
}

#cases_vid_wrapper video {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
}

#cases_list {
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:760px) {
    #ripples {
        margin-top: 20px
    }
    #cases_list {
        top: 40%
    }
}

#cases_list li {
    position: relative;
    display: inline-block;
    margin: 0 20px;
    cursor: pointer;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid rgba(255, 255, 255, .5);
    width: 50px;
    transition: all .3s
}

@media only screen and (max-width:760px) {
    #cases_list li {
        margin: 0 10px;
        width: 40px
    }
}

#cases_list li.active,
#cases_list li:hover {
    width: 160px
}

@media only screen and (max-width:760px) {
    #cases_list li.active,
    #cases_list li:hover {
        width: 120px
    }
}

#cases_list li.active span,
#cases_list li:hover span {
    color: #474a4b
}

#cases_list li:not(:last-child):after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    display: inline-block;
    width: 40px;
    margin-left: 1px;
    height: 2px;
    background-color: rgba(255, 255, 255, .5)
}

@media only screen and (max-width:760px) {
    #cases_list li:not(: last-child):after {
        width: 20px
    }
}

@media only screen and (max-width:560px) {
    #cases_list {
        top: 30%
    }
    #cases_list li {
        margin: 10px auto;
        display: block
    }
    #cases_list li:not(:last-child):after {
        top: 100%;
        left: 50%;
        width: 2px;
        margin-left: -1px;
        height: 10px
    }
}

#cases_list li span {
    background-color: rgba(255, 255, 255, .75);
    color: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 8px;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    margin: 5px;
    display: block;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}

body.touch #cases_list li:not(.active):hover {
    width: 50px
}

#cases_txt {
    text-align: center;
    margin: 50px auto 0;
    color: #fff
}

@media only screen and (max-width:760px) {
    #cases_list li span {
        padding: 5px 0;
        font-size: 14px
    }
    body.touch #cases_list li:not(.active):hover {
        width: 40px
    }
    #cases_txt {
        margin-top: 20px;
        top: 35%
    }
}

@media only screen and (max-width:560px) {
    #cases_txt {
        top: 12%
    }
}

#cases_txt li {
    position: absolute;
    width: 100%
}

#cases_txt li.ng-hide-remove {
    -webkit-animation: titleIn .5s both .2s;
    -moz-animation: titleIn .5s both .2s;
    animation: titleIn .5s both .2s
}

#cases_txt li.ng-hide-add {
    -webkit-animation: titleOut .3s both;
    -moz-animation: titleOut .3s both;
    animation: titleOut .3s both
}

#cases_txt li h5 {
    font-size: 30px;
    max-width: 620px;
    font-family: "Roboto Slab", serif;
    margin: auto
}

#cases_txt li a,
.solutions_txt {
    font-weight: 300;
    font-family: "Open Sans", sans-serif
}

@media only screen and (max-width:1200px) {
    #cases_txt li h5 {
        font-size: 26px
    }
}

@media only screen and (max-width:760px) {
    #cases_txt li h5 {
        font-size: 16px;
        padding: 0 5px
    }
}

#cases_txt li a {
    display: block;
    margin: 20px auto 0;
    font-size: 20px;
    color: #fff
}

#cases_txt li a:before {
    content: "";
    display: block;
    margin: 0 auto 20px;
    width: 80px;
    height: 1px;
    background-color: rgba(255, 255, 255, .7);
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    transition: width .2s
}

@media only screen and (max-width:760px) {
    #cases_txt li a {
        font-size: 18px;
        margin-top: 10px
    }
    #cases_txt li a:before {
        margin-bottom: 10px
    }
}

#cases_txt li a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    -webkit-transition: margin-left .2s;
    -moz-transition: margin-left .2s;
    transition: margin-left .2s
}

#solutions_nav a,
.about_box,
.journey h3 a,
.solutions_txt,
.solutions_vid {
    vertical-align: top
}

#cases_txt li a:hover:before {
    width: 60px
}

#cases_txt li a:hover span {
    margin-left: 10px
}

.block_close {
    position: absolute;
    top: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    color: rgba(255, 255, 255, .7);
    padding-top: 12px;
    font-size: 30px;
    text-align: center;
    opacity: .7;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

.solutions_cover h1:after,
.solutions_txt h3:after {
    height: 1px;
    content: "";
    border-bottom: 3px solid
}

.block_close span {
    display: block
}

.block_close:hover {
    color: #fff
}

.solutions_cover {
    position: relative;
    padding: 18vh 5vw 30vh;
    background-color: #dff0d8;
    background-position: center 5%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    text-align: left
}

#solutions_nav a,
.solutions_vid,
.solutions_vid_wrapper {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.solutions_cover:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5)
}

.solutions_cover.education {
    background-image: url(img/education_cover.jpg)
}

.solutions_cover.corporate {
    background-image: url(img/corporate_cover.jpg)
}

.solutions_cover.personal {
    background-image: url(img/personal_cover.jpg)
}

.solutions_cover.professionals {
    background-image: url(img/professionals_cover.jpg)
}

.solutions_cover h1 {
    position: relative;
    font-size: 5vw;
    line-height: 1.05
}

.solutions_cover h1:after {
    display: block;
    width: 90px;
    margin: 10px 0
}

@media only screen and (max-width:980px) {
    .solutions_cover {
        padding: 120px 30px 250px
    }
    .solutions_cover h1 {
        font-size: 42px
    }
    .solutions_cover h1:after {
        width: 60px
    }
}

.solutions_cover h2 {
    position: relative;
    font-size: 1.43vw
}

@media only screen and (max-width:980px) {
    .solutions_cover h2 {
        font-size: 18px
    }
}

.solutions_txt {
    text-align: left;
    display: inline-block;
    position: relative;
    padding: 30px 130px 30px 30px;
    width: 50vw;
    -webkit-transform: translate(30px, -30px);
    -moz-transform: translate(30px, -30px);
    transform: translate(30px, -30px)
}

#solutions_nav a span,
.the_team li.contact a {
    font-family: "Roboto Slab", serif
}

@media only screen and (max-width:1200px) {
    .solutions_txt {
        width: 60vw;
        padding: 30px 110px 30px 20px
    }
}

@media only screen and (max-width:760px) {
    .solutions_txt {
        display: block;
        padding: 20px;
        -webkit-transform: translate(0, -30px);
        -moz-transform: translate(0, -30px);
        transform: translate(0, -30px);
        width: 90%;
        margin: auto
    }
}

.solutions_txt p {
    font-size: 16px;
    margin-bottom: 25px;
    color: #474a4b;
    font-weight: 400
}

@media only screen and (max-width:1200px) {
    .solutions_txt p {
        font-size: 15px
    }
}

.solutions_txt h3 {
    color: #797d7f;
    font-size: 22px;
    margin-bottom: 15px;
    max-width: 680px
}

@media only screen and (max-width:1200px) {
    .solutions_txt h3 {
        font-size: 20px
    }
}

.solutions_txt h3:after {
    display: block;
    margin-top: 13px;
    background-color: #797d7f;
    width: 30px
}

.solutions_txt h4 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 25px;
    max-width: 560px;
    padding: 18px 20px 20px
}

@media only screen and (max-width:980px) {
    .solutions_txt h4 {
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        transform: translateX(-30px)
    }
}

#solutions_nav a span,
.solutions_vid span {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    color: #fff
}

.solutions_vid {
    display: inline-block;
    position: relative;
    width: 30vw;
    height: 25vw;
    margin-top: 180px;
    cursor: pointer
}

@media only screen and (max-width:1200px) {
    .solutions_txt h4 {
        font-size: 20px
    }
    .solutions_vid {
        margin-top: 150px
    }
}

@media only screen and (max-width:760px) {
    .solutions_vid {
        display: block;
        width: 280px;
        height: 270px;
        margin: -20px auto 0
    }
}

.solutions_vid span {
    font-size: 50px;
    position: relative;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s
}

.solutions_vid:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .2);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.solutions_vid:hover span {
    -webkit-transform: translateY(-50%) rotate(121deg);
    -moz-transform: translateY(-50%) rotate(121deg);
    transform: translateY(-50%) rotate(121deg)
}

.solutions_vid:hover:before {
    background-color: rgba(0, 0, 0, .3)
}

.solutions_vid.education {
    background-image: url(img/education_video.jpg)
}

.solutions_vid.corporate {
    background-image: url(img/corporate_video.jpg)
}

.solutions_vid.personal {
    background-image: url(img/personal_video.jpg)
}

.solutions_vid.professionals {
    background-image: url(img/professionals_video.jpg)
}

#solutions_nav {
    margin-top: 120px
}

#solutions_nav a {
    position: relative;
    display: inline-block;
    margin-left: -15px;
    width: 35%;
    height: 220px;
    max-width: 700px;
    cursor: pointer;
    text-align: right
}

@media only screen and (max-width:1200px) {
    #solutions_nav {
        margin-top: 80px
    }
    #solutions_nav a {
        width: 45%;
        height: 200px
    }
}

#solutions_nav a:first-child {
    text-align: left;
    margin-top: 15px
}

@media only screen and (max-width:760px) {
    #solutions_nav a {
        display: block;
        width: 70%;
        height: 120px;
        margin: -15px 25% 0
    }
    #solutions_nav a:first-child {
        margin-top: 0;
        margin-left: 15px
    }
}

#solutions_nav a:first-child .svg_wrapper {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

#solutions_nav a svg rect {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2001;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

#solutions_nav a:hover svg rect {
    stroke-dashoffset: 0
}

#solutions_nav a:hover:first-child span {
    -webkit-transform: translate(-10px, -50%);
    -moz-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%)
}

#solutions_nav a:hover:last-child span {
    -webkit-transform: translate(10px, -50%);
    -moz-transform: translate(10px, -50%);
    transform: translate(10px, -50%)
}

#solutions_nav a:hover .solutions_vid_wrapper:after {
    background-color: rgba(0, 0, 0, .35)
}

#solutions_nav a span {
    padding: 50px;
    font-size: 20px;
    position: relative;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

body.ie #solutions_nav a svg rect {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

body.ie #solutions_nav a:hover svg rect {
    opacity: 1
}

.solutions_vid_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.solutions_vid_wrapper video {
    position: absolute;
    z-index: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    min-height: 100%;
    width: auto;
    height: auto;
    max-width: 120%
}

#bird_wrapper,
#bird_wrapper canvas,
.solutions_vid_wrapper:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#team_btn a,
.more_team {
    -moz-transform: translateZ(0)
}

.solutions_vid_wrapper:after {
    content: "";
    background-color: rgba(0, 0, 0, .2);
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    transition: background-color .5s
}

#about_hero,
#about_hero h1,
#about_muv,
#about_muv figure,
#team_btn,
.about_box {
    position: relative
}

#about_hero {
    text-align: left;
    padding: 18vh 5vw 20vh;
    background-image: -webkit-gradient(linear, left top, right top, from(#58bd91), to(#77cad5));
    background-image: -webkit-linear-gradient(left, #58bd91, #77cad5);
    background-image: -moz-linear-gradient(left, #58bd91, #77cad5);
    background-image: -ms-linear-gradient(left, #58bd91, #77cad5);
    background-image: -o-linear-gradient(left, #58bd91, #77cad5);
    background-image: linear-gradient(left, #58bd91, #77cad5);
    overflow: hidden
}

#about_hero h1 {
    font-size: 5vw;
    line-height: 1.05;
    color: #fff
}

@media only screen and (max-width:980px) {
    #about_hero {
        padding: 120px 30px 250px
    }
    #about_hero h1 {
        font-size: 42px
    }
}

#about_hero h1:after {
    content: "";
    display: block;
    height: 1px;
    border-bottom: 5px solid;
    width: 60px;
    margin-top: 15px
}

.about_box {
    padding: 30px;
    display: inline-block;
    text-align: left;
    color: #fff
}

.about_box p {
    font-size: 18px
}

.about_box p:first-child {
    margin-bottom: 25px
}

.about_box.half {
    max-width: 660px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 30px;
    width: 38%
}

@media only screen and (max-width:1200px) {
    .about_box {
        padding: 25px
    }
    .about_box p {
        font-size: 16px
    }
    .about_box.half {
        width: 45%;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 20px
    }
}

@media only screen and (max-width:980px) {
    .about_box.half {
        width: 90%;
        margin-top: 0
    }
}

.about_box:nth-child(2) {
    margin-top: 120px
}

@media only screen and (max-width:980px) {
    .about_box:nth-child(2) {
        margin-top: 10px
    }
}

.about_box.full {
    padding: 0;
    width: 88%;
    height: 450px;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row
}

#about_svg li svg,
#team_btn a {
    display: block
}

.about_box.full>div,
.about_box.full>figure {
    height: 100%;
    margin: 0;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1
}

.about_box.full>div {
    padding: 30px;
    background-color: #5db1a1;
    max-width: 380px
}

#team_bg h1,
#team_bg h2,
.the_team {
    max-width: 1520px
}

.about_box.w_bg {
    background-color: #fff;
    color: #58bd91
}

#about_svg {
    margin: 30px auto 100px
}

#about_svg li {
    display: inline-block;
    margin: 0 60px;
    width: 120px
}

@media only screen and (max-width:1200px) {
    #about_svg li {
        margin: 0 55px
    }
}

#about_svg li div {
    font-size: 26px;
    font-weight: 300;
    color: #5db1a1;
    white-space: nowrap
}

#about_svg li div i,
#about_svg li div span {
    display: inline-block;
    vertical-align: bottom
}

#about_svg li div i {
    font-size: 60%
}

body:not(.touch) #about_svg li svg line,
body:not(.touch) #about_svg li svg path {
    stroke-dasharray: 210;
    stroke-dashoffset: 211;
    -webkit-transition: stroke-dashoffset 4s;
    -moz-transition: stroke-dashoffset 4s;
    transition: stroke-dashoffset 4s
}

#team_btn a rect,
body:not(.touch) #about_svg.active li svg line,
body:not(.touch) #about_svg.active li svg path {
    stroke-dashoffset: 0
}

#muv_map,
form>div:after {
    -webkit-transition: all .2s;
    -moz-transition: all .2s
}

#muv_map {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: -25px;
    right: 50px;
    background-color: #fff;
    color: #77cad5;
    text-align: center;
    font-size: 36px;
    padding-top: 6px;
    transition: all .2s
}

#muv_map:hover {
    background-color: #f0f6fa;
    padding-top: 8px
}

#about_muv {
    margin: 0 auto 80px
}

#about_muv figure {
    z-index: 2;
    margin: 0 auto;
    width: 180px;
    height: 180px;
    background: url(img/muv_logo.svg) 49% 54% no-repeat
}

#team_btn {
    margin: 50px auto 0;
    display: inline-block;
    -webkit-perspective: 500px;
    perspective: 500px
}

.about_lines,
.about_lines:after {
    position: absolute;
    background-color: #5db1a1
}

#team_btn a {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-size: 22px;
    color: #339082;
    width: 520px;
    height: 180px;
    padding-top: 74px
}

@media only screen and (max-width:980px) {
    #about_muv figure,
    #about_svg {
        display: none
    }
    #team_btn a {
        width: 310px;
        height: 160px;
        padding-top: 64px;
        margin: 0 auto
    }
}

#team_btn a .txt {
    letter-spacing: 0;
    -webkit-transition: letter-spacing .8s;
    -moz-transition: letter-spacing .8s;
    transition: letter-spacing .8s
}

#bird_icons li:hover p,
#team_btn a:hover .txt {
    letter-spacing: 3px
}

#team_btn a rect {
    stroke-dasharray: 1400;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}

#team_btn a .icon-back {
    display: inline-block;
    vertical-align: middle
}

#team_btn a:hover rect {
    stroke-dashoffset: 1400
}

body:not(.touch) #about_muv circle {
    stroke-dasharray: 500;
    stroke-dashoffset: 501;
    -webkit-transition: stroke-dashoffset 2s;
    -moz-transition: stroke-dashoffset 2s;
    transition: stroke-dashoffset 2s
}

body:not(.touch) #about_muv.active circle {
    stroke-dasharray: 6;
    stroke-dashoffset: 0
}

body.ie #team_btn a rect {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

body.ie #team_btn a:hover rect {
    opacity: 0
}

.about_lines {
    width: 1px;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform-origin: bottom;
    bottom: 110%
}

.about_lines:after {
    content: "";
    left: -4px;
    width: 9px;
    height: 9px
}

#team_bg,
#team_bg h1,
.the_team,
.the_team li {
    position: relative
}

.about_lines.l,
.about_lines.r {
    height: 300px;
    bottom: 80%
}

.about_lines.lm,
.about_lines.rm {
    height: 100px;
    bottom: 100%
}

.about_lines.l {
    -webkit-transform: rotate(-67deg);
    -moz-transform: rotate(-67deg);
    transform: rotate(-67deg);
    left: 0
}

.about_lines.r {
    -webkit-transform: rotate(67deg);
    -moz-transform: rotate(67deg);
    transform: rotate(67deg);
    right: 0
}

.about_lines.lm {
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    transform: rotate(-35deg);
    left: 30px
}

.about_lines.rm {
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    transform: rotate(35deg);
    right: 30px
}

.about_lines.b,
.team_content {
    -webkit-transform-origin: top;
    -moz-transform-origin: top
}

.about_lines.b {
    height: 80px;
    transform-origin: top;
    top: 110%;
    left: 50%
}

.about_lines.b:after {
    bottom: -4px
}

.about_strip {
    width: 85%;
    margin: -70px auto 0;
    height: 320px;
    background: url(img/about_strip.jpg) center no-repeat;
    background-size: cover
}

#team_bg h1:after,
#team_bg h2:after {
    height: 1px;
    width: 60px;
    display: block;
    content: ""
}

#team_bg {
    padding: 18vh 5vw 5vw;
    background: -moz-radial-gradient(center, ellipse cover, #58bd91 0, #307167 70%);
    background: -webkit-gradient(radial, center center, 0, center center, 70%, color-stop(0, #58bd91), color-stop(70%, #307167));
    background: -webkit-radial-gradient(center, ellipse cover, #58bd91 50%, #307167 70%);
    background: -o-radial-gradient(center, ellipse cover, #58bd91 0, #307167 70%);
    background: -ms-radial-gradient(center, ellipse cover, #58bd91 0, #307167 70%);
    background: radial-gradient(ellipse at center, #58bd91 0, #307167 70%)
}

#partners_bg>figure,
.team_card {
    background-repeat: no-repeat;
    background-size: cover
}

#team_bg h1 {
    text-align: left;
    font-size: 5vw;
    margin: auto;
    line-height: 1.05;
    color: #fff
}

@media only screen and (max-width:980px) {
    #team_bg {
        padding: 120px 30px 30px
    }
    #team_bg h1 {
        font-size: 42px
    }
}

#team_bg h1:after {
    border-bottom: 5px solid;
    margin-top: 15px
}

#team_bg h2 {
    color: #fff;
    font-size: 3vw;
    margin: 120px auto 0
}

@media only screen and (max-width:980px) {
    #team_bg h2 {
        margin-top: 90px;
        font-size: 26px
    }
}

#team_bg h2:after {
    border-bottom: 3px solid;
    margin-top: 5px
}

.the_team {
    margin: 30px auto 0
}

@media only screen and (max-width:760px) {
    .the_team {
        margin: 20px auto 0
    }
}

.the_team:after,
.the_team:before {
    content: "";
    display: block;
    clear: both
}

.the_team li {
    cursor: pointer;
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-top: 50px;
    height: 0;
    padding-bottom: 37%
}

@media only screen and (max-width:1200px) {
    .the_team li {
        width: 47.5%;
        padding-bottom: 58%
    }
}

@media only screen and (max-width:760px) {
    .the_team li {
        margin-top: 35px;
        width: 48.5%;
        margin-right: 2%
    }
}

@media only screen and (max-width:560px) {
    .the_team li {
        width: 100%;
        padding-bottom: 120%
    }
}

.the_team li.contact {
    cursor: default;
    background-color: rgba(0, 0, 0, .07)
}

.bird_vid,
.form_message,
.more_team,
.quantity>span,
.send {
    cursor: pointer
}

.the_team li.contact a {
    position: absolute;
    top: 50px;
    left: 50px;
    right: 50px;
    bottom: 50px;
    color: #fff;
    font-size: 1.6vw;
    padding: 50px;
    background-color: rgba(255, 255, 255, .1)
}

@media only screen and (max-width:760px) {
    .the_team li.contact a {
        top: 30px;
        left: 30px;
        right: 30px;
        bottom: 30px;
        padding: 20px
    }
}

.the_team li.contact a:hover:after {
    width: 30px
}

.the_team li.contact a:after {
    content: "";
    display: block;
    height: 1px;
    border-bottom: 2px solid;
    width: 20px;
    margin-top: 8px;
    -webkit-transition: width .5s;
    -moz-transition: width .5s;
    transition: width .5s
}

.the_team li:nth-child(4n) {
    margin-right: 2%;
}

.the_team li:nth-child(4n) .team_content {
    left: auto;
    right: 30px
}

@media only screen and (max-width:1200px) {
    .the_team li.contact a {
        font-size: 20px
    }
    .the_team li:nth-child(3n) {
        margin-right: 5%
    }
    .the_team li:nth-child(3n) .team_content {
        left: 30px;
        right: auto
    }
}

@media only screen and (max-width:760px) {
    .the_team li:nth-child(3n) {
        margin-right: 3%
    }
    .the_team li:nth-child(2n) {
        margin-right: 0
    }
}

@media only screen and (max-width:560px) {
    .the_team li:nth-child(3n) {
        margin-right: 0
    }
    .the_team li:nth-child(3n) .team_content {
        left: 20px;
        right: auto
    }
}

@media only screen and (max-width:1200px) {
    .the_team li:nth-child(2n) {
        margin-right: 0
    }
    .the_team li:nth-child(2n) .team_content {
        left: auto;
        right: 30px
    }
}

@media only screen and (max-width:560px) {
    .the_team li:nth-child(2n) .team_content {
        left: 20px;
        right: auto
    }
}

.more_team,
.the_team li>p {
    right: 35px;
    position: absolute
}

.the_team li>p {
        font-size: 1vw;
    color: #fff;
    left: 3px;
    bottom: 89px;
    -webkit-transition: all .3s .2s;
    -moz-transition: all .3s .2s;
    transition: all .3s .2s;
    font-size: 20px!important;
    font-weight: 500;
    width: 97%;
    padding-left: 5px;
    border-right: 4px #c61d40 solid;
    background: #003E55;

}

@media only screen and (max-width:1200px) {
    .the_team li>p {
        font-size: 15px
    }
}

ul.exec .the_team li .img{
	
	background-image: url();
}


ul.exec .the_team li>p {
	
	background: #000!important;
}
.the_team li .img {
	background-image: url("../images/board/board-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 43px;

    width:84%;
    height: 73%;
  /*  opacity: .5;*/
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-perspective: 300px;
    perspective: 300px
}

.the_team li rect {
    stroke-dasharray: 1900;
    stroke-dashoffset: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

.the_team li.more_in {
    z-index: 2
}

.the_team li.more_in .more_team {
    background-color:#46627b;
}

.the_team li.more_in .img,
.the_team li:hover .img {
    opacity: 1
}

.the_team li.more_in rect,
.the_team li:hover rect {
    stroke-dashoffset: 1900
}

.the_team li.more_in>p,
.the_team li:hover>p {
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    transform: translateY(5px)
}

.the_team li.more_in .more_team,
.the_team li:hover .more_team {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    opacity: 1
}

#odd-block{    left: -120px!important}

.the_team li.more_in .more_team:hover,
.the_team li:hover .more_team:hover {
    -webkit-transform: scale(1) translateY(0) rotate(-180deg);
    -moz-transform: scale(1) translateY(0) rotate(-180deg);
    transform: scale(1) translateY(0) rotate(-180deg)
}

/*.the_team li:nth-child(1) .team_content .qa p:nth-child(1),
.the_team li:nth-child(10) .team_content .qa p:nth-child(1) {
    background-color: #64c2cf
}

.the_team li:nth-child(1) .team_content .qa p:nth-child(2),
.the_team li:nth-child(10) .team_content .qa p:nth-child(2) {
    background-color: #50bbc9
}

.the_team li:nth-child(1) .team_content .qa p:nth-child(3),
.the_team li:nth-child(10) .team_content .qa p:nth-child(3) {
    background-color: #3db3c3
}

.the_team li:nth-child(1) .team_content .qa p:nth-child(4),
.the_team li:nth-child(10) .team_content .qa p:nth-child(4) {
    background-color: #36a2b0
}

.the_team li:nth-child(1) .team_content .qa p:nth-child(5),
.the_team li:nth-child(10) .team_content .qa p:nth-child(5) {
    background-color: #30909c
}

.the_team li:nth-child(1) .team_content .qa p:hover,
.the_team li:nth-child(10) .team_content .qa p:hover {
    background-color: #30909c!important
}

.the_team li:nth-child(1) .team_content .journey,
.the_team li:nth-child(10) .team_content .journey {
    background-color: #77cad5
}

.the_team li:nth-child(1) .team_content .journey h3 span,
.the_team li:nth-child(10) .team_content .journey h3 span {
    color: #2a7e89
}

.the_team li:nth-child(11) .team_content .qa p:nth-child(1),
.the_team li:nth-child(2) .team_content .qa p:nth-child(1) {
    background-color: #2c7d71
}

.the_team li:nth-child(11) .team_content .qa p:nth-child(2),
.the_team li:nth-child(2) .team_content .qa p:nth-child(2) {
    background-color: #266a60
}

.the_team li:nth-child(11) .team_content .qa p:nth-child(3),
.the_team li:nth-child(2) .team_content .qa p:nth-child(3) {
    background-color: #1f584f
}

.the_team li:nth-child(11) .team_content .qa p:nth-child(4),
.the_team li:nth-child(2) .team_content .qa p:nth-child(4) {
    background-color: #18453e
}

.the_team li:nth-child(11) .team_content .qa p:nth-child(5),
.the_team li:nth-child(2) .team_content .qa p:nth-child(5) {
    background-color: #12322d
}

.the_team li:nth-child(11) .team_content .qa p:hover,
.the_team li:nth-child(2) .team_content .qa p:hover {
    background-color: #12322d!important
}

.the_team li:nth-child(11) .team_content .journey,
.the_team li:nth-child(2) .team_content .journey {
    background-color: #339082
}

.the_team li:nth-child(11) .team_content .journey h3 span,
.the_team li:nth-child(2) .team_content .journey h3 span {
    color: #0b1f1c
}

.the_team li:nth-child(12) .team_content .qa p:nth-child(1),
.the_team li:nth-child(3) .team_content .qa p:nth-child(1) {
    background-color: #6d7072
}

.the_team li:nth-child(12) .team_content .qa p:nth-child(2),
.the_team li:nth-child(3) .team_content .qa p:nth-child(2) {
    background-color: #606365
}

.the_team li:nth-child(12) .team_content .qa p:nth-child(3),
.the_team li:nth-child(3) .team_content .qa p:nth-child(3) {
    background-color: #545658
}

.the_team li:nth-child(12) .team_content .qa p:nth-child(4),
.the_team li:nth-child(3) .team_content .qa p:nth-child(4) {
    background-color: #474a4b
}

.the_team li:nth-child(12) .team_content .qa p:nth-child(5),
.the_team li:nth-child(3) .team_content .qa p:nth-child(5) {
    background-color: #3b3d3e
}

.the_team li:nth-child(12) .team_content .qa p:hover,
.the_team li:nth-child(3) .team_content .qa p:hover {
    background-color: #3b3d3e!important
}

.the_team li:nth-child(12) .team_content .journey,
.the_team li:nth-child(3) .team_content .journey {
    background-color: #797d7f
}

.the_team li:nth-child(12) .team_content .journey h3 span,
.the_team li:nth-child(3) .team_content .journey h3 span {
    color: #2e3031
}

.the_team li:nth-child(13) .team_content .qa p:nth-child(1),
.the_team li:nth-child(4) .team_content .qa p:nth-child(1) {
    background-color: #6d7072
}

.the_team li:nth-child(13) .team_content .qa p:nth-child(2),
.the_team li:nth-child(4) .team_content .qa p:nth-child(2) {
    background-color: #479485
}

.the_team li:nth-child(13) .team_content .qa p:nth-child(3),
.the_team li:nth-child(4) .team_content .qa p:nth-child(3) {
    background-color: #3f8376
}

.the_team li:nth-child(13) .team_content .qa p:nth-child(4),
.the_team li:nth-child(4) .team_content .qa p:nth-child(4) {
    background-color: #377166
}

.the_team li:nth-child(13) .team_content .qa p:nth-child(5),
.the_team li:nth-child(4) .team_content .qa p:nth-child(5) {
    background-color: #2e6057
}

.the_team li:nth-child(13) .team_content .qa p:hover,
.the_team li:nth-child(4) .team_content .qa p:hover {
    background-color: #2e6057!important
}

.the_team li:nth-child(13) .team_content .journey,
.the_team li:nth-child(4) .team_content .journey {
    background-color: #797d7f
}

.the_team li:nth-child(13) .team_content .journey h3 span,
.the_team li:nth-child(4) .team_content .journey h3 span {
    color: #264f47
}

.the_team li:nth-child(14) .team_content .qa p:nth-child(1),
.the_team li:nth-child(5) .team_content .qa p:nth-child(1) {
    background-color: #285f57
}

.the_team li:nth-child(14) .team_content .qa p:nth-child(2),
.the_team li:nth-child(5) .team_content .qa p:nth-child(2) {
    background-color: #214d46
}

.the_team li:nth-child(14) .team_content .qa p:nth-child(3),
.the_team li:nth-child(5) .team_content .qa p:nth-child(3) {
    background-color: #193b36
}

.the_team li:nth-child(14) .team_content .qa p:nth-child(4),
.the_team li:nth-child(5) .team_content .qa p:nth-child(4) {
    background-color: #122926
}

.the_team li:nth-child(14) .team_content .qa p:nth-child(5),
.the_team li:nth-child(5) .team_content .qa p:nth-child(5) {
    background-color: #0a1815
}

.the_team li:nth-child(14) .team_content .qa p:hover,
.the_team li:nth-child(5) .team_content .qa p:hover {
    background-color: #0a1815!important
}

.the_team li:nth-child(14) .team_content .journey,
.the_team li:nth-child(5) .team_content .journey {
    background-color: #307167
}

.the_team li:nth-child(14) .team_content .journey h3 span,
.the_team li:nth-child(5) .team_content .journey h3 span {
    color: #020605
}

.the_team li:nth-child(15) .team_content .qa p:nth-child(1),
.the_team li:nth-child(6) .team_content .qa p:nth-child(1) {
    background-color: #2c7d71
}

.the_team li:nth-child(15) .team_content .qa p:nth-child(2),
.the_team li:nth-child(6) .team_content .qa p:nth-child(2) {
    background-color: #266a60
}

.the_team li:nth-child(15) .team_content .qa p:nth-child(3),
.the_team li:nth-child(6) .team_content .qa p:nth-child(3) {
    background-color: #1f584f
}

.the_team li:nth-child(15) .team_content .qa p:nth-child(4),
.the_team li:nth-child(6) .team_content .qa p:nth-child(4) {
    background-color: #18453e
}

.the_team li:nth-child(15) .team_content .qa p:nth-child(5),
.the_team li:nth-child(6) .team_content .qa p:nth-child(5) {
    background-color: #12322d
}

.the_team li:nth-child(15) .team_content .qa p:hover,
.the_team li:nth-child(6) .team_content .qa p:hover {
    background-color: #12322d!important
}

.the_team li:nth-child(15) .team_content .journey,
.the_team li:nth-child(6) .team_content .journey {
    background-color: #339082
}

.the_team li:nth-child(15) .team_content .journey h3 span,
.the_team li:nth-child(6) .team_content .journey h3 span {
    color: #0b1f1c
}

.the_team li:nth-child(16) .team_content .qa p:nth-child(1),
.the_team li:nth-child(7) .team_content .qa p:nth-child(1) {
    background-color: #64c2cf
}

.the_team li:nth-child(16) .team_content .qa p:nth-child(2),
.the_team li:nth-child(7) .team_content .qa p:nth-child(2) {
    background-color: #50bbc9
}

.the_team li:nth-child(16) .team_content .qa p:nth-child(3),
.the_team li:nth-child(7) .team_content .qa p:nth-child(3) {
    background-color: #3db3c3
}

.the_team li:nth-child(16) .team_content .qa p:nth-child(4),
.the_team li:nth-child(7) .team_content .qa p:nth-child(4) {
    background-color: #36a2b0
}

.the_team li:nth-child(16) .team_content .qa p:nth-child(5),
.the_team li:nth-child(7) .team_content .qa p:nth-child(5) {
    background-color: #30909c
}

.the_team li:nth-child(16) .team_content .qa p:hover,
.the_team li:nth-child(7) .team_content .qa p:hover {
    background-color: #30909c!important
}

.the_team li:nth-child(16) .team_content .journey,
.the_team li:nth-child(7) .team_content .journey {
    background-color: #77cad5
}

.the_team li:nth-child(16) .team_content .journey h3 span,
.the_team li:nth-child(7) .team_content .journey h3 span {
    color: #2a7e89
}

.the_team li:nth-child(17) .team_content .qa p:nth-child(1),
.the_team li:nth-child(8) .team_content .qa p:nth-child(1) {
    background-color: #47b485
}

.the_team li:nth-child(17) .team_content .qa p:nth-child(2),
.the_team li:nth-child(8) .team_content .qa p:nth-child(2) {
    background-color: #40a277
}

.the_team li:nth-child(17) .team_content .qa p:nth-child(3),
.the_team li:nth-child(8) .team_content .qa p:nth-child(3) {
    background-color: #39906a
}

.the_team li:nth-child(17) .team_content .qa p:nth-child(4),
.the_team li:nth-child(8) .team_content .qa p:nth-child(4) {
    background-color: #327d5c
}

.the_team li:nth-child(17) .team_content .qa p:nth-child(5),
.the_team li:nth-child(8) .team_content .qa p:nth-child(5) {
    background-color: #2a6b4f
}

.the_team li:nth-child(17) .team_content .qa p:hover,
.the_team li:nth-child(8) .team_content .qa p:hover {
    background-color: #2a6b4f!important
}

.the_team li:nth-child(17) .team_content .journey,
.the_team li:nth-child(8) .team_content .journey {
    background-color: #58bd91
}

.the_team li:nth-child(17) .team_content .journey h3 span,
.the_team li:nth-child(8) .team_content .journey h3 span {
    color: #235941
}

.the_team li:nth-child(18) .team_content .qa p:nth-child(1),
.the_team li:nth-child(9) .team_content .qa p:nth-child(1) {
    background-color: #3e8c80
}

.the_team li:nth-child(18) .team_content .qa p:nth-child(2),
.the_team li:nth-child(9) .team_content .qa p:nth-child(2) {
    background-color: #367b70
}

.the_team li:nth-child(18) .team_content .qa p:nth-child(3),
.the_team li:nth-child(9) .team_content .qa p:nth-child(3) {
    background-color: #2f6960
}

.the_team li:nth-child(18) .team_content .qa p:nth-child(4),
.the_team li:nth-child(9) .team_content .qa p:nth-child(4) {
    background-color: #275750
}

.the_team li:nth-child(18) .team_content .qa p:nth-child(5),
.the_team li:nth-child(9) .team_content .qa p:nth-child(5) {
    background-color: #1f463f
}

.the_team li:nth-child(18) .team_content .qa p:hover,
.the_team li:nth-child(9) .team_content .qa p:hover {
    background-color: #1f463f!important
}

.the_team li:nth-child(18) .team_content .journey,
.the_team li:nth-child(9) .team_content .journey {
    background-color: #469e90
}

.the_team li:nth-child(18) .team_content .journey h3 span,
.the_team li:nth-child(9) .team_content .journey h3 span {
    color: #17342f
}*/

.the_team li .team_content .journey,
.the_team li:nth-child(3) .team_content .journey {
    background-color: #fff;
}
.the_team li .team_content .qa p:nth-child(1),
.the_team li:nth-child(3) .team_content .qa p:nth-child(1) {
       background-color: #013F57;
    border-top: 10px solid #DA1F3F;
}
.the_team li .team_content .qa p:nth-child(2),
.the_team li:nth-child(3) .team_content .qa p:nth-child(2) {
        background-color: #fff;
    color: #003e56;
}
.the_team li .team_content .qa p:nth-child(3),
.the_team li:nth-child(3) .team_content .qa p:nth-child(3) {
    background-color: #024058
}

.the_team li .team_content .qa p:nth-child(4),
.the_team li:nth-child(3) .team_content .qa p:nth-child(4) {
    background-color: #024058
}


.the_team li .team_content .qa p:nth-child(5),
.the_team li:nth-child(3) .team_content .qa p:nth-child(5) {
    background-color: #024058
}


.the_team li .team_content .qa p:hover,
.the_team li:nth-child(3) .team_content .qa p:hover {
    background-color: #013F57!important;
		color: #fff;
}


.the_team li:nth-child(3) .team_content .qa p:hover b{
	
	color: #fff !important;
}

body.ie .the_team li rect {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

body.ie .the_team li.more_in rect,
body.ie .the_team li:hover rect {
    opacity: 0
}

.more_team {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: -4px;
    width: 32px;
    height: 32px;
    color: #fff;
    background-color:#C61D40;
    text-align: center;
    font-size: 17px;
    line-height: 0;
    padding-top: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(.5) translateY(20px);
    -moz-transform: scale(.5) translateY(20px);
    transform: scale(.5) translateY(20px);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

#contact_hero h1,
#partners_bg>section h1 {
    max-width: 1520px;
    line-height: 1.05;
    color: #fff;
    text-align: left
}

.team_card {
    position: absolute;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0;
    background-position: center top;
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%
}

.more_in .team_content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.more_in .team_content .qa p:nth-child(1) {
    -webkit-animation: qaIn .2s both;
    -moz-animation: qaIn .2s both;
    animation: qaIn .2s both
}

.more_in .team_content .qa p:nth-child(2) {
    -webkit-animation: qaIn .2s both .1s;
    -moz-animation: qaIn .2s both .1s;
    animation: qaIn .2s both .1s
}

.more_in .team_content .qa p:nth-child(3) {
    -webkit-animation: qaIn .2s both .2s;
    -moz-animation: qaIn .2s both .2s;
    animation: qaIn .2s both .2s
}

.more_in .team_content .qa p:nth-child(4) {
    -webkit-animation: qaIn .2s both .3s;
    -moz-animation: qaIn .2s both .3s;
    animation: qaIn .2s both .3s
}

.more_in .team_content .qa p:nth-child(5) {
    -webkit-animation: qaIn .2s both .4s;
    -moz-animation: qaIn .2s both .4s;
    animation: qaIn .2s both .4s
}

.team_content {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    min-width: 500px;
    -webkit-transition: all .25s .2s;
    -moz-transition: all .25s .2s;
    transition: all .25s .2s;
    transform-origin: top;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
    opacity: 0
}

@media only screen and (max-width:760px) {
    .team_content {
        min-width: 300px
    }
}

@media only screen and (max-width:560px) {
    .team_content {
        left: 15px;
        width: 100%;
        min-width: 0
    }
}

.team_content p {
    font-size: 15px
}

.journey {
    padding: 40px 30px 30px;
    color: #fff
}

@media only screen and (max-width:1200px) {
    .team_content p {
        font-size: 14px
    }
    .journey {
        padding: 30px 20px 25px
    }
}

.journey h3 {
    font-size: 29px!important;
    margin-bottom: 10px;
	color: #006289;
}

@media only screen and (max-width:1200px) {
    .journey h3 {
        font-size: 20px
    }
}

.journey h3 a {
    color: #fff;
    display: inline-block;
    height: 1px;
    position: relative;
    margin-top: 5px;
    opacity: .7;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    font-size: 80%
}

.journey h3 a:hover {
    opacity: 1
}

.journey h3 span {
    display: block;
    font-size: 70%;
    font-family: "Open Sans", sans-serif
}

.qa p {
    padding: 15px 20px;
    color: #fff;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
    -webkit-transition: background-color .5s;
    -moz-transition: background-color .5s;
    transition: background-color .5s
}

@media only screen and (max-width:1200px) {
    .qa p {
        padding: 12px 15px
    }
}

.qa p:nth-child(1) {
    -webkit-animation: qaOut .15s both .2s;
    -moz-animation: qaOut .15s both .2s;
    animation: qaOut .15s both .2s
}

.qa p:nth-child(2) {
    -webkit-animation: qaOut .15s both .15s;
    -moz-animation: qaOut .15s both .15s;
    animation: qaOut .15s both .15s
}

.qa p:nth-child(3) {
    -webkit-animation: qaOut .15s both .1s;
    -moz-animation: qaOut .15s both .1s;
    animation: qaOut .15s both .1s
}

.qa p:nth-child(4) {
    -webkit-animation: qaOut .15s both 50ms;
    -moz-animation: qaOut .15s both 50ms;
    animation: qaOut .15s both 50ms
}

.qa p:nth-child(5) {
    -webkit-animation: qaOut .15s both;
    -moz-animation: qaOut .15s both;
    animation: qaOut .15s both
}

.qa p:hover b{color: #fff!important;} 

.qa p b {
    display: block;
    font-family:futura-pt, sans-serif;    color: #fff
}

.the_team li.exec>p{background: #545658!important;}

.the_team li.exec .img{background-image : url("../images/board/board-bg-bnw.png"); background-size: cover; background-repeat: no-repeat}

.the_team li.exec rect{stroke: #000} 

.the_team li.exec .journey h3{color: #000} 
.the_team li.exec .qa p:nth-child(1) {background: #000} 
.the_team li.exec .qa p:hover {background: #000}


#bird_form h5,
#get_bird_title h3,
.bird_columns.devices h4,
.send,
form {
    font-family: "Open Sans", sans-serif
}

@-webkit-keyframes qaIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes qaIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes qaIn {
    from {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes qaOut {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
}

@-moz-keyframes qaOut {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
}

@keyframes qaOut {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        transform: scale(.6)
    }
}

#the_board {
    margin: 10px auto 80px
}

#the_board li {
    background-color: rgba(0, 0, 0, .08);
    height: auto;
    padding-bottom: 0
}

#the_board li .more_team {
    top: 25px;
    right: 25px
}

#the_board li>p {
    font-size: .9vw;
    left: 160px;
    bottom: 30px
}

@media only screen and (max-width:1200px) {
    #the_board li>p {
        font-size: 15px
    }
}

#the_board li .img {
    width: 150px;
    height: 150px;
    position: relative
}

@media only screen and (max-width:760px) {
    #the_board li>p {
        left: 130px;
        font-size: 14px
    }
    #the_board li .img {
        width: 120px;
        height: 140px
    }
}

#the_board li .svg_wrapper {
    padding: 10px
}

#the_board li rect {
    stroke-dasharray: 1200
}

#the_board li .team_content {
    top: 40px
}

#the_board li.more_in rect,
#the_board li:hover rect {
    stroke-dashoffset: 1201
}

#the_board li.more_in>p,
#the_board li:hover>p {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px)
}

body.ie #the_board li rect {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    opacity: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

body.ie #the_board li.more_in rect,
body.ie #the_board li:hover rect {
    opacity: 0
}

#partners_bg {
    position: relative
}

#partners_bg:after,
#partners_bg:before {
    content: "";
    display: block;
    clear: both
}

#partners_bg>figure,
#partners_bg>section {
    width: 50%;
    float: left
}

@media only screen and (max-width:1200px) {
    #partners_bg>figure,
    #partners_bg>section {
        width: 65%
    }
}

#partners_bg>section {
    position: relative;
    padding: 18vh 5vw 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#339082), to(#58bd91));
    background-image: -webkit-linear-gradient(left, #339082, #58bd91);
    background-image: -moz-linear-gradient(left, #339082, #58bd91);
    background-image: -ms-linear-gradient(left, #339082, #58bd91);
    background-image: -o-linear-gradient(left, #339082, #58bd91);
    background-image: linear-gradient(left, #339082, #58bd91)
}

#partners_bg>section h1 {
    position: relative;
    font-size: 5vw;
    margin: auto auto 35px
}

#contact_hero h1:after,
#partners_bg>section h1:after {
    border-bottom: 5px solid;
    margin-top: 15px;
    content: ""
}

@media only screen and (max-width:980px) {
    #partners_bg>figure,
    #partners_bg>section {
        width: 100%;
        float: none
    }
    #partners_bg>section {
        padding: 120px 30px 0
    }
    #partners_bg>section h1 {
        font-size: 42px
    }
}

#partners_bg>section h1:after {
    display: block;
    height: 1px;
    width: 60px
}

#partners_bg>section p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 25px;
    max-width: 820px
}

@media only screen and (max-width:1200px) {
    #partners_bg>section p {
        font-size: 15px
    }
}

#partners_bg>section a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 20px 40px 17px 20px;
    font-size: 16px;
    color: #fff;
    top: 20px;
    background-color: #307167
}

#contact_hero h1,
.addresses,
form>div {
    vertical-align: top
}

#partners_bg>section a .svg_wrapper {
    padding: 0;
    top: -7px;
    left: -7px;
    right: -7px;
    bottom: -7px;
    width: auto;
    height: auto
}

#partners_bg>section a span {
    position: absolute;
    font-size: 22px;
    top: 50%;
    right: 8px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

#partners_bg>section a rect {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1001;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    transition: all .7s
}

#partners_bg>section a:hover rect {
    stroke-dashoffset: 0
}

#partners_bg>figure {
    position: absolute;
    top: 120px;
    right: 20px;
    bottom: -30px;
    background-image: url(img/partners.jpg);
    background-position: right top
}

@media only screen and (max-width:1200px) {
    #partners_bg>figure {
        width: 35%
    }
}

body.ie #partners_bg>section a rect {
    stroke-dasharray: 0;
    stroke-dashoffset: 0;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

body.ie #partners_bg>section a:hover rect {
    opacity: 1
}

#contact_hero {
    position: relative;
    padding: 18vh 5vw 0
}

@media only screen and (max-width:980px) {
    #partners_bg>figure {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        width: 90%;
        height: 260px;
        z-index: -1;
        margin-left: 20px
    }
    #contact_hero {
        padding: 120px 30px 0
    }
}

#contact_hero h1 {
    position: relative;
    display: inline-block;
    font-size: 5vw;
    margin: 0 auto 80px;
    z-index: 2
}

#contact_hero h1:after {
    display: block;
    height: 1px;
    width: 60px
}

#map {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 80vh
}

form,
form>div {
    position: relative
}

@media only screen and (max-width:980px) {
    #contact_hero h1 {
        font-size: 42px;
        margin-bottom: 50px
    }
    #map {
        height: 65vh
    }
}

#map .gm-style {
    width: auto!important;
    height: auto!important;
    top: -50px!important;
    left: -50px!important;
    right: -50px!important;
    bottom: -50px!important
}

#bird_form,
#contact_form {
    width: 70%;
    overflow: hidden
}

#contact_form {
    z-index: 2;
    background-color: #469e90;
    padding: 40px;
    max-width: 880px
}

#contact_form>div:after {
    background-color: #7acabb
}

#contact_form>div.focus label,
#contact_form>div.with_data label {
    color: #7acabb
}

form {
    color: #fff;
    text-align: left
}

form>div {
    display: inline-block;
    margin-bottom: 30px
}

@media only screen and (max-width:980px) {
    #contact_form {
        width: 85%
    }
    form>div {
        margin-bottom: 25px
    }
}

@media only screen and (max-width:760px) {
    #contact_form {
        width: auto;
        padding: 25px
    }
    form>div {
        display: block
    }
}

form>div.full {
    width: 100%
}

form>div.half {
    width: 47%
}

form>div.half:nth-child(odd) {
    margin-right: 5%
}

@media only screen and (max-width:760px) {
    form>div.half {
        width: auto
    }
    form>div.half:nth-child(odd) {
        margin-right: 0
    }
}

form>div:after,
form>div:before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0
}

form>div:before {
    height: 2px;
    background-color: #fff;
    bottom: -1px
}

form>div:after {
    height: 4px;
    bottom: -2px;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    transform-origin: left;
    transition: all .2s
}

form label:not(.checkbox),
p.q span,
p.t span {
    -webkit-transition: all .2s;
    -moz-transition: all .2s
}

form>div.focus:not(.with_data):after {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1)
}

form>div.focus label:not(.checkbox),
form>div.with_data label:not(.checkbox) {
    font-size: 14px;
    padding: 0 0 60px;
    color: #7acabb
}

form>div.check:after,
form>div.check:before {
    display: none
}

form input:not([type=checkbox]),
form label:not(.checkbox),
form select,
form textarea {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 0 10px;
    display: block
}

form input:not([type=checkbox]),
form label:not(.checkbox),
form select,
form select option,
form textarea {
    background-color: transparent;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
    outline: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none
}

.quantity>input,
.send {
    -webkit-appearance: none;
    outline: 0
}

form input:not([type=checkbox]):invalid,
form input:not([type=checkbox]):required,
form label:not(.checkbox):invalid,
form label:not(.checkbox):required,
form select option:invalid,
form select option:required,
form select:invalid,
form select:required,
form textarea:invalid,
form textarea:required {
    box-shadow: none!important
}

form input:not([type=checkbox]):focus,
form label:not(.checkbox):focus,
form select option:focus,
form select:focus,
form textarea:focus {
    outline: 0
}

form select option {
    color: #797d7f;
    background-color: #fff;
    font-size: 15px
}

form label:not(.checkbox) {
    position: absolute;
    transition: all .2s
}

form textarea {
    height: 60px;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    transition: height .2s
}

form textarea:focus {
    height: 120px
}

.send {
    position: relative;
    float: right;
    background-color: #fff;
    padding: 18px 80px;
    color: #469e90;
    font-size: 16px;
    font-weight: 300;
    margin-top: 15px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 1;
    -webkit-transition: all .5s .3s;
    -moz-transition: all .5s .3s;
    transition: all .5s .3s
}

.addresses,
.addresses a {
    color: #fff
}

.send .svg_wrapper {
    padding: 7px
}

.send rect {
    stroke-dasharray: 550;
    stroke-dashoffset: 551;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s
}

.send:hover rect,
body.ie .send rect {
    stroke-dashoffset: 0
}

.bird_vid span,
.send:hover {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

.send:hover {
    transition: all .3s;
    background-color: transparent;
    color: #fff
}

.form_loader,
.form_message {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff
}

body.ie .send rect {
    stroke-dasharray: 0;
    opacity: 0;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    transition: opacity .5s
}

body.ie .send:hover rect {
    opacity: 1
}

input[type=number] {
    -moz-appearance: textfield
}

#addresses_wrapper {
    margin-top: 120px
}

.addresses {
    font-style: normal;
    display: inline-block;
    width: 42%;
    min-width: 300px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 40px 30px 60px;
    font-size: 18px;
    text-align: left
}

#bird_hero h2:after,
.addresses h3:after {
    display: block;
    content: ""
}

@media only screen and (max-width:980px) {
    #addresses_wrapper {
        margin-top: 70px
    }
    .addresses {
        width: 47%;
        padding: 30px 20px 60px;
        font-size: 16px
    }
}

.addresses:nth-child(2) {
    margin-top: 100px;
    padding-bottom: 100px
}

@media only screen and (max-width:760px) {
    .addresses {
        width: 90%;
        display: block;
        margin-left: 5%;
        margin-right: auto;
        min-width: 0
    }
    .addresses:nth-child(2) {
        margin-top: -10px;
        padding-bottom: 60px;
        margin-left: 10%
    }
}

.addresses:nth-child(3) {
    margin-top: -25px
}

@media only screen and (max-width:760px) {
    .addresses:nth-child(3) {
        margin-top: -10px
    }
}

.addresses h3 {
    font-size: 26px;
    margin-bottom: 30px
}

@media only screen and (max-width:980px) {
    .addresses h3 {
        font-size: 22px;
        margin-bottom: 25px
    }
}

.addresses h3:after {
    height: 1px;
    border-bottom: 3px solid;
    width: 40px;
    margin-top: 7px
}

.form_loader {
    width: 100%;
    height: 100%
}

.form_loader span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    font-size: 22px;
    text-align: center;
    line-height: 30px;
    -webkit-animation: spin .5s infinite;
    -moz-animation: spin .5s infinite;
    animation: spin .5s infinite;
    color: #339082
}

#bird_hero,
#bird_hero h1 {
    text-align: left;
    position: relative
}

.form_message {
    width: 100%;
    height: 100%;
    color: #307167;
    padding: 20px 10px;
    font-size: 14px
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#bird_hero {
    padding: 18vh 5vw 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#77cad5), to(#58bd91));
    background-image: -webkit-linear-gradient(left, #77cad5, #58bd91);
    background-image: -moz-linear-gradient(left, #77cad5, #58bd91);
    background-image: -ms-linear-gradient(left, #77cad5, #58bd91);
    background-image: -o-linear-gradient(left, #77cad5, #58bd91);
    background-image: linear-gradient(left, #77cad5, #58bd91);
    color: #fff
}

@media only screen and (max-width:980px) {
    #bird_hero {
        padding: 120px 30px 0
    }
}

@media only screen and (max-width:760px) {
    #bird_hero {
        padding: 120px 20px 50px
    }
}

#bird_hero h1 {
    font-size: 5vw
}

@media only screen and (max-width:980px) {
    #bird_hero h1 {
        font-size: 42px
    }
}

#bird_hero h2 {
    font-size: 1.2vw;
    max-width: 460px;
    margin-left: 3px;
    margin-bottom: 55px
}

@media only screen and (max-width:980px) {
    #bird_hero h2 {
        font-size: 18px
    }
}

#bird_hero h2:after {
    height: 1px;
    border-bottom: 5px solid;
    width: 60px;
    margin-top: 15px
}

#bird_hero>p {
    padding: 15px 20px;
    display: inline-block;
    vertical-align: bottom;
    z-index: 2;
    position: relative;
    top: 40px;
    font-size: 25px;
    margin-top: -10px
}

#bird_canvas,
#bird_canvas canvas,
#bird_placeholder {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

#bird_hero>p span {
    display: block;
    font-size: 65%;
    margin-bottom: 5px
}

#bird_indicator {
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 100px;
    height: 100px;
    color: rgba(255, 255, 255, .3);
    text-align: center;
    font-size: 80px;
    line-height: 100px;
    -webkit-animation: spin .5s linear infinite;
    -moz-animation: spin .5s linear infinite;
    animation: spin .5s linear infinite;
    opacity: 1;
    -webkit-transition: opacity .3s .5s;
    -moz-transition: opacity .3s .5s;
    transition: opacity .3s .5s
}

#bird_indicator.ng-hide {
    opacity: 0
}

#bird_canvas {
    opacity: .3;
    top: 80px
}

#bird_placeholder {
    background: url(img/bird_wire.png) center no-repeat;
    background-size: cover;
    opacity: .8
}

#get_bird_title,
.bird_tile {
    position: relative
}

body.touch #bird_canvas {
    background: url(img/bird_wire.png) center top no-repeat;
    background-size: 110%;
    opacity: .8
}

@media only screen and (max-width:760px) {
    #bird_hero>p {
        left: 0
    }
    body.touch #bird_canvas {
        background-size: 150%
    }
}

#get_bird_title h3 {
    font-size: 2.1vw;
    position: relative;
    font-weight: 300;
    margin-top: 5px
}

@media only screen and (max-width:1200px) {
    #get_bird_title h3 {
        font-size: 18px
    }
}

#get_bird_title i {
    padding: 8px 12px;
    display: inline-block;
    font-size: 18px;
    margin-top: 7px;
    background-color: #307167
}

#bird_form {
    padding: 30px;
    max-width: 760px;
    background-color: #307167;
    top: 30px;
    left: 30px
}

@media only screen and (max-width:1390px) {
    #bird_form {
        width: 65%
    }
}

@media only screen and (max-width:980px) {
    #bird_form {
        width: 360px;
        left: -15px
    }
    #bird_form>div.half {
        width: 100%
    }
}

@media only screen and (max-width:760px) {
    #bird_form {
        width: 100%;
        left: 0
    }
}

@media only screen and (max-width:560px) {
    #bird_form {
        padding: 20px;
        left: 0
    }
}

#bird_form>div {
    margin-bottom: 22px
}

#bird_form h5 {
    font-size: 15px;
    opacity: .5;
    font-weight: 100
}

#bird_cart>li>div,
#bird_total>li>div,
.quantity>input {
    font-family: "Roboto Slab", serif
}

#bird_form a {
    color: #e1e1e1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

#bird_form a:hover {
    opacity: .5
}

#bird_form p {
    margin-bottom: 20px
}

#bird_form>div:after {
    background-color: #7acabb
}

#bird_form>div.focus label,
#bird_form>div.with_data label {
    color: #7acabb
}

.bird_tile {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 680px;
    width: 45%
}

@media only screen and (max-width:1200px) {
    .bird_tile {
        width: 47%
    }
}

.bird_vid {
    margin: 100px 0 30px -20px
}

@media only screen and (max-width:1200px) {
    .bird_vid {
        margin-top: 80px
    }
}

@media only screen and (max-width:980px) {
    .bird_tile {
        width: 90%
    }
    .bird_vid {
        margin-top: -10px
    }
}

@media only screen and (max-width:760px) {
    .bird_vid {
        margin-left: -5%
    }
}

.bird_vid img {
    display: block;
    width: 100%
}

.bird_vid i,
.bird_vid span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.bird_vid span {
    margin: auto;
    color: #fff;
    font-size: 50px;
    position: absolute;
    transition: all .3s;
    width: 50px;
    height: 50px
}

#bird_cart,
.bird_txt h3,
p.q,
p.t {
    position: relative
}

.bird_vid i {
    background-color: rgba(0, 0, 0, .2);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.bird_vid:hover span {
    -webkit-transform: rotate(121deg);
    -moz-transform: rotate(121deg);
    transform: rotate(121deg)
}

.bird_vid:hover i {
    background-color: rgba(0, 0, 0, .3)
}

.bird_txt {
    padding: 50px;
    margin-top: 220px;
    background-color: #58bd91;
    color: #fff
}

@media only screen and (max-width:1390px) {
    .bird_txt {
        margin-top: 130px;
        padding: 30px
    }
}

@media only screen and (max-width:980px) {
    .bird_txt {
        margin-top: 90px
    }
}

@media only screen and (max-width:760px) {
    .bird_txt {
        margin-left: 5%
    }
}

.bird_txt h3 {
    font-size: 36px;
    margin-bottom: 35px
}

@media only screen and (max-width:1200px) {
    .bird_txt h3 {
        font-size: 32px
    }
}

.bird_txt h3:after {
    content: "";
    display: block;
    height: 1px;
    border-bottom: 3px solid;
    width: 60px;
    margin-top: 15px
}

.bird_txt p {
    margin-bottom: 20px;
    font-size: 17px
}

@media only screen and (max-width:1200px) {
    .bird_txt p {
        font-size: 15px;
        margin-bottom: 15px
    }
}

.bird_img {
    width: 180px;
    height: 145px;
    background: url(img/package.jpg) center no-repeat;
    background-size: contain
}

@media only screen and (max-width:1390px) {
    .bird_img {
        width: 180px;
        height: 145px
    }
}

@media only screen and (max-width:980px) {
    .bird_img {
        width: 140px;
        height: 115px
    }
}


/*@media only screen and (max-width:560px){.bird_img{width:100%;height:140px;max-width:285px}}*/

.zero {
    -webkit-animation: zero .5s 2;
    -moz-animation: zero .5s 2;
    animation: zero .5s 2
}

@-webkit-keyframes zero {
    0%,
    100% {
        background-color: rgba(0, 0, 0, .15)
    }
    50% {
        background-color: #cc4a4a
    }
}

@-moz-keyframes zero {
    0%,
    100% {
        background-color: rgba(0, 0, 0, .15)
    }
    50% {
        background-color: #cc4a4a
    }
}

@keyframes zero {
    0%,
    100% {
        background-color: rgba(0, 0, 0, .15)
    }
    50% {
        background-color: #cc4a4a
    }
}

.quantity {
    user-select: none
}

.quantity>input,
.quantity>span {
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
    line-height: 35px;
    text-align: center
}

.quantity>span {
    width: 40px;
    height: 40px;
    border: 1px solid;
    font-size: 32px;
    font-weight: 100;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.quantity>span:nth-child(1) {
    line-height: 34px
}

.quantity>span:hover {
    opacity: .6
}

.quantity>input {
    background-color: rgba(0, 0, 0, .15);
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    border: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-appearance: none;
    appearance: none;
    resize: none
}

.quantity>input:invalid,
.quantity>input:required {
    box-shadow: none!important
}

.quantity>input:focus {
    outline: 0
}

#bird_cart {
    left: 30px;
    top: 20px;
    padding: 50px 30px 30px;
    max-width: 980px
}

@media only screen and (max-width:1390px) {
    #bird_cart {
        padding: 50px 20px 30px;
        left: -15px
    }
}

@media only screen and (max-width:1200px) {
    #bird_cart {
        max-width: 820px
    }
    #bird_cart:after,
    #bird_cart:before {
        content: "";
        clear: both;
        display: block
    }
    #bird_cart>li {
        margin-bottom: 25px
    }
}

#bird_cart>li {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px
}

@media only screen and (max-width:760px) {
    #bird_cart {
        padding-bottom: 20px
    }
    #bird_cart>li {
        margin-right: 20px
    }
}

#bird_cart>li.checkout_btn {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    float: none;
    margin-left: 30px;
    margin-right: 0;
    top: 35px
}

@media only screen and (max-width:1200px) {
    #bird_cart>li.checkout_btn {
        margin-left: 0;
        top: 0;
        float: right;
        margin-bottom: 0
    }
}

@media only screen and (max-width:980px) {
    #bird_cart {
        max-width: 620px
    }
    #bird_cart>li.checkout_btn {
        top: 35px
    }
}

@media only screen and (max-width:560px) {
    #bird_cart {
        left: 0
    }
    #bird_cart>li {
        margin-right: 0;
        display: block
    }
    #bird_cart>li.checkout_btn {
        margin-top: 25px;
        top: 5px;
        float: none
    }
}

#bird_cart>li>p {
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    font-weight: 300;
    margin-top: 5px;
    margin-bottom: 45px
}

#bird_cart>li>p.q {
    margin-bottom: 47px
}

@media only screen and (max-width:560px) {
    #bird_cart>li>p {
        margin-top: 20px;
        margin-bottom: 10px!important
    }
}

#bird_cart>li>div {
    font-size: 22px;
    font-weight: 400
}

p.q span,
p.t span {
    transition: all .2s;
    font-size: 85%;
    opacity: .7;
    display: block;
    position: absolute;
    left: 0;
    white-space: nowrap;
    top: 18px
}

#bird_total,
#tax_info_wrapper,
#tax_info_wrapper>p {
    position: relative
}

p.q span.ng-hide,
p.t span.ng-hide {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0
}

#bird_total {
    background-color: rgba(255, 255, 255, .7);
    color: #000;
    margin-left: 20px;
    top: 30px;
    left: 30px;
    z-index: 5
}

@media only screen and (max-width:980px) {
    #bird_total {
        left: -15px
    }
}

@media only screen and (max-width:760px) {
    #bird_total {
        left: 0;
        margin-left: 0;
        width: 100%
    }
}

#bird_total .quantity {
    margin-top: 10px;
    color: #545454
}

#bird_total .quantity span,
#bird_total .quantity>input {
    line-height: 31px
}

#bird_total .quantity>span {
    width: 35px;
    height: 35px;
    border-color: #fff;
    color: #000;
    font-size: 25px
}

#bird_total .quantity>span:nth-child(1) {
    line-height: 29px
}

#bird_total .quantity>input {
    background-color: #fff;
    color: #000;
    font-size: 18px;
    width: 35px;
    height: 35px
}

#bird_total>li.total {
    font-size: 120%;
    background-color: rgba(255, 255, 255, .5)
}

#bird_total>li.total p span {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    font-size: 70%;
    opacity: .7
}

#tax_info,
#tax_info_wrapper>p {
    cursor: pointer;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s
}

#bird_total>li.total p span.ng-hide {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0
}

#bird_total>li:not(.cart_img) {
    padding: 12px 30px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

@media only screen and (max-width:760px) {
    #bird_total>li:not(.cart_img) {
        float: right;
        width: 50%;
        padding: 10px 30px
    }
    #bird_total>li:not(.cart_img).total {
        width: 100%
    }
}

@media only screen and (max-width:560px) {
    #bird_total>li:not(.cart_img) {
        float: none;
        width: 100%;
        padding: 10px 20px
    }
}

#bird_total>li>div {
    font-weight: 400;
    margin-top: 4px
}

#bird_total .notes {
    max-width: 300px;
    min-width: 100%;
    font-size: 12px;
    padding: 5px 10px!important;
    background: #fff
}

#bird_total .notes p:first-child {
    margin-bottom: 7px
}

#tax_info_wrapper>p {
    font-size: 13px;
    transition: opacity .2s
}

#tax_info_wrapper>p b {
    display: inline-block;
    width: 18px;
    height: 18px;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #307167;
    font-size: 90%;
    font-weight: 400;
    text-align: center;
    line-height: 18px;
    margin-right: 5px
}

#tax_info,
.info span {
    width: 280px;
    font-family: "Open Sans", sans-serif!important;
    color: #fff
}

#tax_info_wrapper>p:hover {
    opacity: .7
}

#tax_info_wrapper>p .plus {
    position: relative;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}

#tax_info_wrapper>p.active .plus {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

#tax_info {
    position: absolute;
    background-color: #232323;
    padding: 10px;
    font-size: 13px;
    bottom: 105%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
    transition: opacity .2s
}

#tax_info.b {
    top: 105%;
    bottom: auto
}

#tax_info.b:before {
    bottom: 100%;
    top: auto;
    border-color: transparent transparent #232323
}

#tax_info:before {
    top: 100%;
    border-style: solid;
    border-color: #232323 transparent transparent;
    left: 50%
}

#tax_info:before {
    content: "";
    position: absolute;
    border-width: 8px;
    margin-left: -8px
}

#tax_info.ng-hide {
    opacity: 0
}

#tax_info li,
#tax_info>p {
    margin-bottom: 5px
}

#tax_info ul {
    padding-top: 5px
}

#tax_info li {
    font-size: 12px
}

#tax_info li:before {
    content: "- "
}

.info {
    margin-left: 2px;
    background-color: rgba(255, 255, 255, .15);
    color: #fff;
    font-size: 80%;
    cursor: help;
    position: relative;
    padding: 2px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.info span.ng-hide {
    opacity: 0
}

.cart_img {
    width: 300px;
    height: 240px;
    background: url(img/bird.png) left top no-repeat;
    background-size: auto 100%;
    -webkit-transition: background-position .15s;
    -moz-transition: background-position .15s;
    transition: background-position .15s
}

.cart_img.birds_1 {
    background-position: 0
}

.cart_img.birds_2 {
    background-position: 50%
}

.cart_img.birds_3 {
    background-position: 100%
}

#career_hero,
#news_wrapper .news_column li .img {
    background-repeat: no-repeat;
    background-position: center 10%;
    background-size: cover
}

@media only screen and (max-width:1390px) {
    .cart_img {
        width: 260px;
        height: 210px
    }
}

@media only screen and (max-width:760px) {
    .cart_img {
        width: 50%;
        float: left;
        border-right: 1px solid rgba(0, 0, 0, .1)
    }
}

@media only screen and (max-width:560px) {
    .cart_img {
        width: 260px;
        margin: auto;
        float: none;
        border-right: none
    }
}

.send.checkout_btn {
    background-color: #76cad2;
    padding: 20px 45px 20px 37px;
    cursor: pointer;
    color: #fff;
    font-size: 18px
}

.send.checkout_btn span.icon-bird {
    margin-right: 5px;
    font-size: 150%
}

@media only screen and (max-width:560px) {
    .send.checkout_btn {
        float: none;
        width: 100%;
        text-align: center;
        padding: 20px 0;
        max-width: 285px
    }
    .send.checkout_btn rect {
        stroke-dasharray: 650;
        stroke-dashoffset: 651
    }
    .send.checkout_btn:hover rect {
        stroke-dashoffset: 0
    }
    .check label {
        max-width: 80%
    }
}

#bird_cart {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

#bird_cart.ng-hide {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0
}

#coupon_form {
    position: relative;
    width: 160px;
}

#coupon_form input {
    display: inline-block;
    width: 160px;
    background-color: rgba(255, 255, 255, .1);
    font-size: 14px;
    padding: 10px
}

#coupon_form button {
    background-color: rgba(255, 255, 255, .7);
    font-size: 13px;
    display: inline-block;
    padding: 11px 7px 12px;
    vertical-align: middle;
    border: none;
    color: #545454;
    cursor: pointer;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    transition: background-color .2s
}

#coupon_form button:hover {
    background-color: rgba(255, 255, 255, .9)
}

#coupon_form .message {
    display: inline-block;
    font-size: 12px;
    margin-top: 2px;
}

#bird_form_wrapper:not(.ng-hide) {
    -webkit-transition: all .5s .3s;
    -moz-transition: all .5s .3s;
    transition: all .5s .3s
}

#bird_form_wrapper.ng-hide {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0
}

#bird_form_wrapper .icon-back {
    margin-top: 15px;
    position: absolute;
    top: 2px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s
}

#news_wrapper h4:after,
.bird_columns h3:after,
.free h3:after {
    height: 1px;
    border-bottom: 3px solid;
    content: ""
}

#bird_form_wrapper .icon-back:hover {
    background-color: rgba(255, 255, 255, .2)
}

.bird_columns {
    margin-top: 110px
}

@media only screen and (max-width:980px) {
    .bird_columns {
        margin-top: 80px
    }
}

@media only screen and (max-width:760px) {
    .bird_columns {
        width: 75%!important;
        margin: 80px auto 0!important
    }
}

@media only screen and (max-width:560px) {
    .bird_columns {
        width: 85%!important;
        margin-top: 50px!important
    }
}

.bird_columns.specs {
    width: 680px;
    margin-right: 80px
}

@media only screen and (max-width:1390px) {
    .bird_columns.specs {
        width: 540px;
        margin-right: 50px
    }
}

@media only screen and (max-width:980px) {
    .bird_columns.specs {
        width: 58%;
        margin-right: 2%
    }
}

.bird_columns.specs img {
    width: 100%
}

.bird_columns.specs img.desk {
    display: block
}

.bird_columns.specs img.mob {
    display: none
}

.bird_columns.specs a {
    margin-top: 50px;
    font-size: 20px;
    color: #307167;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    transition: color .2s
}

.bird_columns.specs a span:last-child {
    font-size: 22px;
    margin-left: 10px
}

.bird_columns.specs a:hover {
    color: #58bd91
}

.bird_columns.devices {
    width: inherit
}

.bird_columns.devices h4 {
    font-size: 16px;
    margin-bottom: 15px
}

.bird_columns.devices ul {
    margin-bottom: 25px
}

.bird_columns.devices ul li {
    font-weight: 300;
    font-size: 15px;
    color: #797d7f;
    margin-bottom: 2px
}

#full_job h5,
#news_wrapper .archive ul li .title,
#news_wrapper .news_column li .title,
.job_title .title {
    text-transform: uppercase;
    font-weight: 400
}

@media only screen and (max-width:1390px) {
    .bird_columns.devices {
        width: inherit
    }
    .bird_columns.devices h4 {
        font-size: 15px
    }
    .bird_columns.devices ul li {
        font-size: 14px
    }
}

.bird_columns h3 {
    color: #58bd91
}

.bird_columns,
.free {
    text-align: left
}

.bird_columns h3,
.free h3 {
    font-size: 32px;
    margin-bottom: 40px
}

@media only screen and (max-width:1390px) {
    .bird_columns h3,
    .free h3 {
        font-size: 28px
    }
}

@media only screen and (max-width:980px) {
    .bird_columns.specs img.desk {
        display: none
    }
    .bird_columns.specs img.mob {
        display: block
    }
    .bird_columns.devices {
        width: 37%
    }
    .bird_columns h3,
    .free h3 {
        font-size: 26px
    }
}

.bird_columns h3:after,
.free h3:after {
    display: block;
    width: 50px;
    margin-top: 15px
}

.free {
    margin: 150px auto 0;
    width: 1120px;
    text-align: center
}

@media only screen and (max-width:1390px) {
    .free {
        margin-top: 120px;
        width: 920px
    }
}

@media only screen and (max-width:980px) {
    .free {
        width: 720px
    }
}

@media only screen and (max-width:760px) {
    .free {
        margin-top: 80px;
        width: 520px
    }
}

@media only screen and (max-width:560px) {
    .free {
        width: 85%
    }
}

.free h3 {
    text-align: left;
    color: #797d7f
}

#bird_icons li {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 190px;
    background-image: url(img/bird_icons.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin-right: 100px;
    margin-bottom: 70px;
    position: relative
}

@media only screen and (max-width:1390px) {
    #bird_icons li {
        margin-right: 35px;
        margin-bottom: 50px
    }
}

@media only screen and (max-width:980px) {
    #bird_icons li {
        margin-right: 50px
    }
}

@media only screen and (max-width:760px) {
    #bird_icons li {
        margin-right: 10px;
        width: 160px;
        height: 150px
    }
}

@media only screen and (max-width:560px) {
    #bird_icons li {
        width: 48%;
        height: 180px;
        margin-bottom: 30px
    }
    #bird_icons li:nth-child(odd) {
        margin-right: 2%!important
    }
}

@media only screen and (max-width:420px) {
    #bird_icons li {
        height: 145px
    }
}

#bird_icons li:nth-child(1) {
    background-position: 0 0
}

#bird_icons li:nth-child(2) {
    background-position: 14.5% 0
}

#bird_icons li:nth-child(3) {
    background-position: 28.5% 0
}

#bird_icons li:nth-child(4) {
    background-position: 43% 0
}

#bird_icons li:nth-child(5) {
    background-position: 57% 0
}

#bird_icons li:nth-child(6) {
    background-position: 72% 0
}

#bird_icons li:nth-child(7) {
    background-position: 86% 0
}

#bird_icons li:nth-child(8) {
    background-position: 100% 0
}

#bird_icons li:nth-child(4),
#bird_icons li:nth-child(8) {
    margin-right: 0
}

@media only screen and (max-width:980px) {
    #bird_icons li:nth-child(4) {
        margin-right: 50px
    }
    #bird_icons li:nth-child(3),
    #bird_icons li:nth-child(6) {
        margin-right: 0
    }
}

@media only screen and (max-width:560px) {
    #bird_icons li:nth-child(even) {
        margin-right: 0!important
    }
}

#bird_icons li svg {
    display: block
}

#bird_icons li polyline {
    -webkit-transition: stroke-dashoffset .6s;
    -moz-transition: stroke-dashoffset .6s;
    transition: stroke-dashoffset .6s;
    stroke-dasharray: 350;
    stroke-dashoffset: 0
}

#bird_icons li:hover polyline {
    stroke-dashoffset: 400
}

#bird_icons li p {
    position: absolute;
    text-align: center;
    font-size: 20px;
    color: #58bd91;
    left: 0;
    bottom: -7px;
    width: 100%;
    letter-spacing: 0;
    -webkit-transition: letter-spacing .3s;
    -moz-transition: letter-spacing .3s;
    transition: letter-spacing .3s
}

@media only screen and (max-width:760px) {
    #bird_icons li:nth-child(4) {
        margin-right: 10px
    }
    #bird_icons li:hover p {
        letter-spacing: 2px
    }
    #bird_icons li p {
        font-size: 16px
    }
}

.latest {
    overflow: hidden
}

#news_wrapper {
    position: relative;
    padding: 130px 20px 10px;
    height: 100%;
    text-align: left
}

#news_wrapper h4 {
    font-size: 52px;
    font-family: "Roboto Slab", serif;
    margin-bottom: 30px
}

@media only screen and (max-width:980px) {
    #news_wrapper {
        padding-top: 100px
    }
    #news_wrapper h4 {
        font-size: 36px
    }
}

#news_wrapper h4:after {
    display: block;
    width: 30px;
    margin-top: 5px
}

#news_wrapper .news_column {
    width: 48%;
    float: left;
    margin-bottom: 80px
}

#news_wrapper .news_column:nth-child(odd) {
    margin-right: 4%
}

@media only screen and (max-width:760px) {
    #news_wrapper .news_column:nth-child(odd) {
        margin-right: 0
    }
    #news_wrapper .news_column {
        width: 100%;
        float: none;
        margin-bottom: 50px
    }
}

#news_wrapper .news_column li {
    margin-bottom: 20px;
    width: 48%;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: background-color .3s cubic-bezier(.3, .16, .19, .6);
    -moz-transition: background-color .3s cubic-bezier(.3, .16, .19, .6);
    transition: background-color .3s cubic-bezier(.3, .16, .19, .6);
    overflow: hidden;
    margin-right: 2%
}

#news_wrapper .archive ul li a,
#news_wrapper .archive ul li span,
#news_wrapper .news_column li a,
#news_wrapper .news_column li span {
    display: block
}

@media only screen and (max-width:1390px) {
    #news_wrapper .news_column li {
        width: 98%
    }
}

#news_wrapper .news_column li a {
    overflow: hidden;
    padding: 10px;
    color: rgba(255, 255, 255, .8)
}

#news_wrapper .news_column li .txt {
    font-size: 15px;
    color: rgba(255, 255, 255, .7);
    max-width: 720px
}

#news_wrapper .news_column li .title {
    font-size: 16px;
    margin-bottom: 3px;
    color: rgba(255, 255, 255, .8);
    -webkit-transition: color .3s cubic-bezier(.3, .16, .2, .9);
    -moz-transition: color .3s cubic-bezier(.3, .16, .2, .9);
    transition: color .3s cubic-bezier(.3, .16, .2, .9)
}

#news_wrapper .news_column li .title:hover {
    color: #fff
}

#news_wrapper .news_column li .img {
    float: left;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right: 10px
}

#news_wrapper .news_column.news h4 {
    color: #307167
}

#news_wrapper .news_column.news li {
    background-color: #307167
}

#news_wrapper .news_column.news li:hover {
    background-color: #285f57
}

#news_wrapper .news_column.events h4 {
    color: #5db1a1
}

#news_wrapper .news_column.events li {
    background-color: #5db1a1
}

#news_wrapper .news_column.events li:hover {
    background-color: #4fa595
}

#news_wrapper .archive {
    margin-bottom: 50px
}

#news_wrapper .archive h4 {
    color: #797d7f
}

#news_wrapper .archive ul {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    break-before: always
}

@media only screen and (max-width:1390px) {
    #news_wrapper .archive ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px
    }
}

@media only screen and (max-width:980px) {
    #news_wrapper .archive ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

@media only screen and (max-width:560px) {
    #news_wrapper .archive ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

#news_wrapper .archive ul li {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    margin-bottom: 30px
}

#news_wrapper .archive ul li a {
    color: #545658;
    -webkit-transition: color .3s cubic-bezier(.3, .16, .2, .9);
    -moz-transition: color .3s cubic-bezier(.3, .16, .2, .9);
    transition: color .3s cubic-bezier(.3, .16, .2, .9)
}

#news_wrapper .archive ul li a:hover {
    color: #58bd91
}

#news_wrapper .archive ul li .txt {
    font-size: 14px;
    color: #868a8c;
    max-width: 720px
}

#news_wrapper .archive ul li .title {
    font-size: 15px;
    margin-bottom: 5px
}

#career_hero {
    position: relative;
    padding: 18vh 5vw 40vh;
    color: #307167;
    background-image: url(img/career.jpg)
}

@media only screen and (max-width:980px) {
    #career_hero {
        padding: 120px 30px 100px;
        background-position: left 10%
    }
}

#career_list,
.job_cube {
    position: relative;
    padding: 20px
}

#career_hero h1 {
    text-align: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 5vw;
    margin: 0 auto 20px;
    max-width: 1520px;
    line-height: 1.05
}

@media only screen and (max-width:980px) {
    #career_hero h1 {
        font-size: 42px;
        margin-bottom: 50px
    }
}

#career_hero h1:after {
    content: "";
    display: block;
    height: 1px;
    border-bottom: 5px solid;
    width: 60px;
    margin-top: 15px
}

#career_hero h2 {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    max-width: 720px
}

#career_list {
    max-width: 1400px;
    overflow: hidden;
    margin: -50px auto auto;
    text-align: left
}

.job_cube {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 1.5% 30px;
    background-color: #f6f6f6;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    -webkit-transition: all .15s cubic-bezier(.3, .16, .2, .9);
    -moz-transition: all .15s cubic-bezier(.3, .16, .2, .9);
    transition: all .15s cubic-bezier(.3, .16, .2, .9)
}

@media only screen and (max-width:1200px) {
    .job_cube {
        width: 47%;
        margin-right: 0
    }
    .job_cube:nth-child(odd) {
        margin-right: 3%
    }
}

@media only screen and (max-width:760px) {
    .job_cube {
        width: 100%
    }
    .job_cube:nth-child(odd) {
        margin-right: 0
    }
}

.job_cube .icon {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background-color: #58bd91;
    right: 10px;
    top: -10px;
    -webkit-transition: all .2s cubic-bezier(.3, .16, .2, .9);
    -moz-transition: all .2s cubic-bezier(.3, .16, .2, .9);
    transition: all .2s cubic-bezier(.3, .16, .2, .9);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0)
}

.job_cube .icon svg {
    display: block
}

.job_cube p {
    font-size: 15px
}

.job_cube:hover {
    box-shadow: 0 0 2px rgba(0, 0, 0, .15), 0 5px 0 0 #307167;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.job_cube:hover .icon {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.job_title {
    margin-bottom: 10px
}

.job_title .title {
    font-size: 20px;
    color: #58bd91;
    margin-bottom: 5px;
    font-family: "Roboto Slab", serif;
    display: block
}

#full_job h4,
#full_job p,
#full_job ul {
    margin-bottom: 30px
}

.job_title span {
    font-size: 14px;
    color: #aaa
}

.share_post {
    margin-top: 10px
}

#full_job {
    position: relative;
    max-width: 920px;
    margin: 130px auto 50px;
    overflow: auto;
    padding: 20px 15px;
    font-size: 18px
}

#full_job h4 {
    font-size: 28px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cdcdcd;
    color: #339082
}

#full_job h4 span {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    color: #939698;
    font-family: "Open Sans", sans-serif
}

@media only screen and (max-width:760px) {
    #full_job h4 {
        font-size: 22px
    }
}

#full_job h5 {
    font-size: 20px;
    margin-bottom: 20px;
    color: #307167
}

@media only screen and (max-width:760px) {
    #full_job h5 {
        font-size: 18px
    }
}

#full_job ul li {
    margin-bottom: 10px;
    font-size: 16px;
    color: #797d7f
}

#full_job ul li:before {
    content: "- "
}

#full_job p {
    color: #797d7f
}

#full_job p a {
    color: #58bd91;
    -webkit-transition: all .2s cubic-bezier(.3, .16, .2, .9);
    -moz-transition: all .2s cubic-bezier(.3, .16, .2, .9);
    transition: all .2s cubic-bezier(.3, .16, .2, .9);
    display: inline-block
}

#full_job p a:hover {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    transform: translateX(5px)
}

body:not(.touch) #job_wrapper {
    overflow: hidden
}