html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt, var,
        b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed,
        figure, figcaption, footer, header, hgroup,
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
        }

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

        body {
            line-height: 1;
        }

        ol, ul {
            list-style: none;
        }

        blockquote, q {
            quotes: none;
        }

            blockquote:before, blockquote:after,
            q:before, q:after {
                content: '';
                content: none;
            }

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

        .grecaptcha-badge {
            display: none;
        }

        * {
            font-family: 'Open Sans', sans-serif !important;
        }


        body, html {
            height: 100%;
        }


        /* SECTION 1 /Start */

        .section-1 {
            /* The image used */
            background-image: url("../Images/notagram-photo-full-2560.jpg");
            /* Full height */
            height: 100%;
            /* Center and scale the image nicely */
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position:relative;
        }

        .header-girl {
            width: 100%;
            height: 100%;
            background-image: url(../Images/notagram-photo-2560.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            z-index: 1001;
            position: absolute;
        }

        .header-line {
            width: 100%;
            height: 100%;
            background-image: url(../Images/notagram-line-2560.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: initial;
            z-index: 1000;
            position: absolute;
        }


        .header-logos {
            padding: 30px 60px 104px 50px;
            z-index: 1002;
            position: relative;
        }

        .header-logos-img {
            display: inline-block;
        }

        .header-logos-img  .s,.header-logos-img .sm,
        .header-container-mini-1 .s, .header-container-mini-1 .sm {
            display:none;
        }

        .header-logos-button-container {
            display: inline-block;
            float: right;
            width: 180px;
            border: 1px solid;
            color: white;
            text-align: center;
            border-radius: 25px;
            cursor: pointer;
        }

        .header-logos-button-container:hover {
            background-color: #18b7a9;
            border: 1px solid #18b7a9;
        }

        .header-logos-button{
            text-decoration: none;
            text-transform: uppercase;
            font-size: 20px;
            font-weight: 300;
            line-height: 14px;
            padding: 16px 0;
            color: white;
            display: inline-block;
        }

        .header-container {
            position: relative;
            height: 85%;
            max-height: 800px;
            max-width: 1920px;
            margin: 0 auto;
            color: white;
            border-radius: 10px;
            z-index: 1002;
        }

        .header-container-mini {
            position: relative;
            max-width: 770px;
            text-align: center;
            height: 100%;
        }

        .header-container-mini-1 {
            max-width: 450px;
            margin: 0 auto;
            padding: 240px 0;
        }

        .header-container-mini-2 {
            position:absolute;
            bottom: -26px;
            left: 300px;
        }

        .header-container-paragraf {
            padding-top: 80px;
        }

        .header-container-text {
            font-size: 32px;
            line-height: 42px;
            font-weight: 300;
        }

        .header-container-mouse {
            position: absolute;
            right: -13px;
            bottom: 38px;
            z-index: 1002;
        }

        #succesSendEmail{
            display:none;
        }

          .mouse {
            background-image: url(../Images/mouse.png);
            height: 74px;
            width: 27px;
            display: inline-block;
        }

            .mouse:hover {
                background-image: url(../Images/mouse-2.png);
            }

        /* SECTION 1 /End */

        /* SECTION 2 /Start */

        .section-2 {
            max-width: 1170px;
            margin: 160px auto;
        }


        .features-container {
            display: inline-block;
            max-width: 370px;
            padding: 10px 0;
            vertical-align: top;
        }

        .features-container-mini {
        }

        .features-header {
            margin-bottom: 10px;
        }

        .features-header-text {
            display: inline;
            font-size: 24px;
            font-weight: 300;
            color: #4e3b95;
            text-transform: uppercase;
            padding: 0 20px;
        }

        .features-paragraf {
            min-height: 78px;
        }

        .features-paragraf-text {
            font-size: 16px;
            font-weight: 300;
            line-height: 26px;
            color: black;
        }

        .features-iPad {
            display: inline-block;
            padding: 0 60px;
        }

        .r.features-container {
            text-align: right;
        }

        .l.features-container {
            text-align: left;
        }

        .first.features-container-mini {
            margin-bottom: 85px;
        }

        .smaller.features-iPad, .smaller.features-iPad .s,
        .features-header .s {
            display: none;
        }

        /* SECTION 2 /End */

        /* SECTION 3 /Start */
        .section-3 {
            max-width: 1070px;
            margin: 0 auto;
            text-align: center;
        }

        .works-container {
            margin: 50px 0;
            background-image: url(../Images/5-Points.png);
            height: 795px;
            background-repeat: no-repeat;
            background-position: left;
        }

        .works-container-mini {
            max-width: 370px;
            display: inline-block;
            vertical-align: top;
        }

        .r.works-container-mini {
            margin-right: 230px;
            text-align: right;
        }

        .l.works-container-mini {
            text-align: left;
        }

        .c.works-container-mini {
            margin-bottom: 160px;
            margin-top: 160px;
        }

        .first.works-container-mini {
            margin-top: 36px;
        }

        .works-header {
            margin-bottom: 13px;
        }

        .works-header-text {
            font-size: 32px;
            font-weight: 300;
            color: #8ec743;
            text-transform: uppercase;
        }

        .works-paragraf {
        }

        .works-paragraf-text {
            font-size: 20px;
            line-height: 30px;
            color: black;
            font-weight: 300;
        }

        .works-title {
            font-size: 50px;
            font-weight: 300;
            text-transform: uppercase;
            color: #8ec743;
        }

        .only-for-visibility {
            visibility: hidden;
        }

        .app-store-a {
            background-image: url(../Images/App-Store-1.png);
            height: 50px;
            width: 166px;
            display: inline-block;
        }

            .app-store-a:hover {
                background-image: url(../Images/App-Store-2.png);
            }
        /* SECTION 3 /End */

        /* SECTION 4 /Start */

        .section-4 {
            max-width: 1600px;
            margin: 120px auto;
        }

        .music-container {
            display: inline-block;
            max-width: 770px;
            text-align: right;
            vertical-align: middle;
        }

        .music-container-mini {
            margin-bottom: 60px;
        }

        .music-header {
        }

        .music-header-text {
            color: #7a2b89;
            font-size: 50px;
            text-transform: uppercase;
            font-weight: 300;
        }

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

        .music-paragraf {
            margin-top: 40px;
        }

        .music-paragraf-text {
            font-size: 20px;
            line-height: 30px;
            font-weight: 300;
            color: black;
        }

        .separator-line {
            border: 0;
            height: 1px;
            background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(150, 150, 150, 0.75), rgba(0, 0, 0, 0));
            display: block;
            width: 100%;
            margin: 80px auto 0;
        }

        .app-store-a-2 {
            background-image: url(../Images/App-Store-3.png);
            height: 50px;
            width: 166px;
            display: inline-block;
        }

            .app-store-a-2:hover {
                background-image: url(../Images/App-Store-4.png);
            }

        .music-image.big .s, .music-image.smaller, .app-store.smaller, .music-image.smaller .s {
            display: none;
        }

        /* SECTION 4 /End */

        /* SECTION 5 /Start */

        .section-5 {
            max-width: 840px;
            margin: 0 auto 120px;
            text-align: center;
        }

        .coming-header {
            margin-bottom: 60px;
        }

        .coming-header-text {
            font-size: 50px;
            font-weight: 300;
            text-transform: uppercase;
            color: #3250a3;
            line-height: 38px;
        }

        .coming-images {
            letter-spacing: 160px;
        }

            .coming-images .s {
                display: none;
            }

        /* SECTION 5 /End */

        /* SECTION 6 /Start */

        .section-6 {
            background-image: url("/Images/footer.jpg");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            min-height: 520px;
        }

        .contact-socials-container {
            margin: 40px 0;
        }

        .contact-socials {
            height: 40px;
            width: 40px;
            display: inline-block;
        }

            .contact-socials.middle {
                margin: 0 30px;
            }

        .fb {
            background-image: url(../Images/fb.png);
        }

            .fb:hover {
                background-image: url(../Images/fb-2.png);
            }

        .tw {
            background-image: url(../Images/tw.png);
        }

            .tw:hover {
                background-image: url(../Images/tw-2.png);
            }

        .in {
            background-image: url(../Images/in.png);
        }

            .in:hover {
                background-image: url(../Images/in-2.png);
            }

        .app-store-a-3 {
            background-image: url(../Images/App-Store-5.png);
            height: 50px;
            width: 166px;
            display: inline-block;
        }

            .app-store-a-3:hover {
                background-image: url(../Images/App-Store-6.png);
            }

        .contact-container {
            max-width: 970px;
            margin: 0 auto;
            padding: 120px 0 70px;
            text-align:center;
        }

        .contact-container-mini {
            display: inline-block;
            vertical-align: top;
        }

            .contact-container-mini.first {
                text-align: center;
                max-width: 300px;
                margin-right: 100px;
            }

            .contact-container-mini.second {
                max-width: 570px;
                width: 100%;
            }

        .contact-header {
            margin:40px 0;
        }

        .contact-header-text {
            font-size: 50px;
            color: white;
            text-transform: uppercase;
            font-weight: 300;
        }

        .contact-inputs {
            margin-bottom: 20px;
        }

            .contact-inputs input, .contact-inputs textarea {
                background-color: rgba(0,0,0,0) !important;
                border: 1px solid white;
                border-radius: 20px;
                height: 40px;
                width: calc(100% - 24px);
                font-size: 14px;
                font-weight: 300;
                color: white;
                padding-left: 20px;
                outline: none;
            }

            .contact-inputs textarea {
                resize: none;
                height: 100px;
                padding-top: 20px;
            }

        .contact-inputs-mini {
            display: inline-block;
            width: 274px;
        }

            .contact-inputs-mini.first {
                margin-right: 16px;
            }

        ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            text-transform: uppercase;
            color: white;
        }

        ::-moz-placeholder { /* Firefox 19+ */
            text-transform: uppercase;
            color: white;
        }

        :-ms-input-placeholder { /* IE 10+ */
            text-transform: uppercase;
            color: white;
        }

        :-moz-placeholder { /* Firefox 18- */
            text-transform: uppercase;
            color: white;
        }

        .contact-button-container {
            text-align: right;
        }

        .contact-button {
            background-color: rgba(0,0,0,0) !important;
            border: 1px solid white;
            border-radius: 20px;
            height: 40px;
            width: 110px;
            font-size: 14px;
            text-transform: uppercase;
            color: white;
            cursor: pointer;
        }

            .contact-button:hover {
                background-color: #19b5a9 !important;
                border: 1px solid #19b5a9;
            }

        .contact-copy-container {
            text-align: center;
            padding: 20px 0;
        }

        .contact-copy {
            font-size: 12px;
            color: white;
            font-weight: 300;
        }

        .contact-copy-a {
            color: white;
            text-decoration: none;
        }


        
        .succes {
            text-align: center;
        }

        .succes-header {
            font-size: 30px;
            color: white;
            font-weight: 300;
            text-transform: uppercase;
        }

        .succes-text {
            font-size: 20px;
            color: white;
            font-weight: 300;
            padding: 30px 0;
        }

        .succes-button {
            width: 110px;
            background: transparent;
            border: 1px solid;
            color: white;
            border-radius: 20px;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 300;
            line-height: 12px;
            padding: 12px 0;
            cursor: pointer;
        }

        /* SECTION 6 /End */

         /* RESPONSIVE /Start */

        @media screen and (max-width: 2000px) {
            .section-1 {
                background-image:url("../Images/notagram-photo-full-1920.jpg");
            }

            .header-girl {
                background-image:url("../Images/notagram-photo-1920.png")
            }

            .header-line {
                background-image:url("../Images/notagram-line-1920.png")
            }

            .header-logos {
                padding: 30px 60px 60px 50px;
            }

            .header-logos-img .b, .header-container-mini-1 .b {
                display:none;
            }

            .header-logos-img .s, .header-container-mini-1 .s {
                display:inline;
            }

            .header-logos-button-container {
                width: 150px;
            }

            .header-logos-button {
                font-size: 16px;
                padding: 12px 0;
            }

            .header-container {
                max-height: 600px;
                max-width: 1400px;
            }

            .header-container-mini {
                max-width: 600px;
            }

            .header-container-mini-1 {
                padding: 160px 0;
            }

            .header-container-mini-2 {
                left: 220px;
            }

            .header-container-mouse {
                bottom: 0px;
            }

        }

        @media screen and (max-width: 1500px) {
            .section-1 {
                background-image:url("../Images/notagram-photo-full-1366.jpg");
            }

            .header-girl {
                background-image:url("../Images/notagram-photo-1366.png")
            }

            .header-line {
                background-image:url("../Images/notagram-line-1366.png")
            }

            .header-logos {
                padding: 30px 60px 10px 50px;
            }

            .header-container {
                max-height: 400px;
                max-width: 1000px;
            }

            .header-container-mini {
                max-width: 490px;
            }

            .header-container-mini-1 {
                padding: 90px 0;
                max-width: 335px;
            }

            .header-container-paragraf {
                padding-top: 25px;
            }

            .header-container-text {
                font-size: 22px;
                line-height: 32px;
            }

            .header-container-mini-2 {
                left: 165px;
            }

            .header-container-mouse {
                bottom: -37px;
            }

        }

        @media screen and (max-width: 1370px) {
            .section-4 {
                max-width: 1366px;
                padding-right: 16px;
            }

            .music-image.big .s {
                display: inline;
            }

            .music-image.big .b {
                display: none;
            }

            .music-container {
                max-width: calc(100% - 490px);
            }
        }

        @media screen and (max-width: 1200px) {
            .section-2 {
                max-width: 730px;
                margin: 60px auto 100px;
                text-align: center;
            }

            .big.features-iPad, .features-header .b {
                display: none;
            }

            .features-header .s {
                display: inline;
            }

            .smaller.features-iPad {
                display: block;
                margin-bottom: 60px;
            }

            .features-container {
                max-width: 350px;
                padding: 0;
            }

            .features-paragraf {
                min-height: 104px;
            }

            .r.features-container {
                margin-right: 20px;
            }

            .features-container-mini {
                text-align: center;
            }

            .features-header-text {
                margin-top: 14px;
                display: block;
            }

            .first.features-container-mini {
                margin-bottom: 60px;
            }


            .section-4 {
                max-width: 768px;
                padding: 0 16px;
                text-align: center;
                margin: 100px auto 60px;
            }

            .music-image.big, .app-store.big {
                display: none;
            }


            .music-image.smaller, .app-store.smaller {
                display: inline-block;
                vertical-align: middle;
            }

            .music-container {
                max-width: initial;
                text-align: center;
            }

            .app-store.smaller {
                margin-left: 20px;
            }

            .music-container-mini {
                margin-bottom: 30px;
            }

            .separator-line {
                margin: 20px auto 0;
            }
        }

        @media screen and (max-width: 1070px) {
            .section-1 {
                background-image:url("../Images/notagram-photo-full-768.jpg");
            }

            .header-girl {
                background-image:url("../Images/notagram-photo-768.png")
            }

            .header-line {
                background-image:url("../Images/notagram-line-768.png")
            }

            .header-logos {
                padding: 30px 40px 47px 40px;
            }

            .header-container {
                max-height: 700px;
                max-width: 600px;
            }

            .header-container-mini {
                max-width: inherit;
            }

            .header-container-mini-1 {
                padding: 435px 0 85px;
                max-width: 470px;
            }

            .header-container-paragraf {
                padding-top: 30px;
            }

            .header-container-mini-2 {
                left: 220px;
            }

            .header-container-mouse {
                bottom: -140px;
                right: calc(50% - 13px);
            }

              .section-3 {
                max-width: 768px;
            }

            .works-container-mini {
                max-width: 310px;
            }

            .r.works-container-mini {
                margin-right: 80px;
            }

            .first.works-container-mini {
                margin-top: 22px;
            }

            .c.works-container-mini {
                margin-bottom: 130px;
                margin-top: 130px;
            }

            .works-container {
                background-image: url(../Images/5-Points-mini-768.png);
            }

            .coming-images {
                letter-spacing: 90px;
            }

            .contact-container {
                max-width: 570px;
                padding: 0;
            }

            .contact-container-mini.first {
                margin: 0 auto;
                display: block;
                padding: 120px 0;
            }

            .contact-button-container {
                text-align: center;
            }

            .contact-copy-container {
                padding: 120px 0 40px;
            }

        }

        @media screen and (max-width: 767px) {
            .section-2 {
                margin: 40px auto 100px;
            }

            .features-container {
                max-width: initial;
            }

            .r.features-container {
                margin: 0 0 40px 0;
            }

            .smaller.features-iPad, .first.features-container-mini {
                margin-bottom: 40px;
            }

            .features-container-mini {
                max-width: 410px;
            }


            .section-3 {
                max-width: 430px;
            }

            .works-container {
                background-image: url(../Images/5-Points-mini-570.png);
                height: 1022px;
            }

            .only-for-visibility {
                display: none;
            }

            .first.works-container-mini {
                margin-top: 0;
            }

            .r.works-container-mini {
                margin-right: 0;
                text-align: left;
            }

            .c.works-container-mini {
                margin-bottom: 100px;
                margin-top: 0;
            }

            .works-container-mini {
                max-width: 360px;
                margin-left: 60px;
                margin-bottom: 100px;
            }

            .works-header {
                margin-bottom: 10px;
            }

            .works-header-text {
                line-height: 25px;
            }

            .section-4 {
                max-width: 470px;
            }

            .app-store.smaller {
                margin: 40px 0 60px;
            }

            .section-5 {
                margin: 0 auto;
            }

            .coming-images {
                letter-spacing: 0;
            }

                .coming-images .b {
                    display: block;
                    margin: 0 auto 60px;
                }

            .contact-container {
                max-width: 360px;
            }

            .contact-container-mini.first {
                padding: 110px 0 80px;
            }

            .contact-inputs-mini.first {
                margin-right: 0;
                margin-bottom: 20px;
            }

            .contact-inputs-mini {
                width: 100%;
                display: block;
            }

            .contact-copy-container {
                padding: 60px 0 30px;
            }
        }

        @media screen and (max-width: 650px) {
            .section-1 {
                background-image:url("../Images/notagram-photo-full-568.jpg");
            }

            .header-girl {
                background-image:none;
            }

            .header-line {
                background-image:none;
            }

            .header-logos {
                padding: 30px 30px 0 30px;
            }

            .header-container-mini-2 {
                left: calc(50% - 83px);
            }

        }

        @media screen and (max-width: 500px) {
            .section-1 {
                background-image:url("../Images/notagram-photo-full-320.jpg");
            }

            .header-logos-img .s, .header-container-mini-1 .s {
                display:none;
            }

            .header-logos-img .sm, .header-container-mini-1 .sm {
                display:inline;
            }
            
            .header-logos {
                padding: 30px 20px 0 20px;
            }

            .header-logos-button-container {
                width: 140px;
            }

            .header-container {
                height:auto;
                max-height: initial;
                max-width: 270px;
            }

            .header-container-mini-1 {
                padding: 100px 0 40px;
                max-width: initial;
            }

            .header-container-paragraf {
                padding-top: 20px;
            }

            .header-container-text {
                font-size: 18px;
                line-height: 28px;
            }

            .header-container-mini-2 {
                position:initial;
            }

            .header-container-mouse {
                position: initial;
                text-align: center;
                margin-top: 30px;
            }

            .header-container-mouse img {
                height:60px;
            }
        }

        @media screen and (max-width: 470px) {
            .section-2 {
                margin: 30px auto 60px;
                padding: 0 20px;
            }

            .smaller.features-iPad .s {
                display: inline;
            }

            .smaller.features-iPad .b {
                display: none;
            }

            .smaller.features-iPad {
                padding: 0;
                margin-bottom: 30px;
            }

            .features-header-text {
                font-size: 22px;
                padding: 0;
            }

            .features-paragraf-text {
                font-size: 14px;
                line-height: 24px;
            }

            .first.features-container-mini, .r.features-container {
                margin-bottom: 30px;
            }

            .section-3 {
                max-width: 280px;
            }

            .works-container {
                background-image: url(../Images/5-Points-mini-320.png);
                height: 900px;
                margin: 40px 0 30px;
            }

            .works-container-mini {
                max-width: 230px;
                margin-left: 40px;
                margin-bottom: 60px;
            }

            .c.works-container-mini {
                margin-bottom: 60px;
            }

            .works-header {
                margin-bottom: 6px;
            }

            .works-title {
                font-size: 36px;
            }

            .works-header-text {
                font-size: 24px;
            }

            .works-paragraf-text {
                font-size: 16px;
                line-height: 26px;
            }

            .section-4 {
                max-width: 280px;
            }

            .music-container-mini {
                margin-bottom: 10px;
            }

            .music-header-text {
                font-size: 36px;
            }

            .music-paragraf {
                margin-top: 20px;
            }

            .music-paragraf-text {
                font-size: 16px;
                line-height: 26px;
            }

            .music-image.smaller .b {
                display: none;
            }

            .music-image.smaller .s {
                display: inline-block;
                width: 280px;
            }

            .app-store.smaller {
                margin: 40px 0 60px;
            }

            .separator-line {
                margin: 0 auto;
            }

            .section-5 {
                max-width: 280px;
                margin-bottom: 60px;
            }

            .coming-header-text {
                font-size: 36px;
            }

            .coming-images .b {
                display: none;
            }

            .coming-images .s {
                display: block;
                margin: 40px auto 0;
            }

            .coming-header {
                margin-bottom: 20px;
            }

            .contact-container {
                max-width: 270px;
            }

            .contact-header-text {
                font-size: 36px;
            }

            .contact-copy-container {
                padding: 60px 0 20px;
                max-width: 270px;
                margin: 0 auto;
                line-height: 16px;
            }

            .contact-container-mini.first {
                padding: 60px 0;
            }
        }

        @media screen and (max-height: 450px) {

            .header-container-mouse, .header-container-mini-2, .header-line {
                display:none;
            }
        }

         /* RESPONSIVE /End */