/*
	Theme Name: twentyseventeen Child
	Theme URI: http://tpwdata.com/sbc
	Description: Child theme based on twentyseventeen.
	Author: Anders Norén
	Author URI: http://www.andersnoren.se
	Template: twentyseventeen
	Version: 1.0.0
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
	Text Domain: twentyseventeen-child
*/




/* RESET */
html, html a, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea{font-family: 'Poppins', sans-serif; z-index: 0;font-weight:300; text-decoration:none; margin:0; padding:0; outline:0; border:0; -webkit-font-smoothing: antialiased !important; font-size:100%; -moz-osx-font-smoothing: grayscale; letter-spacing:0;}
html, body {height:100%; z-index:0;}
ul,li {list-style:none;}

html {overflow:hidden;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}
audio,canvas,video {display: inline-block;max-width: 100%;}
html {overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
/*h1,*/h2,h3,h4,h5,h6 {clear: both;}
h1 {font-size: 70px; font-family: "Poppins", Sans-serif; font-weight:300; line-height: 1.2em;}
h2 {font-size: 70px; font-family: "Poppins", Sans-serif; font-weight:300; line-height: 1.3em;}
h3 {font-size: 60px; font-family: "Poppins", Sans-serif; font-weight:300; line-height: 1.3em;}
h4 {font-size: 60px;line-height: 1.3em;}
h5 {font-size: 60px;line-height: 1.33em;}
h6 {font-size: 60px;line-height: 1.5em;}
p {font-size:30px; font-family: "Poppins", Sans-serif; font-weight:300; line-height: 1.5em;}
div.tpw-design p {font-size:22px;}
b,strong {font-weight: bold;}
p,p a,a p, .part-r p, .part-r p a, .story-left p a, .story-left ul li {}
input, p input, textarea, label, form p, input.wpcf7-submit {font-size:19px; border-radius: 0; -webkit-appearance: none;}

.genericfull-home h1 {font-size:40px;}
.skin1 {overflow:hidden;}
.skin1.homer {overflow:visible;}
 .leveler2, .leveler3 {width:100%; height:1px; float:left;}

/****************** theme content alterations ********************/
.big-wrapper {z-index:1; position:relative; height:100%; margin-bottom:0px;}
.header-inner.section-inner {height:0px;}
.wrapper.section-inner {margin-top:0px; padding-top:0px; float:left; width:100%;}
.content.full-width {position:relative; z-index:0;height:auto;}
html.js.no-svg {margin-top:0px !important;}
.click3 p:hover, .click3:hover, .click3 p, .click3, input.wpcf7-submit, input.wpcf7-submit:hover, .footformright:hover  {-o-transition: 0.25s all; -moz-transition: 0.25s all; -webkit-transition: 0.25s all; transition: 0.25s all;}
p.ban {font-family: "Poppins", Sans-serif; font-weight:300; line-height: 1.5em;}
img.dk2.slide2, img.dk3.slide2 {position:absolute; top:0px; left:0px;}

@keyframes slideshow {
0% {opacity:1;}
45% {opacity:1;}
55% {opacity:0;}
100% {opacity:0;}
}
img.dk2.slide2 {
animation-name: slideshow;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 3s;
animation-direction: alternate;
}
img.dk3.slide2 {
animation-name: slideshow;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 3s;
animation-direction: alternate;
}



/******************* BIG SLIDESHOW *********************/

/*.slides {height:auto; margin:0px auto; overflow:visible; position:relative; width:100%;}*/

ul.feats li img, ul.back li img, ul.back-mob li img, ul.back-mob li img, .duo-front, .duo-back, ul.feats, ul.feats li {width:100%; height:auto;}
ul.feats, ul.back, ul.back-mob {list-style:none; position:relative;}
.duo-front, .duo-back {position:absolute; top:0px; left:0px;}
 

/* 2 frame mobile shows */
.duo-front {
	-webkit-animation-delay: 0.0s; -moz-animation-delay: 0.0s;
	opacity:0; -webkit-animation-name: single; -webkit-animation-duration: 6.0s;
    -webkit-animation-timing-function: cubic-bezier(0,1.2,1,1);
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards;
    -moz-animation-name: single; -moz-animation-duration: 6.0s;
    -moz-animation-timing-function: cubic-bezier(0,1.2,1,1);
    -moz-animation-iteration-count: infinite;
    -moz-animation-play-state: running; -moz-animation-fill-mode: forwards;}
@-webkit-keyframes single {
    0% {opacity:0;}
    24% { opacity:1;}
    48% {opacity:1;}
    70% { opacity:0;}
    100% { opacity:0;}
}
@-moz-keyframes anim_slides {
    0% {opacity:0;}
    24% { opacity:1;}
    48% {opacity:1;}
    70% { opacity:0;}
    100% { opacity:0;}
}
	
	

@-webkit-keyframes anim_slides {
    0% {opacity:0;}
    6% { opacity:1;}
    24% {opacity:1;}
    30% { opacity:0;}
    100% { opacity:0;}
}
@-moz-keyframes anim_slides {
    0% {opacity:0;}
    6% { opacity:1;}
    24% {opacity:1;}
    30% { opacity:0;}
    100% {opacity:0;}
}
ul.feats li {opacity:0; position:absolute; top:0;
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 19.0s;
    -webkit-animation-timing-function: cubic-bezier(0,1.2,1,1);
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: anim_slides;
    -moz-animation-duration: 19.0s;
    -moz-animation-timing-function: cubic-bezier(0,1.2,1,1);
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;}
ul.feats li:nth-child(2), ul.feats li:nth-child(2) div {-webkit-animation-delay: 3.0s; -moz-animation-delay: 3.0s;}
ul.feats li:nth-child(3), ul.feats li:nth-child(3) div {-webkit-animation-delay: 6.0s; -moz-animation-delay: 6.0s;}
ul.feats li:nth-child(4), ul.feats li:nth-child(4) div {-webkit-animation-delay: 9.0s; -moz-animation-delay: 9.0s;}
ul.feats li:nth-child(5), ul.feats li:nth-child(5) div {-webkit-animation-delay: 12.0s; -moz-animation-delay: 12.0s;}
ul.feats li:nth-child(6), ul.feats  li:nth-child(6) div {-webkit-animation-delay: 15.0s; -moz-animation-delay: 15.0s;}
ul.feats li img {display:block;}


@-webkit-keyframes back_slides {
    0% {opacity:0;}
    10% { opacity:1;}
    44% {opacity:1;}
    50% { opacity:0;}
    100% {opacity:0;}
}
@-moz-keyframes back_slides {
    0% {opacity:0;}
    10% { opacity:1;}
    44% {opacity:1;}
    50% { opacity:0;}
    100% {opacity:0;}
}
@-webkit-keyframes back_slides_m {
    0% {opacity:0;}
    10% { opacity:1;}
    44% {opacity:1;}
    50% { opacity:0;}
    100% {opacity:0;}
}
@-moz-keyframes back_slides_m {
    0% {opacity:0;}
    10% { opacity:1;}
    44% {opacity:1;}
    50% { opacity:0;}
    100% {opacity:0;}
}
@-webkit-keyframes anim_slides_m2 {
    0% {opacity:0;}
    6% { opacity:1;}
    24% {opacity:1;}
    30% { opacity:0;}
    100% { opacity:0;}
}
@-moz-keyframes anim_slides_m2 {
    0% {opacity:0;}
    6% { opacity:1;}
    24% {opacity:1;}
    30% { opacity:0;}
    100% {opacity:0;}
}
ul.back li {opacity:0; position:absolute; top:0;
    -webkit-animation-name: back_slides;
    -webkit-animation-duration: 9.0s;
    -webkit-animation-timing-function: cubic-bezier(0,1.2,1,1);
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: back_slides;
    -moz-animation-duration: 9.0s;
    -moz-animation-timing-function: cubic-bezier(0,1.2,1,1);
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;}

ul.back-mob li {opacity:0; position:absolute; top:0;
    -webkit-animation-name: back_slides_m;
    -webkit-animation-duration: 9.0s;
    -webkit-animation-timing-function: cubic-bezier(0,1.2,1,1);
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: back_slides_m;
    -moz-animation-duration: 9.0s;
    -moz-animation-timing-function: cubic-bezier(0,1.2,1,1);
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;}
	

ul.back li:nth-child(2), ul.back li:nth-child(2) div {-webkit-animation-delay: 3.0s; -moz-animation-delay: 3.0s;}
ul.back li:nth-child(3), ul.back li:nth-child(3) div {-webkit-animation-delay: 6.0s; -moz-animation-delay: 6.0s;}
ul.back li:nth-child(4), ul.back li:nth-child(4) div {-webkit-animation-delay: 9.0s; -moz-animation-delay: 9.0s;}
ul.back-mob li:nth-child(2), ul.back-mob li:nth-child(2) div {-webkit-animation-delay: 3.0s; -moz-animation-delay: 3.0s;}
ul.back-mob li:nth-child(3), ul.back-mob li:nth-child(3) div {-webkit-animation-delay: 6.0s; -moz-animation-delay: 6.0s;}
ul.back-mob li:nth-child(4), ul.back-mob li:nth-child(4) div {-webkit-animation-delay: 9.0s; -moz-animation-delay: 9.0s;}
ul.back li img, ul.back-mob li img, ul.back-mob2 li img {display:block;}
ul.back-mob2 li {opacity:0; position:absolute; top:0;
    -webkit-animation-name: anim_slides_m2;
    -webkit-animation-duration: 18.0s;
    -webkit-animation-timing-function: cubic-bezier(0,1.2,1,1);
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: anim_slides_m2;
    -moz-animation-duration: 18.0s;
    -moz-animation-timing-function: cubic-bezier(0,1.2,1,1);
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;}
ul.back-mob2 li:nth-child(2), ul.back-mob2 li:nth-child(2) div {-webkit-animation-delay: 3.0s; -moz-animation-delay: 3.0s;}
ul.back-mob2 li:nth-child(3), ul.back-mob2 li:nth-child(3) div {-webkit-animation-delay: 6.0s; -moz-animation-delay: 6.0s;}
ul.back-mob2 li:nth-child(4), ul.back-mob2 li:nth-child(4) div {-webkit-animation-delay: 9.0s; -moz-animation-delay: 9.0s;}
ul.back-mob2 li:nth-child(5), ul.back-mob2 li:nth-child(5) div {-webkit-animation-delay: 12.0s; -moz-animation-delay: 12.0s;}
ul.back-mob2 li:nth-child(6), ul.back-mob2  li:nth-child(6) div {-webkit-animation-delay: 15.0s; -moz-animation-delay: 15.0s;}
.logo-desk {float:left; height:auto;}
.logo-desk img{width:100%; height:auto;}


/********************** Holders Wrappers Padders ***********************/
.limit {z-index:99999; width:100%; height:100%; position:relative; float:left;}
.skin1 {width:100%; height:auto; float:left; position:relative; padding:0px;}
.skin1 img, .skin1.image img {width:100%; float:left; height:auto;}
.top-ban-text, .top-ban-text-lower {position:absolute; left:0%; top:25%; transform: translateY(-25%); z-index:10; width:100%;}
.top-ban-text, .top-ban-text-lower  {color:#fff;}
.wrap {width:100%; max-width:2500px; height:auto; margin-left:auto; margin-right:auto;}
.tb2 {background:#00a8a0;}
.footer-block {width:100%; min-height:180px; float:left; background:#333333;}
.mob-only-gap, .tiny-gap, .thin-gap, .med-gap, .big-gap, .para-hold, .para-hold-r, .para1, .para2, .para-hold2, .para1b, .para2b  {width:100%;float:left;border:0px solid #fff;}
.sides {width:100%; height:auto; position:relative;}
.content-wrap {width:100%; max-width:2500px;height:auto; margin-left:auto; margin-right:auto;}
img.swich-clear {width:100%; height:auto;float:right; position:absolute; top:0px; left:0px;}
img.swich-desk {position:relative;}
.logo-desk {width:auto; max-width:100px; height:auto; float:left; }
.deskmenuout {width:100%; height:115px; float:left; background-color:#fff;}
.deskmenu {float:right;height:90px;width:88%;margin-top:0px;z-index:999;overflow:hidden;}
.deskmenu ul {height:30px;float:right;width:100%;list-style:none;z-index:999;}
.deskmenu li a {z-index:999;}
.deskblock {float:right;height:30px;width:auto; margin-left:35px;z-index:999; margin-top:36px;}
.deskblock a li, .deskblock a, .deskblock li {color:#222327; text-decoration:none;}
.deskblock a li:hover {text-decoration:underline; text-decoration-color:#f84200;}
.navbar-brand,.icon-bar,.navbar-collapse.collapse,.nav .navbar-nav .pull-right, .navbar-collapse.collapse.in {z-index:9;}
span.icon-bar {z-index:9999;}
.navbar .navbar-inverse .navbar-fixed-top .headroom {z-index:999;}
button.navbar-toggle {z-index:9999;pointer-events: all;}
ul.nav.navbar-nav.pull-right li a:hover {text-decoration:underline;color:#fff;}
.buttonwrap {background:transparent;padding:4px;width:auto;height:auto; z-index:9999;}
.navbar-header {z-index:999;height:0px;}
.containerz {z-index:9999;height:0px;}
.navbar {z-index:9999;}
.navbar-collapse.collapse.in {background:#ffe401; z-index:9998;}
.navbar-collapse.collapse.in ul.navbar-nav.pull-right li a {color:#1d1d1d; background:transparent; z-index:999;}
.outerBlocksHolder {width:100%;height:100%;float:left;position:relative;}
#homebannerDesk, .homebannerMobile {width:100%; height:auto; float:left; position:relative; overflow:hidden;}
#homebannerDesk img, .homebannerMobile img {width:100%; height:auto; top:0px; left:0px;}
.soliloquy-container.soliloquy-image, .soliloquy-wrapper {min-width:100%; height:auto;}
.fifty {width:50%; height:auto; float:right;}
.fifty-txt {width:50%; height:100%; float:left; position:relative; width:auto;}
.description, .dk2, .mo2 {float:left; width:100%; height:auto;}
.fifty .mo2, .fifty .mo3 {display:inline; width:100%; height:auto; float:left;}
.fifty .mo2 img {width:100%; height:auto; float:left;}
.fifty.mo3 {text-align:center; float:left;}
.fifty {width:50%; height:auto; float:right;}
.fifty img, .fifty-txt img, .fifty-txt100 img, .fifty-txt100g img {width:100%; height:auto; float:left;}
.fifty h1 {font-size:230%;}
.fifty h3 {font-size:160%; padding-bottom:25px;}
.fifty p {padding-bottom:25px; padding-right:11%;}
.fifty-txt100 {width:100%; height:auto; float:left;}
.fifty-txt100 { position:relative;}
.fifty-txt-skin {position:absolute; left:0px; top:48%; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%); transform:translateY(-50%);height:auto;}
.fifty-txt-skin h2, .news-sum h2 {color:#f84200; width:auto; line-height:1.35em;}
.fifty-txt-skin h2 {text-align:left;}
.news-sum h2 {text-align:center;}
.fifty-txt-skin p {text-align:left; width:70%;}
.fifty img {width:100%; height:auto; float:left;}
.tb2 {position:relative;}
.tba2 {position:absolute; left:0px; top:50%; -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%); transform:translateY(-50%);height:auto;}
.tba2 h2{color:#222327; width:auto; position:relative;}
.tba2 p{text-align:left;}
.tba .dynamic h2, .dynamic h2, .mo3 .dynamic h2, .tba .range h2, .range h2 {color:#222327;}
.tba .dynamic p, .dynamic p{color:#767676;}
.tba .height h2, .height h2, .tba .height p, .tba2.height p, .tba2.height h2, .height p {color:#fff;}
.range .click3 {border:2px solid #f84200; overflow:hidden; box-sizing:border-box;}
.height .click3 {border:2px solid #f84200; overflow:hidden; box-sizing:border-box;}
.click3 {display:inline-block; pointer-events: auto; width:auto; color:#000; cursor:pointer; letter-spacing:0.07em;}
.click3 p {margin-left:auto; margin-right:auto; text-align:center; padding:0px; width:auto; display:inline;}
.tba2 .click3 .range p {color:#767676;}
.tba2 .click3 .height p {color:#000;}
.range .click3:hover {background-color:#f84200;color:#fff;}
.range .click3 p:hover {color:#fff;}
.height .click3:hover {background-color:#000;color:#fff;}
.height .click3 p:hover {color:#fff;}
.fixer-p {width:100%; height:auto; float:left; position:relative; padding:0px;}
.fixer-p img, .fixer-p.image img {width:100%; float:left; height:auto;}
.circle {width:100%; height:auto; clear:both; min-height:50px;}
.circle img {width:83%; height:auto;}
p.feat-num, .tba2.height p.feat-num {color:#f84200;font-family: "Poppins", Sans-serif; font-weight:300;}
.tba2 p {font-family: "Poppins", Sans-serif; font-weight:300;}
.page-banner-hold {float:left; width:100%; height:auto; overflow:hidden;}
.page-banner {width:100%; float:left; overflow:hidden; padding-bottom:53%; height:0%; position:relative;}
.page-banner img.swich-desk, .page-banner img.swich-mobile {position:absolute; top:50%; transform:translateY(-50%);  left:0%; right:0%; bottom:0%;}
.white-title {text-align:center; margin:0 auto;}
.white-title p a, div.col-1 p a {color:#222337; text-decoration:underline; font-weight:500;}
.white-title p a:hover, div.col-1 p a:hover  {color:#f84200; text-decoration:underline;}
.white-title {width:90%; margin:0% 5%;}
.colours1  p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p {width:100%; text-align:center; font-family: "Poppins", Sans-serif;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img {width:100%;}
.colours1, .colours2, .colours3, .colours4, .colours5, .colours6 {float:left;}
#that-line {display:inline-block; width:70px; height:3px; border:0px solid #fff; z-index:10; margin:20px 0px;}
.height #that-line {background-color:#222327;}
.dynamic #that-line, .range #that-line , .top-ban-text #that-line,  .top-ban-text-lower #that-line {background-color:#f84200;}
.footlinks {width:100%;text-align:center; height:30px; background:#222327; float:left; position:relative;}
.footlinkscentre {text-align:center; height:30px; width:auto;}
.footlinkscentre p a {color:#fff;}
.footlinkscentre p a:hover {text-decoration:underline;}
.col-1, .col-3 {height:auto; float:left;}
.divider {height:1px; width:100%; float:left; background-color:#7c7c7c;}
/************ Contact form code ***************/
/**********************************************/
/*   this goes in the WP form editing area    */
/*                                            */
/**********************************************/
/*
<div style="position:relative; float:left; width:100%;">
<div class="namez"><label>Name:
    [text* your-name] </label></div>

<div class="emailz" class="evil"><label>Email:
    [email* your-email] </label></div>
</div>
<div class="subjez"><label>Subject:
    [text your-subject] </label></div>

<div class="messaz"><label>Message:
    [textarea your-message x5] </label></div>

[submit "Send"]
*/

.widetexthome.left p {text-align:left; padding:0% 0%;}
#wpcf7-f198-o1 {height:auto; float:left; width:100%;}
.wpcf7 input, .wpcf7 textarea {padding:9px 7px; border:none; }
.wpcf7 p {text-align:left;}
input, textarea {background-color:#f3f3f3;}
.wpcf7-form label, .emailz label, .namez label, .your-name input, .your-email input, .your-message textarea, input, textarea, input.wpcf7-submit {width:100%;}
img.ajax-loader {height:0px;}
.namez label, .emailz label, .wpcf7-form label {color:#999999; float:left;}
form.wpcf7-form {width:100%;}
.subjez, .subjez label, .messaz, .messaz label {width:100%;}
.subjez, .subjez label, .namez label, .emailz label, .messaz label {text-align: left;}
input.wpcf7-submit {box-shadow:0px 0px 0px 2px #f84200 inset; display:inline-block; font-size:90%; pointer-events: auto; width:auto; color:#fff; background-color:#f84200; cursor:pointer; font-weight:400;}
input.wpcf7-submit:hover {background:#fff; color:#f84200;}
.mappy {position:relative; overflow:auto; height:auto; width:100%; float:left; height:300px;}
iframe.google {height:100%; width:100%; border:0; position:absolute; top:0; right:0;}
#mapDiv, .iframe, #the-map {width:100% !important;}

/* Footer form */
/* CODE FOR WORDPRESS PLUGIN (desktop version): 
<table class="footform" style="max-height:35px;"><tr style="max-height:35px;">
<td class="footformleft" style="max-height:35px; background:none;">[email* your-email][text your-email placeholder "Your email address"]</td>
<td class="footformright" style="max-height:35px; text-align:center !important; "><p class="sender" style="font-size:1%; visibility:hidden; opacity:0; color:#f84200;">&nbsp;-</p><span style="text-align:center;">[submit ""]</span></td>
</tr></table>
*/
.footmail {width:100%; height:auto; float:left; background:#f84200; padding:20px 0px;}
.footcentre {width:auto; margin: 15px auto; height:35px; position:relative; text-align:center;}
div.footcentre div.formrelative div.theform div#wpcf7-f111-ol.wpcf7 form.wpcf7-form table.footform tbody tr dt.footformright {text-align:center !important;}
.footform p {color:#fff; font-family: "Poppins", Sans-serif;}
.footformlabel, .footformleft, .footformright, .footform, .footform p, .footcentre {max-height:35px !important; background:none;}
.footformleft, .footformright {border-left:1px solid #fff; border-bottom:1px solid #fff; background:none;}
.footformleft {border-right:1px solid #fff; border-left:1px solid #fff; overflow:hidden;}
.footformright {border-right:1px solid #fff; overflow:hidden;/*pointer-events:none;*/}
table.footform, table.footform tbody {float:left; border-collapse: collapse; padding:0; margin-left:auto; margin-right:auto; max-height:35px !important;}
table.footform {display:inline-block;}
.footformleft span.wpcf7-form-control-wrap.your-email {height:0px; position:absolute; top:0px; line-height:1em; background:none; height:0px; left:0px;}
.footformleft .wpcf7-form-control-wrap.your-email input {background:none; color:#fff; width:95%; padding-top:0px; padding-bottom:0px;/*margin-top:-15px;*/ text-align:left;}
td.footformleft {text-align:left !important;}
td.footformleft span.wpcf7-form-control-wrap.your-email input.wpcf7-form-control.wpcf7-text {/* pointer-events:none;*/ width:68%; background:none; text-align:left !important;}
.theform .submit-label, td.footformright p.sender, td.footformright p {text-align:center !important;}
.footform tbody tr td.footformleft span.wpcf7-form-control-wrap.your-email {width:96%;}

/* Footer form (MOBILE)*/
/* CODE FOR WORDPRESS PLUGIN (mobile version): 
<div class="mob-email">[email* your-email][text your-email placeholder "Your email address"]</div>
<div class="mob-submit" style="width:120px; height:35px; border:1px solid #fff; box-sizing:border-box; overflow:hidden; text-align:center;">[submit ""]</div>
*/
.mob-email .wpcf7-form-control .wpcf7-text .wpcf7-email .wpcf7-validates-as-required .wpcf7-validates-as-email {}
.mob-email {height:35px; overflow:hidden;}
/* ABSOLUTE positioning for footer form inputs */
input.wpcf7-form-control.wpcf7-text {position:absolute; top:0px; left:0px; width:/*95%*/95%;}
/* RELATIVE positioning for main form inputs */
.subjez label .wpcf7-form-control-wrap.your-subject .wpcf7-form-control.wpcf7-text, #evil .wpcf7-form-control-wrap.your-email .wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email, .namez label .wpcf7-form-control-wrap.your-name .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {position:static;}
.mob-email span.wpcf7-form-control-wrap.your-email .wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {width:95%; background:none;}
.mob-email span.wpcf7-form-control-wrap.your-email {width:95%; position:static;}
.mob-email input {background:none; border:1px solid #fff; box-sizing:border-box;}
.mob-email input.wpcf7-form-control.wpcf7-test {border:none;}
.mob-submit input.wpcf7-form-control.wpcf7-submit {width:120px; margin-left:0px; margin-top:0px; height:35px;}
.mob-submit input.wpcf7-submit:hover {background:#fff; color:#f84200;}
.mob-submit input.wpcf7-submit {box-shadow:none; font-size:100%; line-height:1em;}

/* email input text */
/* ------------------------------------------------------------
This bit causes the email field on the main form to screw up...
.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {color:#fff; background:none; position:absolute; top:-4px; left:0px;}
---------------------------------------------------------------
*/
/* email placegolder text */
::-webkit-input-placeholder {color: #fff !important; opacity: 1; z-index:100; background:none; position:absolute; top:-4px;}
:-moz-placeholder {color: #fff !important; opacity: 1; z-index:100; background:none; position:absolute; top:-4px;}
::-moz-placeholder {color: #fff !important; opacity: 1; z-index:100; background:none; position:absolute; top:-4px;}
:-ms-input-placeholder {color: #fff !important; opacity: 1; z-index:100; background:none; position:absolute; top:-4px;}
.footformright input.wpcf7-submit {font-size:90%; pointer-events: auto; width:500px; color:#fff; background-color:#f84200; cursor:pointer; font-weight:400; box-shadow:0px 0px 0px 0px #f84200 inset;}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {float:left;}
.footformright:hover {background:#767676; color:#f84200;}
.footformright {transition: background 0.15s linear;}
.footformright  input.wpcf7-form-control.wpcf7-submit {background:none; width:100%; height:35px; margin-left: -3px; margin-top: -3px; padding:0; color:#f84200; font-size:5%; z-index:9999;}
.footfotmlabel, td.footformleft, td.footformright, .footform, .theform  {max-height:35px !important;}
.footform {overflow:hidden; border-bottom: #fff 1px solid; float:left;}
.theform {position:relative;}
.formrelative {position:absolute; left:50%; transform:translateX(-50%);}
.footformlabel {width:40%; position:absolute; left:0; top:4px; color:#fff; text-align:left;}
table.footform {width:57%; position:absolute; top:0; left:42%; box-sizing:border-box; overflow:hidden; border-top:1px solid #fff;}
td.footformleft {width:80%; box-sizing:border-box; overflow:hidden;}
td.footformright {width:20%; box-sizing:border-box; overflow:hidden;}
p.sender {pointer-events:none; position:absolute; top:0px; color:##f84200; z-index:20; font-size:1%; height:35px;}
.submit-label {position:absolute; top:4px; left:86.5%; width:0px; z-index:300; color:#fff; pointer-events: none; margin-top:0px; margin-right:1px; height:33px; text-align:center;}
/*     Footer form RESPONSE     */
div.wpcf7-response-output {margin:0px; padding-top:4px;}
.wpcf7-not-valid-tip {width:0px; height:0px; overflow:hidden;}
div.wpcf7-mail-sent-ok {color:#f84200; background:#fff; border:0px; position:absolute; top:0px; left:0px; width:100%; height:35px; line-height:2em;}
div.wpcf7-validation-errors {color:#fff; background:#000; border:0px; position:absolute; top:40px; left:0px; width:100%; height:35px;}
.awkward1, .awkward2, .awkward1-50, .awkward2-50, .awkward3-1, .awkward3-2, .awkward3-3 {float:left; height:auto;}
.awkward1 img, .awkward2 img, .awkward1-50 img, .awkward2-50  img, .awkward3-1 img, .awkward3-2 img, .awkward3-3 img {width:100%; height:auto;}
.para1 p, .para2 p, .para1b p, .para2b p {font-family: "Poppins", Sans-serif; font-weight:300; float:left;}
.para-hold {float:right; overflow:visible;}
.para-hold2, .para1, .para2, .para1b, .para2b {float:left;}
.formrelative {width:90%; margin:0;}


/************************** NEWS ****************************/
.genericholder {position:relative;width:100%;height:auto;overflow:auto;}
.news-wrap {position:relative;width:100%;float:left;height:auto;margin-bottom:50px;}
.news-i1,.news-i2 {width:98%;height:auto;}
.news-skin, .video-skin {position:relative;width:100%;height:auto;padding:0px;margin:0px;overflow:hidden;}
.news-skin a, .video-skin a {line-height:0px;}
.news-skin img, .video-skin img {width:100%;height:auto;float:left;}
.news-hover, .video-hover {position:absolute;top:0px;left:0px;border:0;width:100%;height:auto;float:left;z-index:50;border:0px solid #000;overflow:hidden;background-color:#fff;opacity:0;filter:alpha(opacity=0);overflow:auto; transition: opacity 0.15s linear;}
.news-hover img, .video-hover img {width:100%;height:auto;float:left;}
.news-hover:hover, .video-hover:hover {margin:0;padding:0;opacity:0.5;filter:alpha(opacity=50); transition: opacity 0.15s linear;}
.news-i {width:100%;height:auto;}
.news-sum {width:100%;height:auto;padding-bottom:30px;padding-top:60px;}
.news-sum p {width:70%;margin-left:15%;margin-right:15%;padding-top:20px;padding-bottom: 10px;color:#999999; text-align:center;}
.news-sum h1 {padding-bottom:0px;margin-top:0px;color:#0c1830;}
.news-sum a p, .news-sum p a {color:#f84200; padding-top:0px;}
.news-sum a p:hover, .news-sum p a:hover {text-decoration:underline; text-decoration-color: #f84200;}

/* blog navigation */
.archives, .post-nav {width:100%;height:auto;float:left;padding: 10px 0px;position:relative;}
.prev,.next, .prev-n, .next-n {width:auto !important; max-width:35%; height:auto; min-height:1px; min-width:1px;}
.prev,.prev a /*, .next-n, .next-n a */ {position:static !important; float:left;text-align:left;}
.next,.next a,.next-n, .next-n a {position:static !important; float:right;text-align:right;}
.prev,.prev a, .next,.next a,.prev-n,.prev-n a, .next-n,.next-n a, .post-nav-older h5, .post-nav-newer h5 {color:#f84200; width:auto; font-weight:500;}
.prev:hover, .prev a:hover, .next:hover,.next a:hover, .prev-n:hover, .prev-n a:hover, .next-n:hover,.next-n a:hover, a.post-nav-older h5:hover, a.post-nav-newer h5:hover {text-decoration: underline; text-decoration-color: #f84200;}
a.post-nav-newer, a.post-nav-older {width:50%;}
a.post-nav-newer h5, a.post-nav-older h5 {color:#f84200; padding-bottom:5px;}
a.post-nav-newer h6, a.post-nav-older h6 {color:#f84200; font-weight:200; line-height:1.3em;}
a.post-nav-newer {float:right; text-align:right;}
a.post-nav-older {float:left; text-align:left;}
.story-left p a {color:#f84200; text-decoration:underline; text-decoration-color: #f84200;}
p.intro {color:#f84200; font-weight:400; line-height:1.35em; text-decoration: underline; text-decoration-color: #f84200;}
.prev-n a.post-nav-older, .next-n a.post-nav-newer {font-weight:400;}
.archives .resource {padding-top:0px;}


/******************** ARTICLE ************************/
.article {width:100%;height:auto; float:left;}
h1.article {text-align:center; color:#222327;}
.article p, .article ul li, p.dead-link, p.dead-link a, p.dead-link a:hover {font-family: "Poppins", Sans-serif; font-weight:300; line-height: 1.5em; color:#222327;}
.article p, .article ul {padding-bottom:0.9em;}
.article p strong {font-weight:500;}
.article ul li {padding-bottom:0px;}
p.dead-link a, p.dead-link {pointer-events:none; text-align:center; font-weight:300;}
p.dead-link a {font-size:100%;}
.article ul li:before {
    content:"• ";
}


/************************** RESOURCES ****************************/
.v-blok1, .v-blok2 {width:49%; height:auto; float:left;}
.v-blok1 img, .v-blok2 img {width:100%; height:auto;}
.v-blok1 {margin-right:2%;}
.r-blok{width:92%; height:auto; margin:0% auto;}
.r-blok img{width:100%; height:auto; z-index:1;}
.d-skin li {width:25%; float:left;}
.v-capt {width:100%; padding-top:20px;;}
.v-capt {text-align:center;}

.list-object {width:33.333%; float:left; height:auto; padding-top:5px; padding-bottom:20px;}
.list-pics {width:15%; float:left;}
.list-pics a img.pdf {margin:0%; float:right;}
.list-capt {width:84%; float:right; height:auto;}
.list-capt a h3 {font-size:100%; margin-left:4%; color:#222327;}
.list-capt a h3:hover {color:#f84200; text-decoration:underline;}

div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf{width:80%; margin:0% 10%;}

/*********************** Mobile Menu ***************************/
.glued{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:0; pointer-events: none; }
.holder{position:fixed; right:2%; top:6px; z-index:999; pointer-events: auto;}
#toggleSlider{z-index:999;}
.row {width: 100%; overflow: hidden; height:100%; z-index:998; pointer-events: none; position:fixed; top:0px; left:0px;}
.slide {background-color: #efefef; padding: 10px; transition: .5s cubic-bezier(0, 1, 0.5, 1); transform: translateY(0); height:100%; z-index:999; position: fixed; top:0px; left:0px; width:100%; pointer-events: auto;}
.slide-up {transform: translateY(-100%); visibility:hidden;}
button{position:absolute; top:20px; right:20px; z-index:999; border:0px; padding: 10px;}
.slide-up p, .slide p{margin-left:10%; font-size:140%; text-align:left; font-weight:600; margin-top:10px; margin-bottom:5px;}
.slide p a{ color:#f84200; font-size:140%; text-align:left; text-decoration:underline; text-decoration-color: #f4f4f4; margin-bottom:5px;}
.slide p a:hover{text-decoration:underline; text-decoration-color: #f84200;}
.c-hamburger { display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 50px; height: 50px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.15s; z-index:999;}
.c-hamburger:focus { outline: none;}
.c-hamburger span {display: block; position: absolute; top: 23px; left: 10px; right: 10px; height: 4px; background: #f84200; z-index:999;}
.c-hamburger span::before, .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 4px; background-color: #f84200; content: ""; z-index:999;}
.c-hamburger span::before { top: -13px; z-index:999;}
.c-hamburger span::after {bottom: -13px; z-index:999;}
/* CHANGE TO 'X' */
.c-hamburger--htx {background-color: transparent;}
.c-hamburger--htx span {transition: background 0s 0.15s;}
.c-hamburger--htx span::before, .c-hamburger--htx span::after {
  transition-duration: 0.15s, 0.15s;transition-delay: 0.15s, 0s;}
.c-hamburger--htx span::before {transition-property: top, transform;}
.c-hamburger--htx span::after {transition-property: bottom, transform;}
.c-hamburger--htx.is-active {background-color: transparent;}
.c-hamburger--htx.is-active span {background: none;}
.c-hamburger--htx.is-active span::before {top: 0;transform: rotate(45deg); background-color:#f84200; z-index:999;}
.c-hamburger--htx.is-active span::after {bottom: 0;transform: rotate(-45deg); background-color:#f84200 !important; z-index:999;}
.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.15s;}
.foot-address, .tpw-design {padding-top:10px;}
.copyright {padding-bottom:15px;}
.copyright, .foot-address, .tpw-design  {width:100%; float:left;text-align:center; background:#222327;}  
.copyright p, .foot-address p  {color:#f84200; font-size:70%; padding-left:5%; padding-right:5%;font-family: "Robotto", Sans-serif; font-weight:400;}
.tpw-design {width:100%; height:auto; float:left; text-align:center; padding:0px;}
.tpw-design p a, .tpw-design p {color:#fff; font-weight:300; font-size:55%;}
.tpw-design p a:hover {text-decoration:underline; cursor:pointer;}
table.sockets-top, table.sockets-bottom {border-collapse:colapse; padding:0; margin:0;}
.sockets-top td, .sockets-bottom td {width:75px;}
table.sockets-top {margin-bottom:7px;}
.sockets-top td img, .sockets-bottom td img {width:40px; height:auto; margin-left:17.5px;} 
.sockets-top p, .sockets-bottom p {font-size:66%; text-align:center; color:#767676;}
.body-full {display:inline;}
.body-smaller {display:none;}
p.mobile-caption {text-align:left; width:88%; padding:0px 6% 35px 6% !important; font-size:66% !important; margin-top:-25px;}


div#secret-button.wpcf7-form-control.g-recaptcha .wpcf7-recaptcha .secret-button .rc-anchor-dark {background:#fff !important; border:1px solid #f84200 !important; color:#767676 !important;}
.rc-anchor-light.rc-anchor-normal { border:1px solid #f84200 !important;}
.captcha-wrap {width:100%; float:left; margin-top:15px;} 
.leveler2, .leveler3, .leveler-short {width:100%; height:1px; float:left;}



a div.video-skin div.v-capt h3 {padding-top:20px;}
a div.video-skin div.v-capt, div.download.hover {color:#222327;}
a div.video-skin div.v-capt:hover, div.download.hover:hover {color:#f84200 !important;}
div.download.hover div.r-blok a div.video-skin img.attachment-post-thumbnail {pointer-events:none;}

/*****************************************************************/
/*****************************************************************/
/*****************************************************************/
/*****************************************************************/


@media screen and (min-width: 200px){
img.swich-desk, .swich-desk, img.swich-clear, .swich-clear, .tba2.height.desktop, #homebannerDesk {display:none; float:left;}
img.swich-mob, .swich-mob, .homebannerMobile {margin-left:0%; padding-left: 0%; float:left;display:inline; width:100%; height:auto;}
.deskmenu, .deskblock, .fifty.mo3.height.mob, .foot-mobile {display:inline; visibility:visible;}
.footlinkscentre.desk {display:none; visibility:hidden;}
.footlinkscentre.mobil {display:inline; visibility:visible; height:auto; background:#222327;}
.leveler-short {display:none;}
.deskmenu {width:30px;}
.logo-desk {width:80px; padding-top:17px;}
.footlinks {height:auto;}
.footlinkscentre.mobil p {font-size:100%; margin-top:30px; margin-bottom:35px;}
.thin-gap{height:14px;}
.med-gap {height:27px;}
.big-gap {height:38px;}
.fifty-txt, .fifty {width:100%;}
.fifty.mo3.height {}
p.feat{width:80%; padding-left:5%; padding-right:5%;}
p.feat-wide {width:85%; padding-left:5%; padding-right:5%;}
.fifty.mo.height h2, .fifty.mo3.height p.feat, p.feat-wide {text-align:center;}
.page-banner{padding-bottom:0%; height:auto;}
.namez label, .emailz label, .wpcf7-form label, input, textarea, input.wpcf7-submit{width:100%;}
.namez label, .emailz label, .subjez, .subjez label, .messaz textarea{margin-bottom:20px;}
.your-subject input.wpcf7-form-control.wpcf7-text {width:94%;}
input.wpcf7-form-control.wpcf7-submit{width:30%; margin-left:35%;}
.col-1, .col-3{width:100%;}
.col-1 p{text-align:center; padding-bottom:30px;}
.your-subject input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {width:97%;}
.article p, .article ul li  {width:90%; margin:0px 5%;}
h1.article {width:92%; margin:0% 4%;}
}


@media screen and (min-width: 200px) and (max-width:580px) {
.holder, .mo2 {display:inline;}
.deskblock , .theform , .fifty.gr , .dk2, .dk3, .tba2 {display:none;}
.footcentre {height:150px; max-height:150px !important;}
img.mo2,.mo2 {width:100%; margin-left:0%; padding-left: 0%; float:left;}
.para-hold, .para-hold2, .para1, .para2  {width:100%;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:80%; padding-top:15px; width:85%;}
.para1, .para2, .para1b, .para2b {margin-right:0px;}
.foot-mobile p {font-size:90%;}
.para-hold2.mob {display:inline;}
.para-hold2.des {display:none;}
.skin1 ul.back li img, ul.feats {display:none;}
ul.back-mob {height:auto;}
.click3 {padding: 5px 8px;}
.footmail {padding-top:55px; height:145px;}
.foot-mobile p {margin-top:-30px; color:#fff;}
.mob-email input.wpcf7-form-control.wpcf7-text {color:#fff;}
div.mob-submit {margin-top:35px; margin-left:30%; margin-right:45%; width:20%;}
.mob-email span.wpcf7-form-control-wrap.your-email .wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {width:100%;}
.mob-email span.wpcf7-form-control-wrap.your-email {width:100%;}
.mob-email input.wpcf7-form-control.wpcf7-text {width:100%; font-size:90%;}
h1.ban.prods {float:right;}
.nasty {width:auto; float:right;}
.top-ban-text .nasty {position:relative; float:right;}
.nasty h1.ban.prods {float:left;}
}


/*******************************/
/*                             */
/*           200-400           */
/*                             */
/*******************************/
@media screen and (min-width: 200px)  and (max-width:400px){



.limit{margin:0% 3%; width:94%;}
.foot-mobile .mob-submit {}
.under-txt {display:none;}
.tiny-gap, .mob-only-gap {height:14px;}
h1.ban {font-size: 150%;}
p.ban {font-size: 80%; width:88%; font-weight:400; text-shadow: 1px 1px 1px rgba(255,255,255,0.8);}
h1.article {font-size:200%;}
.article p, .article ul li, p.dead-link  {font-size:105%;}
.colours1 p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p, .v-capt h3  {font-size:85%; padding-bottom:35px;}
.colours1, .colours2, .colours3, .colours4, .colours5, .colours6, .v-blok1, .v-blok2, .d-skin li {width:100%;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img, .v-blok1, .download {margin-bottom:15px;}
.top-ban-text-lower{top:50%; translateY:(-50%); }
.white-title {padding: 45px 0px;}
.white-title h2 {font-size:150%;}
.white-title p {font-size:87%; padding-top:17px; width:90%; margin-left:5%; margin-right:5%;}
#that-line, #that-line.top-one {height:2px;}
#that-line.top-one {margin-top:9px; margin-bottom:8px;}
.mo3 {padding:35px 0px;}
.mo3 h2 {font-size:170%; padding: 0% 7%; width:86%;}
.mo3 p {padding:19px 6% 20px 6%;width:88%;font-size:95%; }
p.feat-num {padding-top:9px; padding-bottom:13px; font-size:130%;}
.circle img{padding-bottom:25px; width:80%; width:80%; margin-left:10%; margin-right:10%;}
#the-map {max-height:350px !important;}
.col-1 p {font-size:80%;}
.news-i1, .news-i2{width:100%;}
.news-sum h2{font-size:120%;}
.news-sum p { font-size:78%;}
.news-pad{height:65px;}
.news-sum{padding-top:25px; padding-bottom:40px;}
.news-sum h2{width:99%; margin-left:auto;margin-right:auto;}
.news-sum p{width:90%; margin-left:auto;margin-right:auto;}
.news-wrap{margin-bottom:10px;}
div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf, a div.video-skin img.attachment-post-thumbnail {width:/*40*/46%; margin:0% /*30*/27%;}
div.video-skin a.big img.attachment-post-thumbnail {width:100%; margin:0%;}
div.download div.v-capt h3 {width:88%; padding-left:6%; padding-right:6%;}
.archives, .post-nav {width:92%; margin-left:4%; margin-right:4%;}
.prev-n p, .next-n p, .prev-n, a.post-nav-older h6, a.post-nav-older h5, a.post-nav-newer h6, a.post-nav-newer h5 {font-size:100%;}
a.post-nav-newer, a.post-nav-older {width:48%;}
table.sockets-top, table.sockets-bottom {width:auto; overflow:hidden;}
.sockets-top td, .sockets-bottom td {width:52px !important; overflow:hidden;}
.sockets-top td img, .sockets-bottom td img {width:44px; margin-left:3px;}
.sockets-top p, .sockets-bottom p {font-size:55%;}
.list-object {width:100%;padding-top:5px; padding-bottom:20px;}
}







@media screen and (min-width:401px) and (max-width:580px){


.thin-gap{height:10px;}
.tiny-gap, .mob-only-gap {height:10px;}
.foot-mobile .mob-submit {width:20%; margin:40px 40% 0% 35%;}
.limit {margin:0% 3%; width:94%;}
.wrap {float:left;}
.rollover-display-box {width:100%; margin-bottom:60px;}
.mo3 h2 {font-size:170%; padding: 0% 7%; width:86%;}
.mo3 {padding:35px 0px;}
.mo3 p {padding:11px 9% 22px 9%;width:82%;font-size:95%; }
h1.ban {font-size:170%;}
p.ban {font-size: 80%; width:37%; font-weight:400; text-shadow: 1px 1px 1px rgba(255,255,255,0.8);}
h1.article {font-size:200%;}
.article p, .article ul li, p.dead-link  {font-size:105%;}
.colours1 p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p, .v-capt h3  {font-size:85%; padding-bottom:40px;}
.colours1, .colours2, .colours3, .colours4, .colours5, .colours6, .v-blok1, .v-blok2, .d-skin li {width:100%;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img, .v-blok1, .download {margin-bottom:25px;}
.white-title {padding: 45px 0px;}
.white-title h2 {font-size:170%;}
.white-title p {font-size:90%; padding-top:17px; width:70%; margin-left:15%; margin-right:15%;}
.top-ban-text-lower {top:55%; transform:translateY(-50%);}
.tba2 h2 {font-size:200%;}
.tba2 p {font-size:90%; width:85%; padding-bottom:30px;}
p.feat-num {padding-top:9px; padding-bottom:13px; font-size:130%; width:82%;}
p.feat {padding-top:25px; line-height:1.4em; width:80%; padding-left:10%; padding-right:10%;}
p.feat-wide {padding-top:25px; line-height:1.4em; width:85%; padding-left:10%; padding-right:4%;}
#that-line, #that-line.top-one {margin-bottom:19px; margin-top:17px; width:65px; height:2px;}
#that-line.top-one {margin-top:9px; margin-bottom:8px;}
.tba2.dynamic {width:45%;}
.click3 {padding:8px 17px 7px 17px; font-size:90%;}
.circle img {padding-bottom:25px; width:70%; padding-right:15%; padding-left:15%;}
.namez label, .emailz label, .wpcf7-form label, input, textarea, input.wpcf7-submit{font-size:90%;}
.namez label, .emailz label, .subjez, .subjez label, .messaz textarea{margin-bottom:20px;}
.your-subject input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {width:100%;}
input.wpcf7-form-control.wpcf7-submit{width:20%; margin-left:40%; margin-right:40%; font-size:80%;}
.your-name input, .your-email input, .your-subject input, .your-message textarea{margin-top:10px;}
.col-1, .col-3{width:100%;}
.col-1 p{text-align:center; padding-bottom:30px;}
.under-txt {display:none;}
.para-hold2.mob {display:none;}
.para-hold2.des {display:inline;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:68%; padding-top:21px;}
.para1, .para2 {width:45%;}
.para1 {margin-right:2.5%;}
.para1b {width:50%;}
.para-hold2.des .para1, .para-hold2.des .para2, /*.para-hold2.des .para1b,*/ .para-hold2.des .para2b  {width:22%; margin-right:2.6% !important;}
.para-hold-r.label {margin-left:0px;}
#the-map{max-height:350px !important;}
.mappy{height:350px;}
.your-subject input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {width:100%;}
.col-1 p {font-size:80%;}
 .para-hold2.des .para1b.freak p {width:44%;}
.news-i1, .news-i2{width:100%;}
.news-sum h2 {font-size:125%;}
.news-sum p { font-size:82%;}
.news-pad{height:70px;}
.news-sum{padding-top:25px; padding-bottom:40px;}
.news-sum h2{width:97%; margin-left:auto;margin-right:auto;}
.news-sum p{width:88%; margin-left:auto;margin-right:auto;}
.news-wrap{margin-bottom:10px;}
div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf, a div.video-skin img.attachment-post-thumbnail {width:/*40*/40%; margin:0% /*30*/30%;}
div.video-skin a.big img.attachment-post-thumbnail {width:100%; margin:0%;}
div.download div.v-capt h3 {width:76%; padding-left:12%; padding-right:12%;}
.archives, .post-nav {width:92%; margin-left:4%; margin-right:4%;}
.prev-n p, .next-n p, .prev-n, a.post-nav-older h6, a.post-nav-older h5, a.post-nav-newer h6, a.post-nav-newer h5 {font-size:100%;}
a.post-nav-newer, a.post-nav-older {width:48%;}
table.sockets-top, table.sockets-bottom {width:auto; overflow:hidden;}
.sockets-top td, .sockets-bottom td {width:60px !important; overflow:hidden;}
.sockets-top td img, .sockets-bottom td img {width:44px; margin-left:8px;}
.sockets-top p, .sockets-bottom p {font-size:55%;}
.list-object {width:50%;padding-top:5px; padding-bottom:20px;}
}





@media screen and (min-width:471px) and (max-width:580px){p.ban {width:35%;}}

@media screen and (min-width:581px) and (max-width:730px){
.body-smaller {width:80%;}
div.tba2.range.wider, div.tba2.range.wider2 {width:75%;}
.tba2.range.freak .body-smaller {width:95% !important;}
.tba2.range.wider .body-smaller p {width:100%;}
.tba2.range.wider2 .body-smaller p {width:58% !important; line-height:1.35em !important;}
div.tba2.range.freak .body-smaller p {line-height:1.35em !important; width:95% !important;}
div.tba2.range.freak {width:38%; left:56%;}
.tba2.range.wide p {padding-bottom:15px;}
p.feat-wide {padding-top:5px !important;}
.circle img{display:none;}
.circle {height:1px; min-height: 1px; width:100%;}
.tba2.height p {width:95%; line-height:1.35em;}
.tba2.height p.seamless {width:98%; line-height:1.3em;}
p.feat {padding-top:0px;}
p.feat-num {padding-bottom:0px !important;}
#that-line {margin-top:10px !important; margin-bottom:10px !important; height:1px !important;}
.tba2.range.freak {left:53% !important; width:41% !important;}
}


@media screen and (min-width:581px){
.deskblock, .foot-mobile{display:none; visibility:hidden;}
/*.tpw-design {display:none;}*/
.theform {display:inline;}
.thin-gap{height:9px;}
.med-gap {height:38px;}
.deskmenu {width:78%; height:100px;}
.logo-desk {width:80px;padding-top:23px;}
.white-title {padding: 45px 0px;}
.white-title h2 {font-size:190%;}
.fifty.mo2, .fifty.mo3, .mo2{display:none;}
.dk2{display:inline; width:100%; height:auto; float:left;}
.dk2 img{display:inline; float:left; width:100%; height:auto;}
.tb2, .tba2{display:inline; float:left; height:auto;}
.tba2{width:45%; margin-left:5%;}
.tba2.range.wider {width:69%; padding-bottom:0; line-height:1.48em;}
.tba2.range.wider p {padding-bottom:20px;}
.tba2.range.wider2 {width:64%; padding-bottom:0; line-height:1.48em;}
img.mo2{display:none;}
.deskblock{display:none;}
.tb2{background:transparent;}
.titlesbox p {width:55%;}
.footform p{/*font-size:100%;*/}
.tba2.range.freak {left:61%;}
p.ban {width:35%;}
.awkward1 {width:52%;}
.awkward2 {width:46.3%;}
.awkward2, .awkward2-50 {float:right;}
.awkward1-50, .awkward2-50 {width:49.5%;}
.awkward3-1, .awkward3-2, .awkward3-3 {width:32.5%;}
.awkward3-1, .awkward3-2 {margin-right:1.2%;}
.tba2.height.desktop {display:inline; visibility:visible; float:left;}
.footlinkscentre.desk {display:inline; visibility:visible;}
.fifty.mo3.height.mob {display:none; visibility:hidden;}
.footlinkscentre.mobil {display:none; visibility:hidden;}
table.footform{}
.footformright span.ajax-loader{width:0px; height:0px; }
.footformright input.wpcf7-form-control.wpf7-submit{padding:0; margin:0; width:100%;}
.para-hold2.mob {display:none;}
.para-hold2.des {display:inline;}
.para-hold, .para-hold-r {width:50%;}
.para-hold-r {float:right; width:46.3%;}
.para-hold {float:left;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:68%; padding-top:21px; width:75%;}
.para-hold2.des .para1, .para-hold2.des .para2, .para-hold2.des .para1b, .para-hold2.des .para2b  {width:25%; margin-right:0%;}
.para1, .para2, .para1.p-twofive {width:50%;}
.para-hold-r.label {margin-left:0px; width:50%;}
p.p-fifty {width:50%;}
p.p-twofive {width:90%;}
.para1b.freak p {width:65%;}
.circle img{float:left;}
p.feat-wide {text-align:left;}
.footformlabel {position:relative;}
.theform {position:static;}
}





@media screen and (min-width:581px) and (max-width:800px){


.leveler-short {display:inline;}
.body-full {display:none;}
.body-smaller {display:inline;}
.limit{margin:0% 4%; width:92%;}
.tiny-gap {height:9px;}
.white-title {padding: 45px 0px;}
.white-title h2 {font-size:190%;}
.white-title p {font-size:97%; padding-top:17px; width:56%; margin-left:22%; margin-right:22%;}
h1.ban{font-size:200%;}
p.ban {font-size: 80%; width:35%; font-weight:400; text-shadow: 1px 1px 1px rgba(255,255,255,0.8);}
h1.article {font-size:225%;}
.article p, .article ul li, p.dead-link  {font-size:115%;}
.colours1 p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p, .v-capt h3  {font-size:85%; padding-bottom:40px;}
.colours1, .colours2, .colours3, .colours4, .colours5, .colours6 {width:49%;}
 .d-skin li {width:50%;}
.colours1, .colours3, .colours5 {margin-right:2%;}
.colours2, .colours4, .colours6 {float:right;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img {margin-bottom:22px;}
.top-ban-text-lower {top:55%; transform:translateY(-50%);}
.tba2 h2 {font-size:170%; width:100%;}
.tba2 p {padding: 0px 0px 15px 0px; width:90%; font-size:77%; }
p.feat-num {font-size:150%; padding-bottom:5px;}
p.feat {width:93%; padding-right:2%; line-height:1.3em;}
p.feat-wide {width:95%; padding-top:25px; padding-right:2%; line-height:1.3em;}
.click3 {padding:6px 16px; font-size:77%;}
#that-line {width:50px; margin-top:15px; margin-bottom:15px; height:2px;}
.circle img {padding-bottom:13px; width:60%; padding-right:30%;}
.mappy {height:350px;}
.your-subject input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {width:100%;}
.col-1 p {font-size:80%;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:68%; padding-top:21px; width:80%;}
.p-fifty p {width:82%;}
.p-twofive p {width:90%;}
.para1b.freak p {width:75%;}
div.tba2.range.freak {width:38%; left:56%;}
.tba2.range.wider2 .body-smaller p {width:63%;}
.tba2.range.freak .body-smaller p {width:85%;}
.footlinks {padding-top:40px; padding-bottom:0px;}
.footlinkscentre p a {font-size:45%; margin:0 5px;}
.tba2.range.wider p {width:63%;}
h1.ban.prods {float:right;}
.news-i1, .news-i2{width:100%;}
.news-sum h2 {font-size:150%;}
.news-sum p{font-size:95%;}
.news-pad{height:75px;}
.news-sum{padding-top:25px; padding-bottom:50px;}
.news-sum h2{width:90%; margin-left:auto;margin-right:auto;}
.news-sum p{width:85%; margin-left:auto;margin-right:auto;}
.news-wrap{margin-bottom:10px;}
.archives, .post-nav {padding: 10px 0px 30px 0px;}
div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf, a div.video-skin img.attachment-post-thumbnail {width:/*40*/62%; margin:0% /*30*/19%;}
div.video-skin a.big img.attachment-post-thumbnail {width:100%; margin:0%;}
div.download div.v-capt h3 {width:84%; padding-left:8%; padding-right:8%;}
.formrelative {left:50%; transform:translateX(-50%);}
.wpcf7-form-control-wrap.your-email {width:270px;}
.wpcf7-form-control.wpcf7-text {width:80%;}
.formrelative, .theform  {width:510px;}
.formrelative {height:30px;}
.theform {width:540px;}
.footform tbody tr {width:340px;}
.footformlabel {font-size:80%; top:5px;}
::-webkit-input-placeholder {font-size:75%;}
:-moz-placeholder {font-size:75%;}
::-moz-placeholder {font-size:75%;}
:-ms-input-placeholder {font-size:75%;}
.footformleft input.wpcf7-form-control.wpcf7-text  {font-size:/*75*/100%; padding-top:3px; }
table.footform {width:270px;}
td.footformleft {width:200px;}
td.footformright, .sender {width:70px;}
.submit-label {left:83%; font-size:80%; margin-top:2px;}
.archives, .post-nav {width:92%; margin-left:4%; margin-right:4%;}
.prev-n p, .next-n p, .prev-n, a.post-nav-older h6, a.post-nav-older h5, a.post-nav-newer h6, a.post-nav-newer h5 {font-size:100%;}
.copyright {padding-bottom:35px;}
a.post-nav-newer, a.post-nav-older {width:48%;}
.list-object {width:50%;padding-top:5px; padding-bottom:20px;}
}




@media screen and (min-width:681px){
h1.ban{font-size:220%;}
.tba2 h2{font-size:190%;}
.tba2 p{padding: 0px 0px 15px 0px; width:90%; font-size:75%; }
.click3{padding:6px 16px 5px 16px; font-size:85%;}
#that-line {width:55px; margin-top:20px; margin-bottom:15px;}
p.feat-num{font-size:150%; padding-bottom:5px;}
}
@media screen and (min-width:740px){
.para1 p, .para2 p, .para1b p, .para2b p {font-size:72%; padding-top:21px;}
.para-hold2.des .para1, .para-hold2.des .para2, .para-hold2.des .para1b, .para-hold2.des .
p.feat-num{font-size:150%; padding-bottom:5px;}
}

@media screen and (min-width:801px){



.slide, .glued .holder {display:none;}
.limit{margin:0% 4%; width:92%;}
.deskmenu, .deskblock{display:inline; visibility:visible;}
#that-line {margin-top:35px;}
p.ban {width:40%;}
p.feat {padding-top:25px;}
.thin-gap{height:20px;}
.med-gap{height:45px;}
.big-gap {height:80px;}
.tiny-gap {height:6px;}
img.swich-desk, .swich-desk, #homebannerDesk, img.swich-clear, .swich-clear {display:inline; float:left;}
img.swich-desk, .swich-desk, #homebannerDesk {width:100%;}
img.swich-mob, .swich-mob {display:none; position:absolute; top:0%; left:3%; width:94%; height:auto;}
.homebannerMobile {display:none;}
.page-banner {padding-bottom:53%; height:0%;}
.fifty {width:50%; height:auto; float:right;}
.colours1, .colours2, .colours3, .colours4, .colours5, .colours6 {width:32%; float:left;}
.colours1  p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p {width:100%; padding-bottom:40px;}
.colours1, .colours2,.colours4, .colours5 {margin-right:2%;}
.col-1 {width:33.3333%;}
.col-3 {width:66.6666%;}
.col-1 p {text-align:left; padding-bottom:0px;}
#the-map {max-height:500px !important;}
.namez {width:46%; float:left;}
.emailz {width:46%; float:right; position:absolute; left:53.5%; top:0%;}
.wpcf7-form-control-wrap {/*width:100%;*/}
/*	.your-name input, .your-email input, input.wpcf7-submit, .your-email input, .subjez{float:left;} */
input.wpcf7-form-control.wpcf7-submit {width:140px; margin-left:0%;}
.namez, .emailz, .subjez, .messaz {margin-bottom:10px;}
input.wpcf7-form-control.wpcf7-submit {margin-top:10px;}
.mappy {height:360px;}
.para1 p, .para2 p, .para1b p, .para2b p {padding-top:21px;}
/********* NEWS ***********/
.news-i2 {float:right; width:49%;}
.news-i1 {float:left; width:49%;}
.news-sum h2 {margin-left:auto;margin-right:auto;}
.news-sum p {margin-left:auto;margin-right:auto;}
.archives, .post-nav {padding: 10px 0px 30px 0px;}
.v-squeze {margin-left:10%;width:80%;}
.post-nav {width:95%; margin:0% 2.5%;}
.article p, .article ul li  {width:100%; line-height: 1.6em; margin:0px;}
h1.article {width:95%; margin:0% 2.5%;}
.tba2 p{padding: 0px 0px 25px 0px;}
.tba2 {top:51.5%;}
div.download div.v-capt h3 {padding-left:4%; padding-right:4%;}
}






@media screen and (min-width:801px) and (max-width:930px){



.body-full {display:none;}
.body-smaller {display:inline;}
.deskblock {margin-left:30px;}
.deskblock a {font-size:92%;}
.deskmenu {width:85%;}
.tiny-gap {height:6px;}
h1.ban {font-size:220%;}
p.ban {font-size: 90%; width:35%;}
h1.article {font-size:225%;}
.article p, .article ul li, p.dead-link  {font-size:115%;}
.colours1 p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p, .v-capt h3  {font-size:97%; padding-bottom:40px;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img {margin-bottom:22px;}
.download {margin-bottom:20px;}
.top-ban-text.right h1.ban, .top-ban-text-lower.right h1.ban {font-size:205%;}
.top-ban-text.right p.ban, .top-ban-text-lower.right p.ban {font-size: 85%; width:53%;}
.prev-n p, .next-n p {font-size:100%;}
.white-title {padding: 45px 0px;}
.white-title h2 {font-size:200%;}
.white-title p {font-size:97%; padding-top:20px; width:52%; margin-left:24%; margin-right:24%;}
.top-ban-text.right,  .top-ban-text-lower.right{left:45%; width:90%;}
.top-ban-text.right.freaky {left:59%;}
.tba2 h2{font-size:200%;}
.tba2 p {font-size:90%; width:92%; padding-bottom:30px;}
.tba2.range.wider p {width:61%; padding-bottom:12px; font-size:85%; line-height:1.45em;}
.tba2.range.wide p {width:95%; padding-bottom:12px;}
/*.tba2.range.freak {left:60%; width:40%;}*/
.tba2.range.freak p {width:96%;}
.body-smaller p {width:65%;}
p.feat-wide {font-size:85%;}
p.feat-num {font-size:150%; padding-bottom:10px;}
p.feat {width:80%; padding-top:30px; padding-right:6%; line-height:1.4em;}
p.feat-wide {width:92%; padding-top:30px; padding-right:6%; line-height:1.35em;}
#that-line{margin-bottom:11px; margin-top:15px; width:65px; height:2px;}
.tba2.dynamic {width:45%;}
.click3 {padding:8px 17px 7px 17px; font-size:90%;}
.circle img{padding-bottom:13px; padding-top:7px; width:55%; padding-right:38%;}
.col-1 p {font-size:97%;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:77%; /*padding-top:21px;*/ width:80%;}
.p-fifty p {width:82%;}
.p-twofive p {width:90%;}
.para1b.freak p {width:70%;}
div.tba2.range.freak {width:38%; left:56%;}
.footlinks {padding-top:60px; padding-bottom:0px;}
.footlinkscentre p a {font-size:51%; margin:0 11px;}
.news-pad{height:70px;}
.news-sum{padding-top:25px; padding-bottom:40px;}
.news-sum h2{width:90%;}
.news-sum p{width:95%;}
.news-wrap{margin-bottom:10px;}
.news-sum h2 {font-size:105%;}
.news-sum p {font-size:83%;}
div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf, a div.video-skin img.attachment-post-thumbnail {width:/*50*/70%; margin:0% /*25*/15%;}
div.video-skin a.big img.attachment-post-thumbnail {width:100%; margin:0%;}
div.download div.v-capt h3 {width:88%; padding-left:6%; padding-right:6%;}
::-webkit-input-placeholder {font-size:100%;}
:-moz-placeholder {font-size:100%;}
::-moz-placeholder {font-size:100%;}
:-ms-input-placeholder {font-size:100%;}
.footformleft input.wpcf7-form-control.wpcf7-text  {font-size:100%; padding-top:3px; }
.formrelative, .theform  {width:610px;}
.formrelative {height:30px;}
.theform {width:650px;}
.footform tbody tr {width:340px;}
table.footform {width:340px;}
td.footformleft {width:250px;}
td.footformright, .sender {width:95px;}
.copyright {padding-bottom:35px;}
a.post-nav-older h6, a.post-nav-older h5 , a.post-nav-newer h6, a.post-nav-newer h5 {font-size:100%;}
a.post-nav-newer, a.post-nav-older {width:48%;}
div.download div.v-capt h3 {font-size:85%;}
}






@media screen and (min-width:931px) and (max-width:1108px){



span.body-full.ergo {display:none;}
span.body-smaller.ergo {display:inline;}
span.body-smaller.ergo p {width:65%;}
.deskblock a{font-size:92%;}
.limit{margin:0% 4%; width:92%;}
.rollover-display-box{width:47%; margin:1% 1% 30px 1%;}
.med-gap{height:55px;}
.big-gap {height:80px;}
.tiny-gap {height:6px;}
h1.ban {font-size:225%;}
p.ban {font-size: 90%; width:39%;}
h1.article {font-size:240%;}
.article p, .article ul li, p.dead-link  {font-size:120%;}
.colours1 p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p, .v-capt h3  {font-size:98%;padding-bottom:40px;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img {margin-bottom:24px;}
.download {margin-bottom:30px;}
.white-title {padding: 45px 0px;}
.white-title h2 {font-size:215%;}
.white-title p {font-size:98%; padding-top:35px; width:46%; margin-left:27%; margin-right:27%;}
.prev-n p, .next-n p, a.post-nav-older h6, a.post-nav-older h5, a.post-nav-newer h6, a.post-nav-newer h5 {font-size:100%;}
.top-ban-text.right, .top-ban-text-lower.right{left:45%; width:90%;}
.top-ban-text.right.freaky {left:60%;}
.tba2 h2{font-size:215%;}
.tba2 p{font-size:90%; width:90%; padding-bottom:30px;}
.tba2.range.wider p, .tba2.range.wide p {padding-bottom:15px;}
p.feat {width:70%; padding-top:25px; font-size:85%;}
p.feat-wide {width:92%; padding-top:25px; font-size:85%;}
p.feat-num{font-size:150%; padding-bottom:13px;}
#that-line{margin-bottom:19px; margin-top:20px; width:65px;}
.tba2.dynamic{width:45%;}
.click3{padding:8px 17px 7px 17px; font-size:90%;}
.circle img{padding-bottom:21px; padding-top:5px; width:50%; padding-right:43%;}
.col-1 p {font-size:98%;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:77%; width:80%;}
.p-fifty p {width:82%;}
.p-twofive p {width:90%;}
.para1b.freak p {width:70%;}
div.tba2.range.freak {width:35%; left:59%;}
.footlinks {padding-top:60px; padding-bottom:0px;}
.footlinkscentre p a {font-size:53%; margin:0 11px;}
.news-sum h2 {font-size:120%; width:90%;}
.news-sum p {font-size:83%; width:90%;}
.news-pad {height:70px;}
.news-sum {padding-top:23px; padding-bottom:40px;}
.news-wrap{margin-bottom:10px;}
div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf, a div.video-skin img.attachment-post-thumbnail {width:/*50*/66%; margin:0% /*25*/17%;}
div.video-skin a.big img.attachment-post-thumbnail {width:100%; margin:0%;}
div.download div.v-capt h3 {width:88%; padding-left:6%; padding-right:6%;}
.formrelative, .theform  {width:610px;}
.formrelative {height:30px;}
.theform {width:650px;}
.footform tbody tr {width:340px;}
.footformlabel {top:5px;}
::-webkit-input-placeholder {font-size:100%;}
:-moz-placeholder {font-size:100%;}
::-moz-placeholder {font-size:100%;}
:-ms-input-placeholder {font-size:100%;}
.footformleft input.wpcf7-form-control.wpcf7-text  {font-size:100%; padding-top:3px;}
.footformright p {padding-top: 1px;}
table.footform {width:340px;}
td.footformleft {width:250px;}
td.footformright, .sender {width:95px;}
.copyright {padding-bottom:35px;}
div.download div.v-capt h3 {font-size:90%;}
}






@media screen and (min-width:1009px) and (max-width:1120px){


.limit{margin:0% 4%; width:92%;}
.rollover-display-box{width:48%; margin:1% 1% 55px 1%;}
.med-gap{height:65px;}
.big-gap {height:80px;}
.tiny-gap {height:6px;}
h1.ban, .tba2 h2 {font-size:260%;}
p.ban {font-size: 95%; width:40%;}
h1.article {font-size:250%;}
.article p, .article ul li, p.dead-link  {font-size:120%;}
.colours1 p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p, .v-capt h3  {font-size:98%;padding-bottom:50px;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img {margin-bottom:24px;}
.download {margin-bottom:30px;}
.white-title {padding: 55px 0px;}
.white-title h2 {font-size:260%;}
.white-title p {font-size:95%; padding-top:35px; width:40%; margin-left:30%; margin-right:30%;}
.prev-n p, .next-n p, a.post-nav-older h6, a.post-nav-older h5, a.post-nav-newer h6, a.post-nav-newer h5 {font-size:100%;}
.top-ban-text.right, .top-ban-text-lower.right{left:42%; width:90%;}
.top-ban-text.right.freaky {left:60%;}
/*.tba2 h2{font-size:260%;}*/
.tba2 p {font-size:95%; width:86%; padding-bottom:30px;}
.tba2.range.wider p {width:85%;}
.tba2.range.wider p, .tba2.range.wide p {padding-bottom:15px;}
p.feat-num {font-size:190%; padding-bottom:13px;}
p.feat {width:86%; padding-top:25px;}
p.feat-wide {width:90%; padding-top:25px; font-size:88%;}
p.wall-mt {width:65% !important;}
#that-line {margin-bottom:16px; margin-top:20px; width:70px;}
.tba2.dynamic {width:45%;}
.click3 {padding:8px 17px 7px 17px; font-size:95%;}
.circle img {padding-bottom:16px; width:55%; padding-right:38%;}
.col-1 p {font-size:98%;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:77%; width:83%;}
.p-fifty p {width:82%;}
.p-twofive p {width:88%;}
.para1b.freak p {width:70%;}
div.tba2.range.freak {width:35%;}
.footlinks {padding-top:60px; padding-bottom:0px;}
.footlinkscentre p a {font-size:56%; margin:0 11px;}
.news-sum h2 {font-size:130%; width:90%;}
.news-sum p {font-size:100%; width:95%;}
.news-pad{height:75px;}
.news-sum{padding-top:25px; padding-bottom:40px;}
.news-wrap{margin-bottom:10px;}
div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf, a div.video-skin img.attachment-post-thumbnail {width:/*48*/66%; margin:0% /*26*/17%;}
div.video-skin a.big img.attachment-post-thumbnail {width:100%; margin:0%;}
div.download div.v-capt h3 {width:82%; padding-left:9%; padding-right:9%;}
.formrelative, .theform  {width:610px;}
.formrelative {height:30px;}
.theform {width:650px;}
.footform tbody tr {width:340px;}
::-webkit-input-placeholder {font-size:100%;}
:-moz-placeholder {font-size:100%;}
::-moz-placeholder {font-size:100%;}
:-ms-input-placeholder {font-size:100%;}
.footformleft input.wpcf7-form-control.wpcf7-text  {font-size:100%; padding-top:4px; }
.footformleft span.wpcf7-form-control-wrap.your-email input.wpcf7-form-control.wpcf7-text {}
table.footform {width:340px;}
td.footformleft {width:250px;}
td.footformright, .sender {width:95px;}
.copyright {padding-bottom:35px;}
div.download div.v-capt h3 {font-size:93%;}
}






@media screen and (min-width:1121px) and (max-width:1200px){


.limit{margin:0% 4%; width:92%;}
.rollover-display-box{width:48%; margin:1% 1% 65px 1%;}
.med-gap{height:65px;}
.big-gap {height:80px;}
.tiny-gap {height:4px;}
.deskblock a {font-size:110%;}
.deskblock {margin-left:35px; margin-top:35px;}
h1.ban, .tba2 h2 {font-size:290%;}
p.ban {font-size: 100%; width:40%;}
.post-nav {width:90%; margin:0% 5%;}
.article p, .article ul li  {width:90%; margin:0px 5%;}
h1.article {font-size:250%;}
.article p, .article ul li, p.dead-link  {font-size:120%;}
.colours1 p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p, .v-capt h3  {font-size:95%; padding-bottom:50px;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img {margin-bottom:25px;}
.download {margin-bottom:40px;}
.white-title {padding: 57px 0px;}
.white-title h2 {font-size:290%;}
.white-title p {font-size:100%; padding-top:35px; width:40%; margin-left:30%; margin-right:30%;}
.prev-n p, .next-n p, a.post-nav-older h6, a.post-nav-older h5, a.post-nav-newer h6, a.post-nav-newer h5 {font-size:100%;}
.top-ban-text.right, .top-ban-text-lower.right{left:42%; width:90%;}
.top-ban-text.right.freaky {left:60%;}
/*.tba2 h2{font-size:290%;}*/
.tba2 p {font-size:100%; width:85%; padding-bottom:35px;}
.tba2.range.wider p, .tba2.range.wide p {padding-bottom:15px;}
.tba2.range.wider p {width:72%;}
.footform p {font-size:100%;}
p.feat-num {font-size:200%; padding-bottom:16px;}
p.feat {width:85%;%; padding-top:25px;}
p.feat-wide {width:90%; padding-top:25px; font-size:95%;}
.ergo p {width:65%;}
p.wall-mt {width:65% !important;}
#that-line {margin-bottom:28px; margin-top:26px; width:75px;}
.tba2.dynamic {width:45%;}
.click3 {padding:8px 17px 7px 17px; font-size:100%;}
.circle img {padding-bottom:22px; width:55%; padding-right:40%;}
.col-1 p {font-size:102%;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:79%; width:83%;}
.p-fifty p {width:82%;}
.p-twofive p {width:85%;}
.para1b.freak p {width:67%;}
div.tba2.range.freak {width:35%; left:59%;}
.footlinks {padding-top:60px; padding-bottom:0px;}
.footlinkscentre p a {font-size:56%; margin:0 11px;}
.news-sum h2 {font-size:155%;}
.news-sum p {font-size:95%;}
.news-pad{height:90px;}
.news-sum{padding-top:26px; padding-bottom:40px;}
.news-sum h2{width:90%;}
.news-sum p{width:95%;}
.news-wrap{margin-bottom:10px;}
div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf, a div.video-skin img.attachment-post-thumbnail {width:/*48*/62%; margin:0% /*26*/19%;}
div.video-skin a.big img.attachment-post-thumbnail {width:100%; margin:0%;}
div.download div.v-capt h3 {width:84%; padding-left:8%; padding-right:8%;}
.formrelative, .theform  {width:610px;}
.formrelative {height:30px;}
.theform {width:650px;}
.footform tbody tr {width:340px;}
::-webkit-input-placeholder {font-size:100%;}
:-moz-placeholder {font-size:100%;}
::-moz-placeholder {font-size:100%;}
:-ms-input-placeholder {font-size:100%;}
.footformleft input.wpcf7-form-control.wpcf7-text  {font-size:100%; padding-top:3px; }
table.footform {width:340px;}
td.footformleft {width:250px;}
td.footformright, .sender {width:95px;}
.copyright {padding-bottom:40px;}
div.download div.v-capt h3 {font-size:93%;}
}






@media screen and (min-width:1201px) and (max-width:1400px){


.limit{margin:0% 4%; width:92%;}
.rollover-display-box{width:31.2%; margin:1% 1% 45px 1%;}
.med-gap{height:65px;}
.big-gap {height:80px;}
.tiny-gap {height:2px;}
.deskblock a {font-size:110%;}
.deskblock {margin-top:35px;}
h1.ban, .tba2 h2 {font-size:295%;}
p.ban {font-size: 105%; width:38%;}
.article p, .article ul li, .post-nav  {width:90%; margin:0px 5%;}
h1.article {font-size:250%;}
.article p, .article ul li, p.dead-link  {font-size:120%;}
.prev-n p, .next-n p, a.post-nav-older h6, a.post-nav-older h5, a.post-nav-newer h6, a.post-nav-newer h5 {font-size:105%;}
.colours1 p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p, .v-capt h3  {font-size:105%; padding-bottom:50px;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img {margin-bottom:25px;}
.download {margin-bottom:40px;}
.white-title {padding: 65px 0px;}
.white-title h2 {font-size:310%;}
.white-title p {font-size:100%; padding-top:35px; width:38%; margin-left:31%; margin-right:31%;}
.top-ban-text.right, .top-ban-text-lower.right {left:44%; width:90%;}
.top-ban-text.right.freaky {left:60%;}
.tba2 p {font-size:105%; width:85%; padding-bottom:35px;}
.tba2.range.wider p, .tba2.range.wide p {padding-bottom:17px;}
.tba2.range.wider p {width:70%;}
.footform p {font-size:105%;}
p.feat-num {font-size:200%; padding-bottom:20px;}
p.feat {width:85%; padding-top:25px;}
p.feat-wide {width:90%; padding-top:25px; font-size:98%;}
.ergo p {width:65%;}
p.wall-mt {width:65% !important;}
#that-line {margin-bottom:35px; margin-top:31px; width:85px;}
.tba2.dynamic {width:45%;}
.click3 {padding:8px 18px 7px 18px; font-size:105%;}
.circle img {padding-bottom:27px; width:60%; padding-right:35%;}
.mappy {height:400px;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:79%; width:77%;}
.p-fifty p {width:78%;}
.p-twofive p {width:80%;}
.para1b.freak p {width:63%;}
div.tba2.range.freak {width:35%; left:59%;}
.footlinks {padding-top:60px; padding-bottom:0px;}
.footlinkscentre p a {font-size:58%; margin:0 11px;}
.news-sum h2 {font-size:160%; width:90%;}
.news-sum p {font-size:95%; width:95%;}
.news-pad{height:100px;}
.news-sum{padding-top:26px; padding-bottom:40px;}
.news-wrap{margin-bottom:10px;}
div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf, a div.video-skin img.attachment-post-thumbnail {width:/*48*/62%; margin:0% /*26*/19%;}
div.video-skin a.big img.attachment-post-thumbnail {width:100%; margin:0%;}
div.download div.v-capt h3 {width:86%; padding-left:7%; padding-right:7%;}
.formrelative, .theform  {width:610px;}
.formrelative {height:30px;}
.theform {width:650px;}
.footform tbody tr {width:340px;}
::-webkit-input-placeholder {font-size:100%;}
:-moz-placeholder {font-size:100%;}
::-moz-placeholder {font-size:100%;}
:-ms-input-placeholder {font-size:100%;}
.footformleft input.wpcf7-form-control.wpcf7-text  {font-size:100%; padding-top:3px; }
.col-1 p {font-size:102%;}
table.footform {width:340px;}
td.footformleft {width:250px;}
td.footformright, .sender {width:95px;}
.copyright {padding-bottom:40px;}
div.download div.v-capt h3 {font-size:95%;}
}






@media screen and (min-width:1401px) and (max-width:1600px){


.limit{margin:0% 4%; width:92%;}
.rollover-display-box{width:31.2%; margin:1% 1% 45px 1%;}
.med-gap{height:65px;}
.big-gap {height:80px;}
.tiny-gap {height:2px;}
.deskblock a {font-size:110%;}
.deskblock {margin-top:35px;}
h1.ban, .tba2 h2 {font-size:320%;}
p.ban {font-size: 107%; width:35%;}
.prev-n p, .next-n p, a.post-nav-older h6, a.post-nav-older h5, a.post-nav-newer h6, a.post-nav-newer h5 {font-size:105%;}
.article p, .article ul li, .post-nav {width:88%; margin:0px 6%;}
h1.article {font-size:250%;}
.article p, .article ul li, p.dead-link  {font-size:140%;}
.colours1 p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p, .v-capt h3  {font-size:107%; padding-bottom:55px;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img {margin-bottom:27px;}
.download {margin-bottom:50px;}
.white-title {padding: 65px 0px;}
.white-title h2 {font-size:330%;}
.white-title p {font-size:105%; padding-top:35px; padding-top:35px; width:36%; margin-left:32%; margin-right:32%;}
.top-ban-text.right, .top-ban-text-lower.right {left:45%; width:90%;}
.top-ban-text.right.freaky {left:60%;}
.tba2 p {font-size:115%; width:75%; padding-bottom:45px;}
.tba2.range.wider p, .tba2.range.wide p {padding-bottom:20px;}
.tba2.range.wider p {width:69%;}
.footform p {font-size:115%;}
p.feat-num {font-size:210%; padding-bottom:21px;}
p.feat {width:75%; padding-top:25px;}
p.feat-wide {width:80%; padding-top:25px;}
.ergo p {width:65%;}
p.wall-mt {width:65% !important;}
#that-line {margin-bottom:37px; margin-top:32px; width:85px;}
.tba2.dynamic {width:45%;}
.click3 {padding:8px 18px 7px 18px; font-size:115%;}
.circle img {padding-bottom:29px; width:60%; padding-right:35%;}
.mappy {height:400px;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:79%; width:71%;}
.p-fifty p {width:70%;}
.p-twofive p {width:76%;}
.para1b.freak p {width:57%;}
div.tba2.range.freak {width:36%; left:60%;}
.footlinks {padding-top:60px; padding-bottom:0px;}
.footlinkscentre p a {font-size:60%; margin:0 13px;}
.news-pad{height:110px;}
.news-sum{padding-top:26px; padding-bottom:55px;}
.news-sum h2{width:90%;}
.news-sum p{width:95%;}
.news-wrap{margin-bottom:10px;}
.news-sum p{font-size:105%;}
.news-sum h2 {font-size:170%;}
div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf, a div.video-skin img.attachment-post-thumbnail {width:/*44*/62%; margin:0% /*28*/19%;}
div.video-skin a.big img.attachment-post-thumbnail {width:100%; margin:0%;}
div.download div.v-capt h3 {width:86%; padding-left:7%; padding-right:7%;}
.formrelative, .theform  {width:610px;}
.formrelative {height:30px;}
.theform {width:650px;}
.footform tbody tr {width:340px;}
::-webkit-input-placeholder {font-size:100%;}
:-moz-placeholder {font-size:100%;}
::-moz-placeholder {font-size:100%;}
:-ms-input-placeholder {font-size:100%;}
.footformleft input.wpcf7-form-control.wpcf7-text  {font-size:100%; padding-top:3px;}
.col-1 p {font-size:110%;}
table.footform {width:340px;}
td.footformleft {width:250px;}
td.footformright, .sender {width:95px;}
.copyright {padding-bottom:40px;}
div.download div.v-capt h3 {font-size:95%;}
}






@media screen and (min-width: 1601px) and (max-width:1700px){	


.limit {margin:0% 4%; width:92%;}
.rollover-display-box {width:31.2%; margin:1% 1% 45px 1%;}
.med-gap {height:65px;}
.big-gap {height:80px;}
.tiny-gap {height:2px;}
.deskmenu {height:115px;}
.logo-desk {width:85px; padding-top:28px;}
.deskblock a {font-size:110%;}
.deskblock {margin-top:40px;}
h1.ban, .tba2 h2 {font-size:340%;}
p.ban {font-size: 125%; width:35%;}
.prev-n p, .next-n p, a.post-nav-older h6, a.post-nav-older h5, a.post-nav-newer h6, a.post-nav-newer h5 {font-size:105%;}
.article p, .article ul li, .post-nav {width:84%; margin:0px 8%;}
h1.article {font-size:250%;}
.article p, .article ul li, p.dead-link  {font-size:155%;}
.colours1 p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p, .v-capt h3  {font-size:120%; padding-bottom:55px;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img {margin-bottom:27px;}
.download {margin-bottom:60px;}
.white-title {padding: 75px 0px;}
.white-title h2 {font-size:340%;}
.white-title p {font-size:120%; padding-top:35px; width:34%; margin-left:33%; margin-right:33%;}
.top-ban-text.right, .top-ban-text-lower.right {left:47%; width:90%;}
.top-ban-text.right.freaky {left:60%;}
.tba2 p {font-size:120%; width:60%; padding-bottom:45px;}
.tba2.range.wider p, .tba2.range.wide p {padding-bottom:20px;}
.tba2.range.wider p {width:65%;}
.footform p {font-size:120%;}
p.feat-num {font-size:250%; padding-bottom:25px;}
p.feat {width:60%; padding-top:25px;}
p.feat-wide {width:64%; padding-top:25px;}
.ergo p {width:65%;}
p.wall-mt {width:65% !important;}
#that-line {margin-bottom:40px; margin-top:35px; width:95px;}
.tba2.dynamic {width:45%;}
.click3 {padding:8px 18px 7px 18px; font-size:120%;}
.circle img {padding-bottom:33px; width:65%; padding-right:30%;}
.mappy {height:465px;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:81%; width:67%;}
.p-fifty p {width:67%;}
.p-twofive p {width:71%;}
.para1b.freak p {width:50%;}
.footlinks {padding-top:80px; padding-bottom:0px;}
.footlinkscentre p a {font-size:61%; margin:0 16px;}
.news-sum h2 {font-size:180%; width:90%;}
.news-sum p {font-size:115%; width:95%;}
.news-pad {height:110px;}
.news-sum{padding-top:29px; padding-bottom:65px;}
.news-wrap{margin-bottom:10px;}
div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf, a div.video-skin img.attachment-post-thumbnail {width:/*38*/62%; margin:0% /*31*/19%;}
div.video-skin a.big img.attachment-post-thumbnail {width:100%; margin:0%;}
div.download div.v-capt h3 {width:82%; padding-left:9%; padding-right:9%;}
.formrelative, .theform  {width:610px;}
.formrelative {height:30px;}
.theform {width:650px;}
.footform tbody tr {width:340px;}
::-webkit-input-placeholder {font-size:100%;}
:-moz-placeholder {font-size:100%;}
::-moz-placeholder {font-size:100%;}
:-ms-input-placeholder {font-size:100%;}
.footformleft input.wpcf7-form-control.wpcf7-text  {font-size:100%; padding-top:3px;}
.col-1 p {font-size:110%;}
table.footform {width:340px;}
td.footformleft {width:250px;}
td.footformright, .sender {width:95px;}
.copyright {padding-bottom:40px;}
div.download div.v-capt h3 {font-size:98%;}
}


@media (min-width:1701px){


.limit{margin:0% 4%; width:92%;}
.rollover-display-box {width:31.2%; margin:1% 1% 45px 1%;}
.med-gap {height:65px;}
.big-gap {height:80px;}
.tiny-gap {height:2px;}
.deskmenu {height:115px;}
.logo-desk {width:85px; padding-top:28px;}
.deskblock a {font-size:110%;}
.deskblock {margin-top:40px;}
h1.ban, .tba2 h2 {font-size:360%;}
p.ban {font-size: 130%; width:30%;}
.prev-n p, .next-n p, a.post-nav-older h6, a.post-nav-older h5, a.post-nav-newer h6, a.post-nav-newer h5 {font-size:110%;}
.article p, .article ul li, .post-nav {width:84%; margin:0px 8%;}
h1.article {font-size:250%;}
.article p, .article ul li, p.dead-link  {font-size:155%;}
.colours1 p, .colours2 p, .colours3 p, .colours4 p, .colours5 p, .colours6 p, .v-capt h3  {font-size:125%; padding-bottom:60px;}
.colours1  img, .colours2 img, .colours3 img, .colours4 img, .colours5 img, .colours6 img {margin-bottom:29px;}
.download {margin-bottom:70px;}
.white-title {padding: 85px 0px;}
.white-title h2 {font-size:340%;}
.white-title p {font-size:125%; padding-top:35px; width:34%; margin-left:33%; margin-right:33%;}
.top-ban-text.right, .top-ban-text-lower.right {left:50%; width:90%;}
.top-ban-text.right.freaky {left:60%;}
.tba2 p {font-size:125%; width:58%; padding-bottom:45px;}
.tba2.range.wider p, .tba2.range.wide p {padding-bottom:24px;}
.tba2.range.wider p {width:60%;}
.footform p {font-size:125%;}
p.feat-num {font-size:200%; padding-bottom:40px;}
p.feat {width:58%; padding-top:25px;}
p.feat-wide {width:61%; padding-top:25px;}
.ergo p {width:65%;}
p.wall-mt {width:65% !important;}
#that-line {margin-bottom:40px; margin-top:35px; width:95px;}
.tba2.dynamic {width:45%;}
.click3 {padding:8px 18px 7px 18px; font-size:125%;}
.mappy {height:465px;}
.para1 p, .para2 p, .para1b p, .para2b p {font-size:81%; width:65%;}
.p-fifty p {width:65%;}
.p-twofive p {width:69%;}
.para1b.freak p {width:48%;}
.footlinks {padding-top:80px; padding-bottom:0px;}
.footlinkscentre p a {font-size:63%; margin:0 16px;}
.news-sum h2 {font-size:195%;}
.news-sum p {font-size:115%;}
.news-pad {height:115px;}
.news-sum {padding-top:26px; padding-bottom:55px;}
.news-sum h2 {width:90%;}
.news-sum p {width:95%;}
.news-wrap {margin-bottom:10px;}
.circle img {padding-bottom:39px; width:75%; padding-right:20%; max-width:700px;}
div.fixer-p div.content-wrap div.v-squeze div.limit div.d-skin ul li div.download div.r-blok div.video-skin a img.pdf, a div.video-skin img.attachment-post-thumbnail {width:/*38*/62%; margin:0% /*31*/19%;}
div.video-skin a.big img.attachment-post-thumbnail {width:100%; margin:0%;}
div.download div.v-capt h3 {width:84%; padding-left:8%; padding-right:8%;}
.formrelative, .theform  {width:610px;}
.formrelative {height:30px;}
.theform {width:650px;}
.footform tbody tr {width:340px;}
::-webkit-input-placeholder {font-size:100%;}
:-moz-placeholder {font-size:100%;}
::-moz-placeholder {font-size:100%;}
:-ms-input-placeholder {font-size:100%;}
.footformleft input.wpcf7-form-control.wpcf7-text  {font-size:100%; padding-top:3px;}
.col-1 p {font-size:110%;}
table.footform {width:340px;}
td.footformleft {width:250px;}
td.footformright, .sender {width:95px;}
.copyright {padding-bottom:45px;}
div.download div.v-capt h3 {font-size:100%;}
}


@media (min-width:1901px){
	h1.ban, .tba2 h2 {font-size:450%;}
	.tba2 p {font-size:170%; line-height:1.55em;}	
	p.ban {font-size: 140%; width:30%;}
}