/*------------------------------------------------
Pi - new landing page
-------------------------------------------------*/

/* Header */
.mk-lps-pi-fixed-bg-width { max-width: 1180px !important; margin:0 auto; padding: 0; font-family: arial, helvetica, sans-serif !important; }
.mk-lps-pi-header { background: #b9d4de url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/header-graduation.jpg) center left repeat-x; min-height: 485px; }

.mk-lps-pi-header-graphic { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/pi-static-header-graphic.png) center left no-repeat; min-height: 485px; }

.mk-vertical-align-middle { vertical-align: middle; }
.mk-lps-pi-header-toppadding { padding-top:120px; }
.mk-lps-pi-header-content h1 { font-size: 3.8em !important; color: #191919 !important; font-weight: normal !important; line-height: 1em; margin-bottom:12px;  }
.mk-lps-pi-header-content h2 { font-size: 1.5em !important; color: #191919 !important; font-weight: normal !important; background: none;  margin-bottom:24px; }

.mk-lps-pi-pointer {  height: 28px;
    background: #1d3254 url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/lps-pi-pointer.png) top center no-repeat;
}

.mk-lps-pi-boards-header-graphic hr,
.mk-lps-pi-audio-header-graphic hr {
    width:70%;border-top: 1px solid silver !important;text-align: center;margin:0 auto;
}

/* Welcome */

.mk-lps-pi-welcomeA { background-color:#1d3254; }
.mk-lps-pi-welcomeB { background-color:#ebebeb; padding-bottom:72px;}

.mk-lps-pi-welcome-content h2 { font-size: 3em !important; color: #fff !important; font-weight: normal !important; background-image: none !important; }
.mk-lps-pi-welcome-content h3 { font-size: 2.7em !important; color: #333 !important; font-weight: normal !important; margin-bottom:18px; }
.mk-lps-pi-welcome-content h4 { font-size: 1.2em !important; color: #fff !important; font-weight: normal !important;  margin-bottom:12px;}
.mk-lps-pi-welcome-content h5 { font-size: 1.2em !important; color: #666 !important; font-weight: normal !important;  margin-bottom:12px;}
.mk-lps-pi-welcome-content h6 { font-size: 1.1em !important; color: #B1B0B0 !important; font-weight: normal !important; line-height:1.2em; margin-bottom:24px; }
.mk-lps-pi-welcome-content p { font-size: 1em !important; color: #666 !important; font-weight: normal !important; line-height:1.2em; margin-bottom:24px; }

.mk-lps-pi-welcome-boxes h3 { font-size: 2.4em !important; color: #333 !important; font-weight: normal !important; margin-bottom:18px; }
.mk-lps-pi-welcome-boxes p { font-size: 1em !important; color: #666 !important; font-weight: normal !important; line-height:1.2em; margin-bottom:24px; }

a.mk-lps-pi-category-link-holder { width:50%; height:370px; border:1px solid #F5F5F5; float:left; padding:80px 40px;}
a.mk-lps-pi-category-link-holder:hover { border:1px solid #333; }
.mk-lps-pi-category-bg-grey { background-color:#F5F5F5;}
.mk-lps-pi-category-bg-white { background-color:#fff;}
.mk-lps-pi-category-text { width: 210px; }

.mk-lps-pi-boards { background: #E0E0E0 url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/pi-board2.png) bottom right no-repeat; }
.mk-lps-pi-starter { background: #F5F5F5 url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/pi-starter2.png) bottom right no-repeat; }
.mk-lps-pi-expansion { background: #F5F5F5 url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/pi-expansion2.png) bottom left no-repeat; }
.mk-lps-pi-cases { background: #fff url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/pi-cases2.png) bottom left no-repeat; }
.mk-lps-pi-accessories { background: #fff url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/pi-accessories2.png) bottom right no-repeat; }
.mk-lps-pi-audio { background: #F5F5F5 url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/pi-audio-visual2.png) bottom right no-repeat; }
.mk-lps-pi-cables { background: #F5F5F5 url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/pi-cables2.png) bottom left no-repeat; }
.mk-lps-pi-offers { background: #fff url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/pi-offers2.png) bottom left no-repeat; }

.mk-lps-pi-navigation-zone .mk-lps-pi-nav-col6 img:hover {

}


/* Video */
.mk-lps-pi-video { position: relative;  padding-bottom: 50%; padding-top:0px; height: 0; overflow: hidden; border-bottom: 1px solid #D3DBDE; }
.mk-lps-pi-video iframe, .mk-lps-pi-video object, .mk-lps-pi-video embed { position:absolute; top:0; left:0; width:100%; height:100%; }

/* Recommended */
.mk-lps-pi-recommended-content h2 { font-size: 3em !important; color: #333 !important; font-weight: normal !important; background-image: none !important; }
.mk-lps-pi-recommended-content h3 { font-size: 1.4em !important; color: #333 !important; font-weight: normal !important; margin-bottom:12px; }
.mk-lps-pi-recommended-content p { font-size: 1em !important; color: #666 !important; font-weight: normal !important; line-height:1.2em; margin-bottom:24px;  }
.mk-lps-pi-recommended-link-holder { width:33%; height:auto; border:1px solid #EDF2F2; float:left; text-decoration: none !important;}
.mk-lps-pi-recommended-text { height: 80px; padding:40px;}
.mk-lps-pi-recommended-image { height: 180px; text-align:center;}
.mk-lps-pi-recommended-links { height: 30px; padding:40px; }
.mk-lps-pi-recommended-max-height { max-height: 160px; }

/* marketing banners */

.mk-lps-pi-marketing-1 {
    background-color: #F0F0F0;
    border: 1px solid #D9D9D9;
    height:auto;
    width:100%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    padding-bottom: 20px;

}

.mk-lps-pi-customization-background {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/mk-customization-banner2.jpg)
}

.mk-marketing-banner-text {
    float:right;
    width:54%;
    margin-right:30px;
}

.mk-marketing-banner-text h3 {
    font-size:22px;
    color:black;
    text-align: right;
    margin-top: 14px;
}

.mk-marketing-banner-text h3 span {
    background-color: #D5214F !important;
    color: white;
    padding: 2px 12px;
}

.mk-marketing-banner-text p {
    font-weight: normal;
    text-align: right;
    margin-top:5px;
    font-size: 12px;
}

/* News */
.mk-lps-pi-news-content h2 { font-size: 2em !important; color: #333 !important; font-weight: normal !important; background-image: none !important; padding-bottom:26px;}
.mk-lps-pi-news-content h3 { font-size: 1.3em !important; color: #333 !important; font-weight: bold; margin-bottom:12px; }
.mk-lps-pi-news-content p { font-size: 1em !important; color: #666 !important; font-weight: normal !important; line-height:1.2em; margin-bottom:8px; max-height:24px; overflow: hidden;}
.mk-lps-pi-news-content .mk-col-50 {float:left;}
.mk-lps-pi-news-article-holder { height:120px; margin-bottom:24px; background:white;}
.mk-lps-pi-solutions-article-holder { height:195px; margin-bottom:24px; background:white; width:100%;}
.mk-lps-pi-news-image { height:120px; width:120px;  float:left; }
.mk-lps-pi-solutions-image { height:100%; width:250px;  float:left; }
.mk-lps-pi-news-text { padding-left:140px; padding-right:30px; padding-top:10px;}
.mk-lps-pi-solutions-text {
    padding-left: 0px;
    padding-right: 30px;
    padding-top: 10px;
    width: 45%;
    float: right;
    height: 80%;
}

.mk-lps-pi-solutions-text p {
    font-size: 1em !important;
    line-height: 1.3em;
    max-height: 54px;
    color:#666666 !important;
}

.mk-lps-pi-solutions-text a:hover {
    text-decoration: none !important;
}

.mk-rasp-pi-solutions-flash-tag {
    height: 32px;
    width: 18%;
    float: right;
    position: relative;
    bottom: -7px;
    color:black;
    text-align: right;
    padding-right:10px;
    padding-top:10px;
}

.mk-rasp-pi-solutions-flash-tag.mk-tag-cameras {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/cameras-icon-small.gif);
    background-size: 33%;
	*background-size: 0%;/* IE8 and below */
    background-repeat: no-repeat;
    background-position-x: 8px;
}

.mk-rasp-pi-solutions-flash-tag.mk-tag-audio {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/audio-icon-small.gif);
    background-size: 43%;
	*background-size: 0%;/* IE8 and below */
    background-repeat: no-repeat;
    background-position-x: 2px;
    background-position-y: -3px;
}

.mk-rasp-pi-solutions-flash-tag.mk-tag-displays {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/displays-icon-small.gif);
    background-size: 48%;
	*background-size: 0%;/* IE8 and below */
    background-repeat: no-repeat;
    background-position-x: 2px;
    background-position-y: -1px;
}

.mk-rasp-pi-solutions-flash-tag.mk-tag-streaming {
    background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/sreaming-icon-small.gif);
    background-size: 44%;
	*background-size: 0%;/* IE8 and below */
    background-repeat: no-repeat;
    background-position-x: 2px;
    background-position-y: -1px;
}

.mk-lps-pi-news-content .mk-col-50 {width:48%;}

.mk-col-50.mk-col-projects-right-side {
    margin-left:36px;
}


.mk-lps-pi-news-sprite { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/sprite-pi-news.png) ;}
.mk-lps-pi-news-sprite-1 { background-position: 0 0; }
.mk-lps-pi-news-sprite-2 { background-position: 0 -120px; }
.mk-lps-pi-news-sprite-3 { background-position: 0 -240px; }
.mk-lps-pi-news-sprite-4 { background-position: 0 -360px; }
.mk-lps-pi-news-sprite-5 { background-position: 0 -480px; }
.mk-lps-pi-news-sprite-6 { background-position: 0 -600px; }

.mk-lps-pi-solutions-sprite { background: silver url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/solutions-projects-sprite.jpg); background-size: 100%;}
.mk-lps-pi-solutions-sprite-1 { background-position: 0 0;   }
.mk-lps-pi-solutions-sprite-2 { background-position: 0 -223px; }
.mk-lps-pi-solutions-sprite-3 { background-position: 0 -442px; }
.mk-lps-pi-solutions-sprite-4 { background-position: 0 -666px;}

/* Quick view */
.mk-pi-quickview-holder { margin:0 auto; width:800px; border: 2px solid #c1c1c1; }
.mk-pi-quickview-top { padding:30px; background-color: #fff; }
.mk-pi-quickview-bottom { padding:30px; background-color: #f3f1f1; border-top:1px solid #c1c1c1; }
.mk-pi-quickview-content h2 { font-size: 1.8em !important; color: #333 !important; font-weight: normal !important; background-image: none !important;}
.mk-pi-quickview-content h3 { font-size: 1.4em !important; color: #333 !important; font-weight: normal !important; margin: 0 0 10px 0 !important; }
.mk-pi-quickview-content p { font-size: 1.1em !important; color: #666 !important; font-weight: normal !important; line-height:1.2em; margin-bottom:6px; }
.mk-pi-quickview-price { font-size: 2.4em !important; color: #f17c0e !important; font-weight: bold !important; line-height:1.2em; margin-bottom:6px; }

.mk-quickview-mainimage { width:360px; height:200px;  margin-bottom:12px; }
.mk-quickview-smallimage { width:75px; height:75px; padding:5px; margin-bottom:12px; margin-right: 12px; float: left; border:1px solid #e6e6e6}
.mk-quickview-frequentimage { width:60px; height:60px; padding:5px;  background-color: #fff; float: left; border:1px solid #e6e6e6; }
.mk-quickview-frequentsymbol { padding:20px 10px; float: left; }
.mk-pi-quickview-link { height:30px; padding-left:50px; }
.mk-pi-delivery-link { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/sprite-pi-news.png) 10px 10px no-repeat; }
.mk-pi-quote-link { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/sprite-pi-news.png) 130px 10px no-repeat; }


/*------------------------------------------------
Pi - new Boards Page
-------------------------------------------------*/

/*Header*/

.mk-lps-pi-boards-header { background: #b9d4de url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/header-graduation.jpg) center left repeat-x; height: 455px !important; }
.mk-lps-pi-level2-header-content {text-align: center;}
.mk-lps-pi-level2-header-content h1 { font-size: 3.8em; color: black !important; font-weight: normal !important; line-height: 1em; margin-bottom:12px; background: transparent; padding:10px; width:70%; margin: 0 auto; text-align: center;}
.mk-lps-pi-level2-header-content h1 span {padding:5px 20px;}
.mk-lps-pi-level2-header-content h2 { font-size: 1.5em !important; color: #191919 !important; font-weight: normal !important; background: none;  margin-bottom:24px; margin-top: 20px;}

.mk-lps-pi-boards-header-graphic { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/rasp-pi-board-header.png) bottom center no-repeat; min-height:423px;}

.mk-lps-pi-header-boards-toppadding {padding-top:46px;}

.mk-lps-pi-welcome-level2-content h4 {font-weight: normal !important; width:80%; line-height: 24px; margin: 0 auto;}

.mk-lps-pi-navigation-zone {width:100%; background-color: white; height: 140px; text-align: center; margin: 0 auto;}

.mk-lps-pi-nav-col6 {width:20%; border:1px solid #e6e6e6; height:100%; float:left; display:inline; margin-left:-1px;}
.mk-lps-pi-nav-col6-new {width:33%; border:1px solid #e6e6e6; height:100%; float:left; display:inline; margin-left:-1px;background-color: white;}


.mk-lps-pi-nav-col6 h4,
.mk-lps-pi-nav-col6-new h4 {font-weight: normal !important; font-size: 14px !important; margin-top: 10px;}
.mk-lps-pi-nav-col6 h6,
.mk-lps-pi-nav-col6-new h6 {font-weight: normal !important; font-size: 12px !important;}

.mk-lps-pi-navigation-zone .mk-lps-pi-nav-col6 img,
.mk-lps-pi-navigation-zone .mk-lps-pi-nav-col6-new img {margin-top: -40px;}

.mk-lps-pi-navigation-zone a:hover {
    background-color: #E8E8E8;
    text-decoration: none;
    transition: background 0.3s ease;
    color:black !important;

}

a.mk-lps-pi-nav-col6 img:hover,
a.mk-lps-pi-nav-col6-new img:hover {
    margin-top:-50px;
    margin-bottom:20px;
    transition: 0.3s ease;

}

.mk-lps-pi-navigation-zone a:hover {
    background-color: #E8E8E8;
    text-decoration: none;
    transition: background 0.3s ease;
    color:black !important;

}

.mk-lps-pi-navigation-zone a:hover h4 {
    transition: background 0.3s ease;
    color:black !important;

}

/*large board boxes*/

.mk-col-100 .mk-lps-pi-boards-large-boxes-dark {
    background-color: #E7F2F5;
    height:auto;
    width:100%;
    margin-bottom:30px;
    display: inline-block;
    overflow: hidden;
}

.mk-col-100 .mk-lps-pi-boards-large-boxes-light {
    background-color: #f5f5f5;
    width:100%;
    margin-bottom:30px;
    height:auto;
    display: inline-block;
    overflow: hidden;
}

.mk-col-50.mk-pi-boards-feature-side {
    padding-left: 10%; margin-top: 10px;
}

.mk-col-100 .mk-lps-pi-boards-large-boxes-light .mk-lps-pi-boards-boxes-extension {
    height:760px !important;
}

.mk-pi-boards-boxes-extension-box {
    height:70px;
    width:100%;
    border:1px solid #e6e6e6;
    text-align: left;
    margin-top:20px;
    background-color: #ffffff;
}

.mk-pi-boards-boxes-extension-box p {
    margin-left:20px;
    margin-top:2%;
    width:62%;
    margin-bottom:-8px;

}

.mk-lps-pi-mock-boards-btn-ghost {
    float:right;
    margin-top:-34px;
    margin-right:5%;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
    color: #403F3F !important;
    border: 1px solid silver;
    line-height: 32px;
    padding: 0px 10px;
}

.mk-pi-boards-boxes-extension-box .mk-btn5 {
    font-size: 10px;
    padding: 3px 7px;
    float:right;
    margin-top:-6%;
}

.mk-pi-boards-extension-img {
    background-color: white;
    height: 100%;
    width: 79px;
    float:left;
    margin-right:10px;
    text-align: center;
    padding-top:8px;
}

.mk-lps-pi-boards-large-boxes-dark .mk-col-50 {
    background-color: #E7F2F5;
    height:100%;
    float:left;
    display: inline;
    padding:30px;
}

.mk-lps-pi-boards-large-boxes-light .mk-col-50 {
    background-color: #f5f5f5;
    height:100%;
    float:left;
    display: inline;
    padding:30px;
}

.mk-lps-pi-boards-large-boxes-light .mk-boards-boxes-title,
.mk-lps-pi-boards-large-boxes-dark .mk-boards-boxes-title {
    font-size: 36px;
    height:100%;
    line-height: 60px;
    color:black;
}

.mk-lps-pi-boards-large-boxes-light .mk-boards-boxes-power,
.mk-lps-pi-boards-large-boxes-dark .mk-boards-boxes-power {
    font-size: 22px;
    line-height: 30px;
    color:black;
}

.mk-lps-pi-boards-large-boxes-light .mk-boards-boxes-descrip,
.mk-lps-pi-boards-large-boxes-dark .mk-boards-boxes-descrip {
    color:black;
    margin-top: 20px;
}
.mk-lps-pi-boards-large-boxes-dark .mk-boards-boxes-large-image {margin-top: 30px;}
.mk-lps-pi-boards-large-boxes-light .mk-boards-boxes-large-image {margin-top: 60px;}

.mk-lps-pi-boards-large-boxes-light .mk-boards-boxes-feat-title,
.mk-lps-pi-boards-large-boxes-dark .mk-boards-boxes-feat-title {
    line-height: 46px;
    font-size: 22px;
    color:black;
    border-bottom: 1px solid #D0D0D0;

}

.mk-lps-pi-boards-large-boxes-light .mk-boards-boxes-feat-list,
.mk-lps-pi-boards-large-boxes-dark .mk-boards-boxes-feat-list {
    color: black;
    margin-top: 20px;
    line-height: 34px;
    font-size: 14px;
}

.mk-lps-pi-boards-large-boxes-dark .mk-btn1,
.mk-lps-pi-boards-large-boxes-light .mk-btn1 {
    padding: 10px 50px !important;
    margin-top: 30px;
    float: left;
    display: inline;
    margin-right: 20px;
    color:white;

}

.mk-lps-pi-boards-large-boxes-dark .mk-btn1 a,
.mk-lps-pi-boards-large-boxes-light .mk-btn1 a {
    color:white;
}

.mk-lps-pi-boards-large-boxes-dark .mk-lps-pi-mock-btn-ghost {
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF!important;
    border: white 1px solid;
    float: left;
    margin-top: 30px;
    line-height: 32px;
    padding: 0px 10px;
}

.mk-lps-pi-boards-large-boxes-light .mk-lps-pi-mock-btn-ghost {
    font-weight: bold;
    display: inline-block;
    cursor: pointer;
    color: #A7A6A6!important;
    border: #A7A6A6 1px solid;
    float: left;
    margin-top: 30px;
    line-height: 32px;
    padding: 0px 10px;
}

.mk-boards-new-flash-tag {
    background-color: #D6234C;
    color: white;
    float: right;
    padding: 12px 12px;
    font-size: 13px;
    border-radius: 3px;
    margin-top: 8px;
    height: 27px;
    line-height: 6px;
}

.mk-boards-new-flash-tag-small {
    background-color: #D6234C;
    color: white;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 2px;
    margin:0 auto;
    margin-top:5px;
    width:120px;
}

.mk-pi-boards-upsell-flash-tag {
    background-color: #1c3153;
    color: white;
    padding: 2px 10px;
    font-size: 10px;
    margin:0 auto;
    margin-top:5px;
    width:90%;
    text-align: center;
}

/*you may also like*/

.mk-pi-boards-boxes-upsell {
    width:100%;
    height: 200px;
    padding-top:20px;
}

.mk-lps-pi-boards-large-boxes-light .mk-pi-boards-upsell-title,
.mk-lps-pi-boards-large-boxes-dark .mk-pi-boards-upsell-title {
    font-size: 16px;
    color:black;
    margin-bottom:10px;
    margin-top: 10px;
}

.mk-lps-pi-boards-large-boxes-light .mk-pi-boards-upsell-boxes,
.mk-lps-pi-boards-large-boxes-dark .mk-pi-boards-upsell-boxes {
    border:1px solid #e6e6e6;
    background-color: #fff;
    height: 92%;
    float:left;
    display:inline-block;
}

.mk-lps-pi-boards-large-boxes-light .mk-pi-boards-upsell-boxes:hover,
.mk-lps-pi-boards-large-boxes-dark .mk-pi-boards-upsell-boxes:hover {
    border:1px solid #999999;
    transition: background 0.6s ease;
}

.mk-pi-boards-upsell-image {
    margin: 0 auto;
    text-align: center;
    margin-top: 12px;
    height:60px;
    position: relative;
    overflow: hidden;
}

.mk-pi-boards-upsell-image > img {
    position: absolute;
    margin: auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.mk-pi-boards-upsell-boxes h6 {
    font-weight:normal;
    padding:10px;
    color: #007fac;
}

/*global- pi nav*/

.mk-lps-pi-global-nav-col4 {
    width:23%;
    height:150px;
    background-color: #f5f5f5;
    border:1px solid #D9D9D9;
    float:left;
    display: inline-block;
    margin-right: 2%;
    margin-top:24px;
    text-align: center;
}

.mk-lps-pi-global-nav-col4:nth-child(4), .mk-lps-pi-global-nav-col4:nth-child(8) {
    margin-right:0%;
}

.mk-lps-pi-global-nav-col4 > img {
    width:65%;
    margin-top: 10px;
}

.mk-lps-pi-global-nav-main-title h2 {
    margin: 0 auto;
    text-align: center;
    font-size: 30px;
    background: none;
    margin-bottom:20px;
}

.mk-lps-pi-nav-boxes-rows {margin: 0 auto;}

.mk-lps-pi-nav-title-box {
    width: 82%;
    padding: 3%;
    margin: 0 auto;
    margin-top: 6%;
    border-bottom: 1px solid #D0D0D0;
    background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/arrow-bullet.png) center right no-repeat;
}

.mk-lps-pi-global-nav-col4 h3 {text-align:center;}

a.mk-lps-pi-global-nav-col4:hover h3 {color:white;}

.mk-lps-pi-nav-boxes-rows a:hover {
    background-color: #1c3153;
    text-decoration: none;
    transition: background 0.6s ease;
}

.mk-lps-pi-global-nav-col4 > img {
    width:65%;
    margin-top: 10px;
}

/*boxes animation*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(900px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(900px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-900px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-900px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(-40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInBottom {
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
}

@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInTop {
    -webkit-animation-name: fadeInTop;
    animation-name: fadeInTop;
}

.mk-lps-pi-boards-large-boxes-dark .mk-btn1 a:hover, .mk-lps-pi-boards-large-boxes-light .mk-btn1 a:hover {
    text-decoration: none;
}

/*------------------------------------------------
Pi - new audio visual page
-------------------------------------------------*/

/* Header */

.mk-lps-pi-audio-header-graphic { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/audio-visual-page-header.png) bottom center no-repeat; min-height: 531px; background-position-y: 128px;}

.mk-lps-pi-audio-header {
    height:530px;
    background: #b9d4de url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/header-graduation.jpg) center left repeat-x;
}

/* navigation */

.mk-lps-pi-audio-navigation-zone {
    width:101%;
    height: 112px;
    text-align: center;
    margin: 0 auto;
    margin-bottom:80px;
    background-color: #1d3254;
    overflow:hidden;

}

.mk-lps-pi-audio-nav-col6 {width:20%; *width:13.8%; /* IE8 and below */ border:1px solid #e6e6e6; height:100%; float:left; display:inline; margin-left:-1px;padding-left:6%;padding-top:20px;}

.mk-lps-pi-audio-nav-col6 h4 {
    font-weight: normal !important;
    font-size: 21px !important;
    margin-top: 10px;
    color:white;
    text-align: left;
    border-bottom:1px solid white;
    width:80%;
    padding-bottom:1%;
    background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/arrow-bullet.png) center right no-repeat;

}

.mk-lps-pi-audio-nav-col6 h6 {font-weight: normal !important; font-size: 12px !important; color:white; text-align: left; line-height: 14px;}

.mk-lps-pi-audio-navigation-zone a:hover {
    background-color: #E8E8E8;
    text-decoration: none;
    transition: background 0.3s ease;
    color:black !important;

}

.mk-lps-pi-audio-navigation-zone a:hover {
    background-color: #E8E8E8;
    text-decoration: none;
    transition: background 0.3s ease;
    color:black !important;
}

.mk-lps-pi-navigation-zone a:hover h4 {
    transition: background 0.3s ease;
    color:black !important;
}

#mk-lps-pi-solutions-article-holder h3,
#mk-lps-pi-solutions-article-holder p {
    text-decoration: none;
    color:red;
}

a.mk-lps-pi-audio-nav-col6.mk-audio-displays,
a.mk-lps-pi-audio-nav-col6.mk-audio-audio,
a.mk-lps-pi-audio-nav-col6.mk-audio-cameras,
a.mk-lps-pi-audio-nav-col6.mk-audio-streaming,
a.mk-lps-pi-audio-nav-col6.mk-audio-solutions {
    background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/audio-nav-thumbnail-icons2.png) center left no-repeat;

    background-size:74px;
}

a.mk-lps-pi-audio-nav-col6.mk-audio-displays {background-position: 8px 22px}
a.mk-lps-pi-audio-nav-col6.mk-audio-audio {background-position: 8px -133px}
a.mk-lps-pi-audio-nav-col6.mk-audio-cameras {background-position: 8px -299px}
a.mk-lps-pi-audio-nav-col6.mk-audio-streaming {background-position: 8px -464px}
a.mk-lps-pi-audio-nav-col6.mk-audio-solutions {background-position: 8px -622px}

.mk-lps-pi-audio-categories-zone {

}

.mk-lps-pi-audio-categories-zone .mk-col-50 {
    float:left;
}

.mk-audio-visual-boxes-title {
    font-size: 34px;
    height:100%;
    line-height: 60px;
    color:black;
}

.mk-audio-visual-boxes-descrip {
    color:black;
    margin-top: 20px;
    margin-bottom:30px;
    font-size:13px;
    line-height:20px;
}

#mk-lps-audio-nav-solutions {
    /*background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/pi-large-background.jpg) center left no-repeat; background-size:cover;*/
    background-color: #CFE7EF;
}

.mk-lps-pi-news-content .mk-rightpadding-48 {
    padding-right:0px !important;
}

.mk-lps-pi-audio-categories-zone .mk-col-100 {
    overflow: hidden;
}

.mk-col-50.mk-pi-audio-boxes-background {background-color: #F5F5F5;}

.mk-col-50.mk-pi-audio-boxes-right-side {padding-left:50px;  padding-top:50px; }

.mk-col-50.mk-projects-audio-right-side {margin-left:35px;}

/*Pi promo banner*/

.mk-cyber-week-pi-banner {
    padding-left:1%;
    padding-bottom:10px;
    border:1px solid #C4C4C4;
    max-width:1800px;
    margin:0 auto;
    width:100%;
    color:black;
    display: inline-block;
    background: #efefef url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/campaign/cyber_week/raspberry-pi-zero-banner-bg.jpg) right no-repeat;
    background-size:36%;
    font-family: "Arial", "Helvetica", "sans-serif";
}

.mk-pi-cyber-col-left {
    /*border:1px solid red;*/
    height:auto
}

.mk-pi-cyber-col-right {
    height:auto;
}

.mk-pi-cyber-heading-zone {
    width:auto;
    height:46px;
    background-color: white;
}

.mk-pi-cyber-heading-text {
    float:left;
    background-color:#eb2555;
    font-size:23px !important;
    color:white; height:100%;
    line-height:46px;
    margin-right:15px;
    padding-left:10px;
    padding-right:10px;
    font-weight: bold;
}

.mk-pi-cyber-heading-sub-text {
    font-size:23px;
    line-height: 46px;
}

.mk-pi-cyber-strap-line {
    padding-top:10px;
    font-weight: bold;
    font-size: 13px;
}

.mk-cyber-week-pi-bullet-zone {
    margin-top:20px;
}

.mk-pi-bullet-left {
    float:left;
    /*border:1px solid green;*/
    width:49%;
    font-size:10px;
}

.mk-pi-bullet-right {
    /*border:1px solid green;*/
    float:left;
    width:49%;
    font-size:11px;
}

.mk-pi-bullet-right li,
.mk-pi-bullet-left li {
    padding:4px;
}

.mk-cyber-week-pi-bullet-zone ul.mk-impact-ul li {
    background-position: 3px 9px !important;
    background-size: 2%;
}

.mk-cyber-week-pi-banner .mk-col-50 {width:65%;}

.mk-pi-cyber-buttons .mk-primary-btn.mk-btn5.mk-left {margin-right:10px;}


/* media queries for landing pages */

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

    a.mk-lps-pi-audio-nav-col6.mk-audio-displays,
    a.mk-lps-pi-audio-nav-col6.mk-audio-audio,
    a.mk-lps-pi-audio-nav-col6.mk-audio-cameras,
    a.mk-lps-pi-audio-nav-col6.mk-audio-streaming,
    a.mk-lps-pi-audio-nav-col6.mk-audio-solutions {
        background-size:54px !important;
    }

    a.mk-lps-pi-audio-nav-col6.mk-audio-displays {background-position: 6px 20px}
    a.mk-lps-pi-audio-nav-col6.mk-audio-audio {background-position: 6px -91px}
    a.mk-lps-pi-audio-nav-col6.mk-audio-cameras {background-position: 6px -212px}
    a.mk-lps-pi-audio-nav-col6.mk-audio-streaming {background-position: 6px -334px}
    a.mk-lps-pi-audio-nav-col6.mk-audio-solutions {background-position: 6px -446px}
}

/*ie7 & ie8*/


.dj_ie7 .mk-rasp-pi-solutions-flash-tag.mk-tag-cameras {background-image: none;
}

.dj_ie7 .mk-rasp-pi-solutions-flash-tag.mk-tag-audio {background-image: none;
}

.dj_ie7 .mk-rasp-pi-solutions-flash-tag.mk-tag-displays {background-image: none;
}

.dj_ie7 .mk-rasp-pi-solutions-flash-tag.mk-tag-streaming {background-image: none;
   
}
.dj_ie7 .mk-col-50.mk-pi-audio-boxes-right-side {*padding-left:20px; padding-top:20px; }

.dj_ie7 .mk-lps-pi-solutions-sprite-1 { background-position: -200px -150px; }
.dj_ie7 .mk-lps-pi-solutions-sprite-2 { background-position: 0px -463px; }
.dj_ie7 .mk-lps-pi-solutions-sprite-3 { background-position: 0px -1002px; }
.dj_ie7 .mk-lps-pi-solutions-sprite-4 { background-position: -70px -1450px; }

.dj_ie7 .mk-lps-pi-audio-nav-col6 {*width:13.8%;}
.dj_ie7 a.mk-lps-pi-audio-nav-col6.mk-audio-displays,
.dj_ie7 a.mk-lps-pi-audio-nav-col6.mk-audio-audio,
.dj_ie7 a.mk-lps-pi-audio-nav-col6.mk-audio-cameras,
.dj_ie7 a.mk-lps-pi-audio-nav-col6.mk-audio-streaming,
.dj_ie7 a.mk-lps-pi-audio-nav-col6.mk-audio-solutions {
    background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/raspberry-pi-landing-page/audio-nav-thumbnail-icons2.png) center left no-repeat;
	*background: none; /* IE8 and below */
  
}

.dj_ie7 .mk-lps-pi-audio-nav-col6 h4 { margin-left:-55%;}
.dj_ie7 .mk-lps-pi-audio-nav-col6 H6 {margin-left:-19%;}