html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
:focus {
    outline: 0 none;
}
@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('../fontslanding2/brandon_blk.eot');
    src: url('../fontslanding2/brandon_blk.eot?#iefix') format('embedded-opentype'),
        url('../fontslanding2/brandon_blk.woff2') format('woff2'),
        url('../fontslanding2/brandon_blk.woff') format('woff'),
        url('../fontslanding2/brandon_blk.ttf') format('truetype'),
        url('../fontslanding2/brandon_blk.svg#brandon_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../fontslanding2/proximanova-bold.eot');
    src: url('../fontslanding2/proximanova-bold.eot?#iefix') format('embedded-opentype'),
        url('../fontslanding2/proximanova-bold.woff2') format('woff2'),
        url('../fontslanding2/proximanova-bold.woff') format('woff'),
        url('../fontslanding2/proximanova-bold.ttf') format('truetype'),
        url('../fontslanding2/proximanova-bold.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novalight';
    src: url('../fontslanding2/proximanova-light.eot');
    src: url('../fontslanding2/proximanova-light.eot?#iefix') format('embedded-opentype'),
        url('../fontslanding2/proximanova-light.woff2') format('woff2'),
        url('../fontslanding2/proximanova-light.woff') format('woff'),
        url('../fontslanding2/proximanova-light.ttf') format('truetype'),
        url('../fontslanding2/proximanova-light.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_grotesque_regularRg';
    src: url('../fontslanding2/brandon_reg.eot');
    src: url('../fontslanding2/brandon_reg.eot?#iefix') format('embedded-opentype'),
        url('../fontslanding2/brandon_reg.woff2') format('woff2'),
        url('../fontslanding2/brandon_reg.woff') format('woff'),
        url('../fontslanding2/brandon_reg.ttf') format('truetype'),
        url('../fontslanding2/brandon_reg.svg#brandon_grotesque_regularRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
.f-proximabold {
    font-family: 'proxima_nova_rgbold';
}
.f-proximalight {
    font-family: 'proxima_novalight';
}
.f-brandonbold {
    font-family: 'brandon_grotesqueblack';
}
.f-brandonregular {
    font-family: 'brandon_grotesque_regularRg';
}
.f24 {
    font-size: 150%;
}
.f28 {
    font-size: 175%;
}
.mt155 {
    margin-top: 150px;
}
.pt65 {
    padding-top: 65px;
}
.mt110 {
    margin-top: 110px;
}
.mt90 {
    margin-top: 90px;
}
.color-p {
    color: #4e5357;
}
.lh137 {
    line-height: 137.5%;
}
.separator {
    width: 100%;
    height: 1px;
    background-color: #dfdfdf;
    margin: 1px 0;
}
body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    line-height: 1;
}
ol, ul {
    list-style: none outside none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
.wrap {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 16px;
    margin: 0 auto;
    max-width: 1164px;
    width: 90%;
}
.wrap960 {
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 16px;
    margin: 0 auto;
    max-width: 960px;

}
.wrap816{
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 16px;
    margin: 0 auto;
    max-width: 816px;

}
.header {
    width: 100%;
    background: url("../imglanding2/background.jpg") repeat scroll 0 0 #375FAC;
    height: 215px;
    padding-top: 18px;
}
.down{
    width: 100%;
    background: url("../imglanding2/background.jpg") repeat scroll 0 0 #375FAC;
    /*    height: 384px;*/
    padding-top: 81px;
    padding-bottom: 23px;
    text-align: center;
}
.down .wrap960{
    font-size: 15px;
    padding: 65px 20px 0;
}
.down .wrap960 p {
    margin-bottom: 0;
}
.down p {
    color: #fff;
    margin-bottom: 21px;
}
.down .btn-green {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; /* prevents bg color from leaking outside the border */
    background-color: #19bb9b; /* layer fill content */
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.25); /* drop shadow */
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25); /* drop shadow */
    box-shadow: 0 1px 0 rgba(0,0,0,.25); /* drop shadow */
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 131.25%;
    display: inline-block;
    padding: 28px 24px 26px;
    margin-top: 44px;
}
.header h1 {
    font-size: 262.5%;
    text-transform: uppercase;
    font-family: 'brandon_grotesqueblack';
    text-align: center;
    color: #fff;
    margin-top: 48px;
}
.box {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */

}
.two-third {
    width: 57.93%;
    float: left;
}
.section4 .two-third {
    width: 60%; 
}
.section4 .third {
    width:40%;
}
.two-third.img1 {
    background-image: url(../imglanding2/img1.png);
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 450px;
}
.two-third.img2 {
    background-image: url(../imglanding2/img2.png);
    background-position: right center;
    background-repeat: no-repeat;
    min-height: 472px;
}
.two-third.img3 {
    background-image: url(../imglanding2/img3.png);
    background-position: left center;
    background-repeat: no-repeat;
    min-height: 402px;
}
.two-third.img4 {
    background-image: url(../imglanding2/img4.png);
    background-position: right center;
    background-repeat: no-repeat;
    min-height: 418px;
}
.two-third label {
    font-size: 300%;
    color: #8a9298;
    text-transform: uppercase;
    font-family: 'brandon_grotesqueblack';
    display: inline-block;
    width: 65%;
    text-align: right;
    float: left;
    margin: 0;
}

.two-third .row {
    display: inline-block;
    width: 100%;
    margin: 26px 0 0;
}
.section2 .two-third .row {

    margin: 26px 0 0;
}


.section2 .two-third label {
    width: 27%;
}
.section4 .two-third label {
    text-align: left;
    width: 20%;
    text-align: left;
}
.section4 .two-third p {
    margin-left: 0;
    width: 70%;
}
.section2 .two-third p {
    width: 65%;
    margin-left: 3%;;
}
.section3 .two-third label {
    width: 70%;
}

.two-third label.special {
    width: 83%;
    font-size: 150%;
    margin-top: 55px;
}
.section4 .two-third label.special {
    width: 95%;
    float: right;
    font-size: 150%;
    margin-top: 40px;
}
.section3 .two-third p {
    width: 22%;
    margin-left: 3%;
}
.two-third p {
    color: #4e5357;
    margin: 0;
    display: inline-block;
    width: 30%;
    float: left;
    text-align: left;
    margin-left: 5%;
    margin-top: 5px;

}
.two-third .row:first-child {
    margin-top: 68px;
}
.section2 .two-third .row:first-child {
    margin-top: 98px;
}
.section3 .two-third .row:first-child {
    margin-top: 55px;
}
.section4 .two-third .row:first-child {
    margin-top: 59px;
}
.third {
    width: 42%;
    float: left;
}
.header a.logo-landing {
    margin-left: 20px;
}
.header div.right {
    margin-right: 20px;
}
.textcenter {
    text-align: center;
}
.left {
    float: left;
}
.right {
    float: right!important;
}
.top {
    background: url("../imglanding/topbg.jpg") repeat scroll 0 0 #375FAC;
    min-height: 839px;
    width: 100%;
}
.top .wrap {
    padding-top: 24px;
    text-align: center;
}
.video-bg {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 0.9%;
}
.clr {
    clear: both;
}
.videoholder {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 370px;
    margin: 0 auto;
    max-width: 660px;
    top: 40px;
    width: 100%;
    z-index: 999;
}
@media (max-width: 500px) {
    .videoholder {
        height: 240px;
    }
}
.button {
    background-clip: padding-box;
    border: 1px solid #7B95C7;
    border-radius: 3px;
    color: #FFFFFF;
    height: 29px;
    padding-top: 11px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}
.button.no-border {
    border: 0 none;
    padding-top: 12px;
}
h2 {
    color: #FFFFFF;
    font-size: 375%;
    font-weight: 200;
    text-align: center;
    width: 100%;
}
h4 {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    width: 100%;
}
.grey h4 {
    color: #000000;
    margin: 15px 0 10px;
}
.top h2 {
    margin-bottom: 40px;
    margin-top: 156px;
}
.top h4 {
    margin-bottom: 40px;
}
.trybtn {
    background: url("../imglanding/btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 162.5%;
    font-weight: 300;
    margin-bottom: 70px;
    margin-left: 35.3952%;
    min-height: 70px;
    text-align: left;
    width: 340px;
}
.trybtn a {
    color: #FFFFFF;
    float: left;
    font-family: 'Source Sans Pro',sans-serif;
    font-weight: 300;
    height: 50px;
    padding: 20px 0 0 35px;
    width: 305px;
}
.trybtn span {
    color: #FFFFFF;
    float: left;
    font-weight: 600;
    margin-left: 0;
    padding-top: 1px;
    text-decoration: none;
}
.trybtn p {
    display: block;
    float: left;
    white-space: nowrap;
    width: 116px;
}
.video {
    display: inline-block;
    margin: 0 auto;
}
.trybtn img {
    margin-left: 22.7%;
    margin-top: 2.369%;
}
.green {
    background-color: #1ABC9C;
    padding-bottom: 66px;
    width: 100%;
}
.green-inner {
    float: left;
    margin-top: 4%;
    min-height: 104px;
    text-align: center;
    width: 100%;
}
.green-images {
    display: inline-block;
    float: none;
    margin-right: 4.9%;
    text-align: center;
}
.green-images.last {
    margin-right: 0;
}
.green-images p {
    color: #FFFFFF;
    font-size: 87.5%;
    font-weight: 400;
    text-decoration: none;
}
.green-images img {
    margin-bottom: 27px;
}
.white {
    background-color: #FFFFFF;
    min-height: 728px;
    padding-top: 100px;
    width: 100%;
}
.white h2 {
    color: #434446;
    font-size: 300%;
    font-weight: 200;
    margin-bottom: 4.5%;
    text-align: center;
    width: 100%;
}
.left-inner {
    float: left;
    min-height: 440px;
    width: 50%;
}
.right-inner {
    float: left;
    min-height: 440px;
    width: 50%;
}
.right-inner-img {
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 190px;
    width: 98%;
}
.white-row {
    clear: both;
    float: left;
    padding-bottom: 50px;
    width: 100%;
}
.white p {
    color: #A7ADB1;
    font-weight: 400;
    line-height: 150%;
    margin-left: 2%;
    margin-top: 2.5%;
    text-align: left;
}
.left-inner-img {
    background-position: right top;
    background-repeat: no-repeat;
    min-height: 190px;
    width: 98%;
}
.grey {
    background-color: #EDF1F2;
    padding-top: 100px;
    width: 100%;
}
.grey h2 {
    color: #434446;
    font-size: 300%;
    font-weight: 200;
    margin-bottom: 2.5%;
    text-align: center;
    width: 100%;
}
.grey p {
    color: #B5BBBF;
    font-weight: 400;
    line-height: 150%;
    margin-top: 3%;
    text-align: center;
}
.grey-left-inner {
    float: left;
    min-height: 440px;
    width: 50%;
}
.grey-right-inner {
    float: left;
    min-height: 440px;
    width: 50%;
}
.grey-right-img {
    background: url("../imglanding/screenshot.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    margin-top: 8%;
    min-height: 510px;
    width: 100%;
}
.left-holder {
    float: right;
    padding-right: 20px;
    padding-top: 157px;
    width: 100%;
}
.right-holder {
    width: 100%;
}
.left-container {
    float: right;
    text-align: left;
    width: 50%;
}
.left-container h4 {
    color: #4E4F51;
    font-size: 131.25%;
    font-weight: 400;
    line-height: 100%;
    text-align: left;
}
.left-container img {
    float: left;
    margin-bottom: 14%;
    margin-right: 3%;
}
.left-container p {
    color: #B5BBBF;
    font-size: 87.5%;
    font-weight: 400;
    line-height: 150%;
    margin-top: 3%;
    text-align: left;
    width: 100%;
}
.whitebottom {
    background: url("../imglanding/whitebottom.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    min-height: 319px;
    padding-top: 100px;
    position: relative;
    width: 100%;
}
.whitebottom h2 {
    color: #434446;
    font-size: 300%;
    font-weight: 200;
    margin-bottom: 2%;
    text-align: center;
    width: 100%;
}
.whitebottom p {
    color: #8A9298;
    font-size: 112.5%;
    font-style: italic;
    font-weight: 400;
    line-height: 130%;
    text-align: center;
}
.whitebottom p.normal span {
    color: #45474D;
    font-size: 100%;
    font-weight: 700;
    text-align: center;
}
.whitebottom p.normal {
    color: #8A9298;
    font-size: 100%;
    font-style: normal;
    margin-top: 2%;
    text-align: center;
}
.leftarrow {
    background: url("../imglanding/leftarrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 17%;
    min-height: 41px;
    position: absolute;
    top: 45%;
    width: 24px;
}
.rightarrow {
    background: url("../imglanding/rightarrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    min-height: 41px;
    position: absolute;
    right: 17%;
    top: 45%;
    width: 24px;
}
.bottom {
    background: url("../imglanding/topbg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 100px 0;
    width: 100%;
}
.bottom h2 {
}
.bottom p.nothing {
    color: #FFFFFF;
    font-size: 150%;
    font-weight: 600;
    margin-top: 2%;
    text-align: center;
}
.bottom .trybtn {
    margin-bottom: 9px;
    margin-top: 5%;
}
.italic {
    color: #FFFFFF;
    font-size: 112.5%;
    font-style: italic;
    font-weight: 400;
    text-align: center;
}
.darkbottom {
    background-color: #222222;
    min-height: 95px;
    padding-top: 85px;
    width: 100%;
}
.darkbottom p {
    color: #838383;
    font-size: 87.5%;
}
.darkleft-inner {
    float: left;
    text-align: left;
    width: 50%;
}
.darkleft-inner p {
    float: left;
    margin-right: 5%;
}
.darkright-inner {
    float: right;
    text-align: right;
    text-decoration: none;
    width: 50%;
}
.mobile {
    display: none;
}
.half-block {
    float: left;
    padding: 0;
    width: 50%;
}
.white {
    margin: 0 auto;
    width: 820px;
}
.left-inner-img {
    text-align: right;
}
.white-row p {
    padding-left: 10px;
}
.white-row.last p {
    padding-left: 0;
    padding-right: 70px;
    padding-top: 20px;
    text-align: right;
}
.owl-pagination {
    display: none;
}
.span4 {
    float: left;
    margin-right: 1.33%;
    margin-top: 55px;
    width: 32.44%;
}
.span4.last {
    margin-right: 0;
}
.fullimage {
    max-width: 1159px;
    width: 100%;
}
@media (max-width: 1660px) {
    .grey-right-img {
        background-position: left top;
    }
    .grey h4 {
        font-size: 150%;
    }
}
@media (max-width: 1280px) {
    .leftarrow {
        left: 10%;
    }
    .rightarrow {
        right: 10%;
    }
    .grey-right-img {
        background-position: left top;
    }
    .left-container {
        width: 70%;
    }
    .whitebottom {
        background-position: -212px -21px;
    }
}
@media (max-width: 840px) {
    .two-third, .third, .section4 .two-third, .section4 .third {width: 100%;}
    .third {text-align: center;}
    .two-third.img1, .two-third.img2, .two-third.img3, .two-third.img4 {
        background-position: center center;
        background-size: auto auto;
    }
    .third {
        padding: 0 10px;
        font-size: 93%;
    }
    .section3 .third p {
        margin-bottom: 20px;
    }
    .section4 .two-third label {
        margin-right: 10px;
        text-align: right;

    }
    .section4 .two-third label.special {
        text-align: left;
        margin-top: 35px;
    }
    .mt155 {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .mt110, .mt90 {
        margin-top: 30px;
    }
    .section2 .two-third .row:first-child {
        margin-top: 73px;
    }
}
@media (max-width: 800px) {
    .span4 {
        clear: both;
        float: left;
        margin-right: 0;
        width: 100%;
    }
    .darkbottom {
        padding-bottom: 70px;
    }
    .darkleft-inner {
        clear: both;
        float: left;
        padding-bottom: 48px;
        text-align: center;
        width: 100%;
    }
    .darkright-inner {
        clear: both;
        float: left;
        text-align: center;
        width: 100%;
    }
    .darkleft-inner p {
        display: inline-block;
        float: none;
    }
    .owl-pagination {
        display: block;
    }
    .customers-menu li.active {
        background-position: left bottom;
    }
    .leftarrow, .rightarrow {
        display: none;
    }
    .whitebottom {
        background-position: -444px 0;
        padding-top: 90px;
    }
    .grey {
        min-height: 10px;
    }
    .grey-right-inner {
        display: none;
    }
    .grey-left-inner {
        min-height: 10px;
        padding: 0 5% 30px;
        width: 90%;
    }
    .left-holder {
        padding-right: 0;
        padding-top: 50px;
    }
    .left-container {
        text-align: center;
        width: 100%;
    }
    .left-container h4 {
        float: none;
        text-align: center;
    }
    .left-container p {
        float: none;
        margin-bottom: 35px;
        text-align: center;
    }
    .left-container img {
        display: inline-block;
        float: none;
        margin: 0 0 16px;
    }
    .white-row p {
        padding: 0 !important;
    }
    .white-row.last p {
        padding-left: 0 !important;
        padding-right: 10px !important;
        padding-top: 0 !important;
    }
    .white p, .whitebottom p {
        font-size: 16px;
    }
    .left-inner-img, .right-inner-img {
        min-height: 10px;
    }
    .left-inner-img img, .right-inner-img img {
        width: 110%;
    }
    a {
        text-decoration: none;
    }
    .white {
        margin: 0 5%;
        min-height: 10px;
        padding-bottom: 60px;
        padding-top: 90px;
        width: 90%;
    }
    .white h2, .grey h2, .whitebottom h2 {
        font-size: 36px;
    }
    .bottom h2 {
        font-size: 48px;
    }
    .bottom p.nothing {
        font-size: 24px;
    }
    .mobile {
        display: block;
    }
    .no-mobile {
        display: none;
    }
    .green {
        height: auto;
        padding-bottom: 0;
    }
    .green-images {
        float: left;
        margin-right: 5%;
        width: 30%;
    }
    .green-inner {
        margin: 15px 5% 0;
        width: 90%;
    }
    .green-images p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .green-images:nth-of-type(3n) {
        margin-right: 0;
    }
    .green-images img {
        margin-bottom: 4px;
    }
    .top h2 {
        margin-top: 95px;
    }
    .logo-landing {
        padding-left: 5%;
        width: 123px;
    }
    .top .right {
        padding-right: 5%;
        width: 60%;
    }
    .top .right .button {
        padding-right: 0;
        width: 100px;
    }
    .logo-landing img {
        width: 100%;
    }
    .video img {
        width: 100%;
    }
    .video {
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }
    h4 {
        font-size: 22px;
    }
    .top {
        min-height: 20px;
    }
    .trybtn {
        background-size: 100% 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 330px;
        min-width: 330px;
        width: 70.83%;
    }
    .trybtn a {
        font-size: 100%;
        padding-left: 7%;
        padding-top: 18px;
        width: 93%;
    }
    .trybtn p {
        padding-right: 10px;
    }
    .trybtn img {
        margin-left: 20.7%;
        margin-top: 10px;
    }
}
@media (max-width: 760px) {
    .video {
        width: 100%;
    }
}
@media (max-width: 720px) {
    .down .btn-green {
    width: 75%;
}
}
@media (max-width: 660px) {

    .two-third.img3 {
        background-position: 10px center;
        background-size: auto 70%;
    }
}
@media (max-width: 550px) {
    .header h1 {
        font-size: 184%;
    }
}
@media (max-width: 470px) {
    
    .section4 .two-third label {
        text-align: right;
    }
}
@media (max-width: 440px) {
    .two-third.img2, .two-third.img4 {
        background-position: right center;
        background-size: auto auto;
    }
    .two-third.img4 {
        background-size: auto 40%;
    }
    .section2 .two-third label, .section2 .two-third p {
        width: 45%;
    }
}
@media (max-width: 420px) {
    .header h1 {
        margin-top: 15px;
    }
}
@media (max-width: 390px) {
    .section4 .two-third label {
        text-align: left;
        width: 25%;
    }
}
@media (max-width: 320px) {
    .darkleft-inner p {
        font-size: 12px;
    }
    .darkright-inner p {
        font-size: 12px;
    }
    .logo-landing {
        padding-top: 4px;
        width: 80px;
    }
    .white h2, .grey h2, .whitebottom h2 {
        font-size: 24px;
        padding-bottom: 40px;
    }
    .whitebottom h2 {
        color: #434346;
    }
    .green-images p {
        font-size: 12px;
    }
    .green-images img {
        width: 60px;
    }
    .top .right .button {
        font-size: 14px;
        text-align: center;
        width: 70px;
    }
    h4 {
        font-size: 16px;
    }
    .top h2 {
        font-size: 36px;
    }
    .bottom h2 {
        font-size: 36px;
    }
    .bottom p.nothing {
        font-size: 18px;
    }
    .trybtn {
        background-size: 100% 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 800px;
        min-width: 10px;
        width: 70.83%;
    }
    .trybtn a {
        font-size: 70%;
        padding-left: 7%;
        padding-top: 23px;
        width: 93%;
    }
    .trybtn p {
        padding-right: 5px;
        width: auto;
    }
    .trybtn img {
        margin-left: 13.7% !important;
        margin-top: 6px;
    }
    .grey p {
        padding: 0 5%;
        width: 90%;
    }
    .white p, .grey p, .whitebottom p {
        font-size: 12px;
        line-height: 16px;
    }
    .whitebottom p {
        font-size: 14px;
        margin: 0 5%;
        width: 90%;
    }
}

/*------------- dodato 11.06.2014 -----------------------*/

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fontslanding2/MyriadPro-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fontslanding2/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fontslanding2/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
        url('../fontslanding2/MyriadPro-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-style:   normal;
    font-weight:  400;
}
@font-face {
    font-family: 'Myriad Pro Light';
    src: url('../fontslanding2/MyriadPro-Light.eot'); /* IE9 Compat Modes */
    src: url('../fontslanding2/MyriadPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fontslanding2/MyriadPro-Light.woff') format('woff'), /* Modern Browsers */
        url('../fontslanding2/MyriadPro-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fontslanding2/MyriadPro-Light.svg#a99616dbb054e76c282c87b27678ee84') format('svg'); /* Legacy iOS */

    font-style:   normal;
    font-weight:  200;
}




.landing-background {
    background: url("../imglanding2/background.jpg") repeat scroll 0 0 #375FAC;
    min-height: 1469px;
    width: 100%;
    padding: 24px 0 98px;
}
.full-block {
    float: left;
    padding: 0;
    width: 100%;

}
.title-over-img {
    position: absolute;
    bottom: 0;
    background-image: url("../imglanding2/title-background.png");
    background-repeat: repeat;
    width: 100%;
    height: 110px;
}
.title-over-img-larger {
    position: absolute;
    bottom: 0;
    background-image: url("../imglanding2/title-background.png");
    background-repeat: repeat;
    width: 100%;
    height: 130px;
    text-align: left;
}
.meet-voogla {
    position: relative;
    height: 598px;
    background-image: url("../imglanding2/landing-img1.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
/*.meet-voogla .title-over-img-larger {
     top: 20px;
}*/
.orange-button {
    font-size: 130%;
    text-decoration: none;
    background-color: #d35400;
    margin-top: 380px;
    display: block;
    float: left;

}
.orange-button div {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 25px;
    font-family: 'Myriad Pro';

}
.green-button {
    font-size: 130%;
    text-decoration: none;
    background-color: #1abc9c;
    display: block;
    float: left;
}
.green-button div {
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 25px;
    font-family: 'Myriad Pro';

}
.landing-holder {
    margin-top: 33px;
}
.title-over-img-larger label{
    color: #fff;
    font-family: 'Myriad Pro Light';
    font-weight: 200;
    font-size: 225%;
    width: 90%;
    padding: 25px 0 0 30px;
    float: left;

}
.landing-video .title-over-img label{
    color: #fff;
    font-family: 'Myriad Pro Light';
    font-weight: 200;
    font-size: 150%;
    width: 90%;
    padding: 30px 0 0 20px;
    float: left;

}
.span6 .title-over-img label{
    color: #fff;
    font-family: 'Myriad Pro Light';
    font-weight: 200;
    font-size: 100%;
    width: 90%;
    padding: 20px 0 0 20px;
    float: left;
    line-height: 120%;
}
.middle .title-over-img label, .down .title-over-img label {
    color: #fff;
    font-family: 'Myriad Pro Light';
    font-weight: 200;
    font-size: 121.25%;
    width: 90%;
    padding: 30px 0 0 20px;
    float: left;
    line-height: 120%;
}
.grocery.span6 .title-over-img label{
    padding: 30px 0 0 20px;
}
.down .title-over-img label{
    padding: 33px 0 0 20px;
    font-size: 100%;
}
.landing-video .green-button {
    margin-top: 120px;
}
.span6 .green-button {
    margin-top: 110px;
}
.landing-video .title-over-img {
    /*    top: 30px;*/
    height: 100px;
}
.span6 .title-over-img {
    /*    top: 21px;*/
    height: 100px;
}
.note-taking, .grocery, .landing-video {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    float: left;
    height: 290px;

}
.grocery2 {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    float: left;
    height: 340px;

}
.freelancer, .video2, .hotel {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    height: 380px;

}

.video3 .title-over-img, .note-taking2 .title-over-img,  .test8  .title-over-img, .test9  .title-over-img, .test10  .title-over-img {
    height: 70px;

}
.video3 .title-over-img label, .note-taking2 .title-over-img label,  .test8 .title-over-img label, .test9 .title-over-img label, .test10 .title-over-img label {
    font-family: arial,sans-serif;
    font-size: 85%;
    font-weight: 600;
    padding: 10px;
    float: left;
    color: #fff;
    line-height: 120%;

}
.video3 .green-button, .note-taking2 .green-button, .test8 .green-button, .test9 .green-button, .test10 .green-button {
    margin-top: 44px;
}
.video3 .green-button div, .note-taking2 .green-button div, .test8 .green-button div, .test9 .green-button div, .test10 .green-button div {
    font-family: arial,sans-serif;
    font-size: 75%;
    font-weight: 600;
    padding: 10px;
    float: left;
    color: #fff;
}

.test1, .test2, .test3, .test4 {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    height: 270px;

}
.test5, .test6, .test7 {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    height: 190px;
    margin-bottom: 18px;
}
.video3, .note-taking2, .test8, .test9, .test10 {
    position: relative;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    float: left;
    height: 160px;

}
.test5 .title-over-img, .test6 .title-over-img, .test7 .title-over-img {
    background: #fff;
    height: 70px;
}
.test5 .title-over-img label, .test6 .title-over-img label, .test7 .title-over-img label {
    color: #000;
    font-family: arial,sans-serif;
    font-weight: 600;
    font-size: 85%;
    width: 90%;
    padding: 10px;
    float: left;
    line-height: 120%;
}
.landing-video {
    background-image: url("../imglanding2/landing-img2.jpg");
}
.grocery {
    background-image: url("../imglanding2/landing-img3.jpg");
}
.grocery2 {
    background-image: url("../imglanding2/landing-img15.jpg");
}
.note-taking {
    background-image: url("../imglanding2/landing-img4.jpg");
}
.note-taking2 {
    background-image: url("../imglanding2/landing-img16.jpg");
}
.freelancer {
    background-image: url("../imglanding2/landing-img5.jpg");
}
.video2 {
    background-image: url("../imglanding2/landing-img6.jpg");
}
.video3 {
    background-image: url("../imglanding2/landing-img2.jpg");
}
.hotel {
    background-image: url("../imglanding2/landing-img7.jpg");
}
.test1 {
    background-image: url("../imglanding2/landing-img8.jpg");
}
.test2 {
    background-image: url("../imglanding2/landing-img9.jpg");
}
.test3 {
    background-image: url("../imglanding2/landing-img10.jpg");
}
.test4 {
    background-image: url("../imglanding2/landing-img11.jpg");
}
.test5 {
    background-image: url("../imglanding2/landing-img7.jpg");
}
.test6 {
    background-image: url("../imglanding2/landing-img5.jpg");
}
.test7 {
    background-image: url("../imglanding2/landing-img10.jpg");
}
.test8 {
    background-image: url("../imglanding2/landing-img12.jpg");
}
.test9 {
    background-image: url("../imglanding2/landing-img13.jpg");
}
.test10 {
    background-image: url("../imglanding2/landing-img14.jpg");
}
.landing13 .span3 {
    width: 23.7%;
}
.landing13 .span3.right .span12 {
    margin-bottom: 19px;
}
.span3 {
    float: left;
    margin-left: 0.8%;
    margin-right: 0.8%;
    width: 23.8%;
}
.span2x3 {
    float: left;
    /*  margin-left: 0.8%;
        margin-right: 0.8%;*/
    width: 50.8%;
}
.span6 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 47%;
}
.span12 {
    float: left;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 97%;
}
.no-margin-left {
    margin-left: 0!important;
}
.no-margin-right {
    margin-right: 0!important;
}
.image-holder {
    float: left;
    display: block;
    margin-top: 18px;
    width: 100%;
}
.half-block .span6 {
    width: 48.4%;
    margin-left: 0.8%;
    margin-right: 0.8%;
}

.landing-holder.down, .landing-holder.middle {
    margin-top: 18px;
}
.landing-holder.middle .span4 {
    margin-top: 0;
    margin-right: 1.63%;
    width: 32.24%;
}
.middle .video2 .orange-button, .freelancer .green-button, .hotel .green-button {
    margin-top: 210px;
}
.down .orange-button, .down .green-button{
    margin-top: 105px;
}
.middle .orange-button div, .down .orange-button div, .grocery2 .orange-button div {
    padding: 10px 25px;
}
.grocery2 .orange-button div {
    font-family: arial,sans-serif;
}
.grocery2 .title-over-img label {
    font-size: 161.28%;
    font-family: arial,sans-serif;
    font-weight: 600;
    color: #fff;
    padding: 15px;
    float: left;
    text-align: left;
}
.grocery2 .orange-button {
    margin-top: 174px;
}
.landing13 .span3 .span12 {
    margin-left: 0;
    margin-right: 0;
}
.landing13 .span6 {
    width: 48.3%;
}
.landing13 .wrap {
    max-width: 940px;
}