/* HOME STYLE MODIFICATIONS */

html.scroll-off { overflow: hidden; }
    html.scroll-off body { overflow: hidden; }
    html.scroll-off.modal-on { overflow: hidden; }
html.scroll-on { overflow: visible; }
    html.scroll-on body { overflow: visible; }
    html.scroll-on.modal-on { overflow: hidden; }

.theme-home { width: auto; }
.campaign-prev, .campaign-next { display: block; cursor: pointer; border-radius: 100%; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; width: 46px; height: 46px; margin-top: -23px; overflow: hidden; text-indent: -999px; font-size: 0;}
    .campaign-prev { left: 30px; background-image: url(images/icn-arrow-left-big-black.png);}
    .campaign-next { right: 30px; background-image: url(images/icn-arrow-right-big-black.png);}
.campaign-loading { position: absolute; top: 0; left: 0; right: 0; }
    .campaign-loading-inner { position: absolute; top: 50%; left: 50%; right: 50%; border-radius: 100%; opacity: 0.7; background-image: url(images/spinner-white.gif); background-repeat: no-repeat; background-position: center center; width: 46px; height: 46px; margin-left: -23px; overflow: hidden; text-indent: -999px; font-size: 0; }
.campaign-scroll .page-header  { position: absolute; left: 0; right: 0; top: 0; }
.campaign-scroll .page-footer  {display: table; position: absolute; left: 0; right: 0; bottom: 0;width: 100%; table-layout: fixed; }
.campaign-scroll .page-footer > .page-frame { display: table-cell; vertical-align: middle; }
.campaign-scroll .page-section.last { padding-bottom: 460px; }
.campaign-scroll .page-section.last .slide-down { display: none; }
.campaign-scroll .pageid-archive .compaign-social,
.campaign-scroll .pageid-type-times .compaign-social,
.campaign-scroll .pageid-typer .compaign-social { margin-bottom: 40px; }
.campaign-scroll .page-section.empty { background: #f1f2f2; }
.pageid-type-borders .slide3 .col-right h2 {
    visibility: hidden;
}
.footer-frame { position: relative; margin: 0 auto; width: 950px; }

/* Hide tracking 1px width Google image */
footer ~ img[width="1"]{display:block; margin:-1px 0 0 -1px;} 

/* Fix for footer in last slide */
@media only screen and (max-height: 768px) and (min-width: 1024px) {
    .campaign-scroll .pageid-archive .slide6 p,
    .campaign-scroll .pageid-type-times .slide6 p,
    .campaign-scroll .pageid-typer .slide5 p { width: 100%; }
    .campaign-scroll .pageid-archive .compaign-social,
    .campaign-scroll .pageid-type-times .compaign-social,
    .campaign-scroll .pageid-typer .compaign-social { margin: 30px 0; }
    .campaign-scroll .pageid-archive .link-movetop,
    .campaign-scroll .pageid-type-times .link-movetop,
    .campaign-scroll .pageid-typer .link-movetop { bottom: 20px; }
    .campaign-scroll .pageid-typer .your-voice-image img { max-width: 85%; }
}

/* One page Scroll js */
body, html { margin: 0; overflow: hidden; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; transition: opacity 400ms;}
body, .onepage-wrapper, html { display: block; position: static; padding: 0; width: 100%; height: 100%; }
.onepage-wrapper { width: 100%; height: 100%; display: block; position: relative; padding: 0; margin: 0; -webkit-transform-style: preserve-3d;}
.onepage-wrapper .ops-section { width: 100%; height: 100%; position: relative; }
.onepage-pagination { position: absolute; right: 10px; top: 50%; z-index: 5; list-style: none; margin: 0; padding: 0; }
.onepage-pagination li { padding: 0; text-align: center;}
.onepage-pagination li a{ padding: 10px; width: 4px; height: 4px; display: block; }
.onepage-pagination li a:before{ content: ''; position: absolute; width: 4px; height: 4px; background: rgba(0,0,0,0.85); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.onepage-pagination li a.active:before{ width: 10px; height: 10px; background: none; border: 1px solid black; margin-top: -4px; left: 8px; }
.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper { overflow: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
.disabled-onepage-scroll .onepage-wrapper .ops-section { position: relative !important; top: auto !important; }
.disabled-onepage-scroll .onepage-wrapper { -webkit-transform: none !important; -moz-transform: none !important; transform: none !important; -ms-transform: none !important; min-height: 100%; }
.disabled-onepage-scroll .onepage-pagination { display: none; }
body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html { position: inherit;}
.search-form{ font-size: 14px}
.search-form .text-field{}

/* Sections global */
header.page-frame{position: absolute; left: 0; right: 0; top: 0;}
.page-section{ min-height: 100%; font-size: 16px; color: #53565A; height: 100%; width: 100%;  -moz-box-sizing: border-box; box-sizing: border-box; }
    .page-section div.page-frame{ position: relative; margin: 0 auto; padding: 0 25px; width: 950px; height: 100%;}
        .page-section .dbcms-content{display: table-cell; vertical-align: middle;}
            .page-section h2{ font-family:'Kootenay Pro ExtraBold', 'Arial', 'Helvetica', sans-serif; font-weight: normal; font-size:1.75em; line-height: 1.3em; margin: 0}
            .page-section .col-left, .page-section .col-right{ width: 50%; box-sizing: border-box; -moz-box-sizing: border-box;}
                .page-section .col-left{ padding-right: 50px;}
                .page-section .col-right{ padding-left: 50px;}
				.line-break{ white-space: nowrap}


.slide-down{margin-left: -40px; width: 65px; height: 40px; text-indent: -999px; overflow: hidden; position: absolute; left: 50%; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAiCAYAAADvVd+PAAACC0lEQVR4XuWSZ0sDQRRFH4C9916i2CLirxYVgoqoMcQQYkHFBmLH3suPGO/ABR6CPdnM7l4483HhnLcyPhmLgiRoABI27JMABuwzQugC1IM9RjgAjSEQbwYZMCqYFahTEQ5BU8Dlj+maEExH2A14hBYlvw1qRA8CtWCHEY5YSwJCKzj5TF5HqGEdw1otAZBvA6d02gLVwn0bgdVafS5/RpdNUCU/ma3EWn6O0P5reY2txWqGv1Cbj+Q7wDnl17X8XyJsAMOa7T6Rv6D8mpb/T4R1Rjh3PEKnkl8FlcJlI8KaitDhoHwXuMyqvMbWZFXDyp0OyXeDK8qvgArJxeyHVYRLVndJfhmUC5fLCCuORIiAa8pnQJl4MVuZtQ3rd+dBvgfceCqvsbVZ3fAKEQ/le8Et5dOgVLh8RrgBPR7Lpyifv9n6IO1RhD5wR/klLe9ChBQwvE5vDuT7wT3lk1repQhLwPBKfTmST2h5FyMkGeE+SxEGwAPlF0GJcC5HSKgI/f+QHwSPSr5Y/DB7JV7L8HoDf5R/onxcy/slQrGK8Egh+SFDSn4BFAnnxwjxX0aIgmfKz4FC8fPs9XhFw6sOfSE/DF4CIa+xImAeGF43+on8K+VntXyQIsxR8IXCQkaU/IyWD2KE2Q8RRpX8tJYPcoQZYCj+RvkpLR+GCNPAkJiWD1OECTAGCiQPewfR2VUg0zYAawAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: center center; bottom: 23px;}
@-webkit-keyframes fade {
    0% { background-color: rgba(255, 255, 255, 0.5);}
    30% { background-color: rgba(255, 255, 255, 0);}
    60% { background-color: rgba(255, 255, 255, 0);}
    100% { background-color: rgba(255, 255, 255, 0.5);}
}
@keyframes fade {
    0% { background-color: rgba(255, 255, 255, 0.5);}
    30% { background-color: rgba(255, 255, 255, 0);}
    60% { background-color: rgba(255, 255, 255, 0);}
    100% { background-color: rgba(255, 255, 255, 0.5);}
}

/* Modal window */
.modal-context.campaign{ overflow: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
    .modal-context.campaign .modal-container{ width: 1000px; padding: 0; position: relative; }
        .campaign .modal-title{ margin: 0 35px; padding: 20px 0; line-height: 1.0em; font-weight: normal; color: #0C0C0C; }
        .campaign .modal-close{ top: 14px; right: 26px;}
        .bx-prev, .bx-next{display: none; background-position: 50% 50%; height: 30px}
        .modal-on .bx-next.disabled, .modal-on .bx-prev.disabled{ display: none;}
        .modal-controls-prev{ position: absolute; left: 50%; top: 50%; z-index:99999}
            .modal-on .bx-prev, .modal-on .bx-next{ position: absolute; top: 0; display: block; z-index: 9999}
                .modal-on .bx-prev{ left: -505px}
                .modal-on .bx-next{ right: -490px}

	.pageid-type-times .modal-container{ background: #000}
		.pageid-type-times .modal-close{ color: #86878A; right: 0; top: 2px; z-index: 99}
			.pageid-type-times .modal-title{display: none}

	.pageid-archive .modal-container{ background: #000}
		.pageid-archive .modal-close{ color: #86878A; right: 0; top: 2px; z-index: 99}
			.pageid-archive .modal-title{display: none}


/* Section 1 */
    .page-section.slide1{ height: 100% !important;}
    .pageid-typer .slide1 { background: url('http://monotypecom.s3.amazonaws.com/images/ba3d04b5abef1c36/original-type-reinvented-campaign-01.jpg') 50% 0 no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
        .slide1 .slide-down{width: 80px; height: 80px; border-radius: 100%; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); background-position: 50% 50%; background-repeat: no-repeat; background-image: url('images/icn-arrow-down-black.png'); -webkit-animation: fade 3s steps(100, end) infinite; animation: fade 3s steps(100, end) infinite;}
        .slide1 .slide-down.disabled {display: none;}

    .pageid-type-times .slide1 { background: url('http://monotypecom.s3.amazonaws.com/images/61b9b19f1acdff5e/original-times-campaign-01.jpg') 50% 0 no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

	.pageid-archive .slide1 { background: url('http://monotypecom.s3.amazonaws.com/images/ebc6b5df8ec64b46/original-type-archive-01.jpg') 50% 0 no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

    .pageid-automotive .slide1 { background: url('http://monotypecom.s3.amazonaws.com/images/78f1301bed968b66/original-slide1.jpg') 50% 0 no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
        .pageid-automotive .promo-box h2.slide-title { background: #f1f2f2; background: rgba(241, 242, 242, 0.85); position: absolute; z-index: 1; min-height: 28px; padding: 10px 25px 17px 25px; left: 0; right: 0; bottom: 0; color: #3a393d; display: block; margin: 0;}
            .pageid-automotive .promo-box h2.slide-title:before{ content: ''; position: absolute; background: #f1f2f2; background: rgba(241, 242, 242, 0.85); height: 100%; right: 100%; top: 0; width: 100%;}
            .pageid-automotive .promo-box h2.slide-title:after{ content: ''; position: absolute; background: #f1f2f2; background: rgba(241, 242, 242, 0.85); height: 100%; left: 100%; top: 0; width: 100%;}
            .pageid-automotive .slide1 .slide-down { bottom: 105px;}
        
/* Section 2 */
    .pageid-typer .slide2, .pageid-type-borders .slide2{background: #FDFDFD; background: -moz-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFD), color-stop(100%, #DBDCDD)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #DBDCDD 100%); background: -o-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -ms-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: linear-gradient(to bottom, #FDFDFD 0%, #DBDCDD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dbdcdd', GradientType=0);}
        .pageid-typer .slide2 .page-frame{ display: table}
            .pageid-typer .slide2 .slide-content {display: table-cell; vertical-align: middle;}
                .pageid-typer .slide2 h2{ font-family: 'Kootenay Pro', 'Arial', 'Helvetica', sans-serif; font-size: 48px; line-height: 1.3em;}
                .pageid-typer .slide2 p{ font-size: 48px; line-height: 1.3em}

    .pageid-type-times .slide2{background: #FDFDFD; background: -moz-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFD), color-stop(100%, #DBDCDD)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #DBDCDD 100%); background: -o-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -ms-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: linear-gradient(to bottom, #FDFDFD 0%, #DBDCDD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dbdcdd', GradientType=0);}
        .pageid-type-times .slide2 .page-frame{ display: table}
            .pageid-type-times .slide2 .slide-content {display: table-cell; vertical-align: middle;}
                .pageid-type-times .slide2 h2{ font-family: 'Kootenay Pro', 'Arial', 'Helvetica', sans-serif; font-size: 48px; line-height: 1.3em;}
                .pageid-type-times .slide2 p{ font-size: 48px; line-height: 1.3em}

	.pageid-archive .slide2{background: #FDFDFD; background: -moz-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFD), color-stop(100%, #DBDCDD)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #DBDCDD 100%); background: -o-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -ms-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: linear-gradient(to bottom, #FDFDFD 0%, #DBDCDD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dbdcdd', GradientType=0);}
		.pageid-archive .slide2 .page-frame{ display: table}
			.pageid-archive .slide2 .slide-content {display: table-cell; vertical-align: middle;}
				.pageid-archive .slide2 h2{ font-family: 'Kootenay Pro', 'Arial', 'Helvetica', sans-serif; font-size: 48px; line-height: 1.3em;}
					.pageid-archive .slide2 p{ font-size: 48px; line-height: 1.3em}

    .pageid-automotive .slide2{background: #FDFDFD; background: -moz-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFD), color-stop(100%, #DBDCDD)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #DBDCDD 100%); background: -o-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -ms-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: linear-gradient(to bottom, #FDFDFD 0%, #DBDCDD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dbdcdd', GradientType=0);}
        .pageid-automotive .slide2 .page-frame{ display: table}
            .pageid-automotive .slide2 .slide-content {display: table-cell; vertical-align: middle;}
                .pageid-automotive .slide2 h2{ margin-bottom: 10px}

/* Section 3 */
    .pageid-typer .slide3{ color: #A7A9AC}
        .pageid-typer .slide3 .page-frame{ display: table}
            .pageid-typer .slide3 .slide-content{display: table-cell; vertical-align: middle;}
                .pageid-typer .slide3 p{ font-size: 22px; line-height: 1.3em}

    .pageid-type-times .slide3{background: url('http://monotypecom.s3.amazonaws.com/images/66549a909cda31f8/original-First,-Times-New-2.jpg') no-repeat center center; background-size: cover;}
        .pageid-type-times .slide3{}
            .pageid-type-times .slide3 .page-frame{ display: table}
                .pageid-type-times .slide3 .slide-content{display: table-cell; vertical-align: middle;}
                    .pageid-type-times .slide3 p{ font-size: 22px; line-height: 1.3em}

	.pageid-archive .slide3{background: url('http://monotypecom.s3.amazonaws.com/images/6573cea306331cd/bg-archive-03.jpg') no-repeat center center; background-size: cover;}
		.pageid-archive .slide3{}
			.pageid-archive .slide3 .page-frame{ display: table}
				.pageid-archive .slide3 .slide-content{display: table-cell; vertical-align: middle;}
					.pageid-archive .slide3 p{ font-size: 22px; line-height: 1.3em}

    .pageid-automotive .slide3{}
        .pageid-automotive .slide3 .page-frame{ display: table}
            .pageid-automotive .slide3 .slide-content {display: table-cell; vertical-align: middle;}
                .pageid-automotive .slide3 h2{ margin-bottom: 10px}


/* Section 4 */
    .pageid-typer .slide4{ background: #DBDCDD; background: -moz-linear-gradient(top, #dbdcdd 1%, #fdfdfd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #DBDCDD), color-stop(100%, #FDFDFD)); background: -webkit-linear-gradient(top, #DBDCDD 1%, #FDFDFD 100%); background: -o-linear-gradient(top, #dbdcdd 1%, #fdfdfd 100%); background: -ms-linear-gradient(top, #dbdcdd 1%, #fdfdfd 100%); background: linear-gradient(to bottom, #DBDCDD 1%, #FDFDFD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdcdd', endColorstr='#fdfdfd', GradientType=0);}
        .pageid-typer .slide4 .page-frame{ display: table}
            .pageid-typer .slide4 .slide-content{display: table-cell; vertical-align: middle;}
                .pageid-typer .slide4 p{ font-size: 22px; line-height: 1.3em}

    .pageid-type-times .slide4{background: url('http://monotypecom.s3.amazonaws.com/images/e715d3b5f21e3e68/original-First,-Times-New23.jpg') no-repeat center center; background-size: cover;}
        .pageid-type-times .slide4{}
            .pageid-type-times .slide4 .page-frame{ display: table}
                .pageid-type-times .slide4 .slide-content{display: table-cell; vertical-align: middle;}
                    .pageid-type-times .slide4 p{ font-size: 22px; line-height: 1.3em}

	.pageid-archive .slide4{background: url('http://monotypecom.s3.amazonaws.com/images/14c2868bf1d48592/bg-archive-04.jpg') no-repeat center center; background-size: cover;}
		.pageid-archive .slide4{}
			.pageid-archive .slide4 .page-frame{ display: table}
				.pageid-archive .slide4 .slide-content{display: table-cell; vertical-align: middle;}
					.pageid-archive .slide4 p{ font-size: 22px; line-height: 1.3em}

    .pageid-automotive .slide4{background: #FDFDFD; background: -moz-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFD), color-stop(100%, #DBDCDD)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #DBDCDD 100%); background: -o-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -ms-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: linear-gradient(to bottom, #FDFDFD 0%, #DBDCDD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dbdcdd', GradientType=0);}
        .pageid-automotive .slide4 .page-frame{ display: table}
            .pageid-automotive .slide4 .slide-content {display: table-cell; vertical-align: middle;}
                .pageid-automotive .slide4 h2{ margin-bottom: 10px}


/* Section 5 */
    .pageid-typer .slide5{ background: url('/content/images/type-reinvented/bg-type-reinvent-5.jpg') no-repeat center center; background-size: cover;}
        .pageid-typer .slide5 .page-frame{ display: table}
            .pageid-typer .slide5 .slide-content{display: table-cell; vertical-align: middle;}
            .pageid-typer .slide5 p{font-size: 26px; line-height: 1.3; color: #FFF; width: 47%}
            .pageid-typer .compaign-social { margin: 70px 0 25%;}
                .pageid-typer .link-download{font-family: 'Kootenay Pro SemiBold', sans-serif; color: #000737; font-size: 20px; margin: 0 50px 0 0; line-height: 22px; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0);}
                .pageid-typer .link-viewonline { font-family: 'Kootenay Pro SemiBold', sans-serif; color: #000737; font-size: 20px; line-height: 22px; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0); white-space: nowrap;}
                    .pageid-typer .link-movetop{position: absolute; left: 25px; bottom: 50px; font-size: 20px; line-height: 1.0em; color: #000737;}
						.pageid-typer .link-movetop:hover{ text-decoration: none; border-bottom: #000737 solid 1px; margin:  0 0 -1px}
                    .pageid-typer .link-download:hover, .pageid-typer .link-viewonline:hover {border-bottom: #000737 solid 1px; text-decoration: none;}
                    .pageid-typer .compaign-social a { position: relative; display: inline-block; width: 22px; height: 22px; background-color: #5A5A5A; border-radius: 100%; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 10px 0 0; -webkit-transition: background-color 0.1s ease-out; -moz-transition: background-color 0.1s ease-out; -o-transition: background-color 0.1s ease-out; transition: background-color 0.1s ease-out; }
                    .pageid-typer .compaign-social a:hover { text-decoration: none; background-color: #353535; }
                    .pageid-typer .compaign-social .st_facebook_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -4px; background-position: -14px -72px; width: 8px; height: 14px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
                    .pageid-typer .compaign-social .st_twitter_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5.5px; margin-left: -7px; background-position: 0 -72px; width: 14px; height: 11px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
                    .pageid-typer .compaign-social .st_googleplus_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5.5px; margin-left: -7px; background-position: 0 -50px; width: 14px; height: 11px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
                    .pageid-typer .compaign-social .st_linkedin_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5.5px; background-position: -11px -11px; width: 11px; height: 10px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
                    .pageid-typer .compaign-social .icn-email:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -3.5px; margin-left: -6px; background-position: -13px -4px; width: 12px; height: 7px; overflow: hidden; background-image: url('images/sprite-icons.png'); }

    .pageid-type-times .slide5{background: url('http://monotypecom.s3.amazonaws.com/images/870e329f1eeb9edd/original-slide5.jpg') no-repeat center center; background-size: cover;}
        .pageid-type-times .slide5{}
            .pageid-type-times .slide5 .page-frame{ display: table}
                .pageid-type-times .slide5 .slide-content{display: table-cell; vertical-align: middle;}
                    .pageid-type-times .slide5 p{ font-size: 22px; line-height: 1.3em}


	.pageid-archive .slide5{background: url('http://monotypecom.s3.amazonaws.com/images/780fcad707c7afc5/original-bg-archive-06.jpg') no-repeat center center; background-size: cover;}
		.pageid-archive .slide5{}
			.pageid-archive .slide5 .page-frame{ display: table}
				.pageid-archive .slide5 .slide-content{display: table-cell; vertical-align: middle;}
					.pageid-archive .slide5 p{ font-size: 22px; line-height: 1.3em}

    .pageid-automotive .slide5{}
        .pageid-automotive .slide5 .page-frame{ display: table}
            .pageid-automotive .slide5 .slide-content {display: table-cell; vertical-align: middle;}
                .pageid-automotive .slide5 h2{ margin-bottom: 10px}

/* Section 6 */
  .pageid-type-times .slide6{background: #FDFDFD; background: -moz-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFD), color-stop(100%, #DBDCDD)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #DBDCDD 100%); background: -o-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -ms-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: linear-gradient(to bottom, #FDFDFD 0%, #DBDCDD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dbdcdd', GradientType=0);}
	.pageid-type-times .slide6 .page-frame{ display: table}
	  .pageid-type-times .slide6 .slide-content{display: table-cell; vertical-align: middle;}
	  .pageid-type-times .slide6 p{font-size: 26px; line-height: 1.3; width: 47%}
	  .pageid-type-times .compaign-social { margin: 70px 0 25%;}
		.pageid-type-times .link-download{font-family: 'Kootenay Pro SemiBold', sans-serif; color: #000737; font-size: 20px; margin: 0 50px 0 0; line-height: 22px; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0);}
		.pageid-type-times .link-viewonline, .pageid-type-borders .link-viewonline { min-width: 269px; text-align: center; display: inline-block; border: #C5C5C5 solid 1px; padding: 7px 15px; font-family: 'Kootenay Pro SemiBold', sans-serif; color: #000737; font-size: 16px; line-height: 22px; vertical-align: middle; white-space: nowrap;}
			.pageid-type-times .link-viewonline:hover, .pageid-type-borders .link-viewonline:hover{ text-decoration: none; background: #C5C5C5; color: #ffffff}
		.pageid-type-borders .link-viewonline { border-color: #050555; max-width: 269px; }
        .pageid-type-borders .three-col .col  p { margin-top: 0.6em; }
        .pageid-type-borders .link-viewonline:hover { background-color: #050555; }
		.pageid-type-times .link-movetop{position: absolute; left: 25px; bottom: 50px; font-size: 20px; line-height: 1.0em; color: #000737;}
		.pageid-type-times .link-movetop:hover{ text-decoration: none; border-bottom: #000737 solid 1px; margin:  0 0 -1px}
		.pageid-type-times .link-download:hover, .pageid-typer .link-viewonline:hover{border-bottom: #000737 solid 1px; text-decoration: none;}
		  .pageid-type-times .compaign-social a { position: relative; display: inline-block; width: 22px; height: 22px; background-color: #5A5A5A; border-radius: 100%; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 10px 0 0; -webkit-transition: background-color 0.1s ease-out; -moz-transition: background-color 0.1s ease-out; -o-transition: background-color 0.1s ease-out; transition: background-color 0.1s ease-out; }
		  .pageid-type-times .compaign-social a:hover { text-decoration: none; background-color: #353535; }
		  .pageid-type-times .compaign-social .st_facebook_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -4px; background-position: -14px -72px; width: 8px; height: 14px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
		  .pageid-type-times .compaign-social .st_twitter_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5.5px; margin-left: -7px; background-position: 0 -72px; width: 14px; height: 11px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
		  .pageid-type-times .compaign-social .st_googleplus_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5.5px; margin-left: -7px; background-position: 0 -50px; width: 14px; height: 11px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
		  .pageid-type-times .compaign-social .st_linkedin_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5.5px; background-position: -11px -11px; width: 11px; height: 10px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
		  .pageid-type-times .compaign-social .icn-email:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -3.5px; margin-left: -6px; background-position: -13px -4px; width: 12px; height: 7px; overflow: hidden; background-image: url('images/sprite-icons.png'); }

		  .pageid-type-times .screen img{ display: block}

	.pageid-archive .slide6{background: #FDFDFD; background: -moz-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFD), color-stop(100%, #DBDCDD)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #DBDCDD 100%); background: -o-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -ms-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: linear-gradient(to bottom, #FDFDFD 0%, #DBDCDD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dbdcdd', GradientType=0);}
		.pageid-archive .slide6 .page-frame{ display: table}
			.pageid-archive .slide6 .slide-content{display: table-cell; vertical-align: middle;}
			.pageid-archive .slide6 p{font-size: 26px; line-height: 1.3; width: 47%}
			.pageid-archive .compaign-social { margin: 70px 0 25%;}
				.pageid-archive .link-download{font-family: 'Kootenay Pro SemiBold', sans-serif; color: #000737; font-size: 20px; margin: 0 50px 0 0; line-height: 22px; vertical-align: middle; border-bottom: 1px solid rgba(0, 0, 0, 0);}
				.pageid-archive .link-viewonline {display: inline-block; border: #C5C5C5 solid 1px; padding: 7px 15px; font-family: 'Kootenay Pro SemiBold', sans-serif; color: #000737; font-size: 16px; line-height: 22px; vertical-align: middle; white-space: nowrap;}
					.pageid-archive .link-viewonline:hover{ text-decoration: none; background: #C5C5C5; color: #ffffff}
				.pageid-archive .link-movetop{position: absolute; left: 25px; bottom: 50px; font-size: 20px; line-height: 1.0em; color: #000737;}
				.pageid-archive .link-movetop:hover{ text-decoration: none; border-bottom: #000737 solid 1px; margin:  0 0 -1px}
				.pageid-archive .link-download:hover, .pageid-typer .link-viewonline:hover{border-bottom: #000737 solid 1px; text-decoration: none;}
					.pageid-archive .compaign-social a { position: relative; display: inline-block; width: 22px; height: 22px; background-color: #5A5A5A; border-radius: 100%; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 10px 0 0; -webkit-transition: background-color 0.1s ease-out; -moz-transition: background-color 0.1s ease-out; -o-transition: background-color 0.1s ease-out; transition: background-color 0.1s ease-out; }
					.pageid-archive .compaign-social a:hover { text-decoration: none; background-color: #353535; }
					.pageid-archive .compaign-social .st_facebook_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -4px; background-position: -14px -72px; width: 8px; height: 14px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
					.pageid-archive .compaign-social .st_twitter_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5.5px; margin-left: -7px; background-position: 0 -72px; width: 14px; height: 11px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
					.pageid-archive .compaign-social .st_googleplus_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5.5px; margin-left: -7px; background-position: 0 -50px; width: 14px; height: 11px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
					.pageid-archive .compaign-social .st_linkedin_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5.5px; background-position: -11px -11px; width: 11px; height: 10px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
					.pageid-archive .compaign-social .icn-email:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -3.5px; margin-left: -6px; background-position: -13px -4px; width: 12px; height: 7px; overflow: hidden; background-image: url('images/sprite-icons.png'); }

					.pageid-archive .screen img{ display: block}

    .pageid-automotive .slide6{background: #FDFDFD; background: -moz-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFD), color-stop(100%, #DBDCDD)); background: -webkit-linear-gradient(top, #FDFDFD 0%, #DBDCDD 100%); background: -o-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: -ms-linear-gradient(top, #fdfdfd 0%, #dbdcdd 100%); background: linear-gradient(to bottom, #FDFDFD 0%, #DBDCDD 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#dbdcdd', GradientType=0);}
        .pageid-automotive .slide6 .page-frame{ display: table}
            .pageid-automotive .slide6 .slide-content {display: table-cell; vertical-align: middle;}
                .pageid-automotive .slide6 h2{ margin-bottom: 10px}

    .pageid-automotive .slide7{}
        .pageid-automotive .slide7 .page-frame{ display: table}
            .pageid-automotive .slide7 .slide-content {display: table-cell; vertical-align: middle;}
                .pageid-automotive .slide7 h2{ margin-bottom: 10px}


/* Type reinvented Borders page */
.pageid-type-borders .slide1 { background: url('http://monotypecom.s3.amazonaws.com/images/5f57810e19e92568/type-reinvented.jpg') no-repeat center center; background-size: cover; }
.pageid-type-borders .slide3 { background: url('http://monotypecom.s3.amazonaws.com/images/54243acc65a34524/MT_Products-Hinting_HighRes_RGB_010.jpg') no-repeat center center; background-size: cover; }
.pageid-type-borders .slide4 { background: url('http://monotypecom.s3.amazonaws.com/images/5680fdd2e9dbbc6f/MT_Portfolio-Toshi-Omagari_HighRes_RGB_025.jpg') no-repeat center center; background-size: cover; }
.pageid-type-borders .slide5 { background: url('http://monotypecom.s3.amazonaws.com/images/9fc2885cde210a01/MT_Portfolio-Nadine-Chahine_HighRes_RGB_005.jpg') no-repeat center center; background-size: cover; }
.pageid-type-borders .slide2 .page-frame { display:table; }
.pageid-type-borders .slide3 .page-frame { display:table; }
.pageid-type-borders .slide4 .page-frame { display:table; }
.pageid-type-borders .slide5 .page-frame { display:table; }
.pageid-type-borders .slide5 p { font-size: 26px; line-height: 1.3; }
.pageid-type-borders .slide4 .col-right  h2 { height: 2.59999em; }
.pageid-type-borders .slide2 p { font-size: 42px; line-height: 1.3em; }
.pageid-type-borders .slide3 h2{ font-size: 1.2em; }
.pageid-type-borders .three-col > div {
    float:left;
    width:33.33333%;
    padding-right: 1em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    position: relative;
}
.pageid-type-borders .three-col > div + div + div img { border: 1px solid #cecece; -moz-box-sizing: border-box; box-sizing: border-box; }
.pageid-type-borders .slide2, .pageid-type-borders .slide3, .pageid-type-borders .slide4 { font-size: 22px; }
.pageid-type-borders .slide4 h2 { font-size: 1.2em; }
.pageid-type-borders .three-col img { max-width:100%; }
.pageid-type-borders .links-wrapper { margin:2em 0 70px 0; }
.pageid-type-borders .slide4 p, .pageid-type-borders .slide3 p { font-size: 22px; }

.pageid-type-borders .compaign-social a { position: relative; display: inline-block; width: 22px; height: 22px; background-color: #5A5A5A; border-radius: 100%; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 10px 0 0; -webkit-transition: background-color 0.1s ease-out; -moz-transition: background-color 0.1s ease-out; -o-transition: background-color 0.1s ease-out; transition: background-color 0.1s ease-out; }
.pageid-type-borders .compaign-social a:hover { text-decoration: none; background-color: #353535; }
.pageid-type-borders .compaign-social .st_facebook_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -7px; margin-left: -4px; background-position: -14px -72px; width: 8px; height: 14px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
.pageid-type-borders .compaign-social .st_twitter_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5.5px; margin-left: -7px; background-position: 0 -72px; width: 14px; height: 11px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
.pageid-type-borders .compaign-social .st_googleplus_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5.5px; margin-left: -7px; background-position: 0 -50px; width: 14px; height: 11px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
.pageid-type-borders .compaign-social .st_linkedin_custom:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5.5px; background-position: -11px -11px; width: 11px; height: 10px; overflow: hidden; background-image: url('images/sprite-icons.png'); }
.pageid-type-borders .compaign-social .icn-email:after { content: ""; position: absolute; top: 50%; left: 50%; margin-top: -3.5px; margin-left: -6px; background-position: -13px -4px; width: 12px; height: 7px; overflow: hidden; background-image: url('images/sprite-icons.png'); }

/* Case Study */
.screen{font-family: 'OfficinaSansITCW01-Book 734509','Arial', 'Helvetica', sans-serif;}
.screen h1 { color: #ee3123; font-size: 7.857em; font-family: 'OfficinaSansITCW01-Bold', 'Arial', 'Helvetica', sans-serif; }
.screen h2 { color: #ee3123; font-size: 14px; border-top: 1px solid #ee3123; font-family: 'OfficinaSansITCW01-Book 734509','Arial', 'Helvetica', sans-serif; }
.screen p { font-size:14px; line-height: 1.3; font-family: 'OfficinaSansITCW01-Book 734509','Arial', 'Helvetica', sans-serif;}
.screen p.featured { color: #ee3123; font-size:20px; font-family: 'OfficinaSansITCW01-Bold', 'Arial', 'Helvetica', sans-serif; line-height: 1.3; }
.screen p.featured-font { font-size: 5.286em; margin: 0; font-family: 'OfficinaSansITCW01-Bold', 'Arial', 'Helvetica', sans-serif; line-height: 1.2; }

.screen2 .page-frame { display: table; }
    .screen2 .slide-content { display: table-cell; vertical-align: middle; padding: 10px; }
    .screen2 h1 { margin: 0 0 70px; }
.screen3 .slide-content{padding-bottom: 25px}
	.pageid-type-times .screen3 img{ width: auto}

	.pageid-archive .screen3 img{ width: auto}


.screen4 .slide-content{padding-bottom: 25px}
    .screen4 blockquote { margin-top: 40px; }

.screen5 .slide-content{padding-bottom: 25px}
    .screen5 .col-row + .col-row { margin-top: 40px; }

.screen6 blockquote.quote-inverted { margin-top: 20px; }
    .screen6 blockquote.quote-big { margin-top: 50px; }
        .screen6 .img-wrapper{ height: 300px; background: url('/content/images/type-reinvented/bg-type-reinvent-5-6.png') 100% 100% no-repeat}

/* Grid */
.col-row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.col-row .col-1 { float: left; width: 16.6666666667%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; }
.col-row .col-2 { float: left; width: 33.3333333333%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; }
.col-row .col-2 .col-1 { width: 50%; }
.col-row .col-3 { float: left; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; }
.col-row .col-3 .col-1 { width: 33.3333333333%; }
.col-row .col-3 .col-2 { width: 66.6666666667%; }
.col-row .col-4 { float: left; width: 66.6666666667%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px; }
.col-row .col-5 { float: left; width: 83.3333333333%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 10px;}
.col-row .col-6 { float: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0; overflow: hidden; }
.col-row .col-offset-1 { margin-left: 16.6666666667%; }
.col-row blockquote { margin: 0; }
.col-row blockquote footer { font-size: 1em; background: none; height: auto; z-index: auto; width: 75%; border-top: 1px solid #000000; }
.col-row blockquote footer p { margin: 0; line-height: 1.2em; }
.col-row blockquote.quote-big p { font-size: 2.143em; line-height: 1.2; }
.col-row blockquote.quote-big footer { width: 50%; }
.col-row blockquote.quote-big footer p { font-size: 1em; }
.col-row blockquote.quote-inverted footer { border-color: #ee3123; }
.col-row blockquote.quote-inverted footer p { color: #ee3123; font-size: 1em; }
.share-dropdown { cursor: default; }

/* ======================================================================================================================== 1024*/
@media only screen and (max-width: 1024px) {
    .footer-frame { width: auto; }
    .pageid-type-borders .three-col > div { width: 50%; }
    .pageid-type-borders .promo-box h2.slide-title br { display: none; }
    .pageid-typer .slide3 .page-frame { table-layout: fixed; width: 100%; }
    .pageid-typer .slide3 .page-frame .slide-content { display: block; }
    .page-section div.page-frame{ width: auto; box-sizing: border-box; -moz-box-sizing: border-box; }
    .page-section{ font-size: 22px}
    .page-section h2{ font-size: 26px}
    .modal-context.campaign .modal-container{ width: 100%; margin: 0; min-height: 100%; position: static;}
    .modal-controls-prev{ position: static; left: auto; top: auto;}
    .modal-on .bx-prev, .modal-on .bx-next{ position: fixed; top: 50%; margin-top: -15px;}
    .modal-on .bx-prev{ left: 0}
    .modal-on .bx-next{ right: 0}

    /* Type Reinvented Section 1 */
        .slide1 .slide-down{ bottom: 105px}

    /* Type Reinvented Section 2 */
        .pageid-typer .slide2 h2, .pageid-typer .slide2 p{ font-size: 36px}
        .pageid-type-times .slide2 h2, .pageid-type-times .slide2 p, .pageid-type-borders .slide2 p{ font-size: 36px}

		.pageid-archive .slide2 h2, .pageid-archive .slide2 p{ font-size: 36px}


	/* Type Reinvented Section 3 */
        .your-voice-image img{ max-width: 60%; margin-top: 3%}

    /* Type Reinvented Section 4 */

    /* Type Reinvented Section 5 */
        .pageid-typer .slide5 p, .pageid-type-borders .slide5 p { color: #3A393D}
        .pageid-typer .compaign-social{margin-bottom: 20%}

		.pageid-type-times .compaign-social{margin-bottom: 20%}

		.pageid-archive .compaign-social{margin-bottom: 20%}

	/* Case Study */
        .screen2 .page-frame{display: block}
        .screen2 .page-frame .slide-content{ display: block; margin-top: 0}

    /* Automotive */
        .pageid-automotive .promo-box h2.slide-title:before{ display:none}
        .pageid-automotive .promo-box h2.slide-title:after{ display:none}

}
/* ======================================================================================================================== 1000*/
@media only screen and (max-width: 1000px) {


}
/* ======================================================================================================================== 768*/
@media only screen and (max-width: 768px) {
    .campaign-scroll .page-footer { position: relative; }
    .campaign-scroll .page-section.last { padding: 0 15px; width: auto; }
    .campaign-scroll .page-section.last > .page-frame { padding: 0; }
    .campaign-scroll .page-section.empty { display: none; }
    .campaign .modal-title{ margin: 0 25px}
    .campaign .modal-close{ right: 15px}
    .bx-prev{left: 0}
    .bx-next{right: 0}
    .slide-down{ display: none}
    .slide1 .slide-down{ display: block}
    .page-section .page-frame{ font-size: 22px}
    .page-section .page-frame h2{ font-size: 26px}
    .page-section div.page-frame{ padding: 25px}


    .pageid-type-borders .slide5 .page-frame { table-layout: fixed; width: 100%; }
    /* Type Reinvented Section 2 */
        .pageid-typer .slide2 h2{ font-size: 22px}
        .pageid-typer .slide2 p{ font-size: inherit}

        .pageid-type-borders .slide2 h2{ font-size: 22px}
        .pageid-type-borders .slide2 p{ font-size: inherit}

    .pageid-type-borders .three-col .col { float:none; padding-bottom:1.4em; display:block; padding-right:0; width:auto; text-align:center; }
    .pageid-type-borders .three-col .col .link-viewonline { width: 270px; }
        .pageid-type-times .slide2 h2{ font-size: 22px}
        .pageid-type-times .slide2 p{ font-size: inherit}

		.pageid-archive .slide2 h2{ font-size: 22px}
		.pageid-archive .slide2 p{ font-size: inherit}


	/* Type Reinvented Section 3 */
        .pageid-type-borders .slide3 h2, .pageid-type-borders .slide4 h2{ font-size: inherit}
        .pageid-type-borders .slide3 p{ font-size: inherit}
        .pageid-type-borders .slide4 p, .pageid-type-borders .slide3 p { font-size: inherit; line-height: 1.3em; }
        .pageid-type-borders .page-section .col-left, .pageid-type-borders .page-section .col-right{float: none; width: auto; padding: 0; }

        .pageid-typer .slide3 h2{ font-size: inherit}
        .pageid-typer .slide3 p{ font-size: inherit}
        .pageid-typer .page-section .col-left, .page-section .col-right{float: none; width: auto; padding: 0; }

        .pageid-type-times .slide3 h2{ font-size: inherit}
        .pageid-type-times .slide3 p{ font-size: inherit}
        .pageid-type-times .page-section .col-left, .page-section .col-right{float: none; width: auto; padding: 0; }

		.pageid-archive .slide3 h2{ font-size: inherit}
		.pageid-archive .slide3 p{ font-size: inherit}
		.pageid-archive .page-section .col-left, .page-section .col-right{float: none; width: auto; padding: 0; }


	/* Type Reinvented Section 4 */
        .pageid-type-times .page-section .col-left, .page-section .col-right{float: none; width: auto; padding: 0; }
        
		.pageid-archive .page-section .col-left, .page-section .col-right{float: none; width: auto; padding: 0; }
        
	.pageid-typer .slide4 h2{ font-size: inherit}
        .pageid-typer .slide4 p{ font-size: inherit}
        .pageid-typer .slide4 .slide-content{ margin: 0; }
        .pageid-typer .slide4 .col-row .col-3 .col-1{ padding-right: 0; }
        .pageid-typer .slide4 .col-row .col-2{ padding-right: 0; padding-left: 0; }

        .pageid-type-times .slide4 h2{ font-size: inherit}
        .pageid-type-times .slide4 p{ font-size: inherit}

		.pageid-archive .slide4 h2{ font-size: inherit}
		.pageid-archive .slide4 p{ font-size: inherit}

    /* Type Reinvented Section 5 */
        .pageid-typer .slide5 h2{ font-size: inherit}
        .pageid-typer .slide5 p{ font-size: inherit; width: 60%}

        .pageid-type-times .slide5 h2{ font-size: inherit}
        .pageid-type-times .slide5 p{ font-size: inherit}

		.pageid-archive .slide5 h2{ font-size: inherit}
		.pageid-archive .slide5 p{ font-size: inherit}
        
    /* Automotive */
        .pageid-automotive .col-left, .pageid-automotive .col-right{ padding-left:0; padding-right:0; width:auto; float:none}
        .pageid-automotive .page-section + .page-section{ background:none;}

    /* Case Study */
        .col-row blockquote footer { margin-bottom: 20px; }
        .col-row > .col-1, .col-row > .col-2, .col-row > .col-3 { float: none; width: auto; padding: 0; margin: 0; }
        .col-row .col-3 .col-1 { width: auto; float: none; padding-left: 0; }
        .col-row .col-3 .col-2 { float: none; width: auto;}
        .col-row .col-2 .col-1 { width: auto; float: none;}
        .col-row .col-1{padding-left: 0; padding-right: 0}

        .screen2 .page-frame .slide-content{margin-top: 0}
        .screen6 .img-wrapper{ background-size: 100%; height: 320px}

}
@media only screen and (max-width: 360px) {
    .pageid-type-borders .three-col .col .link-viewonline { font-size: 12px; min-width: 0; max-width: 100%; width: 100%; box-sizing: border-box; }
}
/* ======================================================================================================================== 480*/
@media only screen and (max-width: 480px) {
    .campaign .modal-title{margin: 0 15px}
    .campaign .modal-close{ right: 5px}
    .onepage-wrapper .ops-section{ height: auto}
    .page-section div.page-frame{ padding-top: 25px; padding-bottom: 25px}
    .page-section .page-frame{ font-size: 20px}
    .page-section .page-frame h2{ font-size: 26px}
    .page-section .page-frame h2.slide-title{ font-size: 20px;}    

    /* Type Reinvented Section 1 */
        .pageid-typer .onepage-wrapper .ops-section.slide1{ height: 100%;}

    /* Type Reinvented Section 2 */
        .pageid-typer .onepage-wrapper .ops-section.slide2{ height: 100%;}
        .pageid-typer .slide2 p{margin-bottom: 0}

        .pageid-type-times .onepage-wrapper .ops-section.slide2{ height: 100%;}
  		.pageid-type-times .slide2 h2{line-height: 1em; margin-bottom: 5px;}
        .pageid-type-times .slide2 p{margin-bottom: 0}

		.pageid-archive .onepage-wrapper .ops-section.slide2{ height: 100%;}
		.pageid-archive .slide2 h2{line-height: 1em; margin-bottom: 5px;}
		.pageid-archive .slide2 p{margin-bottom: 0}


	/* Type Reinvented Section 3 */
        .your-voice-image img{ max-width: 80%}

    /* Type Reinvented Section 5 */
        .pageid-typer .onepage-wrapper .ops-section.slide5{ height: 100%;}
        .pageid-typer .slide5 p{ width: auto}
        .pageid-typer .compaign-social{margin-bottom: 5.5%; margin-top: 6%}
        .pageid-typer .link-movetop{ bottom: 25px; font-size: 18px;}

		.pageid-type-times .onepage-wrapper .ops-section.slide6{ height: 100%;}
		.pageid-type-times .slide6 p{ width: auto}
		.pageid-type-times .compaign-social{margin-bottom: 5.5%; margin-top: 6%}
		.pageid-type-times .link-movetop{ bottom: 25px; font-size: 18px;}

		.pageid-archive .onepage-wrapper .ops-section.slide6{ height: 100%;}
		.pageid-archive .slide6 p{ width: auto}
		.pageid-archive .compaign-social{margin-bottom: 5.5%; margin-top: 6%}
		.pageid-archive .link-movetop{ bottom: 25px; font-size: 18px;}

		.slide6 .slide-content{ padding-bottom: 0}

    /* Automotive */
        .pageid-automotive .page-section img{ display:block;}
        .pageid-automotive .page-section .page-frame{ table-layout: fixed; width: 100%;}
        .pageid-automotive .page-section .page-frame .slide-content {display: block;}

    /* Case Study */
        .screen2 .slide-content{padding: 0}
        .screen2 h1{ font-size: 60px;}
        .col-row .col-2{padding-left: 0; padding-right: 0}
        .screen4 .slide-content, .screen3 .slide-content{ padding-bottom: 15px}
        .screen6 .img-wrapper{height: 170px;}
}
/* ======================================================================================================================== 320*/
@media only screen and (max-width: 320px) {
    .modal-on .bx-prev{left: 2px; width: 10px}
    .modal-on .bx-next{right: 2px; width: 10px}
    .page-section div.page-frame{ padding: 15px}
    .page-section .page-frame{ font-size: 18px}
    .page-section .page-frame h2{ font-size: 24px}
    .page-section .page-frame h2.slide-title{ font-size: 18px;}

	.pageid-type-times .slide2 .slide-content h2 br{ display: none}
	.pageid-archive .slide2 .slide-content h2 br{ display: none}

    .pageid-typer .compaign-social{margin-bottom: 10%;}

	.pageid-type-times .compaign-social{margin-bottom: 10%;}
	.pageid-archive .compaign-social{margin-bottom: 10%;}

	.screen2 h1{font-size: 40px}
    .screen p.featured-font{font-size: 45px}

}