/*  WEBSITE STYLES
    --------------------------------------------- */
    html { overflow-y: scroll; overflow-x: hidden; }
    body {
        background: #fff;
        font-family: 'montserrat';
    }

    html, body {
        width: 100%;
        height: 100%;
        min-height: 100%;
        margin: 0;
        padding: 0;
    }

    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 30px;
        color: #313536;
        font-weight: 200;
    }

       h1 {
            font-size: 2.6em;
        }

		h2 {
            margin: 20px 0;
            font-size: 1.5em;
            font-weight: 700;
        }

    p, li, table {
        color: #505252;
        line-height: 200%;
        font-size: 15px;
        font-weight: 300;
    }

    strong, a {
        color: #00bff3;
        -webkit-transition: color 500ms;
        transition: color 500ms;
    }

        a:hover { color: #3a3a3a; }

/*  HEADER
    --------------------------------------------- */
    header.top {
        width: 100%;
        position: relative;
		background-color:#fff;
		-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 0 6x 0 rgba(0, 0, 0, .15);
		z-index: 16;
    }

        header.top > article:first-of-type {
            max-width: 1280px;
            margin: 0 auto;
            padding: 20px 0;
            position: relative;
        }

            header a.logo_gka {
                width: 480px;
                height: 50px;
                display: inline-block;
                vertical-align: top;
                background: url('../img/logo.png') no-repeat 0 85%;
                background-size: auto 50px;
                -webkit-transition: all 300ms;
                transition: all 300ms;
            }

                header a.logo_gka:hover {
                    opacity: .8;
                }

            header.top article a.cta {
                margin-left: 20px;
                padding: 6px 20px 6px 20px;
                display: inline-block;
                vertical-align: top;
                background: #eee;
                color: #686b6c;
                font-size: 1.1em;
                font-weight: 400;
                text-align: center;
                letter-spacing: -1px;
                -webkit-transition: all 300ms;
                transition: all 300ms;
                -webkit-border-radius: 3px;
                border-radius: 3px;
            }

                header.top article a.cta.freemonth {
                    background: #00bff3;
                    color: #fff;
                    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
                    -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
                    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
                }

                    header.top article a.cta.freemonth:hover { background: #d56705; }

                header.top a.cta:hover {
                    background: #dedcdc;
                }

            div.center {
                width: 100%;
                background: #f3f3f3;
                border-bottom: 1px solid #eaeaea;
                text-align: right;
				display:none;
            }

                div.center article {
                    max-width: 1280px;
                    margin: 0 auto;
					height: 10px;
                }

                div.center div.block {
                    padding: 8px 0;
                    display: inline-block;
                    vertical-align: top;
                }

                    div.center div.block a {
                        display: block;
                    }

                        div.center div.block.phoneNumber {
                            margin: 0 10px 0 0;
                            padding-right: 10px;
                            border-right: 1px solid #e8e8e8;
                        }

                            div.center div.block.phoneNumber a {
                                color: #727272;
                                font-size: .8em;
                                line-height: 100%;
                                font-weight: 300;
                            }

                        div.center div.block a.button {
                            color: #727272;
                            font-size: .8em;
                            font-weight: 300;
                            line-height: 100%;
                        }

                            div.center div.block a:hover {
                                color: #00bff3;
                            }

/*  NAVIGATION
    --------------------------------------------- */
    nav {
        z-index: 9999;
        max-width: 670px;
        float: right;
		margin-top: 15px;
    }

        div.menuOverlay {
            width: 100%;
            max-width: 200px;
            margin-left: 20px;
            padding: 20px;
            position: fixed;
            z-index: 9999;
            left: 0;
            top: 39px;
            display: none;
            background: #fff;
            overflow-x: hidden;
            opacity: 0;
            -webkit-transition: opacity .2s ease-out;
            transition: opacity .2s ease-out;
            border: 1px solid #e1e1e1;
        }

        div.smallMenu {
            display: none;
        }

        nav.cloned {
            width: 100%;
            max-width: 100%;
            margin: 0;
            padding: 0;
            left: 0 !important;
            display: inline-block;
            background: #fff;
            border: 0;
            -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, .15);
            -webkit-transition: all 300ms;
            transition: all 300ms;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

            nav.cloned section {
                max-width: 1280px;
                margin: 0 auto;
            }

            nav.cloned li.btn a {
                padding: 3px 25px 3px 0;
                display: block;
                color: #686b6c;
            }

                nav.cloned li.btn.active {
                    -webkit-border-radius: 0;
                    border-radius: 0;
                }

                nav.cloned li.btn a:hover {
                    color: #00bff3;
                }

        nav section {
            width: 100%;
        }

            nav.cloned section {
                background: url('../img/logo-small.png') no-repeat right;
                background-size: auto 40px;
				padding: 10px 0;
            }

            nav section li.btn {
                display: inline-block;
				cursor:pointer;
            }

                nav.mobile section li.btn {
                    width: 100%;
                    margin: 0;
                }

                nav section li.btn a:hover { color: #00bff3; }
                nav section li.btn a {
                    width: 100%;
                    padding: 3px 0 3px 25px;
                    display: inline-block;
                    color: #686b6c;
                    font-weight: 400;
                    font-size: 12px;
                    text-transform: uppercase;
                    text-align: right;
                }

                    nav section li.btn.active {
                        position: relative;
                        -webkit-border-radius: 3px;
                        border-radius: 3px;
                    }

                        nav.mobile section li.btn.active {
                            -webkit-border-radius: 3px;
                            border-radius: 3px;
                        }

                        nav section li.btn.active a,
                        nav section li.btn.active:hover a {
                            color: #00bff3;
                        }

/* 	STREAMER
	--------------------------------------------- */

	div.header-streamer {
		width: 100%;
		min-width: 280px;
		height: auto;
		position: relative;
		z-index: 15;
		background: #fff;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	div.header-streamer div.streamer {
		max-width: 1920px;
		min-width: 280px;
		min-height:500px;
		height:auto;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		overflow: hidden;
		position: relative;
		text-align:left;
		vertical-align:top;
		box-sizing:border-box;
		padding:0 20px;
		width: 100%;
	}

	div.header-streamer div.streamer div.content-img {
		width: 48%;
		height: 100%;
		margin: 0px auto 0 auto;
		position: absolute;
		display:inline-block;
		vertical-align:bottom;
		font-size:0;
		right:0;
		top:0;
    }

	div.header-streamer div.streamer div.content-img img {
		width: auto;
		height: 100%;
		max-height:500px;
		vertical-align: bottom;
		margin: auto;
		bottom: 0;
		position: absolute;
		top: 0;
	}

	div.header-streamer div.streamer div.content {
			max-width: 1280px;
			min-width: 280px;
			height: auto;
			margin: 0 auto;
			position: relative;
			box-sizing:border-box;
			white-space: pre-line;

		   /*width: 45%;
            height: auto;
            margin: 0 auto;
            position: relative;
			display:inline-block;
			vertical-align:top;
			text-align:left;*/
        }

	/* TITLE */
		div.header-streamer div.streamer div.content .title {
			display:inline-block;
			width: 45%;
			margin: 75px 0 25px 0;
			padding: 0;
			opacity: 1;
			left: 0;
			top: 100px;
			z-index: 9005;
			color: #000;
			font-size: 2.6em;
			font-weight: 200;
			letter-spacing: -1px;
		}

		/* TEXT */
		div.header-streamer div.streamer div.content p.text {
			display:inline-block;
			width: 45%;
			max-width: 75%;
			opacity: 1;
			left: 0;
			top: 270px;
			z-index: 9005;
			color: #000;
			font-size: 1.3em;
			font-weight: 100;
			line-height: 170%;
			margin: 0 0 25px 0;
		}

		/* BUTTON */
		div.header-streamer div.streamer div.content a.button {
			display:inline-block;
			margin: 0 0 25px 0;
			width: 45%;
			max-width: 300px;
			height: auto;
			padding: 15px 10px;
			opacity: 1;
			left: 0;
			top: 400px;
			z-index: 9005;
			background: #00bff3;
			color: #fff;
			font-size: 1.5em;
			font-weight: 500;
			letter-spacing: -1px;
			text-align: center;
			text-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
			-webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
			box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
			-webkit-border-radius: 6px;
			border-radius: 6px;
			-webkit-transition: all 300ms;
			transition: all 300ms;
		}

			.sequence-theme #sequence div.content a.button:hover { background: #d56705; }

		div.header-streamer div.streamer div.content .buttonimg {
			display:inline-block;
			margin-bottom:30px;
			height: auto;
			padding: 15px 20px 15px 55px;
			opacity: 1;
			left: 0;
			color: #fff;
			font-size: 1.5em;
			font-weight: 300;
			letter-spacing: -1px;
			text-align: center;
			text-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
			-webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
			box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
			-webkit-border-radius: 6px;
			border-radius: 6px;
			-webkit-transition: all 300ms;
			transition: all 300ms;
			background: url('../img/player-icon.png') no-repeat 9px center #ff7800;
			background-size:37px;
			max-width:300px;
			cursor:pointer;
		}




/*  SELECTION
    --------------------------------------------- */
    section.selection {
        width: auto;
        margin: 0;
        padding: 40px 0;
        position: relative;
        z-index: 9990;
        background: #f3f3f3;
    }

        section.selection article {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15);
            box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .15);
			background-color:#00bff3;
        }

		 section.selection a.wide {
            width: 100%;
            height: 130px;
            display: inline-block;
            vertical-align: top;
            position: relative;
            cursor: pointer;
            background: #fff;
            border-left: 1px solid #e6e6e6;
            background-repeat: no-repeat;
            background-position: 50% 20px;
            background-size: 50px;
            -webkit-transition: all 200ms ease;
            transition: all 200ms ease;

        }

/*  CONTENT
    --------------------------------------------- */
    section.middle { width: 100%; background-color:#fcfcfc; }

        section.middle article { padding: 50px 0 80px; border-top: 1px solid #eaeaea; }

		section.middle article.partners { background-color:#fff; padding: 50px 0 50px; }

            section.middle article:nth-child(even) { background: #f9f9f9; }
            section.middle article.specs { background: #00bff3; }
            section.middle article.specs  h1 { color: #fff; }

                section.middle article > div { width: 100%; max-width: 1280px; margin: 0 auto; text-align:center; }

				section.middle article > div.partners  { font-size:0; vertical-align:middle; }
				section.middle article > div.partners .partner-label  { display:inline-block; font-size:26px; width:100%; text-align:center; margin-bottom:30px; vertical-align:middle; font-weight: 200; }
				section.middle article > div.partners  .partner-logo  { display:inline-block; text-align:left; width:20%; vertical-align:middle; }
				section.middle article > div.partners  .partner-logo img  { max-width:100%; }

				section.middle article.specs   > div { max-width: 1000px; }

                    section.middle article > div h1 { margin: 30px 0; }
                    section.middle article.block_c > div h1 { margin-bottom: 50px; text-align:left; }

                    section.middle article > div p { margin-bottom: 15px; text-align: left; line-height: 210%; }
                    section.middle article > div p:last-child { margin-bottom: 0; }

                    section.middle article > div div.buttonContain {
                        width: 100%;
                        display: inline-block;
                        margin-top: 30px;
                        text-align: right;
                    }

                        section.middle article > div div.buttonContain a.button {
                            width: 100%;
                            max-width: 240px;
                            padding: 12px 20px;
                            display: inline-block;
                            background: #6c6d72;
                            border: 1px solid #636468;
                            border-bottom: 3px solid #545559;
                            color: #fff;
                            font-size: 1em;
                            font-weight: 600;
                            text-align: center;
                            -webkit-border-radius: 6px;
                            border-radius: 6px;
                            -webkit-transition: background 500ms;
                            transition: background 500ms;
                        }

                            section.middle article > div div.buttonContain a.button:hover { background: #646464; }

                        section.middle article > div p span.roundBlock {
                            width: 170px;
                            height: 170px;
                            margin: 0 60px 10px 0;
                            float: left;
                            background: #00bff3 no-repeat center;
                            background-size: 110px;
                            border: 1px solid #00abef;
                            border-bottom: 3px solid #00abef;
                            border-radius: 10px;
							position:absolute;
							left:0;
							top:0;

                        }

                            section.middle article.app > div p span.roundBlock      { background-image:none; /*url('../img/btn-icon-01-white.png');*/ font-family: 'montserrat'; text-align:center; }
                            section.middle article.app > div p span.roundBlock span.dummy-container     { top: 0; left: 0; bottom: 0; right: 0; position: absolute; color: #fff; margin: auto; vertical-align: middle; font-size: 0; }
							.dummy-child {
    height: 100%;
}

.valign {
    font-size: 20px;
	line-height:25px;
	font-weight:400;
}

.dummy-child, .valign {
    display: inline-block;
    vertical-align: middle;
}

                            section.middle article.maatwerk > div p span.roundBlock { background-image: url('../img/btn-icon-02-white.png'); }

                    section.middle article.information div.videoContainer {
                        width: 100%;
                        height: 100%;
                        padding: 4px;
                        display: inline-block;
                        position: relative;
                        background: #f4f4f4;
                        border: 2px solid #eaeaea;
                        -webkit-border-radius: 9px;
                        border-radius: 9px;
                    }

                        section.middle article.information div.videoContainer img,
                        section.middle article.information div.videoContainer a img {
                            width: 100%;
                            display: block;
                            border: 2px solid rgba(255, 255, 255, .3);
                            -webkit-border-radius: 6px;
                            border-radius: 6px;
                            -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2);
                            box-shadow: 0 0 1px rgba(0, 0, 0, .2);
                            -webkit-transition: 300ms ease opacity;
                            transition: 300ms ease opacity;
                        }

                            section.middle article.information div.videoContainer a img:hover {
                                opacity: .8;
                            }

                        section.middle article.information div.videoContainer a.playButton {
                            width: auto;
                            height: auto;
                            padding: 5px 60px 5px 10px;
                            top: 20px;
                            color: #616161;
                            background: #f8f8f8 url('../img/btn-icon-play-voice.png') no-repeat 93% 50%;
                            border: 1px solid #e1e1e1;
                            border-bottom: 2px solid #e1e1e1;
                            background-size: 45px;
                            -webkit-border-radius: 3px;
                            border-radius: 3px;
                            -webkit-transition: background 300ms;
                            transition: background 300ms;
                        }

                            section.middle article.information div.videoContainer a.playButton:hover {
                                background-color: #fbfbfb;
                                -webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, .3);
                                box-shadow: 0 0 10px 0 rgba(255, 255, 255, .3);
                            }

                            section.middle article.information div.videoContainer a.playButton.man {
                                right: 160px;
                                left: auto;
                            }

                            section.middle article.information div.videoContainer a.playButton.woman {
                                right: 20px;
                                left: auto;
                            }

                    section.middle article div.left,
                    section.middle article div.right { display: inline-block; vertical-align: top; }

                    section.middle article div.left { width: 20%; }
                    section.middle article div.right { width: 80%; }

                    section.middle article.information div.left { width: 39%; margin-right: 4%; }
                    section.middle article.information div.right { width: 57%; position: relative; }

                    section.middle article.app div.left { width: 60%; margin-right: 4%; position: relative; padding-left:0px;}
                    section.middle article.app div.right { width: 36%; position: relative; text-align:center; }

                    section.middle article ul {
                        width: 100%;
                        display: inline-block;
                        vertical-align: top;
                        margin: 0;
                        padding: 0 0 15px 15px;
                    }

                        section.middle article ul li {
                            list-style: disc;
                            padding-left: 15px;
                            line-height: 200%;
                        }

                    section.middle article.specs > div ul { padding: 0; }

                    section.middle article.specs > div ul li {
                        width: 49%;
                        min-height: 80px;
                        margin: 0 1% 1% 0;
                        padding: 10px 100px 0 100px;
						box-sizing:border-box;
                        display: inline-block;
                        vertical-align: top;
                        position: relative;
                        border: 0px solid #eaeaea;
                        background-repeat: no-repeat;
                        background-position: left top;
                        background-size: 80px;
                        -webkit-border-radius: 6px;
                        border-radius: 6px;
						text-align:left;
						color:#fff;
						background-image: url('../img/icon-specs-check.png');

                    }

                    section.middle article.specs > div ul li:nth-child(2n) { margin-right: 0; }

                        /*section.middle article.specs > div ul li.spec1 { background-image: url('../img/icon-specs-hd.png'); }
                        section.middle article.specs > div ul li.spec2 { background-image: url('../img/icon-specs-cloud.png'); }
                        section.middle article.specs > div ul li.spec3 { background-image: url('../img/icon-specs-voice.png'); }
                        section.middle article.specs > div ul li.spec4 { background-image: url('../img/icon-specs-subs.png'); }
                        section.middle article.specs > div ul li.spec5 { background-image: url('../img/icon-specs-app.png'); }
                        section.middle article.specs > div ul li.spec6 { background-image: url('../img/icon-specs-social.png'); }
                        section.middle article.specs > div ul li.spec7 { background-image: url('../img/icon-specs-doorplaatsen.png'); }
                        section.middle article.specs > div ul li.spec13 { background-image: url('../img/icon-specs-up.png'); background-size: 120px; }
                        section.middle article.specs > div ul li.spec9 { background-image: url('../img/icon-specs-qrcode.png'); }
                        section.middle article.specs > div ul li.spec10 { background-image: url('../img/icon-specs-down.png'); background-size: 120px; }
                        section.middle article.specs > div ul li.spec11 { background-image: url('../img/icon-specs-flyer.png'); }
                        section.middle article.specs > div ul li.spec12 { background-image: url('../img/icon-specs-website.png'); }*/

                        section.middle article.specs > div ul li span {
                            width: 100%;
                            padding: 0px;
                            bottom: 25px;
                            text-align: center;
							font-size:1.1em;
                        }

            article.templates div.block div.videoContainer.blackBorder img { border: 1px solid #c0c0c0; }

/*  PLAY BUTTON
    --------------------------------------------- */
    a.playButton {
       height: 100px;
       width: 100px;
       position: absolute;
       right: 310px;
       top: 230px;
       z-index: 9005;
       background: rgba(255, 255, 255, .05) url('../img/btn-icon-play.png') no-repeat 50% 50%;
       background-size: 60px;
       opacity: 1;

    }

         a.playButton:hover { background-color: rgba(255, 255, 255, 0); cursor: pointer; }

 /* TRAILERS
    --------------------------------------------- */
    section.middle article.templates { border: 0; border-top: 1px solid #eaeaea; }
    article.templates div.trailerContainter { display: inline-block; }

    article.templates div.block {
        width: 30.66666666666667%;
        margin-right: 4%;
        margin-bottom: 4%;
        background: #fff;
        display: inline-block;
        position: relative;
        z-index: 4;
        vertical-align: top;
        -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .015);
        box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, .015);
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        article.templates div.block:nth-of-type(3n) {
            margin-right: 0;
        }

        article.templates div.block p.description {
            padding: 10px 10px 0;
        }

        article.templates div.block h2 {
            width: 100%;
            margin: 0 0 0px;
            padding: 2px 0 13px;
            background: #f3f3f3;
            border: 1px solid #e2e2e2;
            border-bottom: 0;
            display: inline-block;
            z-index: 5;
            color: #525252;
            font-size: 1.2em;
            font-weight: 800;
            -webkit-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
        }

            article.templates div.block h2 span {
                margin: 12px 0 0 20px;
                display: inline-block;
                text-align: left;
            }

            article.templates div.block div.videoContainer {
                padding: 0;
                position: relative;
            }

            article.templates div.block div.videoContainer a.playButton {
                width: auto;
                height: auto;
                padding: 7px 60px 7px 10px;
                top: -45px;
                color: #616161;
                background: #fbfbfb url('../img/btn-icon-play-voice.png') no-repeat 93% 50%;
                border: 1px solid #e1e1e1;
                background-size: 45px;
                font-size: 1em;
                font-weight: 500;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                -webkit-transition: all 300ms;
                transition: all 300ms;
            }

                article.templates div.block div.videoContainer a.playButton:hover {
                    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .1);
                    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .1);
                }

                article.templates div.block div.videoContainer a.playButton.man {
                    right: 138px;
                }

                article.templates div.block div.videoContainer a.playButton.woman {
                    right: 8px;
                }

                article.templates div.block div.videoContainer img {
                    width: 100%;
                    display: block;
                }

            article.templates div.block div.specifications {
                margin: 0;
                border: 1px solid #e2e2e2;
                border-top: 0;
                -webkit-border-radius: 0 0 3px 3px;
                border-radius: 0 0 3px 3px;
            }
            article.templates div.block div.specifications div.row {
                padding: 10px 0;
                line-height: 100%;
            }

            article.templates div.block div.specifications div.row.header div.cell02,
            article.templates div.block div.specifications div.row.header div.cell03 {
                font-weight: 500;
                font-size: 1em;
            }

                article.templates div.block div.specifications div.row:nth-child(even) {
                    background: #eef1f3;
                }

            article.templates div.block div.specifications div.row div.cell01 {
                width: calc(60% - 20px);
                padding-left: 20px;
                display: inline-block;
                vertical-align: top;
                color: #2D2D2D;
                font-weight: 400;
                line-height: 100%;
                font-size: .9em;
            }

            article.templates div.block div.specifications div.row div.cell02 { width: 17.5%; display: inline-block; vertical-align: top; color: #2D2D2D; font-weight: 300; font-size: .9em; }
            article.templates div.block div.specifications div.row div.cell03 { width: 17.5%; display: inline-block; vertical-align: top; color: #2D2D2D; font-weight: 300; font-size: .9em; }

            article.templates div.block div.specifications div.row img { width: 17px; height: 17px; display: inline-block; vertical-align: top; }

            img.calltoaction {
                width: 100%;
                max-width: 500px;
                margin-right: 20px;
                display: inline-block;
                vertical-align: top;
                -webkit-border-radius: 3px;
                border-radius: 3px;
            }

            div.ctaScreens div.hold {
                margin: 0 20px 0 0;
                display: inline-block;
                vertical-align: top;
            }

                div.ctaScreens div.hold:last-of-type {
                    margin: 0;
                }

                div.ctaScreens div.hold img {
                    display: block;
                    border: 1px solid #e5e5e5;
                    -webkit-border-radius: 8px;
                    border-radius: 8px;
                }

/*  PARTNERS
    --------------------------------------------- */
    article.partners h2 {
        margin: 50px 0 30px;
        font-weight: 500;
        letter-spacing: -.015em;
    }

    article.partners div.partner {
        width: 18.40%;
        margin: 0 2% 2% 0;
        padding: 5px;
        display: inline-block;
        vertical-align: top;
        border: 2px solid #eaeaea;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        article.partners div.container1 div.partner:nth-child(5n),
        article.partners div.container2 div.partner:nth-child(5n),
        article.partners div.container3 div.partner:nth-child(5n) {
            margin-right: 0;
        }

        article.partners div.partner img {
            display: block;
            image-rendering: -webkit-optimize-contrast;
        }

/*  APP
    --------------------------------------------- */
    section.middle article.app ul {
        display: block;
    }

        section.middle article.app ul li {
            margin: 8px 0;
            list-style-type: disc;
        }

    section.middle article.app div div.app-left {
        width: 55%;
		padding-right: 5%;
        margin: 0 5% 0 0;
		display: inline-block;
		vertical-align: top;
		border-right: 1px solid #eee;
    }

    section.middle article.app div div.app-right {
        width: 40%;
	display: inline-block;
	vertical-align: top;
    }

	section.middle article.app div.app-right img.imgRight {
	    width: 100%;
	    display: block;
	}

	section.middle article.app div.voorbeeld-aanbod {
		display:inline-block;
		width:300px;
		vertical-align:top;
	}

	section.middle article.app div.voorbeeld-google {
		display:inline-block;
		width:300px;
		vertical-align:top;
	}

	section.middle article.app div.stockTitle{
		display:inline-block;
		width:300px;
		padding-bottom:5px;
		margin-bottom:5px;
		border-bottom:1px solid #eaeaea;
		text-align:left;
		font-weight:300;
	}

	section.middle article.app div.stockRow.header {
		display:inline-block;
		width:300px;
	}

	section.middle article.app div.stockRow.header div{
		display:inline-block;
		font-size:0.80em;
		font-weight: 500 !important;
		padding-left:0px;

	}

	section.middle article.app div.stockRow{
		display:inline-block;
		width:300px;
		font-size:0px;
		padding:3px 0;
	}

	section.middle article.app div.stockRow:nth-child(odd)
	{
		background-color:#eaeaea;
	}

	section.middle article.app div.stockRow div {
		display:inline-block;
		font-size:0.80em;
		font-weight: 300;
		font-size:11px !important;
		text-align:left;
		padding-left:3px;
	}

	section.middle article.app div.stockRow div.stockRowModel {
		width:155px;
	}
	section.middle article.app div.stockRow div.stockRowBouwjaar {
		width:70px;
	}
	section.middle article.app div.stockRow div.stockRowPrijs {
		width:75px;
	}

	section.middle article.app div.googleHeader{
		display:inline-block;
		width:300px;
		padding-bottom:5px;
		margin-top:15px;
		margin-bottom:5px;
		border-bottom:1px solid #eaeaea;
		text-align:left;
		font-weight:300;
	}

	section.middle article.app div.googleExample{
		display:inline-block;
		width:300px;
		height:397px;
		background:url(../img/googleexample.png) center center no-repeat;
		font-family:arial, sans-serif;
		font-size:0.90em;
		border: 2px solid #eaeaea;
		-webkit-border-radius: 9px;
		border-radius: 9px;
		text-align:left;
		margin-top:5px;
	}

	section.middle article.app div.googleExample div.googleSearch{
		display:inline-block;
		width:100%;
		box-sizing:border-box;
		padding-left:22px;
		margin:74px 0 0 0px;
	}

	section.middle article.app div.googleExample div.googleTitle{
		display:inline-block;
		width:100%;
		box-sizing:border-box;
		padding-left:22px;
		padding-right:22px;
		margin:76px 0 0 0px;
		color:#4c18a7;
	}

	section.middle article.app div.app-right div.customVideoContainer {
	    width: 100%;
	    margin-top: 6px;
	    display: inline-block;
	    border: 6px solid #c1c3d1;
	}

	    section.middle article.app div.app-right div.customVideoContainer a img {
		width: 100%;
		display: block;
		-webkit-transition: ease opacity 300ms;
		transition: ease opacity 300ms;
	    }

		section.middle article.app div.app-right div.customVideoContainer a img:hover {
		    opacity: .8;
		}

/*  CONTACT
    --------------------------------------------- */
    article.contact div div.left {
        width: 45%;
        margin-right: 5%;
        display: inline-block;
        vertical-align: top;
    }

    article.contact div form {
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

 /* FORMS
    --------------------------------------------- */
    form { position: relative; }

    form table { width: 100%; }
    form table tr td { width: 49%; display: inline-block; vertical-align: top; }
    form table tr td.verplicht { padding-top: 20px; }

    form label.error { width: 100%; display: inline-block; vertical-align: top; margin-bottom: 10px; }
    form input[type="email"],
    form input[type="text"],
    form textarea {
        width: 100%;
        margin: 2px 0;
        padding: 10px;
        display: inline-block;
        vertical-align: top;
        background: #fff;
        border: 2px solid #d9d7d7;
        color: #505252;
        font-family: 'montserrat';
        font-weight: 300;
        font-size: 1em;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
    }

        form input[type="text"]:hover,
	form input[type="email"]:hover { border: 2px solid #b2b1b1; }

    form input[type="submit"] {
        width: auto;
        margin-top: 15px;
        padding: 10px 20px;
        background: #00bff3;
        border: 0;
        float: right;
        color: #fff;
        font-size: 1em;
        font-weight: 700;
        font-family: 'montserrat';
        text-align: center;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background 500ms;
        transition: background 500ms;
        -webkit-appearance: none;
        -moz-appearance:    none;
        appearance:         none;
    }

        form input[type="submit"]:hover { background: #646464; cursor: pointer; }

        /* Freemonth */
        form.form_02 { min-width: 260px; padding: 50px; background: #fff; }
        form.form_02 h3 { margin-bottom: 30px; }
        form.form_02 table tr td { width: 100%; display: inline-block; }
        form.form_02 label,
        form.form_02 table tr td.verplicht p { width: 100%; color: #505252; }
        form.form_02 label.error { color: #db0307; margin-bottom: 15px; }
        form.form_02 input[type="submit"] { background: #6c6d72; }
        form.form_02 input[type="submit"]:hover { background: #646464; }

    form.form_01 div.melding p,
    form.form_02 div.melding p { font-size: 1em; color: #505252; }
    form.form_02 div.melding h2 { margin: 0 0 20px; }

    form.form_03 { max-width: 640px; }

        article.maatwerk h2 { margin-top: 50px; }

    div.loaderDiv {
        width: 100%;
        height: 100%;
        padding: 5px;
        background: url('../img/loading.svg') no-repeat center center;
        -moz-opacity:0.4;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99999;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

        form.form_03 table { max-width: 100%; }

/*  FORM INLOGGEN
    --------------------------------------------- */
    section.inloggen {
		height:90vh;
		padding: 5% 0;
        border-top: 1px solid #eaeaea;
    }

		form.inloggen {
			width: 100%;
            max-width: 640px;
            min-width: 280px;
			margin: 0 auto;
			padding: 30px 40px;
			background: #fff;
			border: 2px solid #eaeaea;
            -webkit-border-radius: 6px;
            border-radius: 6px;
		}

        form.inloggen > label { width: 100%;  display: inline-block; }
        form.inloggen > input[type="text"],
	form.inloggen > input[type="email"],
        form.inloggen > input[type="password"] {
            width: 100%;
            margin: 10px 0 5px;
            padding: 10px;
            display: inline-block;
            border: 1px solid #ececec;
            color: #303436;
            font-weight: 300;
            font-size: 1em;
            font-family: 'montserrat';
            -webkit-border-radius: 6px;
            border-radius: 6px;
        }

        form.inloggen > input[type="text"].email { background: url('../img/form_icon_mail.png') no-repeat 98% 50%; }
        form.inloggen > input[type="email"].email { background: url('../img/form_icon_mail.png') no-repeat 98% 50%; }
        form.inloggen > input[type="password"].pass { background: url('../img/form_icon_password.png') no-repeat 98% 50%; }
        form.inloggen > input[type="text"]:focus,
        form.inloggen > input[type="email"]:focus,
        form.inloggen > input[type="password"]:focus {
            border: 1px solid #00bff3;
        }

        ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #303436;
        }
        ::-moz-placeholder { /* Firefox 19+ */
            color: #303436;
            opacity: 1;
        }
        :-ms-input-placeholder { /* IE 10+ */
            color: #303436;
        }
        :-moz-placeholder { /* Firefox 18- */
            color: #303436;
        }

        form.inloggen > input[type="submit"] {

            margin-top: 10px;
            padding: 10px 20px;
            background: #00bff3;
            border: 0;
            color: #fff;
            font-size: 1em;
            font-weight: 700;
            text-align: center;
            float: none;
            font-family: 'montserrat';
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
            -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
            box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
            -webkit-border-radius: 3px;
            border-radius: 3px;
            -webkit-appearance: none;
            -moz-appearance:    none;
            appearance:         none;
        }

            form.inloggen > input[type="submit"]:hover { background: #646464; border: 0; cursor: pointer; }

        form.inloggen div.options { width: 100%; margin: 40px 0 10px; display: inline-block; font-size: .9em; }
        form.inloggen div.options .checkbox {
            width: 25px;
            display: inline-block;
            position: relative;
        }
        form.inloggen div.options .checkbox label {
            cursor: pointer;
            position: absolute;
            width: 25px;
            height: 25px;
            top: 0;
            left: 0;
            background: #fff;
            border: 1px solid #b3b1b1;
            -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

        form.inloggen div.options span { margin-left: 6px; color: #303436; }
        form.inloggen a.wachtwoordvergeten { margin-top: 3px; float: right; }

/* FORM_VERGETEN
   --------------------------------------------- */
    section.vergeten {
		height:90vh;
		padding: 5% 0;
        border-top: 1px solid #eaeaea;
    }

		form.vergeten {
			width: 100%;
            max-width: 640px;
			margin: 0 auto;
			padding: 30px 40px;
			background: #fff;
			border: 2px solid #eaeaea;
            -webkit-border-radius: 6px;
            border-radius: 6px;
		}

            form.vergeten input[type="text"],
            form.vergeten textarea {
                background: #fff;
                border: 1px solid #ececec;
                color: #303436;
            }

            form.vergeten input[type="submit"] { float: none; }

            form.vergeten p { margin-bottom: 15px; text-align: center; }

/* FOOTER
   --------------------------------------------- */
    footer {
        width: 100%;
        padding: 10px 0;
        background: #121212;
        border-top: 1px solid #211F1F;
    }

        footer section {
            max-width: 1280px;
            margin: 0 auto;
            text-align: center;
        }

            footer section.copyright a,
            footer section.copyright p {
                color: #fff;
            }

                footer section.copyright a:hover {
                    color: #00bff3;
                }

/*  DEMO VIDEO
    -------------------------------- */
    div.video { padding: 10px; display: inline-block; outline: none; }

/*  KLANTEN
    -------------------------------- */
    section.middle.klanten {
        height: calc(100% - 154px);
    }

    section.middle article.klanten {
        height: 100%;
        padding: 0;
        border: 0;
        position: relative;
    }

        section.middle article.klanten > div {
            max-width: 100%;
            height: 100%;
        }

        section.middle article.klanten > div div.centered {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
        }

            section.middle article.klanten > div h1 {
                position: absolute;
                top: 50px;
                left: 0;
                z-index: 9998;
            }

    .statistiekenmap {
        height: 100%;
    }

    .mapCanvas {
        width: 100%;
        height: 100%;
        z-index: 9996;
        /*padding-bottom: 55%;*/
    }

    .centered {
        max-width: 1280px;
        margin: 0 auto;
        position: relative;
    }

        .centeredFront {
            height: 100%;
        }

    .totalViews {
        width: 100%;
        max-width: 500px;
        position: absolute;
        bottom: 50px;
        right: 0;
        z-index: 9998;
        color: #fff;
        font-size: 1.6em;
        font-weight: 700;
        letter-spacing: -.015em;
        text-align: right;
    }

        .totalViews span {
            display: inline-block;
            margin-top: 10px;
            padding: 0 20px;
            background: rgba(0, 0, 0, .2);
            font-size: 2.5em;
            color: #fff;
            font-weight: 700;
            -webkit-border-radius: 6px;
            border-radius: 6px;
        }

/*  SCROLL TOP
    -------------------------------- */
	.scroll-top:hover {
		-webkit-animation: logo .01s 1 forwards ease-in;
		animation: logo .01s 1 forwards ease-in;
	}

 	@keyframes logo {
	  0%   { opacity: 1; }
	  5%   { opacity: 0; }
	  50%  { background-position: 0 -60px; opacity: 0; }
	  100% { background-position: 0 -60px; opacity: 1; }
	}
	@-webkit-keyframes logo {
	  0%   { opacity: 1; }
	  5%   { opacity: 0; }
	  50%  { background-position: 0 -60px; opacity: 0; }
	  100% { background-position: 0 -60px; opacity: 1; }
	}

	.scroll-top {
		width: 60px;
		height: 60px;
		position: fixed;
		bottom: 5%;
		right: 3%;
		z-index: 9998;
		background-color: #fff;
		background-image: url('../img/arrow-up.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		color: #000;
		cursor: pointer;
		text-decoration: none;
		-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
		-webkit-border-radius: 100%;
		border-radius: 100%;
	}

/*  MEDIA_QUERIES
    --------------------------------------------- */
    @media only screen and (min-width: 0) and (max-width: 1360px) {

        header.top {
            padding: 0 20px;
        }

        footer {
            padding: 15px 20px;
            text-align: left;
        }

            footer section article div.left:nth-child(1n+0) {
                width: 100%;
                max-width: 740px;
            }
            footer section article div.right:nth-child(2n+0) {
                display: none;
            }

    }

    @media only screen and (min-width: 0) and (max-width: 1280px) {

        section.middle article.klanten > div h1 {
            left: 20px;
        }

        div.center div.block a.button {
            padding-right: 10px;
        }

        nav section.logo_small,
        nav.cloned section {
            background-position: 98% 50%;
        }

        section.middle article {
            padding: 20px 20px 100px;
        }

        section.inloggen,
        section.vergeten {
            padding: 50px 20px;
        }

        section.selection {
            padding: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
        }

            section.selection article {
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            section.selection a.block:first-child {
                -webkit-border-radius: 0;
                border-radius: 0;
            }

            section.selection a.block:last-child {
                -webkit-border-radius: 0;
                border-radius: 0;
            }

        section.middle article.specs > div ul li {
            font-size: 12px;
            line-height: 150%;
        }

        article.templates div.block h2 span {
            font-size: .9em;
        }

        article.templates div.block div.videoContainer a.playButton {
            padding: 5px 43px 5px 5px;
            top: -39px;
            font-size: .8em;
            background-size: 35px;
        }

            article.templates div.block div.videoContainer a.playButton.man {
                right: 113px;
            }

        .totalViews {
            bottom: 20px;
            right: 20px;
            font-size: 1.8em;
        }

    }

    @media only screen and (min-width: 0) and (max-width: 1024px) {

        header.top {
            padding: 0 20px;
        }

        nav {
            width: 100%;
            margin-top: 10px;
            float: none;
            display: inline-block;
        }

        nav section li.btn a {
            padding: 3px 25px 3px 0;
        }

        section.middle article.information div.left,
        section.middle article.information div.right {
            width: 100%;
            margin: 0;
        }

            section.middle article.information div.left {
                margin-bottom: 20px;
            }

            section.middle article.information div.right img {
                margin: 20px 10px 15px 0;
                position: static;
            }

        article.templates div.block {
            width: 48%;
        }

            article.templates div.block h2 span {
                font-size: 0.75em;
                margin-left: 15px;
            }

        article.partners div.partner {
            width: 23.5%;
            margin: 0 2% 2% 0;
        }

            article.partners div.container1 div.partner:nth-child(5n),
            article.partners div.container2 div.partner:nth-child(5n),
            article.partners div.container3 div.partner:nth-child(5n) {
                margin-right: 2%;
            }

            article.partners div.container1 div.partner:nth-child(4n),
            article.partners div.container2 div.partner:nth-child(4n),
            article.partners div.container3 div.partner:nth-child(4n) {
                margin-right: 0%;
            }

        .totalViews {
            font-size: 1.5em;
        }

        footer section article.contactformulier {
            padding-left: 10%;
        }

	}

    @media only screen and (min-width: 768px) and (max-width: 1024px) {

        section.middle article.specs > div ul li {
            width: 32.66666666666667%;
        }

        section.middle article.specs > div ul li:nth-child(3n) {
            margin-right: 0;
        }

		section.middle article > div p span.roundBlock {
			position:static;
			margin-right:40px;

		}

		nav.cloned section {
			padding-left:20px;
		}

		section.middle article > div {
			text-align: left;
		}

		section.middle article.app div.left {
			width:55%;
			margin-right: 4%;
			padding-left: 0px;
			text-align:left;
		}

		section.middle article.app div.right {
			min-width:230px;
			text-align:left;
			margin-top:0px;
		}

        section.middle article.specs > div ul li:nth-child(4n) {
            margin-right: 1%;
        }

        article.templates div.block:nth-of-type(3n) {
            margin-right: 4%;
        }

        article.templates div.block:nth-of-type(2n) {
            margin-right: 0;
        }

		 section.middle article.specs > div ul li {
            width: 48%;
			padding-right:0;
			font-size: 1.1em;
        }

    }

    @media only screen and (min-width: 0) and (max-width: 768px) {
        section.middle article > div.partners .partner-logo {
			width: 50%;
			margin-bottom:10px;
		}

		.featherlight iframe.featherlight-inner {
			width:600px !important;
			height:338px !important;
		}

       nav.cloned section {
			padding-left:20px;
		}

	   header.top > article:first-of-type {
            padding: 20px 0 60px;
        }

		div.header-streamer div.streamer div.content {
			width:100%;
			text-align:center;
		}

		div.header-streamer div.streamer div.content-img {
			width:100%;
			position: static;
			text-align:center;
		}


		div.header-streamer div.streamer div.content-img img {
			position: static;
			width:100%;
			height:auto;
		}

		section.middle article > div p span.roundBlock {
			position:relative;
			margin-right:40px;
		}

		.valign {
			font-size: 12px;
			line-height: 16px;
		}

		section.middle article.app div.left {
			width: 100%;
			margin-right: 0;
			padding-left: 0px;
		}

		section.middle article.app div.right {
			width: 100%;
			text-align:left;
			margin-top:30px;
		}

		section.middle article.app div.voorbeeld-aanbod {
			width: 48%;
			text-align:center;
			margin-right:2%;
		}

		section.middle article.app div.voorbeeld-google {
			width: 49%;
			text-align:center;
		}

		section.middle article.app div.googleHeader {
			margin-top: 0px;
		}


		div.header-streamer div.streamer div.content .title {
			width: 100%;
			margin-top: 25px;
		}

		div.header-streamer div.streamer div.content p.text {
			width: 100%;
		}

            header.top article a.cta {
                width: 100%;
                margin: 0;
                position: absolute;
                bottom: 20px;
                left: 0;
            }

        article.contact div div.left,
        article.contact div form {
            width: 100%;
        }

        section.middle article {
            padding: 20px;
        }

            section.middle article.block_c > div h1 {
                margin-bottom: 20px;
            }

        section.middle article.specs > div ul li {
            width: 32.33333%;
        }

        article.partners div.partner {
            width: 32%;
            margin: 0 2% 2% 0;
        }

            article.partners div.container1 div.partner:nth-child(5n),
            article.partners div.container2 div.partner:nth-child(5n),
            article.partners div.container3 div.partner:nth-child(5n),
            article.partners div.container1 div.partner:nth-child(4n),
            article.partners div.container2 div.partner:nth-child(4n),
            article.partners div.container3 div.partner:nth-child(4n) {
                margin-right: 2%;
            }

            article.partners div.container1 div.partner:nth-child(3n),
            article.partners div.container2 div.partner:nth-child(3n),
            article.partners div.container3 div.partner:nth-child(3n) {
                margin-right: 0%;
            }

        .totalViews {
            font-size: 1.3em;
        }

        footer section article {
            width: 100%;
        }

            footer section article:nth-child(1) {
                width: 100%;
            }

            footer section article.contactformulier {
                margin-top: 50px;
                padding: 0;
            }

            footer section form label {
                width: 100%;
                display: inline-block;
                padding-right: 10px;
                font-size: .9em;
            }

            form table tr td.verplicht p {
                font-size: .9em;
            }

            footer section article div.left form {
                width: 100%;
            }

            footer section article div.left form table {
                width: 100%;
                display: inline-block;
            }

    }

    @media only screen and (min-width: 0) and (max-width: 640px) {

	section.middle article > div.partners .partner-logo {
			width: 50%;
			margin-bottom:10px;
		}

		.featherlight iframe.featherlight-inner {
			width:380px !important;
			height:214px !important;
		}

	header.top > article:first-of-type {
		padding: 20px 0 40px;
	}

	section.middle article.app div.voorbeeld-aanbod {
			width: 100%;
			margin-right:0%;
		}

		section.middle article.app div.voorbeeld-google {
			width: 100%;
		}

		section.middle article.app div.googleHeader {
			margin-top: 15px;
		}

	section.middle article.app div div.app-left {
	    width: 100%;
	    margin: 0 0 30px;
	    padding: 0;
	    border: 0;
	}

	section.middle article.app div div.app-right {
	    width: 100%;
	}

        header a.logo_gka {
            width: 100%;
            height: 46px;
			margin-top:15px;
			background-size:100% auto;
        }

        header.top article {
            padding-bottom: 50px;
            position: relative;
        }

        header.top div.center div.block {
            width: 50px;
            height: 50px;
            display: inline-block;
            right: -10px;
        }

            header.top div.center div.block a.button {
                width: 48px;
                height: 48px;
                background: #00bff3 url('../img/icon-login.png') no-repeat center;
                background-size: 30px;
                text-indent: -9999999px;
                overflow:  hidden;
            }

        nav.menufixed {
            display: none;
        }

        div.smallMenu {
            width: 100%;
            max-width: 200px;
            padding: 10px 10px 8px 40px;
            margin-left: 10px;
            display: inline-block;
            position: fixed;
            top: 0;
            left: 10px;
            z-index: 9998;
            background: #f8f8f8  url(../img/icon-menu.png) no-repeat 10px 50%;
            border: 1px solid #e1e1e1;
            border-bottom: 2px solid #e1e1e1;
            border-top: 0;
            background-size: 15px;
            text-align: left;
            font-size: 1em;
            font-weight: 500;
            color: #616161;
            -webkit-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
            cursor: pointer;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }

        nav section li.btn a {
            text-align: left;
        }

        section.selection article {
            border-bottom: 0;
        }

            section.selection article a.block {
                width: 50%;
                border-bottom: 1px solid #f1f1f1;
            }

        section.middle article.information {
            border-top: 0;
        }

            section.middle article.block_c > div h1,
            section.middle article > div h1 {
                font-size: 1.6em;
            }

        section.middle article.templates {
            padding-top: 20px;
        }

        section.middle article.templates div.block {
                width: 100%;
                margin-bottom: 20px;
            }

        .mapCanvas {
            padding-bottom: 100%;
        }

        .totalViews {
            right: auto;
            left: 20px;
            text-align: left;
            font-size: 1.1em;
        }

        select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 16px !important; }

    }

    @media only screen and (min-width: 414px) and (max-width: 640px) {
		section.middle article > div.partners .partner-logo {
			width: 50%;
			margin-bottom:10px;
		}

        section.middle article.specs > div ul li {
            width: 75%;
			padding-right:0;
			font-size: 1.1em;
        }

        section.middle article.specs > div ul li:nth-child(2n) {
            margin-right: 0;
        }

        form.form_02 {
            padding: 25px;
        }

    }

    @media only screen and (min-width: 0) and (max-width: 413px) {

        form.form_02 {
            padding: 10px;
        }

		section.middle article > div.partners .partner-logo {
			width: 100%;
			margin-bottom:10px;
		}

		.featherlight iframe.featherlight-inner {
			width:300px !important;
			height:169px !important;
		}


        form.form_02 h3 { margin-top: 10px; font-size: 1.3em; }

         div.center div.block.phoneNumber {
            width: 30px;
            height: 30px;
            display: inline-block;
            margin: 0 10px 0 0;
            background: none; /*#ff0000 url('../img/icon-phonenumber.png') no-repeat center;*/
            background-size: 20px;
            color: #fff;
            font-size: 1em;
            font-weight: 700;
            text-align:left;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
            -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
            box-shadow: inset 0px 1px 1px rgba(255, 255, 255, .5);
            -webkit-transition: background 500ms;
            transition: background 500ms;
        }

             div.center div.block.phoneNumber a {
                width: 30px;
                height: 30px;
                margin-top: -8px;
                display: inline-block;
                vertical-align: top;
                overflow:  hidden;
                text-indent: -9999px;
            }

        section.middle article.specs > div ul li {
            width: 100%;
			height: auto;
			margin: 0 0 2%;
			padding: 0;
			overflow: hidden;
			padding: 22px 0 0 90px;
        }

            section.middle article.specs > div ul li span {
                bottom: -5px;
            }

        section.middle article > div p span.roundBlock {
            width: 100px;
            height: 100px;
            margin-right: 30px;
            background-size: 50px;
        }

        section.middle article.information div.right img {
            height: 60px;
            margin: 10px 5px 5px 0;
        }

        section.middle article.information div.videoContainer a.playButton {
            padding-right: 40px;
            font-size: .9em;
            background-size: 30px;
        }

            section.middle article.information div.videoContainer a.playButton.man {
                right: 130px;
            }

        section.middle article > div div.buttonContain a.button { max-width: 100%; }

        article.templates div.block div.videoContainer a.playButton {
            padding: 5px 40px 5px 5px;
            top: -38px;
            font-size: .7em;
            background-size: 30px;
        }

            article.templates div.block div.videoContainer a.playButton.man {
                 right: 103px;
            }

        article.partners div.partner {
            width: 48%;
            margin: 0 2% 2% 0;
        }

            article.partners div.container1 div.partner:nth-child(5n),
            article.partners div.container2 div.partner:nth-child(5n),
            article.partners div.container3 div.partner:nth-child(5n),
            article.partners div.container1 div.partner:nth-child(4n),
            article.partners div.container2 div.partner:nth-child(4n),
            article.partners div.container3 div.partner:nth-child(4n),
            article.partners div.container1 div.partner:nth-child(3n),
            article.partners div.container2 div.partner:nth-child(3n),
            article.partners div.container3 div.partner:nth-child(3n) {
                margin-right: 2%;
            }

            article.partners div.container1 div.partner:nth-child(2n),
            article.partners div.container2 div.partner:nth-child(2n),
            article.partners div.container3 div.partner:nth-child(2n) {
                margin-right: 0%;
            }

        .totalViews span {
            font-size: 2.2em;
        }

    }

