/*
Author: Paul Davey
Author URI: http://paul-davey.uk
Description: MK Windsurfing
Version: 1.0.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global
# Sections
# Typography
# Forms
# Clearings
# Content
--------------------------------------------------------------
    ## Header / Nav
    ## Homepage
		#Banner
        #Reviews
	## Booms
    ## Dealers
    ## History
    ## Contact
    ## Map
    ## Links
    ## Footer

--------------------------------------------------------------
# Global
Colour Palette: Blue:   #00659a
                Yellow: #ffcc00
                Lime:   #a1d228
                Teal:   #0696a1
                DkBlue: #041763
                Purple: #c1289d
                Orange: #ff7c00
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  overflow-x: hidden;
  height: 100%;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  overflow: hidden;
  min-height: 100%;
}
body#homepage{
  background-color: #03203e;
}
a {
    text-decoration: none;
    color: #333;
}
a.dotted{
    border-bottom: 1px dotted #999; 
}   

a:hover,
a:active,
a:focus{
    outline: 0;
}
b{
    font-weight: 600;
}
#contact input[type="text"]:focus, #contact textArea:focus{
    border: 1px solid #ff7b00;
}
#feedback input[type="text"]:focus, #feedback textArea:focus {
    border: 1px solid #c1289d;
}
.hide{
    display: none;
}
.dots85{
    background: url(../images/grey_dots_85pc.png) repeat;
}
.modelbox{
    background-color: #ff7b26;
    border-radius: 3px;
    transform: scaleX(1.4);
    letter-spacing: 0.02rem;
    color: #fff;
}
#page-name{
    /* background-color: #cbcbcb; */
    background: url(../images/whitegrey_dots_85pc.gif) repeat;
    /* opacity: 0.2; */
}
#page-name h2{
    color: #fff;
    padding: 8px 0px;
    text-transform: uppercase;
    transform: scaleX(0.95);
    letter-spacing: 0.02rem;
    font-size: 1.6em;
    margin-bottom: 0;
}
.order-box{
    display: block;
    width: 11rem;
    background: #ff7b26;
    text-align: center;
    line-height: 3.2rem;
    margin: 3rem 0 0 0;
    float: right;
    cursor: pointer;
    border-radius: 4px;
    color: white;
    font-size: 1.55rem;
}
.mk-photos{
    width: 100%;
    margin-top: 2rem;
}
.mk-photo{
    width: 22%;
    float: left;
    border: solid 1px #ddd;
    cursor: pointer;
    background: #fff;
    margin-right: 4%;
}
.mk-photo:last-child{
    margin-right: 0;
}
.mk-photo img{
    width: 100%;
    display: block;
}
.mk-photo-main{
    width: 100%;
    border: solid 1px #ddd;
    cursor: pointer;
}
.mk-photo-main img{
    width: 100%;
    display: block;
}

ul.bullets {
    list-style: none;
    padding:0;
}
ul.bullets li { 
    padding-left: 3rem;
    text-indent: -3rem;
}
ul.bullets li:before {
    content: '\25A0';
    color: #ff7c00;
    padding-right: 2rem;
    font-size: 0.9em;
    vertical-align: text-bottom;
}
img.u-pull-right{
    margin-left: 1.8rem;
}



/*----- showhide -----*/
div.showhide{
    border-bottom: solid 1px #c4c4c4;
    max-height: 5rem;
    transition: max-height ease-in-out 0.5s;
    overflow: hidden;
}
div.showhide.active{
    max-height: 50rem;
    transition: max-height ease-in-out 0.5s;
}


.showhide > h4::before {
    display: inline-block;
    width: 0;
    height: 0;
    content: " ";
    margin: 0px 15px 2px 2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #000;
}
.showhide.active > h4::before{
    display: inline-block;
    width: 0;
    height: 0;
    content: " ";
    margin: 0px 15px 0px 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #000;
}
.showhide > h4{
    color: #000;
    height: 45px;
    line-height: 45px;
    width: 100%;
    cursor: pointer;
    font-size: 1.8rem;
    font-weight: 400;
}
.line-tp2{
    border-top: solid 1px #c4c4c4;
}
.layout1{
    width: 100%;
}
.layout1.col1{
    min-width: 200px;
    max-width: 340px;
    margin-bottom: 4rem;
}
.layout1.col2{
    padding: 10px 0 0 0;
}
@media screen and (min-width: 700px){
.layout1.col1{
    position: absolute;
    width: 300px;
}
.layout1.col2{
    padding: 45px 0 0 340px;
    width: 100%;
}
.layout1{
    float: left;
}
}
@media screen and (min-width: 900px){
.layout1.col1{
    position: absolute;
    width: 350px;
}
.layout1.col2{
    padding: 46px 70px 0 420px;
    width: 100%;
    min-height: 42rem;
}
.layout1{
    float: left;
}
}



/*--------------------------------------------------------------
# Articles and Sections - General
--------------------------------------------------------------*/

article.mk-page{
    margin-bottom: 4rem;
}
article.history h4{
    font-size: 4rem;
    color: #ff7c00;
    font-weight: 400;
}
section{
    /* min-height: 144px; */
    padding: 3.5rem 0;
}
section#banner{
    position: relative;
    padding: 0;
    overflow: hidden;
    /* margin-top: 100px; */
}
section.txtheader h2 {
    font-size: 2.5rem;
    color: #e6e6e6;
    text-transform: uppercase;
    transform: scaleX(0.95);
    letter-spacing: 0.02rem;
    margin-bottom: 0;
}

.page-title, .section-title{
    font-weight: 800;
}
.font-correct{
    transform: translateX(-2.5%);
}

section.mk-section.lowpad{padding: 3rem 0 8rem;}
section.mk-section{
    border-bottom: solid 12px #efefef;
}
section.mk-section:last-child{
    border-bottom: none;
}
section.about-me{
    border-bottom: solid 2px #ddd;
}

section#process{border-color: #ffcc00;}
section#process:before{border-color: #ffcc00 transparent transparent transparent;}


section#footer:before{
    border-color: transparent transparent #00659a transparent;
    border-width: 0 46px 29px 46px;
    margin-top: -29px;
}
section p, article p{
    color: rgba(64,64,64,1);
    font-weight: 400;
    font-size: 1.5rem;
}

@media screen and (min-width: 450px){
section h2{/* margin: 40px 0px; */font-size: 3.5rem;}
}
@media screen and (min-width: 768px){
section h2{/* font-size: 3.8rem; *//* color: #535353; *//* margin: 35px 0px; */}
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

@font-face {
	font-family: 'TwCenMTCondExtraBold';
	src: url('../fonts/TwCenMTCondCaps/subset-TwCenMT-CondensedExtraBold.eot');
	src: url('../fonts/TwCenMTCondCaps/subset-TwCenMT-CondensedExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/TwCenMTCondCaps/subset-TwCenMT-CondensedExtraBold.woff2') format('woff2'),
		url('../fonts/TwCenMTCondCaps/subset-TwCenMT-CondensedExtraBold.woff') format('woff'),
		url('../fonts/TwCenMTCondCaps/subset-TwCenMT-CondensedExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?45424194');
  src: url('../fonts/fontello.eot?45424194#iefix') format('embedded-opentype'),
       url('../fonts/fontello.svg?45424194#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fontello';
  src: url('data:application/octet-stream;base64,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') format('woff'),
       url('data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCMJXkAAAD8AAAAVE9TLzI+IUm9AAABUAAAAFZjbWFwEKXU4gAAAagAAAGiY3Z0IAbX/wIAAAoYAAAAIGZwZ22KkZBZAAAKOAAAC3BnYXNwAAAAEAAAChAAAAAIZ2x5Zqq8hnAAAANMAAADDGhlYWQNYcXcAAAGWAAAADZoaGVhCPAE7QAABpAAAAAkaG10eBS4//kAAAa0AAAAFGxvY2EBNAIcAAAGyAAAAAxtYXhwAOEL1wAABtQAAAAgbmFtZcydHB4AAAb0AAACzXBvc3RTC5eQAAAJxAAAAExwcmVw5UErvAAAFagAAACGAAEAAAAKADAAPgACbGF0bgAOREZMVAAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAEEJQGQAAUAAAJ6ArwAAACMAnoCvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOgA6AgDUv9qAFoDUwCXAAAAAQAAAAAAAAAAAAUAAAADAAAALAAAAAQAAAFiAAEAAAAAAFwAAwABAAAALAADAAoAAAFiAAQAMAAAAAYABAABAALoAOgI//8AAOgA6Ab//wAAAAAAAQAGAAYAAAABAAIAAwAEAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAABAAAAAAAAAAAQAAOgAAADoAAAAAAEAAOgGAADoBgAAAAIAAOgHAADoBwAAAAMAAOgIAADoCAAAAAQAAAADAAD/aQPqA1MACAARABkAKUAmGBYVFBMFAgMBRwADAwBYAAAADEgAAgIBWAABAQ0BSRMUExIEBRgrETQABAACAAQANxQWBDYQJgQGFzcXARcBBycBJgGcASgE/uD+XP7iaeYBQubm/r7mal5dASFe/t1cXQFezwEmAv7e/l7+3gIBJs+i5ALoAUDoAuTVXF4BI13+315eAAH///+0AzkC7gAlAA9ADBsBAEQAAABmKQEFFSsBNi8BLgE2Nz4CMh8BFh8BFgIABC8BJi8BJj8BPgE3PgEeARcWAc2iLAgeFg4qFCIkGBEYBxMVMGz+1P7eMBcVBBIOAQIBHBgqODQSHiwBIqIsCB4kSDQYHgINEgUUFjD+3P7WbjAWFAUYEwweEiIUIhoWDh4sAAADAAD/9gPtAsYADAAZACYALEApAAUABAMFBGAAAwACAQMCYAABAAABVAABAQBYAAABAEwzNDM0MzIGBRorNxQWMyEyNjQmIyEiBhMUFjMhMjY0JiMhIgYTFBYzITI2NCYjISIGRCoeAxkeKioe/OcdLAEqHgMZHioqHvznHSwBKh4DGR4qKh785x0sPh4qKjwqKgECHioqPCoqAQIeKio8KioAAAT/+v9qBaEDUgAQACgAOgBIAEdARDkHAgIDQTotKBsGBgACQicCAQADRzgBA0UmAQFEAAACAQIAAW0AAQFuAAMCAgNUAAMDAlgAAgMCTDc2KiklJBIRBAUUKxM2NzY3Njc1BgcGBwYHBgcUBSYnJicmJyYnJicGFxYXFhcWFxYFFQkBJxYXFhc2NzYnJicmJyYlNQcXBQYHBgcGBxE+ATc2NzZrCQwqOEZkW0JKQBkJCwEChdHMVDwyIhkPBgoICwQhHC4oKvMBAgEi/t4d7+ZYSRkWFwMKRygv0P6/tLQC8QUcJURVfkyhLyMRHgHSCwggFxsQiA0VGCgUDRAXLOsBLxQZFhkUFggUYGAsKiQeGw9WA5sBIwEiqgFEGjcIFhoYNy8aEUACbLS0BRobJR4mGf7mEU4qIS1GAAABAAAAAQAAAX6os18PPPUACwPoAAAAANRTwR0AAAAA1FPBHv/6/2kFoQNTAAAACAACAAAAAAAAAAEAAANS/2oAAAWW//r/5wWhAAEAAAAAAAAAAAAAAAAAAAAFA+gAAAPoAAADIP//BDEAAAWW//oAAAAAAEwAlgDoAYYAAQAAAAUASQAEAAAAAAACAAwAHABzAAAAWAtwAAAAAAAAABIA3gABAAAAAAAAADUAAAABAAAAAAABAAgANQABAAAAAAACAAcAPQABAAAAAAADAAgARAABAAAAAAAEAAgATAABAAAAAAAFAAsAVAABAAAAAAAGAAgAXwABAAAAAAAKACsAZwABAAAAAAALABMAkgADAAEECQAAAGoApQADAAEECQABABABDwADAAEECQACAA4BHwADAAEECQADABABLQADAAEECQAEABABPQADAAEECQAFABYBTQADAAEECQAGABABYwADAAEECQAKAFYBcwADAAEECQALACYByUNvcHlyaWdodCAoQykgMjAxNiBieSBvcmlnaW5hbCBhdXRob3JzIEAgZm9udGVsbG8uY29tZm9udGVsbG9SZWd1bGFyZm9udGVsbG9mb250ZWxsb1ZlcnNpb24gMS4wZm9udGVsbG9HZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAG8AcAB5AHIAaQBnAGgAdAAgACgAQwApACAAMgAwADEANgAgAGIAeQAgAG8AcgBpAGcAaQBuAGEAbAAgAGEAdQB0AGgAbwByAHMAIABAACAAZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AZgBvAG4AdABlAGwAbABvAFIAZQBnAHUAbABhAHIAZgBvAG4AdABlAGwAbABvAGYAbwBuAHQAZQBsAGwAbwBWAGUAcgBzAGkAbwBuACAAMQAuADAAZgBvAG4AdABlAGwAbABvAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUBAgEDAQQBBQEGAApvay1jaXJjbGVkBXBob25lBG1lbnUGcm90YXRlAAAAAQAB//8ADwAAAAAAAAAAAAAAAAAAAAAAGAAYABgAGANT/2kDU/9psAAsILAAVVhFWSAgS7gADlFLsAZTWliwNBuwKFlgZiCKVViwAiVhuQgACABjYyNiGyEhsABZsABDI0SyAAEAQ2BCLbABLLAgYGYtsAIsIGQgsMBQsAQmWrIoAQpDRWNFUltYISMhG4pYILBQUFghsEBZGyCwOFBYIbA4WVkgsQEKQ0VjRWFksChQWCGxAQpDRWNFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwAStZWSOwAFBYZVlZLbADLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbAELCMhIyEgZLEFYkIgsAYjQrEBCkNFY7EBCkOwAWBFY7ADKiEgsAZDIIogirABK7EwBSWwBCZRWGBQG2FSWVgjWSEgsEBTWLABKxshsEBZI7AAUFhlWS2wBSywB0MrsgACAENgQi2wBiywByNCIyCwACNCYbACYmawAWOwAWCwBSotsAcsICBFILALQ2O4BABiILAAUFiwQGBZZrABY2BEsAFgLbAILLIHCwBDRUIqIbIAAQBDYEItsAkssABDI0SyAAEAQ2BCLbAKLCAgRSCwASsjsABDsAQlYCBFiiNhIGQgsCBQWCGwABuwMFBYsCAbsEBZWSOwAFBYZVmwAyUjYUREsAFgLbALLCAgRSCwASsjsABDsAQlYCBFiiNhIGSwJFBYsAAbsEBZI7AAUFhlWbADJSNhRESwAWAtsAwsILAAI0KyCwoDRVghGyMhWSohLbANLLECAkWwZGFELbAOLLABYCAgsAxDSrAAUFggsAwjQlmwDUNKsABSWCCwDSNCWS2wDywgsBBiZrABYyC4BABjiiNhsA5DYCCKYCCwDiNCIy2wECxLVFixBGREWSSwDWUjeC2wESxLUVhLU1ixBGREWRshWSSwE2UjeC2wEiyxAA9DVVixDw9DsAFhQrAPK1mwAEOwAiVCsQwCJUKxDQIlQrABFiMgsAMlUFixAQBDYLAEJUKKiiCKI2GwDiohI7ABYSCKI2GwDiohG7EBAENgsAIlQrACJWGwDiohWbAMQ0ewDUNHYLACYiCwAFBYsEBgWWawAWMgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLEAABMjRLABQ7AAPrIBAQFDYEItsBMsALEAAkVUWLAPI0IgRbALI0KwCiOwAWBCIGCwAWG1EBABAA4AQkKKYLESBiuwcisbIlktsBQssQATKy2wFSyxARMrLbAWLLECEystsBcssQMTKy2wGCyxBBMrLbAZLLEFEystsBossQYTKy2wGyyxBxMrLbAcLLEIEystsB0ssQkTKy2wHiwAsA0rsQACRVRYsA8jQiBFsAsjQrAKI7ABYEIgYLABYbUQEAEADgBCQopgsRIGK7ByKxsiWS2wHyyxAB4rLbAgLLEBHistsCEssQIeKy2wIiyxAx4rLbAjLLEEHistsCQssQUeKy2wJSyxBh4rLbAmLLEHHistsCcssQgeKy2wKCyxCR4rLbApLCA8sAFgLbAqLCBgsBBgIEMjsAFgQ7ACJWGwAWCwKSohLbArLLAqK7AqKi2wLCwgIEcgILALQ2O4BABiILAAUFiwQGBZZrABY2AjYTgjIIpVWCBHICCwC0NjuAQAYiCwAFBYsEBgWWawAWNgI2E4GyFZLbAtLACxAAJFVFiwARawLCqwARUwGyJZLbAuLACwDSuxAAJFVFiwARawLCqwARUwGyJZLbAvLCA1sAFgLbAwLACwAUVjuAQAYiCwAFBYsEBgWWawAWOwASuwC0NjuAQAYiCwAFBYsEBgWWawAWOwASuwABa0AAAAAABEPiM4sS8BFSotsDEsIDwgRyCwC0NjuAQAYiCwAFBYsEBgWWawAWNgsABDYTgtsDIsLhc8LbAzLCA8IEcgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLAAQ2GwAUNjOC2wNCyxAgAWJSAuIEewACNCsAIlSYqKRyNHI2EgWGIbIVmwASNCsjMBARUUKi2wNSywABawBCWwBCVHI0cjYbAJQytlii4jICA8ijgtsDYssAAWsAQlsAQlIC5HI0cjYSCwBCNCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgsAhDIIojRyNHI2EjRmCwBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2EjICCwBCYjRmE4GyOwCENGsAIlsAhDRyNHI2FgILAEQ7ACYiCwAFBYsEBgWWawAWNgIyCwASsjsARDYLABK7AFJWGwBSWwAmIgsABQWLBAYFlmsAFjsAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wNyywABYgICCwBSYgLkcjRyNhIzw4LbA4LLAAFiCwCCNCICAgRiNHsAErI2E4LbA5LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWG5CAAIAGNjIyBYYhshWWO4BABiILAAUFiwQGBZZrABY2AjLiMgIDyKOCMhWS2wOiywABYgsAhDIC5HI0cjYSBgsCBgZrACYiCwAFBYsEBgWWawAWMjICA8ijgtsDssIyAuRrACJUZSWCA8WS6xKwEUKy2wPCwjIC5GsAIlRlBYIDxZLrErARQrLbA9LCMgLkawAiVGUlggPFkjIC5GsAIlRlBYIDxZLrErARQrLbA+LLA1KyMgLkawAiVGUlggPFkusSsBFCstsD8ssDYriiAgPLAEI0KKOCMgLkawAiVGUlggPFkusSsBFCuwBEMusCsrLbBALLAAFrAEJbAEJiAuRyNHI2GwCUMrIyA8IC4jOLErARQrLbBBLLEIBCVCsAAWsAQlsAQlIC5HI0cjYSCwBCNCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYbACJUZhOCMgPCM4GyEgIEYjR7ABKyNhOCFZsSsBFCstsEIssDUrLrErARQrLbBDLLA2KyEjICA8sAQjQiM4sSsBFCuwBEMusCsrLbBELLAAFSBHsAAjQrIAAQEVFBMusDEqLbBFLLAAFSBHsAAjQrIAAQEVFBMusDEqLbBGLLEAARQTsDIqLbBHLLA0Ki2wSCywABZFIyAuIEaKI2E4sSsBFCstsEkssAgjQrBIKy2wSiyyAABBKy2wSyyyAAFBKy2wTCyyAQBBKy2wTSyyAQFBKy2wTiyyAABCKy2wTyyyAAFCKy2wUCyyAQBCKy2wUSyyAQFCKy2wUiyyAAA+Ky2wUyyyAAE+Ky2wVCyyAQA+Ky2wVSyyAQE+Ky2wViyyAABAKy2wVyyyAAFAKy2wWCyyAQBAKy2wWSyyAQFAKy2wWiyyAABDKy2wWyyyAAFDKy2wXCyyAQBDKy2wXSyyAQFDKy2wXiyyAAA/Ky2wXyyyAAE/Ky2wYCyyAQA/Ky2wYSyyAQE/Ky2wYiywNysusSsBFCstsGMssDcrsDsrLbBkLLA3K7A8Ky2wZSywABawNyuwPSstsGYssDgrLrErARQrLbBnLLA4K7A7Ky2waCywOCuwPCstsGkssDgrsD0rLbBqLLA5Ky6xKwEUKy2wayywOSuwOystsGwssDkrsDwrLbBtLLA5K7A9Ky2wbiywOisusSsBFCstsG8ssDorsDsrLbBwLLA6K7A8Ky2wcSywOiuwPSstsHIsswkEAgNFWCEbIyFZQiuwCGWwAyRQeLABFTAtAEu4AMhSWLEBAY5ZsAG5CAAIAGNwsQAFQrIAAQAqsQAFQrMKAgEIKrEABUKzDgABCCqxAAZCugLAAAEACSqxAAdCugBAAAEACSqxAwBEsSQBiFFYsECIWLEDZESxJgGIUVi6CIAAAQRAiGNUWLEDAERZWVlZswwCAQwquAH/hbAEjbECAEQAAA==') format('truetype');
}

.icon-ok-circled:before { content: '\e800'; } 
.icon-phone:before { content: '\e806'; }
.icon-menu:before { content: '\e807'; }
.icon-rotate:before { content: '\e808'; }

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 2rem;
}
h3{
    font-weight: 800;
    color: #cccccc;
    font-size: 3.0rem;
}
h5{
    font-weight: 400;    
    color: #303030;
    font-size: 2.2rem;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Header / Nav
--------------------------------------------------------------*/
body::before{
    content:'';
    display: block;
    height: 85px;
    max-height: 85px;
    transition: max-height ease-in-out 0.5s;
}
body.shrink-header::before{
    max-height: 65px;
}
#header h1{
    display: none;
}
#header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 200;
    height: 85px;
    max-height: 85px;
    transition: max-height ease-in-out 0.5s;
    background-color: #004f9f;
}
body.shrink-header #header{
    max-height: 65px;
}
#header::before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    top: 28%;
    left: 0;
    height: 46%;
    background: #09203f;
}

#logo img {
    height: 63%;
    position: absolute;
    left: 0px;
    top: 20%;
    z-index: 200;
}
#logo img {
    height: 63%;
    position: absolute;
    left: 0px;
    top: 20%;
    z-index: 200;
}
#menu-btn{
    display: table;
    height: 100%;
    cursor: pointer;
    float: right;
}
#menu-btn a{
    display: table-cell;
    vertical-align: middle;
    font-family: 'fontello';
    font-size: 3.2rem;
    color: #e7e7e7;
    padding-top: 3px;
}
#nav-container{
    height: 100%;
    width: 90%;
}
#nav-container ul{
    display: block;
    position: absolute;
    top: 85px;
    right: 0;
    width: 200px;
    max-height: 0px;
    overflow: hidden;
    transition: max-height ease-in-out 0.3s;
    transition: top ease-in-out 0.5s;
    z-index: 200;
}
#mainsite.shrink-header #nav-container ul{
    top: 65px;
}
#nav-container ul.expand {
    max-height: 275px;
}
#nav-container li{
    display: block;
    width: 100%;
    background: #1b50a1;
    border-top: 1px solid #bcbcbc;
}
#nav-container li a{
    position: relative;
    display: block;
    color: #e6e6e6;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.7px;
    font-weight: 600;
    text-align: right;
    padding-right: 21px;
    font-size: 1.32rem;
    line-height: 40px;
}
#nav-container ul li:last-child{border-bottom-left-radius: 21px;}


@media screen and (min-width: 768px){
#nav-container ul{position: relative;display: block;max-height: none;background: none;z-index: auto;width: 100%;float: left;top: auto!important;height: 100%;margin: 0;}
#nav-container ul {padding: 0 0 0 16rem;}
#nav-container li {display: table;width: 16%;border-top: none;background: none;float: left;height: 100%;}
#nav-container li:nth-child(2) {width: 18%;}
#nav-container li:nth-child(3) {width: 18%;}
#nav-container li:nth-child(4) {width: 18%;}
#nav-container ul li:last-child{}
#nav-container ul li:first-child{border: none;width: 20%;}
#nav-container li a {padding-right: 0;display: table-cell;text-align: center;vertical-align: middle;}
#menu-btn {display: none;}
}
@media screen and (min-width: 1100px){
#nav-container li {width: 16%;}
#nav-container li:nth-child(2) {width: 18%;}
#nav-container li:nth-child(3) {width: 23%;}
#nav-container li:nth-child(4) {width: 23%;}
}


/*--------------------------------------------------------------
## HomePage
--------------------------------------------------------------*/


/*-------Banner-------*/

/*--- Base settings---*/

#img-fore, #img-back{
    position: absolute;
    left: 50%;
    top: 0px;
    display: block;
    margin-left: -1280px;
}
#img-fore{
    z-index: 0;
}
#img-back{
    z-index: -1;
}
#fader .dots85{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0px;
    text-align: center;
    height: 34px;
    padding-top: 8px;
}
#fader .nav-dot{
    border: solid 1px #fff;
    display: inline-block;
    /* border-radius: 10px; */
    margin: 0px 26px;
    padding: 6px;
    cursor: pointer;
}
.nav-dot.selected{
    background-color: #fff;
}
#fader figcaption{
    position: absolute;
    color: #ffffff;
}
#fader figcaption p{
    color: #ffffff;
}
figcaption h2{
    font-family: 'TwCenMTCondExtraBold', san-serif;
    /* text-transform: uppercase; */
    /* letter-spacing: -1.2px; */
    font-size: 2.5rem;
}
figcaption p{
    font-family: 'Raleway', san-serif;
    font-size: 1.6rem;
}
figcaption a.modelbox{
    position: absolute;
    font-size: 1.2rem;
    width: 40px;
    right: 8px;
    text-align: center;
    font-weight: 600;
    color: #ffffff;
}
figcaption #img4_logo{
    position: absolute;
    width: 100px;
    height: 36px;
    background-color: #ff7b26;
    border-radius: 3px;
    padding: 0 8px;
    display: none;
}

/*------- responsive general --------*/

#fader{
    height: 467px;
    margin: 0;
    overflow: hidden;
}
@media screen and (min-width: 750px){
#fader{height: 500px;}
figcaption h2 {letter-spacing: -1.2px;}
}
@media screen and (min-width: 1400px){
#fader{height: 670px;}
}

/*------- Image 1 settings plus responsive --------*/


figcaption.img1{
    right: 47px;
    background: #80808038;
    padding: 20px;
    top: 231px;
}
#fader img.img1{
    left: 762px;
    top: -31px;
    width: 1900px;
}
figcaption.img1 h2, figcaption.img1 p{
}
figcaption.img1 h2{
    margin-bottom: 10px;
    line-height: 3.3rem;
    text-transform: uppercase;
    font-family: 'TwCenMTCondExtraBold', san-serif;
}
figcaption.img1 p{
    margin-top: 0px;
    margin-bottom: 3px;
    display: none;
}
figcaption.img1 a.modelbox{
    font-size: 1.6rem; width: 63px; right: 59px;
}
@media screen and (min-width: 750px){
#fader img.img1 {left: 652px;top: -44px;width: 2226px;}
figcaption.img1{left: 299px;top: 257px;right: auto;}
figcaption.img1 h2{display: block;font-size: 3.1rem;line-height: 3.2rem;}
figcaption.img1 p{display: block;font-size: 2.07rem;margin-top: -5px;}
figcaption.img1 a.modelbox{font-size: 1.2rem;width: 40px;right: 8px;}
}
@media screen and (min-width: 1050px){
#fader img.img1 {left: 706px;top: -44px;width: 2226px;}
figcaption.img1{left: 602px;top: 235px;}
figcaption.img1 h2{font-size: 3.5rem;}
figcaption.img1 p{font-size: 2.0rem;margin-top: 14px;display: block;}
figcaption.img1 a.modelbox{font-size: 1.3rem;width: 45px;right: 14px;}
}
@media screen and (min-width: 1400px){
#fader img.img1 {left: 50%;top: 0;width: 2560px;}
figcaption.img1 {left: 46%;top: 334px;margin-left: 0;}
figcaption.img1 h2{font-size: 4.8rem;line-height: 5.3rem;}
figcaption.img1 p{font-size: 2.7rem;margin-top: 18px;}
figcaption.img1 a.modelbox{font-size: 1.4rem;width: 50px;right: 14px;}
}


/*------- Image 2 settings plus responsive --------*/

.al_txt1{
    display: none;
}
#fader img.img2{
    top: 0px;
    left: 50%;
    width: 1920px;
    margin-left: -963px;
}
figcaption.img2{
    left: 50%;
    bottom: 34px;
    margin-left: -150px;
    text-align: center;
    width: 300px;
}
figcaption.img2 h2{
    font-size: 2rem;
    margin: 27px 0 0;
    letter-spacing: -0.2px;
	font-family: 'Open Sans';
	font-weight: 600;
}
figcaption.img2 p{
    font-size: 1.7rem;
    color: #ffffff;
}
figcaption.img2 a.modelbox{font-size: 1.2rem;left: 11px;top: 0;}

@media screen and (min-width: 750px){
#fader img.img2 {left: 50%;width: 1910px;margin-left: -955px;}
figcaption.img2{left: 50%;width: 475px;margin-left: -240px;bottom: 85px;}
figcaption.img2 h2{font-size: 2.5rem;line-height: 3.5rem;}
figcaption.img2 p{font-size: 1.8rem;}
figcaption.img2 .al_txt1{display: inline;font-size: 2.9rem;text-transform: none;}
figcaption.img2 a.modelbox{}
}
@media screen and (min-width: 1050px){
#fader img.img2 {left: 50%;top: 0px;width: 1920px;}
figcaption.img2 {left: 50%;width: 494px;}
figcaption.img2 h2{font-size: 2.8rem;line-height: 5rem;}
figcaption.img2 p{}
figcaption.img2 .al_txt1{font-size: inherit;}
figcaption.img2 a.modelbox{font-size: 1.3rem;}
}
@media screen and (min-width: 1400px){
#fader img.img2 {left: 50%;width: 2560px;margin-left: -1277px;}   
figcaption.img2 {left: 50%;margin-left: -321px;width: 661px;bottom: 93px;}
figcaption.img2 h2{font-size: 3.2rem;line-height: 5.9rem;}
figcaption.img2 p{font-size: 2.3rem;}
figcaption.img2 a.modelbox{font-size: 1.4rem;}
}

/*------- Image 3 settings plus responsive --------*/

#fader img.img3{
    top: 0px;
    left: 583px;
    width: 1780px;
    margin-left: -1082px;
}
figcaption.img3{
    top: 34px;
    left: 160px;
    background: #00000026;
    padding: 20px;
}
figcaption.img3 h2{
    font-size: 3rem;
    margin-bottom: 8px;
    letter-spacing: -1.2px;
	text-transform: uppercase;
	font-family: 'TwCenMTCondExtraBold', san-serif;
}
figcaption.img3 p{
    font-size: 2.9rem;
    margin-top: 76px;
    color: #ffffff;
    display: none;
}
figcaption.img3 a.modelbox{font-size: 1.2rem;width: 40px;left: 9px;right: auto;}

@media screen and (min-width: 750px){
#fader img.img3 {left: 61%;top: 0px;width: 2018px;}
figcaption.img3{left: 276px;top: 53px;}
figcaption.img3 h2{font-size: 3.2rem;line-height: 3.5rem;}
figcaption.img3 p{font-size: 2.2rem;margin-top: -5px;}
figcaption.img3 .al_txt1{display: inline;font-size: 2.9rem;text-transform: none;}
figcaption.img3 a.modelbox{font-size: 1.2rem;width: 40px;right: auto;left: 8px;bottom: -18px;}
}
@media screen and (min-width: 1050px){
#fader img.img3 {left: 43%;top: 0px;width: 2226px;}
figcaption.img3 {top: 201px;left: 1024px;margin-left: -567px;}
figcaption.img3 h2{font-size: 4.1rem;line-height: 5rem;}
figcaption.img3 p{display: block;margin-top: -2px;margin-bottom: 2px;}
figcaption.img3 .al_txt1{font-size: inherit;}
figcaption.img3 a.modelbox{font-size: 1.3rem;width: 45px;bottom: -30px;left: 9px;}
}
@media screen and (min-width: 1400px){
#fader img.img3 {left: 40%;top: 0;width: 2560px;}
figcaption.img3 {top: 235px;left: 780px;margin-left: -22px;}
figcaption.img3 h2{font-size: 4.1rem;line-height: 5.2rem;text-align: right;}
figcaption.img3 p{font-size: 2.2rem;margin-top: 1px;text-align: right;}
figcaption.img3 a.modelbox{font-size: 1.4rem;width: 50px;right: 14px;}
}
@media screen and (min-width: 1700px){
#fader img.img3 {left: 1080px;top: 0;width: 2560px;}
figcaption.img3 {top: 235px;width: 598px;left: 1120px;}
figcaption.img3 h2{font-size: 4.8rem;line-height: 5.2rem;text-align: right;}
figcaption.img3 p{font-size: 2.8rem;margin-top: 1px;text-align: right;}
figcaption.img3 a.modelbox{font-size: 1.4rem;width: 50px;right: 14px;}
}


/*------- Image 4 settings plus responsive --------*/


#fader figcaption.img4{
    top: 284px;
    left: 50%;
    position: relative;
    margin-left: -250px;
    text-align: center;
    width: 500px;
}
#fader img.img4{
    top: -99px;
    width: 2200px;
    left: 50%;
    margin-left: -1110px;
}
figcaption.img4 h2{
    font-size: 3rem;
    margin-bottom: 8px;
    letter-spacing: -1.2px;
    font-family: 'TwCenMTCondExtraBold', san-serif;
    text-transform: uppercase;
}
figcaption.img4 p{
    font-family: 'Raleway', san-serif;
    font-size: 2.9rem;
    margin-top: -9px;
    color: #e8e8e8;
}
figcaption.img4 a{
    font-weight: 600;
    font-size: 1.8rem;
    text-align: center;
    display: block;
    width: 64px;
    float: right;
    color: #fff;
}

@media screen and (min-width: 750px){
#fader img.img4 {left: 50%;top: 0px;width: 2200px;margin-left: -1100px;}
#fader figcaption.img4{left: 50%;top: 59px;position: absolute;margin-left: -250px;}
#fader figcaption.img4 h2{display: block;font-size: 3.0rem;}
#fader figcaption.img4 p{display: block;margin-bottom: 13px;margin-top: -4px;font-size: 2.5rem;}
#fader figcaption #img4_logo{top: 100px;left:0;display: block;}
}
@media screen and (min-width: 1050px){
figcaption #img4_logo{ }
figcaption.img4 .al_txt1{ display: inline;}
#fader img.img4 {left: 50%;top: -4px;margin-left: -1100px;}
#fader figcaption.img4 {top: 55px;left: 50%;margin-left: -350px;width: 700px;}
#fader figcaption.img4 h2{font-size: 3.5rem;line-height: 5rem;}
#fader figcaption.img4 p{font-size: 2.7rem;}
#fader figcaption #img4_logo{top: 107px;left:0;}
}
@media screen and (min-width: 1400px){
#fader img.img4 {left: 50%;top: 0px;width: 2560px;margin-left: -1290px;}   
#fader figcaption.img4{top: 67px;left: 50%;margin-left: -356px;}
#fader figcaption.img4 h2{font-size: 4.8rem;line-height: 5.9rem;}
#fader figcaption.img4 p{font-size: 3.1rem;}
#fader figcaption #img4_logo{top: 126px;left:0;}
}


/*-------Products and Stories--------*/
#products {}

section#home{border:none;}

section#home:before{border:none;}

section#products, section#stories{
    padding: 30px 0;
}


/*background-image: linear-gradient(to bottom, rgb(19, 19, 19) 0%, rgba(64,64,64,0) 10%, rgba(64,64,64,0) 90%, rgb(20, 20, 20) 100%);background-image: -webkit-linear-gradient(to bottom, rgba(64,64,64,1) 0%, rgba(64,64,64,0) 10%, rgba(64,64,64,0) 90%, rgba(64,64,64,1) 100%);background-image: -moz-linear-gradient(to bottom, rgba(64,64,64,1) 0%, rgba(64,64,64,0) 10%, rgba(64,64,64,0) 90%, rgba(64,64,64,1) 100%);background-image: -ms-linear-gradient(to bottom, rgba(64,64,64,1) 0%, rgba(64,64,64,0) 10%, rgba(64,64,64,0) 90%, rgba(64,64,64,1) 100%);background-image: -o-linear-gradient(to bottom, rgba(64,64,64,1) 0%, rgba(64,64,64,0) 10%, rgba(64,64,64,0) 90%, rgba(64,64,64,1) 100%);width: 100%;}*/

#products figure{
    position: relative;
}

#products .display-box .dots85{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 38px;
    display: block;
    text-align: right;
    overflow: hidden;
    color: #FFFFFF;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 10px;
}
#products .display-box figcaption{
    position: absolute;
    right: 34px;
    bottom: 14px;
    font-weight: 600;
    font-size: 1.8rem;
    text-align: center;
    display: block;
    width: 64px;
}

/*-------Reviews--------*/

#reviews{
    background: #004f9f;
}
.greybox{
    height: 100%;
    width: 100%;
    position: relative;
    text-align: center;
}
.redbox {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}
.redbox li{
    display: inline-block;
    max-width: 700px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding: 10px 0px;
    color: #fff;
    font-size: 1em;
    transition: opacity 0.750s;
    font-weight: 300;
}
.redbox li.hide{
    display: none;
}
.redbox li.fadeout{
    opacity: 0;
}
.redbox li blockquote{
    position: relative;
    padding: 20px 0 0 0;
    line-height: 1.45;
}
.redbox li blockquote:before {
    font-family: Georgia, serif;
    display: block;
    content: "\201C";
    font-size: 50px;
    position: absolute;
    left: -30px;
    top: -10px;
}
.redbox li h3{
    margin: 0;
    color: #fff;
    font-size: 75%;
    text-transform: uppercase;
    letter-spacing: initial;
}

/*----------------- Responsive Reviews -------------*/
@media screen and (min-width: 450px){
.redbox {
    max-width: 85%;
}
.redbox li{
    padding: 30px 20px;
	font-size: 1.20em;
}
.redbox li blockquote{
    padding: 0.25em 25px;
}
.redbox li blockquote:before {
    font-size: 60px;
    left: -10px;
    top: -30px;
}
}
@media screen and (min-width: 850px){
.redbox {
    max-width: 75%;
}
.redbox li{
	font-size: 1.35em;
}
.redbox li blockquote:before {
    font-size: 70px;
    left: -10px;
    top: -30px;
}
}
@media screen and (min-width: 1050px){
section#reviews{
    padding: 40px 0;
}
}
@media screen and (min-width: 1400px){
section#reviews{
    padding: 60px 0;
}
.review-text h4{
    font-size: 2.2rem;
}
}
/*-------displaybox general settings-------*/

.display-box{
    margin: 40px auto;
    max-width: 338px;
}

.display-box img{
    display: block;
    width: 100%;
    background: #f5f5f5;
    border-radius: 15px;
}

/*--------------------------------------------------------------
## About MK
--------------------------------------------------------------*/
article.timeline{
    margin-bottom: 5rem;
}
.mk-title p.about-intro{
    max-width: 80rem;
    text-align: left;
    margin-bottom: 2rem;
}
.mk-title p.about-intro ~ p{
    font-size: 1.6rem;
    font-weight: 600;
}
.mk-title {
  text-align: center;
  margin-bottom: 30px;
  padding: 3em 0 2.2rem;
  border-bottom: 1px solid #E4EAEC;
}
.mk-title p {
  margin: 0 auto;
  font-size: 16px;
  max-width: 400px;
}


/*==================================
    TIMELINE
==================================*/
/*-- GENERAL STYLES
------------------------------*/
.timeline {
  line-height: 1.4em;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.timeline h1, .timeline h2, .timeline h3, .timeline h4, .timeline h5, .timeline h6 {
  line-height: inherit;
}
.timeline h3{
  line-height: 2.6rem;
  margin-bottom: 1rem;
}
.timeline h2{
  line-height: 3.6rem;
}

/*----- TIMELINE ITEM -----*/
.timeline-item {
  padding-left: 40px;
  position: relative;
}
.timeline-item:last-child {
  padding-bottom: 0;
}

/*----- TIMELINE INFO -----*/
.timeline-info {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  margin: 0 0 .5em 0;
  text-transform: uppercase;
  white-space: nowrap;
}

/*----- TIMELINE MARKER -----*/
.timeline-marker {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
}
.timeline-marker:before {
  background: #ff7c01;
  border: 3px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 0;
  width: 15px;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
}
.timeline-marker:after {
  content: "";
  width: 3px;
  background: #CCD5DB;
  display: block;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 6px;
}
.timeline-item:last-child .timeline-marker:after {
  content: none;
}

.timeline-item:not(.period):hover .timeline-marker:before {
  background: transparent;
  border: 3px solid #ff7c01;
}

/*----- TIMELINE CONTENT -----*/
.timeline-content {
  padding-bottom: 40px;
}
.timeline-content p:last-child {
  margin-bottom: 0;
}
.timeline-content img{
    width: 60%;
    max-width: 280px;
    min-width: 190px;
    border: 1px solid #ddd;
    padding: 10px;
}

/*----- TIMELINE PERIOD -----*/
.period {
  padding: 0;
}
.period .timeline-info {
  display: none;
}
.period .timeline-marker:before {
  background: transparent;
  content: "";
  width: 15px;
  height: auto;
  border: none;
  border-radius: 0;
  top: 0;
  bottom: 30px;
  position: absolute;
  border-top: 3px solid #CCD5DB;
  border-bottom: 3px solid #CCD5DB;
}
.period .timeline-marker:after {
  content: "";
  height: 32px;
  top: auto;
}
.period .timeline-content {
  padding: 40px 0 56px;
}
.period .timeline-title {
  margin: 0;
}

/*----------------------------------------------
    MOD: TIMELINE SPLIT
----------------------------------------------*/
@media (min-width: 768px) {
  .timeline-split .timeline, .timeline-centered .timeline {
    display: table;
  }
  .timeline-split .timeline-item, .timeline-centered .timeline-item {
    display: table-row;
    padding: 0;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info,
  .timeline-split .timeline-marker,
  .timeline-centered .timeline-marker,
  .timeline-split .timeline-content,
  .timeline-centered .timeline-content,
  .timeline-split .period .timeline-info,
  .timeline-centered .period .timeline-info {
    display: table-cell;
    vertical-align: top;
  }
  .timeline-split .timeline-marker, .timeline-centered .timeline-marker {
    position: relative;
  }
  .timeline-split .timeline-content, .timeline-centered .timeline-content {
    padding-left: 30px;
  }
  .timeline-split .timeline-info, .timeline-centered .timeline-info {
    padding-right: 30px;
  }
  .timeline-split .period .timeline-title, .timeline-centered .period .timeline-title {
    position: relative;
    left: -45px;
  }
}


/*--------------------------------------------------------------
## Booms
--------------------------------------------------------------*/

#intro{
    position: relative;
    background-color: #efeff0;
    padding: 0;
}
#intro div{
    display: block;
    padding: 2rem 2rem;
}
#intro div p{
    display: none;
    font-size: 1.6rem;
    font-weight: 400;
    font-style: italic;
    text-align: center;
    margin-bottom: 0;
    color: #464646;
}
#intro div p.on{
    display: inline;
}
#intro div p.on{
    display: block;
}
#intro span.author{
    position: absolute;
    display: block;
    font-size: 1.2rem;
    color: #616161;
    right: 3rem;
    bottom: 0rem;
}   
.mk-products .container{
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.img-area{
    min-width: 200px;
    max-width: 362px;
    margin: 5rem 0 4rem 0;
    display: flex;
    flex-wrap: wrap;
}
.details-area{flex: 1;}
.prod-label{
    position: absolute;
    top:0;
    left:0;
    font-size: 1.8rem;
    display: inline-block;
    margin-left: 27px;
    letter-spacing: 0.1px;
    color: #444;
    font-weight: 800;
}
.prod-detail{
    border-bottom: solid 1px #c4c4c4;
}
.prod-detail.overview{
    border-top: solid 1px #c4c4c4;
}
.prod-detail p, .prod-detail li{
    font-size: 1.3rem;
}
.prod-detail > h4{
    color: #000;
    height: 45px;
    line-height: 45px;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 400;
}
.prod-specs{
    width:100%;
}
.prod-specs tr:last-child td{
    border-bottom: none
}
.prod-specs td:last-child{
    text-align: left;
}
.prod-specs td:first-child{
    text-align: left;
    padding-left: 3%;
}
.prod-specs th, .prod-specs td {
    padding: 1px 2px;
    text-align: left;
    border-bottom: 1px solid #E1E1E1;
    font-size: 1.2rem;
}
.showhide{
    cursor: pointer;
    max-height: 5rem;
    transition: max-height ease-in-out 0.5s;
    overflow: hidden;
}
.showhide.active{
    max-height: 50rem;
    transition: max-height ease-in-out 0.5s;
}
.showhide > p, .showhide > ul, .showhide > table{
    margin-bottom: 3rem;
}
.showhide > h4::before {
    display: inline-block;
    width: 0;
    height: 0;
    content: " ";
    margin: 0px 15px 2px 2px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #000;
}
.showhide.active > h4::before{
    display: inline-block;
    width: 0;
    height: 0;
    content: " ";
    margin: 0px 15px 0px 2px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #000;
}
.price-detail h4{
     display: flex;
     justify-content: space-between;
     margin: 0;
}
.price-detail h4 span:first-child{
    padding-left: 2.3rem;
}

/*------ product media queries -----*/

@media screen and (min-width: 450px){
.prod-specs th, .prod-specs td {font-size: 1.25rem;}
}
@media screen and (min-width: 650px){
.mk-products .container{ flex-direction: row;}
.details-area {margin-left: 4.5rem;}
.prod-label{
    position: relative;
    top:auto;
    left:auto;
}
.img-area {
  display: block;
  margin: 0 0 4rem 0;
  max-width: 300px;
}
}

@media screen and (min-width: 850px) {
#intro div p {
    font-size: 1.8rem;
}
#intro div{
    padding: 2rem 8rem;
}
#intro span.author{
    font-size: 1.2rem;
    right: 8rem;
}
.mk-products .container {
    width: 90%;
}
.img-area {
    max-width: 362px;
}
.prod-specs th, .prod-specs td {
  padding: 4px 15px;font-size: 1.25rem;
}
.details-area{
    flex: 1;
    margin-left: 8rem;
}
.prod-detail > h4{
    font-size: 1.8rem;
}
.prod-detail p, .prod-detail li{
    font-size: 1.5rem;
}
}
@media screen and (min-width: 950px){
.prod-specs th, .prod-specs td {padding: 5px 15px;font-size: 1em;}
}

@media (min-width: 1000px) {
#intro div{
    display: block;
    padding: 2.4rem 24rem;
}
#intro span.author{
    font-size: 1.2rem;
    right: 25rem;
}
}
/*--------------------------------------------------------------
## Dealers
--------------------------------------------------------------*/
.dealer{
	display: inline-block;
	border-width: 1px;
	padding: 25px;
	margin-bottom: 30px;
	margin-right: 30px;
	background: #f9f9f9;
	border-color: #9f9f9f;
	border-style: solid;
	font-size: 1.1em;
}
.dealer a{
	color: #004abc;
	font-weight: 600;
	font-size: 1em;
}

/*--------------------------------------------------------------
## History
--------------------------------------------------------------*/

@media (min-width: 992px) {
  .timeline-centered,
  .timeline-centered .timeline-item,
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-marker,
  .timeline-centered .timeline-content {
    display: block;
    margin: 0;
    padding: 0;
  }
  .timeline-centered .timeline-item {
    padding-bottom: 30px;
    overflow: hidden;
  }
  .timeline-centered .timeline-marker {
    position: absolute;
    left: 50%;
    margin-left: -7.5px;
  }
  .timeline-centered .timeline-info,
  .timeline-centered .timeline-content {
    width: 50%;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-info {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(odd) .timeline-content {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-info {
    float: right;
    text-align: left;
    padding-left: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) .timeline-content {
    float: left;
    text-align: right;
    padding-right: 30px;
  }
  .timeline-centered > .timeline-item:nth-child(even) img {
    float: right;
  }
  .timeline-centered > .timeline-item.period .timeline-content {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .timeline-centered .timeline-item.period {
    padding: 39px 0 72px;
  }
  .timeline-centered .period .timeline-marker:after {
    height: 30px;
    bottom: 0;
    top: auto;
  }
  .timeline-centered .period .timeline-title {
    left: auto;
  }
}

/*----------------------------------------------
    MOD: MARKER OUTLINE
----------------------------------------------*/
.marker-outline .timeline-marker:before {
  background: transparent;
  border-color: #ff7c01;
}
.marker-outline .timeline-item:hover .timeline-marker:before {
  background: #ff7c01;
}


/*--------------------------------------------------------------
## Contact / email styles
--------------------------------------------------------------*/

article#mk-contact{
    margin-top: 4rem;
}
section#contact{
    padding-bottom: 150px;
}
#contact{
}
#contact-panel, #map-panel{
    width: 95%;
    padding: 3px 13px 20px;
    line-height: 1.4em;
}
#contact-panel table{
    width: 29rem;
}
#contact-panel td{
    border: none;
}
#contact-panel th {
    border-bottom: none;
}
#contact-form{
    position: relative;
    margin-bottom: 0;
    float: right;
    width: 100%;
}
#contact-form p{
    margin-bottom: 0;
}
#contact-form label, #contact-panel th{
    color: #232323;
    font-weight: 600;
}
#contact-form input, #ajax-contact textarea{
    margin-bottom: 0;
    width: 100%;
}
#contact-submit{
    float: right;
    display: inline-block;
    text-align: right;
}
#contact-submit .btn{
    background: #ff7b00;
    color: #fff;
    width: auto;
}
#contact-submit .btn.hide{
    display: none;
}
.input-xlarge{
    height: 10em;
    width: 100%;
}
#waiting{
    width: 50%;
    height: 35px;
/*    background: url(../images/loader_ani.gif) no-repeat center;*/
    margin: 0 auto;
    display: none;
}
#waiting.show{
    display: block;
}
#contact-messages{
    display: block;
    padding: 0;
    max-height: 0px;
    overflow: hidden;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    transition: max-height 0.5s ease-in-out;
}
#contact-messages.success {
    max-height: 3em;
    color: #468847;}
#contact-messages.error{
    max-height: 3em;
    color: #ff7b00;
}
#emailOK{
    font-family: "fontello";
    font-size: 4rem;
    color: #ff7b00;
    font-weight: 300;
    margin: 1rem 0 2rem;
}
.urlspm{
    display: none;
}
#contact-messages.error {
    max-height: 3em;
    color: #c341a5;
}

@media (min-width: 450px){
    #contact-panel{padding: 3rem 3rem 2rem; background: #ebebeb;}
}
@media (min-width: 750px){
    #contact-form {width: 51%;margin-top: -1px;}
    #contact-panel table {float: left;margin-left: 15px;}
    #contact-panel td, #contact-panel>p {padding: 10px 0px 15px;}
    #contact-panel th {padding: 0px 0px 5px;}

    article#mk-contact { margin-top: 8rem;}
    section#contact {padding-bottom: 250px;}
}
@media (min-width: 900px){
    #contact-panel{padding: 5rem 7rem 3rem;}
    #map-panel{padding: 3rem 7rem;}
}



/*--------------------------------------------------------------
## Map
--------------------------------------------------------------*/

#map-panel{
    background-color: #ebebeb;
    margin: 5rem auto 7rem;
}
#googleMap{
    width: 100%;
    height: 30rem;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#footer{
    position: absolute;
    padding: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #acacac;
    font-size: 1.57rem;
    border-top: solid 3px #585858;
    padding-top: 59px;
    background-color: #03203e;
}
#footer h6{
    font-family: 'open sans', sans-serif;
    font-size: 1.50rem;
    font-weight: 800;
    color: #e6e6e6;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.4px;
}
#offers-container{
    min-width: 216px;
    float: left;
    width: 20%;
}
input#dealer-request{
    width: 75%;
    display: inline-block;
    max-width: 260px;
    border-radius: 0px;
    height: 40px;
    margin-bottom: 20px;
    min-width: 168px;
}
#offers-messages p{
    color: #fff;
    font-size: 2rem;
}
#link-container{
    width: 100%;
    float: left;
    margin-top: 3rem;
    padding-bottom: 50px;
}
.link.col-3{
    clear:both;
}
#footer ul{
    list-style: none;
    float: left;
    width: 50%;
}
#footer li a{
    color: #acacac;
    font-size: 1.45rem;
}
#trans-logo{
    position: absolute;
    right: 0px;
    bottom: -33px;  /*this is section padding plus half height logo (-ve)*/
    height: 65px;
    opacity: 0.07;
}
input.mk_button{
    font-size: 15px;
    display: inline-block;
    letter-spacing: 0px;
    border-radius: 0px;
    box-shadow: 0px 0px;
    margin-left: -5px;
    height: 40px;
    margin-bottom: 0;
    background-color: #ff7c00;
    border: 0;
}

footer.ftcenter{
    height: 45px;
    background: #151515;
    border-bottom: #434343;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #fff;
    font-size: 1.57rem;
    display: block;
    text-align: center;
    line-height: 46px;
}

#offers-messages{
    display: none;
}
#offers-messages.error{
    display: block;
}

@media (min-width: 770px){
.link.col-3{
    clear: none;
}
#footer ul{
    width: 25%;
}
}
@media (min-width: 1050px){
#link-container {
    width: 72%;
    float: right;
    margin-top: 0;
}
#footer ul {
    width: 22%;
    margin-left: 3%;
}
}


/*--------------------------------------------------------------
## Privacy / Terms and Conditions
--------------------------------------------------------------*/
#overlay{
    background-color:rgba(0,0,0,1);
}
#overlay-content{
    position: relative;
    margin: 10% auto 0;
    width: 100%;
    font-size: 1rem;
    background: #fff;
    color: #000;
    max-width: 1000px;
}
@media (min-width: 450px){
#overlay-content{ width: 95%;}
#overlay {background-color:rgba(0,0,0,0.6);}
}

#overlay-content h2, #overlay-content h5{
    font-family: 'open sans', sans-serif;
}
#overlay-content h4{
    /* font-family: 'arial', sans-serif; */
}
#overlay-content .header{
    height: 85px;
    background-color: #FFFFFF;
    border-bottom: 4px solid #ff7b26;
    background: url(../images/mk_logo_2017_dgrey.svg) no-repeat right 43px top 17px;
    background-size: 140px 53px;
}
.policies header{
    margin-bottom: 40px;
}
.policies header div{
    margin-bottom: 15px;
}
.policies section{
    padding: 0 0 10px 0;
}
.policies h2{
    font-size: 3.9rem;
    color: #4a4a4a;
    font-weight: 300;
    margin-bottom: 3.5rem;
}
.policies h4{
    margin-bottom: 0px;
    color: #313131;
    font-family: 'open sans', sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    line-height: 7rem;
    letter-spacing: normal;
}
.policies h5{
    margin-bottom: 5px;
    font-size: 1.45rem;
    font-weight: 400;
    text-decoration: underline;
    letter-spacing: 0.8px;
    color: black;
}
.policies{
    display: block;
    height: 100%;
    background-color: #F3F3F3;
    font-size: 1.3rem;
    letter-spacing: 0.4px;
    padding: 40px;
    border-bottom: 30px solid #F3F3F3;
}
.policies p{
    margin: 0;
}
.policies ul{
    margin-left: 35px;
}
.policies hr{
    margin: 0 0 12px;
}
#policydate p{
  text-align: right;
  font-weight: 600;
}

span.largetext {
    font-size: 3rem;
    line-height: 3rem;
}

article.history {
    margin: 2rem 0;
}

img.u-pull-left.img {
    margin: 0 20px 20px 0px;
    max-height: 150px;
}