/*/<editor-fold> desc="NORMALIZE" ********************************************************************************/
html {
    font-family:              sans-serif;
    line-height:              1.15;
    -ms-text-size-adjust:     100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, footer, header, nav, section {
    display: block;
}

h1 {
    font-size: 2em;
    margin:    0.5em 0;
}

figcaption, figure, main {
    display: block;
}

figure {
    margin: 1em 40px;
}

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

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

a {
    background-color:             transparent;
    -webkit-text-decoration-skip: objects;
}

a:active, a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom:   none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: inherit;
}

b, strong {
    font-weight: bolder;
}

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

dfn {
    font-style: italic;
}

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

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio, video {
    display: inline-block;
}

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

img {
    border-style: none;
}

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

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size:   100%;
    line-height: 1.15;
    margin:      0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding:      0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border:  1px solid #c0c0c0;
    margin:  0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    box-sizing:  border-box;
    color:       inherit;
    display:     table;
    max-width:   100%;
    padding:     0;
    white-space: normal;
}

progress {
    display:        inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding:    0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset:     -2px;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font:               inherit;
}

details, menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

/*</editor-fold>*//*/<editor-fold> desc="GENERAL" ********************************************************************************/
* {
    box-sizing: border-box;
}

.cf:before, .cf:after {
    content: ' ';
    display: table;
}

.cf:after {
    clear: both;
}

body {
    color:       #000000;
    font-size:   16px;
    font-family: 'Roboto', sans-serif;
}

.btn {
    background:      #168eca;
    font-size:       16px;
    font-weight:     bold;
    border:          none;
    border-radius:   10px;
    padding:         17px 42px;
    display:         inline-block;
    color:           #fff;
    text-decoration: none;
    transition:      all .5s;
    font-family:     'Roboto', sans-serif;
}

.btn--header {
    width: 240px;
}

.btn--dark {
    background: #006da3;
}

.btn--icon {
    width:      136px;
    height:     136px;
    font-size:  14px;
    padding:    20px 7px;
    text-align: center;
    float:      left;
}

.btn:hover {
    background: #7cc4f0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3);
}

.btn + .btn {
    margin-left: 22px;
}

.btn.btn--icon {
    margin-left:   0;
    margin-bottom: 16px;
}

.btn:nth-child(2n) {
    margin-left: 20px;
}

.btn__text {
    display:     block;
    padding-top: 7px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
}

.btn-footer {
    background:      #ff7800;
    font-size:       16px;
    font-weight:     bold;
    border:          none;
    border-radius:   10px;
    padding:         17px 42px;
    display:         inline-block;
    color:           #fff;
    text-decoration: none;
    transition:      all .5s;
    font-family:     'Roboto', sans-serif;
}

.btn-footer:hover {
    background: #ff9801;
}

.inner-container {
    width:         1000px;
    max-width:     100%;
    padding:       0;
    margin:        0 auto;
    position:      relative;
}

/*</editor-fold>*//*/<editor-fold> desc="HEADER" ********************************************************************************/

.top-bar {
    padding-top:10px;
    position:relative;
    z-index:100;
}

.top-bar .inner-container {
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex-direction: row;
}

.top-bar .top-bar__logo {
    text-align:left;
}

.top-bar .top-bar__title {
    text-align:right;
    font-weight:bold;
    font-size:18px;
    font-family:    'Roboto Condensed', sans-serif;
    line-height: 24px;
    text-transform: uppercase;
}

.header {
    font-family:    'Roboto', sans-serif;
    background-color: #aabb00;
    color: white;
    min-height: 450px;
    font-size:18px;
    line-height: 24px;
    position:relative;
    z-index:90;
    margin-top:-15px;
}

.header .inner-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.header a {
    color:white;
}

.header .header__text {
    width: 60%;
    padding: 50px 60px 50px 0;
}

.header .header__img {
    width: 40%;
}

.header .header__img img {
    width: 100%;
}

.header .header__title {
    font-weight:bold;
    font-size:30px;
    font-family:    'Roboto Condensed', sans-serif;
    line-height: 36px;
}

.header .header__title strong {
    text-transform: uppercase;
}

a.button {
    text-transform: uppercase;
    font-family:    'Roboto Condensed', sans-serif;
    font-size:14px;
    line-height: 24px;
    color: white;
    font-weight: bold;
    padding: 5px 20px;
    border: 2px solid white;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    margin-bottom:20px;
    transition: background-color 0.7s ease;
    transition: color 0.5s ease;
    background-color: transparent;
}

a.button:hover {
    background-color: white;
    color: #aabb00;
}

.products {
    background-color: #f4f4f4;
    padding:50px 0;
}

.products .products__list {
    background-color: rgba(255,255,255,0.95);
    padding:110px 40px 40px;
    margin-top:-30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position:relative;
    z-index:90;
}

.products .products__title {
    background-color: #ff8300;
    color: white;
    font-weight:bold;
    font-size:30px;
    font-family:    'Roboto Condensed', sans-serif;
    line-height: 36px;
    text-transform: uppercase;
    padding: 10px 30px;
    display:inline-block;
    margin-left: 40px;
    position:relative;
    z-index:100;
}

.product {
    width: 18%;
    margin-bottom:40px;
    font-size:16px;
    font-family:    'Roboto Condensed', sans-serif;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
}

.product a {
    color: black;
    text-decoration: none;
    transition: color 0.2s ease;

}

.product a:hover {
    color: #bbba43;
}

.product img {
    width:100%;
}


.product img {
    border: none;
}


.product img:hover {
    border:3px solid #bbba43;
}

.product .product__name {
    padding-top: 10px;
}

.product .product__price {
    margin-top:5px;
    opacity: 0.6;
    font-style: italic;
}

.products__cta {
    margin-top:40px;
    background-color: #aabb00;
    color: white;
    padding: 40px 40px 20px 40px;
    text-align: center;
    font-weight:bold;
    font-size:30px;
    font-family:    'Roboto Condensed', sans-serif;
    line-height: 36px;
}

.products__cta p {
    max-width: 600px;
    text-align:center;
    margin:0 auto 10px;
}


/*</editor-fold>*//*/<editor-fold> desc="FOOTER" ********************************************************************************//* FOOTER *********************************************/
.column, .columns {
    width:      100%;
    float:      left;
    box-sizing: border-box;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
}

/* For devices larger than 550px */
@media (min-width: 550px) {
    .column, .columns {
        margin-left: 4%;
    }

    .column:first-child, .columns:first-child {
        margin-left: 0;
    }

    .one.column, .one.columns {
        width: 4.66666666667%;
    }

    .two.columns {
        width: 13.3333333333%;
    }

    .three.columns {
        width: 22%;
    }

    .four.columns {
        width: 30.6666666667%;
    }

    .five.columns {
        width: 39.3333333333%;
    }

    .six.columns {
        width: 48%;
    }

    .seven.columns {
        width: 56.6666666667%;
    }

    .eight.columns {
        width: 65.3333333333%;
    }

    .nine.columns {
        width: 74.0%;
    }

    .ten.columns {
        width: 82.6666666667%;
    }

    .eleven.columns {
        width: 91.3333333333%;
    }

    .twelve.columns {
        width:       100%;
        margin-left: 0;
    }

    .one-third.column {
        width: 30.6666666667%;
    }

    .two-thirds.column {
        width: 65.3333333333%;
    }

    .one-half.column {
        width: 48%;
    }

    /* Offsets */
    .offset-by-one.column, .offset-by-one.columns {
        margin-left: 8.66666666667%;
    }

    .offset-by-two.column, .offset-by-two.columns {
        margin-left: 17.3333333333%;
    }

    .offset-by-three.column, .offset-by-three.columns {
        margin-left: 26%;
    }

    .offset-by-four.column, .offset-by-four.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-five.column, .offset-by-five.columns {
        margin-left: 43.3333333333%;
    }

    .offset-by-six.column, .offset-by-six.columns {
        margin-left: 52%;
    }

    .offset-by-seven.column, .offset-by-seven.columns {
        margin-left: 60.6666666667%;
    }

    .offset-by-eight.column, .offset-by-eight.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-nine.column, .offset-by-nine.columns {
        margin-left: 78.0%;
    }

    .offset-by-ten.column, .offset-by-ten.columns {
        margin-left: 86.6666666667%;
    }

    .offset-by-eleven.column, .offset-by-eleven.columns {
        margin-left: 95.3333333333%;
    }

    .offset-by-one-third.column, .offset-by-one-third.columns {
        margin-left: 34.6666666667%;
    }

    .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%;
    }

    .offset-by-one-half.column, .offset-by-one-half.columns {
        margin-left: 52%;
    }
}

/* Utilities */
.u-full-width {
    width:      100%;
    box-sizing: border-box;
}

.u-max-full-width {
    max-width:  100%;
    box-sizing: border-box;
}

.u-pull-right {
    float: right;
}

.u-pull-left {
    float: left;
}

.u-align-middle {
    display:        table-cell;
    vertical-align: middle;
}

.u-hidden {
    display:    none !important;
    visibility: hidden !important;
}

.u-block {
    display: block;
}

.u-inline-block {
    display: inline-block;
}

.u-left {
    text-align: left;
}

.u-right {
    text-align: right;
}

.u-center {
    text-align: center;
}

.right-bg.container {
    background-position: right bottom;
}

.left-bg.container {
    background-position: left bottom;
}

.footer {
    border-top:     1px solid #ececec;
    padding-top:    30px;
    padding-bottom: 50px;
}

.footer ul {
    margin-bottom: 0;
    padding-left:  0;
    margin-top:    0;
}

.footer li {
    padding-left:    0;
    list-style-type: none;
    margin-bottom:   5px;
}

.footerapps a {
    text-align:      center;
    text-decoration: none;
}

.footerapps .tag-line {
    padding-top: 10px;
    line-height: 15px;
    color:       #8b8b8e;
}

.footerapps a:hover {
    color: #8b8b8e;
}

.footerapps .icon {
    width:       46px;
    height:      45px;
    background:  url(../img/apps.png) no-repeat 0 0;
    text-indent: -9999em;
    margin:      9px auto 0;
}

.footerapps .icon.googleplay {
    background-position: 0 0;
}

.footerapps .icon.appstore {
    background-position: -46px 0;
}

.footerapps .icon.windowsstore {
    background-position: -92px 0;
}

.footerapps .icon.googleplay:hover {
    background-position: 0 -45px;
}

.footerapps .icon.appstore:hover {
    background-position: -46px -45px;
}

.footerapps .icon.windowsstore:hover {
    background-position: -92px -45px;
}

.footer {
    font-size:      11px;
    line-height:    1.1rem;
    color:          #8b8b8e;
    padding-bottom: 20px;
}

.footer a {
    color:           #8b8b8e;
    text-decoration: none;
}

.footer a:hover {
    color: #ff9400;
}

.footer .menu li a {
    border-bottom: 1px solid #eee;
}

.caret {
    display:        inline-block;
    width:          0;
    height:         0;
    margin-left:    2px;
    vertical-align: middle;
    border-top:     4px solid;
    border-right:   4px solid transparent;
    border-left:    4px solid transparent;
}

.partners a {
    cursor: pointer;
}

.partners .sub-menu {
    padding-left: 10px;
}

.social-media {
    text-align:    center;
    padding:       15px;
    border-top:    1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 2px;
}

.social-media div {
    display: inline-block;
}

.facebook-icon {
    background:      url(../img/facebook.png) no-repeat center center transparent;
    display:         inline-block;
    background-size: 40px 40px;
    margin:          10px 2px;
    width:           40px;
    height:          40px;
}

.twitter-icon {
    background:      url(../img/twitter.png) no-repeat center center transparent;
    display:         inline-block;
    background-size: 40px 40px;
    margin:          10px 2px;
    width:           40px;
    height:          40px;
}

.youtube-icon {
    background:      url(../img/youtube.png) no-repeat center center transparent;
    display:         inline-block;
    background-size: 40px 40px;
    margin:          10px 2px;
    width:           40px;
    height:          40px;
}

.google-icon {
    background:      url(../img/google.png) no-repeat center center transparent;
    display:         inline-block;
    background-size: 40px 40px;
    margin:          10px 2px;
    width:           40px;
    height:          40px;
}

.social-facebook {
    position: relative;
    top:      -4px;
}

.social-text {
    position: relative;
    top:      -4px;
}

/*</editor-fold>*//*/<editor-fold> desc="RESPONSIVE" ********************************************************************************/
@media screen and (max-width: 999px) {
    .inner-container {
        padding: 0 20px;
    }

    .header .header__text {
        padding-right: 20px;
    }
}

@media screen and (max-width: 999px) {
    .header .header__text {
        width:100%;
        padding:0;
        font-size:16px;
        line-height: 20px;
    }

    .header .header__title {
        font-size:24px;
        line-height: 30px;
        margin-top:40px;
    }

    .header {
        text-align:center;
    }

    .header .header__img {
        margin:0 auto 20px;
        width: 80%;
        max-width: 300px;
    }

    .products .product {
        width: 23%;
    }

    .products .products__list {
        padding: 80px 40px 40px;
    }

}
@media screen and (max-width: 800px) {
    .products .products__cta {
        font-size:24px;
        line-height: 30px;
    }
}

@media screen and (max-width: 750px) {
    .products .product {
        width: 30%;
    }
}

@media screen and (max-width: 550px) {
    .products .product {
        width: 48%;
    }

    .footer-page-menu .container {
        background: none !important;
    }

    .footer .columns {
        text-align: center;
    }

    .footerapps .columns {
        float:       left;
        width:       30.6666666667%;
        margin-left: 4%;
    }

    .footerapps .columns:first-child {
        margin-left: 0;
    }

    .footer .logo {
        margin-bottom: 20px;
    }

    .footer .three {
        margin-top:  20px;
        padding-top: 20px;
        border-top:  1px solid #e4e4e4;
    }

    .products .products__cta {
        font-size:18px;
        line-height: 24px;
    }
}

@media screen and (max-width: 500px) {
    .top-bar .top-bar__title {
        font-size:14px;
    }

    .products .product {
        width: 100%;
    }

    .products .products__title {
        font-size: 24px;
        line-height: 30px;
        margin: 0 auto;
        text-align:center;
        display:block;
    }
}


/*</editor-fold>*/