.prodvideo {width:100%;}
.prodvideo  a {height:200px;display:block; }

@font-face {
font-family: 'Moon 2.0 Regular';
font-style: normal;
font-weight: normal;
src: local('Moon 2.0 Regular'), url('../fonts/Moon2.0-Regular.woff') format('woff');
}


@font-face {
font-family: 'Moon 2.0 Bold';
font-style: normal;
font-weight: normal;
src: local('Moon 2.0 Bold'), url('../fonts/Moon2.0-Bold.woff') format('woff');
}


@font-face {
font-family: 'Moon 2.0 Light';
font-style: normal;
font-weight: normal;
src: local('Moon 2.0 Light'), url('../fonts/Moon2.0-Light.woff') format('woff');
}



.ip3video1 {background-image: url(../images/videos/ip3woodland-cover.jpg); background-position: center;content:hidden;}

.homebanner {background-image: url(../images/home/large/homepage-image-version-3b.jpg); background-position: center;content:hidden; min-height: 500px; padding-top:25px;background-repeat:repeat-x}
.homebanner .homebannerbx {background:#FFF; padding:24px;box-shadow:0 0 50px rgba(0,0,0,0.50);overflow: auto }

.container60 {width:90%; margin:auto;transition: .25s ease}
@media (max-width: 920px) and (min-width: 751px){.container60 {width:78%; margin:auto;}}
@media (max-width: 750px) and (min-width: 601px){.container60 {width:63%; margin:auto;}}
@media (max-width:600px){.container60{width:100%;}}
@media (max-width:600px){.homebanner{padding:25px 10px;}}


.prodtop, .bbkgndgreylight {position:relative;display: block; min-height:168px; }
.prodtop img.prodtopimg {width:auto;max-width:155px; margin-left:12px}
.prodtop h1 {line-height:50px;}
.prodtop h2 {margin-bottom:0 !important;}
.prodtop a, .aboutrow a { border: 3px solid #fff; display:inline-block; margin:16px 16px 0 0; padding:12px; border-radius: 8px; min-width:200px;text-align: center; color:#fff;text-decoration: none}
.prodtop a:hover, .aboutrow a:hover {background: rgba(0,0,0,0.20)}
.prodtop p {margin-bottom: 0}
.prod div.toptxt  {padding-bottom: 31px;padding-top: 24px  }

.aboutrowwhite a { border: 3px solid #5e7da2; display:inline-block; margin:16px 16px 0 0; padding:12px; border-radius: 8px; min-width:200px;text-align: center; color:#5e7da2;text-decoration: none}
.aboutrowwhite a:hover {background: #e7e7e7}

@media only screen and (min-width: 601px) {
	.prodtop {width:100%; }
	.prodtop img.prodtopimg {position:absolute;top:1em;}
	.prodtop div.toptxt {margin-left:165px;padding-left:20px;}}
@media only screen and (max-width: 600px) {
	.prodtop {width:auto;margin:25px auto 25px auto; text-align: center }
	.prodtop img.prodtopimg {position:relative;top:auto;	margin:0 0 20px 0;}
	.prodtop p {text-align: left}
	.prodtop a {}
	.prodtop h2 {padding-bottom:25px;}
		}
.prodred {background-color: #bf1e2e; color:#FFF; overflow: auto}
.prodcyan {background-color: #0f71b8; color:#FFF; overflow: auto}
.prodblue {background-color: #002b6d; color:#FFF; overflow: auto}
.prodskyblue {background-color: #0ab8e3; color:#FFF; overflow: auto}
.prodazure {background-color: #2a958d; color:#FFF; overflow: auto}
.prodornge {background-color: #e56220; color:#FFF; overflow: auto; text-shadow: -1px 1px 0 #c3531b, 1px 1px 0 #c3531b, 1px -1px 0 #c3531b, -1px -1px 0 #c3531b;}
.prodfair {background-color: #0ab8e3; color:#FFF; overflow: auto}
.prodgreen {background-color: #009445; color:#FFF; overflow: auto}
.prodgreen h2,.prodornge h2, .prodfair h2, .prodblue h2, .prodskyblue h2, .prodcyan h2, .prodred h2, .prodfair h2 {color:#FFF}
.prodgreen .featureslist,.prodornge .featureslist, .prodfair .featureslist, .prodblue .featureslist, .prodskyblue .featureslist, .prodcyan .featureslist, .prodred .featureslist, .prodfair .featureslist {color:#000}

.prod { padding:15px 15px 15px 0; color:#FFF; overflow:auto; top:-100px;font-size:18px; line-height: 1.2em}
.prodtxtred h1 {color:#bf1e2e;}
.prodtxtcyan h1 {color:#0f71b8;}
.prodtxtblue h1 {color:#002b6d;}
.prodtxtornge h1 {color:#e56220;}
.prodtxtgreen h1 {color:#009445;}

.prodtxtred h2 {color:#CB4650;}
.prodtxtcyan h2 {color:#5389c2;}
.prodtxtblue h2 {color:#5e7da2;}
.prodtxtornge h2 {color:#e56220;}
.prodtxtgreen h2 {color:#48b860;}

.prodtxtred h1, .prodtxtcyan h1, .prodtxtblue h1, .prodtxtornge h1, .prodtxtgreen h1 {/*font-weight: bold*/}

@media (max-width: 920px) and (min-width: 600px){.prod {font-size:20px; line-height: 1.2em}}
@media (min-width: 921px){.prod {font-size:22px; line-height: 1.2em}}
@media (max-width: 600px){.prod {padding-left:15px;padding-right:15px;}}

.prodbuy, a.prodbuy {border:3px solid #59799B; background:#59799B; display:block; padding:6px;border-radius: 8px;box-shadow:2px 2px 5px #888; margin:2px 5px 5px 2px; color:#fff;text-decoration: none; text-align:center}
.prodbuy:hover, /*.prodbuy:visited,*/ .prodbuy:active, a.prodbuy:hover, /*a.prodbuy:visited,*/ a.prodbuy:active   {background:#0f71b8; box-shadow:2px 2px 5px #888;color:#FFF}

.prodbuyhollow {border:3px solid #59799B;background:#FFF; display:block; padding:6px;border-radius: 8px;box-shadow:2px 2px 5px #888; margin:2px 5px 5px 2px; color:#59799B;text-decoration: none; text-align:center}
.prodbuyhollow:hover, .prodbuyhollow:active   {border:3px solid #0f71b8; background:#F1F5F9; box-shadow:2px 2px 5px #888;color:#0f71b8}

.wideimg-point {background-image: url(../images/products/point/wideimage.jpg)}
.wideimg-ip3 {background-image: url(../images/products/inprint/wideimage.jpg)}
.wideimg-rainbow {background-image: url(../images/products/inprint4/rainbow-strips-2500x20.png)}
.wideimg-wo {background-image: url(../images/products/widgit-online/wideimage.jpg)}
.wideimg-wodl {background-image: url(../images/products/widgit-online/dual-language/wideimage.jpg)}
.wideimg-b2s {background-image: url(../images/products/back-to-school/wideimage.jpg)}
.wideimg-su {background-image: url(../images/products/symbol-change/wideimage.jpg)}
.wideimg-ks1 {background-image: url(../images/sectors/ks1/primary-symbol-texture-wide-image.jpg)}
.wideimg-senco {background-image: url("../images/sectors/senco/senco-webpage-wide-image-.jpg")}
.wideimg-csw {background-image: url(../images/products/symwriter/wideimage.jpg)}
.wideimg-ref {background-image: url(../images/products/health/refugee/wideimage.jpg)}
.wideimg-pow {background-image: url(../images/products/inprint/presentation/wideimage.jpg)}
.wideimg-res {background-image: url(../images/resources/resources-wide-image.jpg)}
.wideimg-aut {background-image: url(../images/resources/aut-wide-image.png)}
.wideimg-autip3 {background-image: url(../images/resources/ip3-autism-pack-wide-image.jpg)}
.wideimg-autwo {background-image: url(../images/resources/wo-autism-pack-wide-image.jpg)}
.wideimg-sig {background-image: url(../images/products/signage/wide-image.jpg)}
.wideimg-class {background-image: url(../images/resources/class-wide-image.jpg)}
.wideimg-fairtrade {background-image: url(../images/resources/wo-fairtrade-wide.jpg)}
.wideimg-fairtrade2 {background-image: url(../images/resources/wo-fairtrade-wide.jpg)}
.wideimg-well {background-image: url(../images/resources/wellbeing-wide-image.png)}
.wideimg-phonics {background-image: url("../images/resources/wo-phonics-pack-wide-image3.jpg")}
.wideimg-eal {background-image: url("../images/resources/eal-wide-image3.png")}
.wideimg-aac {background-image: url("../images/resources/aac-wide-image.png")}
.wideimg-bor {background-image: url("../images/resources/borders-wide4.jpg")}
.wideimg-beclear {background-image: url("../images/resources/beclear-wideimg.png")}

.wideimg-rainbow {height:20px; backgroud-position:bottom center;transition: .25s ease; width:100%}
@media (max-width: 920px) and (min-width: 600px){.wideimg-rainbow {height:10px; background-position: bottom center;}}
@media (max-width: 600px){.wideimg-rainbow {height:4px; background-position: bottom left;}}

 .wideimg-ip3, .wideimg-wo, .wideimg-point, .wideimg-b2s, .wideimg-su, .wideimg-ks1, .wideimg-senco, .wideimg-ref, .wideimg-pow, .wideimg-res, .wideimg-aut, .wideimg-autip3, .wideimg-autwo, .wideimg-sig, .wideimg-class,  .wideimg-fairtrade2, .wideimg-fairtrade, .wideimg-well, .wideimg-phonics, .wideimg-eal, .wideimg-aac, .wideimg-bor, .wideimg-beclear, .wideimg-csw , .wideimg-wodl  {height:300px; backgroud-position:bottom left;transition: .25s ease;}
@media (max-width: 920px) and (min-width: 600px){ .wideimg-ip3, .wideimg-wo, .wideimg-point, .wideimg-b2s, .wideimg-su, .wideimg-ks1, .wideimg-senco, .wideimg-ref, .wideimg-pow, .wideimg-res, .wideimg-aut, .wideimg-autip3, .wideimg-autwo, .wideimg-sig, .wideimg-class, .wideimg-fairtrade2, .wideimg-fairtrade, .wideimg-well, .wideimg-phonics, .wideimg-eal, .wideimg-aac, .wideimg-bor, .wideimg-beclear, .wideimg-wodl, .wideimg-csw  {height:200px; background-position: bottom left;}}

@media (max-width: 600px){.wideimg-ip3, .wideimg-wo, .wideimg-point, .wideimg-b2s, .wideimg-su, .wideimg-ks1, .wideimg-senco, .wideimg-ref, .wideimg-pow,  .wideimg-res, .wideimg-aut, .wideimg-autip3, .wideimg-autwo, .wideimg-sig, .wideimg-class, .wideimg-fairtrade2, .wideimg-fairtrade, .wideimg-well, .wideimg-phonics, .wideimg-eal, .wideimg-aac, .wideimg-bor, .wideimg-beclear, .wideimg-wodl, .wideimg-csw {display: none}}

@media print {
    .wideimg-rainbow, .wideimg-ip3, .wideimg-wo, .wideimg-point, .wideimg-b2s, .wideimg-su, .wideimg-ks1, .wideimg-senco, .wideimg-ref, .wideimg-pow, .wideimg-res, .wideimg-aut, .wideimg-autip3, .wideimg-autwo, .wideimg-sig, .wideimg-class, .wideimg-fairtrade2, .wideimg-fairtrade, .wideimg-well, .wideimg-phonics, .wideimg-eal, .wideimg-aac, .wideimg-bor, .wideimg-beclear, .wideimg-csw , .wideimg-wodl  {height:0px;}
}

.boxdesignservices {position: relative; clear: both; margin-bottom:25px;}
.boxdesignservices div.designbox {border-radius: 10px;background-color: #fbdfbb;;padding:20px 15px 20px 45px;overflow:auto; min-height:120px; margin-left:25px; top:0px;display: flex;    align-items: center }
.boxdesignservices div.designbox div  { flex: 1; }
.boxdesignservices img.designicon {float:left; margin-right:20px;}
@media (max-width: 400px){.boxdesignservices img.designicon {display:none;width:0;height:0;opacity:0;visibility: collapse;} }
.boxdesignservices .number {top:33px; position:absolute; z-index:50}

.hometopbanner {height: 95px;  background-image: url(../images/design-licensing/visitorattraction/embrace_accessibility_banner-3.png);background-position: center center;    background-repeat: no-repeat; }
.hometopbanner img {height:95px; width:1000px;}
@media (max-width: 920px) and (min-width: 601px){.hometopbanner {background-image:url(../images/design-licensing/visitorattraction/embrace_accessibility_banner-full.jpg);background-position: left center; } .hometopbanner img {display:none; width:0;height:0;opacity:0;visibility: collapse;}}
@media (max-width: 600px){.hometopbanner {background-image:url(../images/design-licensing/visitorattraction/embrace_accessibility_banner-full2.jpg);background-position: left center; } .hometopbanner img {display:none; width:0;height:0;opacity:0;visibility: collapse;}}

.hometopbanner2 {  background-image: url("../images/home/banner/snow.png");background-position: center center;    background-repeat:repeat; }

.moon {font-family:'Moon 2.0 Regular'}

.updateip2to3 { width: 100%; height: 140px; background-image: url("../images/banners/CIP2-920px.jpg");background-position: center center;  background-repeat: no-repeat; background-size: 100%;border-radius: 8px;}
@media (max-width: 700px) and (min-width: 451px){.updateip2to3 {height: 115px;background-image: url("../images/banners/CIP2-700px.jpg");}}
@media (max-width: 450px){.updateip2to3 {height: 150px;background-image: url("../images/banners/CIP2-450px.jpg");}}

.symbols21 { width: 100%; height: 140px; background-image: url("../images/banners/symbols21-920.png");background-position: center center;  background-repeat: no-repeat; background-size: 100%;border-radius: 8px;}
@media (max-width: 700px) and (min-width: 451px){.symbols21 {height: 115px;background-image: url("../images/banners/symbols21-700.png");}}
@media (max-width: 450px){.symbols21 {height: 150px;background-image: url("../images/banners/symbols21-450.png");}}

.symbols21high { box-shadow:2px 2px 5px #888; margin:2px 5px 50px 2px; width: 100%; height: 140px; background-image: url("../images/banners/symbols21-920high.png");background-position: center center;  background-repeat: no-repeat; background-size: 100%;border-radius: 8px;}
@media (max-width: 700px) and (min-width: 551px){.symbols21high {height: 115px;background-image: url("../images/banners/symbols21-700high.png");}}
@media (max-width: 550px) and (min-width: 451px){.symbols21high {height: 115px;background-image: url("../images/banners/symbols21-550high.png");}}
@media (max-width: 450px){.symbols21high {height: 150px;background-image: url("../images/banners/symbols21-450high.png");}}


.ip2support {background-color:#f2dede; color: #a94442; padding:16px; margin-top: 12px; margin-bottom: 12px; border-radius: 8px; }