/*
Theme Name: designing4agesWP
Theme URI: http://www.designing4ages.com
Author: designing4ages
Author URI: http://www.designing4ages.com
Description: designing4agesWP is our framework to start building your site on.
Version: 1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, grey, responsive, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, mobile, iphone, android, webkit, css3, transitions, custom-fonts, minimalism
-----------------------------------------------------------*/
html {margin: 0; padding: 0; background:#fff; font-size:90%;}

body {margin: 0; padding: 0; font-size: 62.5%; line-height: 1.3em; font-family: 'Open Sans',sans-serif; font-weight:light}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

header { width: 100%; padding:13px 0 16px 0; min-height:70px; max-height:70px; /*overflow:hidden;*/ border-bottom:1px solid #e2e2e2; background:#fff;-webkit-box-shadow: 0 6px 10px -2px #F2F2F2;z-index: 100;   -moz-box-shadow: 0 6px 10px -2px #F2F2F2;      box-shadow: 0 6px 10px -2px #F2F2F2; }

#n,#n1{ transition: opacity 0.2s ease;}/*opacity:0.6; 
#n:hover{opacity:1;  transition: opacity 0.2s ease;}*/


.style1{display:block !important}
.style{display:none !important}
.social{ display: inline-block; background: url(https://www.designing4ages.co.uk/wp-content/uploads/2014/07/download.png) no-repeat; margin-bottom: -3px; margin-left:2px; overflow: hidden; text-indent: -9999px; text-align: left; }

.social.twitter{background-position: -2px -42px; width: 19px; height: 19px; margin-left:5px;}
.social.twitter:hover{background-position: -23px -0px; width: 19px; height: 19px;}

.social.facebook{background-position: -23px -21px; width: 19px; height: 19px;}
.social.facebook:hover{background-position: -2px -0px; width: 19px; height: 19px;}

.social.google{background-position: -23px -42px; width: 19px; height: 19px;}
.social.google:hover{background-position: -2px -21px; width: 19px; height: 19px;}

.review{position:relative;display:inline-block; margin:1%; width:23%; height:190px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.review span{background:rgba(0,0,0,0.5); position:absolute; bottom:0; right:0; padding:8px; color:#fff}

.review.facebook{background:#4a6ea9 url(https://www.designing4ages.co.uk/wp-content/uploads/2015/12/review_facebook.png) no-repeat center center;}
.review.google{background:#df4f3f url(https://www.designing4ages.co.uk/wp-content/uploads/2015/12/review_google.png) no-repeat center center;}
.review.twitter{background:#5da7da url(https://www.designing4ages.co.uk/wp-content/uploads/2015/12/review_twitter.png) no-repeat center center;}
.review.yelp{background:#ff0000 url(https://www.designing4ages.co.uk/wp-content/uploads/2015/12/review_yelp.png) no-repeat center center;}

.portal-status{text-transform:uppercase}
/*SEO HIDE
#menu-item-1847{display:none !important}
#seoblock{display:none !important}*/
/*END SEO HIDE*/

/*ol, ul { list-style: none; }*/

/*.phonenumber{float:right; font-size:1.5em; color:#bfbfc0; margin-top:12px;}
.phonenumber{float:right; font-size:1.4em; color:#bfbfc0; margin-top: 11px;margin-bottom: -4px;}*/
.phonenumber{float:right; font-size:1.4em; color:#bfbfc0;     margin-top: -12px;    margin-bottom: 15px;}
.phonenumber .spec{font-size:10px; font-style:normal; color:#afafaf; box-sizing: border-box; padding:8px 5px 5px; margin-right:0px; display:inline-block }
.phonenumber .spec a{color:#afafaf; text-decoration:none; margin:0 3px}
.phonenumber .spec a:hover{color:#ef46a9;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,

q:before, q:after { content: ''; content: none; }

blockquote{    padding: 15px 25px;
    margin: 10px 0 40px;
    border: 1px dashed #ccc;
    text-align: center;
}

blockquote p,blockquote h3{margin:9px !important}


table { border-collapse: collapse; border-spacing: 0; }

img { border: 0; max-width: 100%; }

h1{color: #2b2b2b; font-size:4.2em; font-weight:300}
/*h2{color: #2b2b2b; font-size:3.8em; font-weight:300; line-height: 2.6em;}*/
h2{color: #383737; font-size: 3.44em;  font-weight: 400;}
h3{color: #ef46a9;font-size: 2em;font-weight: 600;text-transform: uppercase; line-height:2.1em}
h4{font-size: 2em;    font-weight: 700;    font-style: italic;    color: #EF46BB;}
.post h2,.post h3{line-height:1.2em;}
/*.post h2:not(:first-child),.post h3:not(:first-child) {margin-top: 2.2em;}*/
.post p{margin-bottom: 2.1em;} /*color:#000*/

h3 img,h2 img{margin-top:10px}

p,li{color:#666666; font-size:1.8em; font-weight:400;  line-height: 1.75em;} /*font-weight:300;*/
#breadcrumbs{font-size:1.2em; opacity:0.5}
#breadcrumbs:hover{opacity:1}
li{font-size:1.6em; margin-bottom:10px;}
li ol, li ul{margin-top:10px;}
li li{font-size:1em;}
.rpt_style_basic .rpt_plan .rpt_title img{float:right;width: 60px;margin-left: -20px;height: 60px;margin-top: -30px;margin-right: -30px !important}

a {text-decoration: none;color: #ef46a9;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;}
a:hover {text-decoration: none;}

.ser_but{padding: 6px 30px;background: #ef46a9;color: #FFFFFF;float:right;text-transform: uppercase;font-weight: 300;font-size: 0.8em; margin-top:10px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.dottedbox{border: 1px dashed #ccc;
    padding: 18px 42px 43px;
    margin-bottom: 35px;}
	
.dottedbox img{float: left;max-height: 92px; width: auto; margin-right: 20px;}	
.dottedbox .ser_but{margin-right:10px; background:#737373; margin-top:13px; clear: both;}

	
.vCard span, .vCard abbr, .vCard time{color:#666666; font-size:1.8em; font-weight:300;  line-height: 1.75em;}
.email{ font-size:1.8em; font-weight:300;  line-height: 1.75em;}

.inputspec{width: 100% !important;box-sizing: border-box;-moz-box-sizing: border-box;padding: 6px;}

.revelbox{padding:15px 20px; font-size:1.7em; background:#eaeaea; font-weight:bold; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-bottom:15px;} /*DEE3EC*/
.revelbox span{float:right;font-weight:normal}
.revelbox div{clear:both; background:#fff; font-size:0.6em; padding: 10px 26px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-top: 20px;}

/** page wrapping **/
.contact1,.contact2{float:left; width:48%;}
.contact2{margin-left:3%; border:1px dashed #ccc; padding:12px 5% 0; width:38%; }
.contact2 p{margin-bottom:0em}
.contactFormBorder label{color:#666666; font-size:1.5em; font-weight:300;  line-height: 1.5em;}
.ufo-form input,.ufo-form span,.ufo-form select,.ufo-form textarea{width:100% !important;box-sizing: border-box; -moz-box-sizing: border-box; padding:6px;}
.ufo-form textarea{height:150px !Important}
.ufo-form button{padding: 13px 30px;
background: #ef46a9;
color: #FFFFFF;
margin:10px 0 !important; border:none; float:right;
text-transform: uppercase;
font-weight: 300;
font-size: 1.3em;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.ufo-form-submit-success{font-size:1.8em; font-weight:300;  line-height: 1.75em;}
/*.wrapper { max-width: 950px; margin: 0 auto; }*/
.wrapper{max-width: 1040px;
    margin: 0 auto;
    padding: 0 30px;box-sizing: border-box; -moz-box-sizing: border-box;}

#top1{width:44px;height:44px; margin:-34px auto 10px; border:0 !Important;position:relative; z-index:100;  display: block; cursor:pointer; cursor:hand }


.coms,.coms li, .coms .children{list-style:none; padding:0; margin:0}
.comment-author img{float:left; margin-top:6px; margin-right:15px;}
.comment-reply-link{display:none}

/*.coms > li:first-child{
   display: none;
}*/
.youtube-container { display: block; margin: 20px auto; width: 100%; max-width: 600px; }
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 0; overflow: hidden; position: relative;  height: 100%; cursor: hand; cursor: pointer; display: block; background:transparent; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto; opacity:0.8 }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("https://www.designing4ages.co.uk/wp-content/uploads/2015/07/TxzC70f.png") no-repeat; }
#youtube-iframe { width: 100%; height: 102%; position: absolute; top: 0; left: 0; }

.coms li, .ibox textarea.disabled{padding: 15px 20px;
font-size: 1.5em; border:none;
background: #eaeaea;
font-weight: bold;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-bottom: 15px;}
.ibox{position:relative}
.ibox .qabox{display:inline-block; background:#000; color:#fff; font-size:1.3em; padding:6px 10px; border-top-right-radius:4px; position:absolute; top:0; right:0}

.ibox .qabox a.fancybox, a.comment_img{	position:relative; overflow:hidden; background-size:contain; background-repeat:no-repeat; background-position:center center;
	background-color:#fff;
    width: 18%;
    height: 70px;
    max-width: 18%;
    max-height: 200px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	overflow:hidden;
	margin:1%;display: block;
	float:left;
 }
 
 .images_uploaded_outer{ width: 100%; display:none; margin-top: 0 !important; box-sizing: border-box; -moz-box-sizing: border-box;    border: 1px dashed #ccc;    min-height: 89px;    margin-bottom: 10px;
 background-repeat:no-repeat !important; background-position:center center !important;}
 
 .ibox:after, .comment-body p:after, .images_uploaded_outer:after{
	 visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;}

.ibox .qabox a.fancybox:after, a.comment_img:after{   content: "View";
    height: 20px;
	display:block;
	position:absolute; border-bottom-right-radius:4px;
	bottom:0px;
	background:rgba(0,0,0,0.5);
	color:#fff;
padding: 4px 15px 1px;
    right: 0px;
    font-size: 11px;
	
}
.ibox .qabox a.fancybox img, a.comment_img img{background: #fff; max-width:200px; max-height:200px; border-radius:4px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}

.ibox textarea{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;width:100%; height:150px;padding: 15px 120px 15px 20px;  box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Open Sans',sans-serif;}


.coms li p{font-size: 1em;}

.coms li ul li{font-size: 1.0em;
background: #fff;
}



                    .index1cont{text-align:center; max-width:895px; margin:auto; margin-top:12px}
					.index1cont .box{display:inline-block; background:#f2f2f2; padding:20px 15px; font-size:1.3em; text-transform:uppercase;margin-bottom: 10px;}
					.index1cont .special{background:#ef46a9; color:#FFFFFF; cursor:pointer; cursor:hand; transition: padding-left 0.2s ease; padding-left:20px;}
					.index1cont .special:hover{  transition: padding-left 0.2s ease; padding-left:25px}					
					.index1cont .vidsurround{overflow: hidden;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);background:transparent; position:relative; z-index:1000; margin:auto; width:415px; height:230px;float:left;}
					.index1cont .vidsurround iframe{height:102%; margin-top:-2px}

					.index1cont .left1{width:230px; height:167px; float:left; position:relative; z-index:99;margin-top: 28px;}
					.index1cont .left1 .box{float:right;-webkit-border-top-left-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-bottomleft: 4px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
					
					.index1cont .right1{width:250px; height:167px; float:left; position:relative; z-index:99;margin-top: 28px;}
					.index1cont .right1 .box{float:left;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}


/*Pricing Table*/

.rpt_style_basic .rpt_plan .rpt_title {
/* border-bottom: #111 solid 1px; */
background: #ef46a9 !important;text-shadow: 0px 0px 3px rgba(150, 150, 150, 1);
padding: 14px 18px;
font-size: 26px;
color: #fff;
text-align: center;
line-height: 48px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.rpt_style_basic .rpt_plan .rpt_title{text-align:center}
.rpt_style_basic .rpt_plan .rpt_head .rpt_price .rpt_currency {top: -19px !important}
.rpt_style_basic .rpt_plan .rpt_head .rpt_recurrence {padding: 20px 40px 0 !important;}
.rpt_style_basic .rpt_plan .rpt_features .rpt_feature {font-size: 13px!important; padding: 13px 16px !important;}
.rpt_style_basic .rpt_plan .rpt_foot {padding: 20px 30px !important;}
.rpt_foot {margin-top: -20px !important;}
.price_learn {foogont-size: 14px;text-align: center;background: #666666;position: relative;color: #fff;width: 100%;display: block;padding: 7px 0;margin-top: -21px;}
.price_learn:hover {color:#fff}

.logo{
	width:248px; height:61px; margin-top:5px; float:left;
	background-repeat:no-repeat;
	background-image:url(https://www.designing4ages.co.uk/wp-content/uploads/2015/09/designing4ages-logo.png);
	transition: background-image 0.5s;
	background-position: -0px -61px;display: inline-block; overflow: hidden; text-align: left;}
	
.logo a{overflow: hidden;
    text-indent: -9999px;
    text-align: left; display:block; width:248px; height:61px;}	
 
.logo:hover{background-image:url(https://www.designing4ages.co.uk/wp-content/uploads/2015/09/designing4ages-logo.png);	background-position: -0px -0px; 	transition: background-image 0.5s;	}
 
.rpt_description {color:#d3d3d3 !important}
.rpt_price span{top: -20px !important;font-size: 48px !important;position: relative;}

/*#mainbody { display: block; z-index: auto; width: 100%; clear:both; position:relative;  top:-38px; }*/
#mainbody { display: block; z-index: auto; width: 100%; clear:both; position:relative;  }

.note{font-size:11px; font-weight:bold; font-style:italic}
 #stickyheader {
                        width: 100%;
                        height: 38px;
						position:relative;
						z-index:100;
						top:0;
}
 #stickyheader div {
                        width: 100%;
						max-width:900px;
						margin:auto;
                        height: 38px;
						background:url(https://www.designing4ages.co.uk/wp-content/uploads/2014/07/wavy-top.png) no-repeat top left;						}
				
 #stickyheader a.FQ{
 padding:13px 20px; background:#ef46a9; transition: padding 0.2s ease; color:#FFFFFF; float:right;text-transform: uppercase;
font-weight: 300; font-size:1.3em;-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
 }
 #stickyheader a.FQ:hover,  #stickyheader a.BTT:hover{ text-decoration:none; transition: padding-top 0.2s ease; padding-top:14px !Important}
 
 #stickyheader a.BTT{
 padding:13px 20px; background:#eaeaea; color:#666; float:right;text-transform: uppercase;
font-weight: 300; font-size:1.3em; margin-right:10px; display:none;-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
                #stickyalias {
                  display: none;
                  height: 10px;
                }

/*maintop{padding:60px 0 0 0; width:100%; clear:both; background:url(https://www.designing4ages.co.uk/wp-content/uploads/2014/07/wavy-middle.png) no-repeat center bottom  }*/
.maintop{padding:40px 0 0 0; width:100%; clear:both; background:#f1f1f1 url(https://www.designing4ages.co.uk/wp-content/uploads/2016/01/1080000-bck2.png) no-repeat top right; background-size:contain}

#stickyheader.cnt{visibility:hidden}


/*.maintop p{background:#FFF}*/
.buttoncta{
 padding:13px 20px; background:#ef46a9; color:#FFFFFF; float:right;text-transform: uppercase;
font-weight: 300; font-size:1.3em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
 }
#comment-image-wrapper{clear:none !important; width:auto !important}
.comment-image img{width:auto !important}
.buttonctagen{
 padding:13px 20px; background:#ef46a9; color:#FFFFFF; float:right;text-transform: uppercase;
font-weight: 300; font-size:0.9em;
margin-bottom:15px; text-align:center;
-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
 box-sizing: border-box; -moz-box-sizing: border-box;
 width:100%
 }
 
 .buttonctagen-inline{	  padding:10px 20px; background:#ef46a9; color:#FFFFFF; text-transform: uppercase;font-weight: 300; font-size:0.8em; box-sizing: border-box; -moz-box-sizing: border-box;	 display:inline-block; width:auto; margin:0 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
	 
/*
.portal-table {overflow:auto; -webkit-border-radius: 8px;    -moz-border-radius: 8px;    border-radius: 8px;}	 
.portal-table table { overflow:hidden;}
.portal-table table td{padding:10px; font-size: 1.2em;}
.portal-table table tr{background:#eaeaea}
.portal-table table tr.heading{background:#D0D0D0; font-weight:bold}
*/

.portal-table {overflow:auto; -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;}	 
.portal-table table { overflow:hidden;}
.portal-table table td{padding:11px 13px; font-size: 1.4em;}
.portal-table table tr{background:#d0d8e7;  border-bottom: 1px solid #fff;}
.portal-table table tr.heading{background:#4f81bd; color:#fff; font-weight:bold}
.portal-table table tr:last-child{border-bottom: none !important;}


.dashedforstep{border:1px dashed #ccc; margin-bottom:20px}
.dashedforstep div{padding:15px; border-left:30px solid #ef46a9;}
.dashedforstep div .no{float: left;margin-left: -33px;font-size: 1.3em;margin-top: -4px;line-height: 1.5em;color: #FFFFFF;}
.dashedforstep div .todo{clear:left; font-size:1.4em}

.sideno{margin:0; padding:0; list-style:none}
.sideno li{list-style:none}

.ctabot {margin:25px 0 40px; box-shadow: 0 6px 10px -2px #F2F2F2;  border:1px solid #ECECEC; background:#F9F9F9;text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
.ctabot h3{font-size: 1.1em;}
.ctabot .buttoncta{font-size:1em; float:none; margin-left:10px; margin-top:20px; margin-bottom:20px}

.maintop:after {
    content: "";

    height: 1px;

background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(218, 218, 218,1) 20%, rgba(218, 218, 218,1) 80%, rgba(0,0,0,0) 100%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)),color-stop(20%,rgba(218, 218, 218,1)), color-stop(80%,rgba(218, 218, 218,1)), color-stop(100%,rgba(0,0,0,0)));

background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(218, 218, 218,1) 20%,rgba(218, 218, 218,1) 80%,rgba(0,0,0,0) 100%);

background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(218, 218, 218,1) 20%,rgba(218, 218, 218,1) 80%,rgba(0,0,0,0) 100%);

background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(218, 218, 218,1) 20%,rgba(218, 218, 218,1) 80%,rgba(0,0,0,0) 100%);

background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(218, 218, 218,1) 20%,rgba(218, 218, 218,1) 80%,rgba(0,0,0,0) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );

display: block;
margin-bottom: 10px;
    margin-top: 80px;

}

#navbar { display: none; }
#navbar1 { display: none; }


nav { display: block; float:right; clear:right;}/* padding-top:8px */

#n ul,#n1 ul { 

display: block; 

}
/*.cta1{padding:15px; margin:10px; border:1px dashed #ccc;}*/
.cta1{padding: 10px 29px 0;
    margin: 10px;
    border: 1px dashed #ccc;
    text-align: center;}

.cta1 h3{line-height:1.3em !important}
.small{font-size:1.5em !important}
.alignleft {float:left; margin-right:35px}
.alignright {float:right; margin-left:35px}

img.alignleft,img.alignright{border:6px solid #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.61);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.61);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.61);}

.port_hover{border:6px solid #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.61);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.61);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.61);}

.norm {border:none !important; box-shadow:none !important;-webkit-box-shadow:none!important}

/*.maintop .wrapper{ text-align:center; width:720px; max-width:720px; margin:auto}*/
.maintop .wrapper{ text-align:center;  max-width:880px; margin:auto; text-shadow:0px 0px 1px #999; padding:0}
.maintop .wrapper h2{color: #2b2b2b; font-size:4.2em; font-weight:300; line-height: 1.2em;}
.maintop .wrapper p{font-weight:400;}
.maintop img{border: none;    box-shadow: none;    -webkit-box-shadow: none;}


#the-sticky-div.sticky {
     position: fixed;
     top: -4px;    
	 z-index:9000;
  }
 #the-sticky-div.sticky.right {max-width: 298px;}
 
#n ul li,#n1 ul li { display: inline-block; position: relative; font-size: 1.3em; font-weight: bold;  box-sizing: border-box; -moz-box-sizing: border-box; } /*text-shadow: 0px 1px 0px #fff; */
#n ul li a,#n1 ul li a { display: block; padding: 0px 0px 0px 23px; color: #777; text-transform:uppercase; font-weight:300}
#n ul li a[title="FreeQuote"] {color:#ef46a9}

#n ul li a:hover,#n1 ul li a:hover { color: #fff; text-decoration: none; }

#n ul li ul,#n1 ul li ul { display: none;  margin: 0; position: absolute; top: 17px; padding-top:5px; zoom: 1; z-index: 9999; margin-left: -30px;} /*border-bottom: 1px solid #e2e2e2;background: #fff;-webkit-box-shadow: 0 6px 10px -2px #F2F2F2;-moz-box-shadow: 0 6px 10px -2px #F2F2F2;box-shadow: 0 6px 10px -2px #F2F2F2;*/
#n ul li ul li,#n1 ul li ul li { display: block; width: 12em!important; margin-top:8px }
#n ul li ul li a,#n1 ul li ul li a { background: #fff; padding:0 6px !important; font-size:10px !important }

#n ul li:hover > ul,#n1 ul li:hover > ul { display: block; }
#n ul li:hover > a,#n1 ul li:hover > a { text-decoration: none; }
.sub-menu li{margin-bottom:2px !important}
.sub-menu li a::before{content: "\2192 "; padding-right:5px}

/** posts **/
#content { width: 100%; position: relative; padding-top:20px; padding-bottom:40px; background:url(https://www.designing4ages.co.uk/wp-content/uploads/2014/07/wavy-bottom.png) no-repeat bottom right;	
}

#main { display: block; width: auto; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0 12px; }
.header_tb td{padding:10px; background:#4f81bd; color:#fff; font-weight:bold; border-bottom:1px solid #fff}
.body_tb td{padding:10px; background:#4f81bd; border-bottom:1px solid #fff} /*d0d8e7*/
.body_tb1 td{padding:10px; background:#DEE3EC; border-bottom:1px solid #fff; color:#696969}
.footer_tb td{padding:10px; background:#ef46a9;color:#fff;  border-bottom:1px solid #fff}
  .footer_tb.white td{padding:10px; background:#f2f2f2;color:#666; }

/** footer **/

footer { width: 100%; padding:13px 0 16px 0; border-top:1px solid #e2e2e2; background:#fff;-webkit-box-shadow: 0 -6px 10px -2px #F2F2F2;

   -moz-box-shadow: 0 -6px 10px -2px #F2F2F2;

        box-shadow: 0 -6px 10px -2px #F2F2F2; }

footer .vCard{margin-top:13px;}
footer .vCard span, footer .vCard abbr,footer .vCard time,footer .email,footer p{font-size:1.4em !important;}

.footer_but{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);   -o-filter: grayscale(100%);  filter: gray; 

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

  /* IE 5-7 */
  filter: alpha(opacity=20);

  /* Netscape */
  -moz-opacity: 0.2;

  /* Safari 1.x */
  -khtml-opacity: 0.2;

  /* Good browsers */
  opacity: 0.2;
  
    -webkit-transition: opacity 0.3s ease-out;
       -moz-transition: opacity 0.3s ease-out;
         -o-transition: opacity 0.3s ease-out;}
  
  .footer_but:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);  -ms-filter: grayscale(0%);   -o-filter: grayscale(0%);  filter:none; 

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";

  /* IE 5-7 */
  filter: alpha(opacity=1);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Good browsers */
  opacity: 1;
   opacity: 1;
  -webkit-transition: opacity 0.3s ease-in;
       -moz-transition: opacity 0.3s ease-in;
         -o-transition: opacity 0.3s ease-in;  }

.sharer_butsareyoumobile-share-0000-layer-12, .sharer_butsareyoumobile-share-0001-layer-11, .sharer_butsareyoumobile-share-0002-layer-10, .sharer_butsareyoumobile-share-0003-layer-9, .sharer_butsareyoumobile-share-0004-layer-7, .sharer_butsareyoumobile-share-0005-layer-8{ display: inline-block; background: url('https://www.designing4ages.co.uk/wp-content/uploads/2015/07/sharer_but_e695c6a5a1b6da35ecf8dbd5ece678b1.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;  float:left }
 
.sharer_butsareyoumobile-share-0000-layer-12 { background-position: -2px -0px; width: 178px; height: 43px; }
.sharer_butsareyoumobile-share-0001-layer-11 { background-position: -182px -0px; width: 178px; height: 43px; }
.sharer_butsareyoumobile-share-0002-layer-10 { background-position: -2px -45px; width: 178px; height: 43px; }
.sharer_butsareyoumobile-share-0003-layer-9 { background-position: -182px -45px; width: 178px; height: 43px; }
.sharer_butsareyoumobile-share-0004-layer-7 { background-position: -2px -90px; width: 178px; height: 43px; }
.sharer_butsareyoumobile-share-0005-layer-8 { background-position: -182px -90px; width: 178px; height: 43px; }

/** clearfix **/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

 

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }



/* SLIDER */
.testimonials{max-width:956px; width:100%; height:128px;}

.testimonials .text {padding-top: 22px; line-height:1.4em}
.testimonials .speach div {font-size:18px; font-weight:bold; padding:12px 0 0 3px; margin:0;}
.testimonials .speach div.suber {font-size:10px; font-weight:normal; padding:0 0 0 3px; margin:0; line-height:1em}
.testimonials .spacer{height:21px}
.masked li:nth-child(even) .testimonials { background:url('https://www.designing4ages.co.uk/wp-content/uploads/2015/03/left_question1.jpg') no-repeat top left;      }
.masked li:nth-child(even) .testimonials .speach {float:left; width:168px; height:128px; color:#fff; padding-left:19px;-moz-box-sizing: border-box;     -webkit-box-sizing: border-box;      box-sizing: border-box; margin-right:16px;}
.masked li:nth-child(even) .testimonials .dated {clear:both; position:relative; top:-25px; left:70px;}

.masked li:nth-child(odd) .testimonials{background:url('https://www.designing4ages.co.uk/wp-content/uploads/2015/03/right_question1.jpg') no-repeat top right;      }
.masked li:nth-child(odd) .testimonials .speach {float:right; width:168px; height:128px; color:#fff; padding-left:19px;-moz-box-sizing: border-box;     -webkit-box-sizing: border-box;      box-sizing: border-box; margin-left:16px;}
.masked li:nth-child(odd) .testimonials .dated {clear:both; position:relative; top:-25px; right:0; text-align:right; padding-right:70px}
		
			
			
#slider{
	background:none;
	height:128px;
	width:956px;
	margin: 55px 0 45px !important;
	position:relative;
}
#mask {
	overflow:hidden;
	height:128px;
	display: inline;
}
.masked{	list-style:none; padding:0;}
.masked li{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	list-style:none;
	display:inline;
	width:100%; left:0; right:0; top:0;
}

@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    27% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    27% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}

			
.masked li:first-child{opacity: 1;top:0;}


.topbar{width:100%; background:#f5f5f5; border-bottom:1px solid #ECECEC; padding:10px 0 8px 0; color: #808080;font-size: 8px; font-weight: 300; text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif}
.topbar a{color:#808080; text-decoration:underline;}
.topbar a:hover{color:#808080; font-weight:300}
.topbar .left, .topbar .right{width:48%}
.topbar .left{float:left; font-weight: 300;}
.topbar .right{float:right; text-align:right; font-weight: 300;}

.stripe-button {
    overflow: hidden;
    display: inline-block;
    visibility: visible !important;
    background-image: -webkit-linear-gradient(#28a0e5,#015e94);
    background-image: -moz-linear-gradient(#28a0e5,#015e94);
    background-image: -ms-linear-gradient(#28a0e5,#015e94);
    background-image: -o-linear-gradient(#28a0e5,#015e94);
    background-image: -webkit-linear-gradient(#28a0e5,#015e94);
    background-image: -moz-linear-gradient(#28a0e5,#015e94);
    background-image: -ms-linear-gradient(#28a0e5,#015e94);
    background-image: -o-linear-gradient(#28a0e5,#015e94);
    background-image: linear-gradient(#28a0e5,#015e94);
    -webkit-font-smoothing: antialiased;
    border: 0;
    padding: 1px;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 0 rgba(0,0,0,0.2);
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

.stripe-button span {
    display: block;
    position: relative;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    background: #1275ff;
    background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    background-image: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.menu{font-family:Verdana, Arial, Helvetica, sans-serif !important; padding-left: 0 !Important;margin-bottom: 0px !important; margin-top:0px !Important}

/*#n ul li a {padding: 0; margin-left:16px; border-top:6px solid #eaeaea}*/

#n ul li a,#n1 ul li a {    padding: 2px 8px 8px;
    margin-left: 7px;	
	margin-top:8px;
   text-shadow:none;
border-top:5px solid #F3F3F3;
-webkit-transition: border 0.2s linear;
-moz-transition: border 0.2s linear;
-ms-transition: border 0.2s linear;
-o-transition: border 0.2s linear;
transition: border 0.2s linear;
}

#n ul li a:hover,#n1 ul li a:hover{
	border-top:5px solid #ef46a9;
-webkit-transition: border 0.2s linear;
-moz-transition: border 0.2s linear;
-ms-transition: border 0.2s linear;
-o-transition: border 0.2s linear;
transition: border 0.2s linear;
}


#n ul li,#n1 ul li {font-size: 11px;}
#n ul li ul li,#n1 ul li ul li {width: 20em!important;}


/*#n ul li a {padding: 0px 1px 0px 13px; border-top:6px solid #eaeaea}
#n ul li {font-size: 1.1em;}
#n ul li ul {margin-left: -10px;padding-left: 22px;padding-right: 19px;}
#n ul li ul li {width: 18em!important;}*/

#n ul li ul,#n1 ul li ul {top:28px; padding-top: 8px;}
/*.phonenumber{ visibility:hidden}
.phonenumber{font-style:italic}*/
.phonenumber a{ text-decoration:underline; color:#bfbfc0}
.phonenumber a:hover{color:#bfbfc0; font-weight:normal}
.phonenumber img{height:18px; font-size:1.3em}
#n ul li ul li a,#n1 ul li ul li a{padding-bottom:6px 4px 4px 4px !important; 	-webkit-box-shadow: 0 0px 4px #D6D6D6;
	   -moz-box-shadow: 0 0px 4px #D6D6D6;
	        box-shadow: 0 0px 4px #D6D6D6;
 color:#777 !important}
#n ul li a:hover,#n ul li ul li a:hover,#n1 ul li a:hover,#n1 ul li ul li a:hover{color:#ef46a9 !important; transition: color .2s linear; -webkit-transition: color .2s linear;-moz-transition: color .2s linear;}


right {color: #ef46a9 !important;border:1px solid #ef46a9!important;}
.copyrightbar{background:#f5f5f5; border-top:1px solid #ECECEC; padding:15px 0 20px;font-size:1.2em; color:#333333;margin-bottom: -100px;}

.current-menu-item > a {color: #ef46a9 !important;  border-top: 5px solid #ef46a9 !important;}
.current-menu-item a .sub-menu li a{color: #f3f3f3; border-color: #f3f3f3;}

.boxes_for_steps{margin-top:60px}
.circle
{
	display:block; float:left;
width:150px;
height:150px;
    box-sizing: border-box;
color:#ef46a9;
border:6px solid #eaeaea;
border-radius:50%;
font-size:1.7em; font-weight:bold;
line-height:1.2em;
padding:43px 14px;
text-align:center;
background: linear-gradient(left, #ef46a9, #ef46a9 00%, transparent 00%, transparent 100%);
background: -webkit-linear-gradient(left, #ef46a9, #ef46a9 00%, transparent 00%, transparent 100%);
background: -moz-linear-gradient(left, #ef46a9, #ef46a9 00%, transparent 00%, transparent 100%); 
background: -o-linear-gradient(left, #ef46a9, #ef46a9 00%, transparent 00%, transparent 100%);

   -webkit-transition: all 1s ease-out;  
    -moz-transition: all 1s ease-out;  
    -o-transition: all 1s ease-out;  
    transition: all 1s ease-out;  

}
            .circle.completed{
background: linear-gradient(left, #ef46a9, #ef46a9 100%, transparent 100%, transparent 0%);
background: -webkit-linear-gradient(left, #ef46a9, #ef46a9 100%, transparent 100%, transparent 0%);
background: -moz-linear-gradient(left, #ef46a9, #ef46a9 100%, transparent 100%, transparent 0%);
background: -o-linear-gradient(left, #ef46a9, #ef46a9 100%, transparent 100%, transparent 0%);
border:6px solid #ef46a9;
color:#fff;
   -webkit-transition: all 1s ease-out;  
    -moz-transition: all 1s ease-out;  
    -o-transition: all 1s ease-out;  
    transition: all 1s ease-out;  

			}

.liner{margin-top: 73px; float:left;background:#eaeaea; height:5px; width: 0px; margin-right:73px;    -webkit-transition: all 1s ease-out;  
    -moz-transition: all 1s ease-out;  
    -o-transition: all 1s ease-out;  
    transition: all 1s ease-out;  
}
.liner.completed{margin-top: 73px;float:left;background:#ef46a9; height:5px; width:73px; margin-right:0px; }

.buttonctagen.inliner{
	font-weight:bold;
	float: left;
    width: 240px;
    font-size: 1.6em;
    text-align: center;
    margin-top: 52px;
    background: #fff;
    border: 3px solid #eaeaea;
color: 	#ef46a9;
	   -webkit-transition: all 1s ease-out;  
    -moz-transition: all 1s ease-out;  
    -o-transition: all 1s ease-out;  
    transition: all 1s ease-out;  

}
.buttonctagen.inliner.completed{
color: 	#fff;
    background: #ef46a9;
    border: 3px solid #ef46a9;
	}

.port_thumbs{width:46%; height:200px; background-size:cover;
position:relative; float:left; margin:1%;
border: 6px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.61);
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.61);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.61);
		border-radius:4px; cursor:pointer;     -moz-transition: all 0.5s ease-out;  
    -o-transition: all 0.5s ease-out;  
    transition: all 0.5s ease-out;  

	overflow:hidden}
	
.port_thumbs span{position:absolute; bottom:-200px; left:0; width:100%; background:rgba(0,0,0,0.7); -moz-transition: all 0.5s ease-out;  
    -o-transition: all 0.5s  ease-out;  
    transition: all 0.5s  ease-out;  box-sizing: border-box; padding:20px }
.port_thumbs:hover > span{	bottom:0px;}
.port_thumbs span p{display:none !important}
.port_thumbs span .small{display:block !important}
.port_thumbs span h3,.port_thumbs span .small{margin:0; padding:0; color:#fff !Important}
.port_thumbs span h3{margin-bottom:10px}
/* Mobile Smartphones ----------- */

.revelbox1{width:100%; padding:0; margin: 25px 0 40px; -webkit-border-radius: 4px;
    -moz-border-radius: 4px; overflow:hidden;
    border-radius: 4px;
    text-shadow: none;
    border: 1px solid #d3d3d3;}
.revelbox1 h3{color:#4E4E4E; padding:7px 0; margin:0;font-size: 1.7em;}
.revelbox1 h3 a{padding: 7px 20px;float: right;margin-top: -7px;background: #ef46a9;color: #fff;}

.packtitle{padding: 18px 20px;background: #ef46a9;position: relative;top: 22px;color: #fff;display: inline-block; text-transform: uppercase;font-weight: bold;font-size: 1.8em;}
.packcontent .revelbox1{text-align:center;margin: 24px 0}
.packcontent p {line-height:normal;}
.packcontent div p{line-height:1.75em;}
.packcontent p small{font-weight: bold;font-size: 11px; line-height:11px;}

.packs{display:none;max-width:950px !important}
.packs .imgc{float: right;margin: -59px 43px 0 0;}

.packs .celltab{float: right; margin:0;padding: 0 12px 0 58px; text-align:center;width: 320px;box-sizing: border-box;-moz-box-sizing: border-box; display: table; min-height: 398px; background: url('https://www.designing4ages.co.uk/wp-content/uploads/2015/01/shadow.png') no-repeat center left; overflow: hidden;    position: relative;}
.packs .celltab .inner{display:table-cell; vertical-align:middle; height:100%;}
.packs .celltab .inner form{text-align:center}

blockquote.smaller{padding: 0 23px 0 !important;
font-size: 8px !important;
color: #000 !important; text-align:center}
blockquote.smaller strong{color:#ef46a9;}

.fancybox-inner .packcontent .revelbox1{display:none !important}

.little_buts{float:right;  margin-top: -6px; background:#ef46a9; border: 2px solid #ef46a9; color:#fff; padding: 1px 6px 2px;  margin-right: -10px;-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}

/*FB*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('https://www.designing4ages.co.uk/wp-content/uploads/statics/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('https://www.designing4ages.co.uk/wp-content/uploads/statics/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('https://www.designing4ages.co.uk/wp-content/uploads/statics/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
/*	background: url('https://www.designing4ages.co.uk/wp-content/uploads/statics/fancybox_overlay.png');*/
	background: rgba(0,0,0,0.5);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
.fancybox-close{background-image:url('https://www.designing4ages.co.uk/wp-content/uploads/2015/01/close-gbN3V5bjbhRxDClwGYFQ.png') !important;background-repeat:no-repeat !important;top: 6px;right: -9px;}

.fancybox-inner{overflow:visible !important}
.showonmob{display:none !Important}
.rpt_foot{font-size:16px !important;}
.rpt_foot, .rpt_title{
-webkit-border-radius: 4px  !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
}

.rpt_title{border-bottom-right-radius:0 !important;border-bottom-left-radius:0 !important;}
.rpt_foot{border-top-right-radius:0 !important;border-top-left-radius:0 !important;}

.smallergap{margin-top: -28px;margin-bottom: 25px;}

input.control, select.control,input.wpcf7-form-control, select.wpcf7-form-control {
  height: 37px;
}
input.control,input.wpcf7-form-control{
	  -webkit-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;

}
textarea.control, textarea.wpcf7-form-control{
	  padding:10px;
}
.control,.wpcf7-form-control {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: #f5f5f5;
  padding: 0 6px 2px;
  margin: 0 0 12px 0;

  color: #000;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  -o-user-select: text;
  user-select: text;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  border: 1px solid #cececf;
  border-top-color: #b5b5b6;
  border-bottom-color: #dededf;
  -webkit-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
  -moz-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
  -ms-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
  -o-box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
  box-shadow: inset 0 1px 1px rgba(124,124,127,0.1),0 1px 0 rgba(255,255,255,0.7),0 0 4px rgba(86,149,219,0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: border-color .15s linear,box-shadow .15s linear;
  -moz-transition: border-color .15s linear,box-shadow .15s linear;
  -ms-transition: border-color .15s linear,box-shadow .15s linear;
  -o-transition: border-color .15s linear,box-shadow .15s linear;
  transition: border-color .15s linear,box-shadow .15s linear;
}

.wpcf7-submit{
 padding:8px 20px; background:#ef46a9; color:#FFFFFF; float:right;text-transform: uppercase;
font-weight: 300; font-size:0.9em;
margin-bottom:0px;
/*-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;*/
 box-sizing: border-box; -moz-box-sizing: border-box;
 width:100%
 }
 
 .mobileshower{display:none}

.mobileset{width:75%; box-shadow: 0 0 6px 0px #ccc; background:#fff; display:inline-block; margin-top:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;     padding: 10px 30px; border:1px dashed #D8D8D8}
.mobileset,.packtitle_1{display: inline-block;  float: left;}
.packtitle_1{margin-bottom:15px; top:30px;padding: 18px 20px;background: #ef46a9;position: relative;color: #fff;display: inline-block; text-transform: uppercase;font-weight: bold;font-size: 1.8em;}
.mobileset{min-height:250px}
.mobileset p{margin-bottom:25px;}
.payme{top:0; -webkit-border-radius: 4px;  padding-left:15px;   -moz-border-radius: 4px;    border-radius: 4px;	border-top-left-radius:0;border-bottom-left-radius:0;transition: padding-left 0.1s ease;}
.payme:hover{padding-left:17px; transition: padding-left 0.1s ease;}
.sider p{display: inline-block; max-width:185px; font-size:13px; font-weight:normal; margin:0 0 6px 15px; padding:0}

img.smallerimg{margin: 17px 15px 5px 0; display:inline-block; box width: 60px;   height: 60px;border: 1px solid #f2f2f2;   -webkit-box-shadow: none;    -moz-box-shadow: none;    box-shadow: none;}
	.righter{display:inline-block; width: 85%;} /*70%*/

.q_left{float: left; width: 40%;}
.q_right{float: right; width: 55%;}
.q_full{clear:both}
.q_boxer{width:950px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; padding:0 30px}

.packs .hider{display:none}
.packs .q_left input[type="text"],.packs .q_right input[type="text"],.packs .q_full input[type="text"],
.packs .q_left input[type="email"],.packs .q_right input[type="email"],.packs .q_full input[type="email"],
.packs .q_left input[type="tel"],.packs .q_right input[type="tel"],.packs .q_full input[type="tel"],
.packs .q_right textarea{background:#fff;}

.q_right textarea{ margin-bottom:0 !important}

.q_full .wpcf7-captchac{width: 30%; display: inline-block;  margin: 0; min-height:36px}
.q_full .wpcf7-form-control-wrap{top: -14px;    padding-left: 20px;}
.q_full input[type="text"]{   width: 48%;  display: inline-block; margin:0;}
.q_full input[type="submit"]{float:right; display: inline-block; font-size:1.7em; width:130px}

.q_left .wpcf7-not-valid-tip,.q_right .wpcf7-not-valid-tip,.q_full .wpcf7-not-valid-tip{
	margin: 0;
    padding: 0;
    line-height: 0em;
    font-size: 10px;
    font-weight: bold;
}
.wpcf7-validation-errors{
font-size: 14px;
    padding: 10px !important}

.foot_but{position: relative; bottom: -75px;}
.foot_but a{border-bottom-right-radius:0;border-bottom-left-radius:0; opacity:0.5; padding:2px 20px; transition: opacity 0.2s ease;}
.foot_but a:hover{ opacity:1;  transition: opacity 0.2s ease;}

.inputstyle{width: 100% !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 6px; margin-bottom:8px}

  .tab_for {border-radius:4px; border: 1px dashed #ccc; overflow:hidden; text-align:center; margin:20px 0 !important}
                 
				    .tab_for h3{padding:20px 10px; font-size: 1.5em;  margin:0; background:#9C9C9C; color:#fff}
					.tab_for p{padding:20px; margin:0; background:#eaeaea;font-size: 1.4em;}
					
					.tab_for .img{height:150px; width:100%; border-bottom:1px solid #fff; background-color:#fff; background-size:cover; background-position:center center;}

					.tab_for .price{background:#fff; padding:15px 0}
                    .tab_for .price p{padding:8px; margin:0; color:#000; background:#fff}
					.tab_for .price p strong{color:#000 !important}
                    .tab_for .price p.price_t{font-size: 9.3em;  padding: 38px 0 35px 0;  margin: 0;   line-height: 0px;}				
					.tab_for .price p.price_t span{font-size: 0.3em;
    vertical-align: top;}
                    .tab_for .inside p{padding:12px 20px; margin:0; border-bottom:1px solid #f7f7f7; background:#eaeaea; font-size: 1.4em;
    color: #333;}
					.tab_for button{width:100%; padding:13px 10px;  margin:0; background:#ef46a9; color:#fff; outline:none; border:none; font-size:1.0em}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom:0 !important}
.wpb_wrapper p:empty{display:none}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

/*	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('https://www.designing4ages.co.uk/wp-content/uploads/statics/fancybox_sprite@2x.png');
		background-size: 44px 152px;
	}

	#fancybox-loading div {
		background-image: url('https://www.designing4ages.co.uk/wp-content/uploads/statics/fancybox_loading@2x.gif');
		background-size: 24px 24px; 
	}
	*/
}
/*End Fb*/

.contactiphone{display:none}
#n1{display:none}
@media only screen and (min-width : 0) and (max-width : 960px) and (orientation: landscape) {
	footer.buts{display:none !important}
}
@media only screen and (min-width : 0) and (max-width : 960px) {
#content{padding-bottom:0}
.wrapper{ padding:0}

.q_left,.q_right{float: none; width: 100%; -moz-box-sizing: border-box;     -webkit-box-sizing: border-box;      box-sizing: border-box;}
.q_full{clear:both}
.q_boxer{padding:0 10px}
.q_full .wpcf7-captchac{width: 100%; display: block;  margin: 0; min-height:36px; -moz-box-sizing: border-box;     -webkit-box-sizing: border-box;      box-sizing: border-box;}
.q_full .wpcf7-form-control-wrap{top: -14px;    padding-left: 20px;}
.q_full input[type="text"]{width: 100%;  display: block; margin:0;-moz-box-sizing: border-box;     -webkit-box-sizing: border-box;      box-sizing: border-box;}
.q_full input[type="submit"]{float:none; display: block; font-size:1.7em; width:100%}
	
.fancybox-inner div{max-width:100% !important}
	.fancybox-inner{ width: 100% !important;}
	.fancybox-wrap {
		position:fixed !important;
top: 0 !Important;
    left: 0 !Important;
    z-index: 8020 !important;
    width: 100% !important;
    height: 100vh !important;-moz-box-sizing: border-box;     -webkit-box-sizing: border-box;      box-sizing: border-box;
	}
	.fancybox-skin{height:100vh !Important; overflow:auto; overflow-x:hidden;     -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;-moz-box-sizing: border-box;     -webkit-box-sizing: border-box;      box-sizing: border-box;}
	

a {text-decoration: none;color: #000;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;}
	
	.wrapper p{font-size:1.7em}
#n1{display:block}
	.payment_box, .mobileset{float: none;
    width: 100%;
    display: block;
    margin: 0;
	margin-left:0 !important;
	padding:10px;
    border: none;
    box-shadow: none;
    background: none;}
	.dottedbox {padding: 14px 24px 29px;}
	.buttonctagen{float:none; display: block;}
	
	/*.packcontent img{float:left; margin: 14px 10px 0 0; width:20%; height:auto}*/
	.packcontent img{display:none}
	
	.righter { display: block;   width: 100%;	}

	.packs_buts1{ text-align: center;
    padding: 15px 20px;
    border: 1px dashed #ccc;
    width: 97%;
    max-width: 100% !important;
    box-sizing: border-box; background:#fff}
	
	.packs_buts1 p{
		display:block !Important;
		float:none !Important;
		max-width:100% !Important;
		display:block !Important;
	}
	
	.packs_buts1 br,.packs_buts1 img{display:none}
	.rpt_features {display:none}
	.mobileset_hide{display:none}
.sider {border: 1px dashed #d8d8d8; padding:15px 20px;clear: both;width: 100%;
    display: block;box-sizing: border-box; top: 50px;
    margin-bottom: 50px;
    position: relative;}
	.sider .feilds{width: 100%;
    display: block;box-sizing: border-box;}
.sider p{display: block; text-align:center; max-width:100%; width:100%;box-sizing: border-box; font-size:13px; font-weight:normal; margin:0 0 6px 0; padding:0;clear: both;}
.payme{top:0; -webkit-border-radius: 4px;  text-align:center; padding-left:15px;   -moz-border-radius: 4px;  width: 100%;
    display: block;box-sizing: border-box;  border-radius: 4px;display: block; max-width:100%;}
.payme:hover{padding-left:15px; }
header{max-height:none; min-height:65px; padding-bottom:0}
.phonenumber{display:none}
.maintop .wrapper{width:100%;}
.sub-menu{display:none !important}
.logo {
    width: 204px;
    height: 50px;
    background-position: 0 -50px;
    background-size: 100%;
    margin:0px 0 5px 3%;
}
	#navbar { 
	display: block;
	height: 78px;
    margin-right: 0;
    margin-top: -13px;
    width: 40px;
    float: right;
    overflow: hidden;
    text-indent: -999px;
	border-left:1px solid #eaeaea;
	background:url(https://www.designing4ages.co.uk/wp-content/uploads/2015/09/designing4ages-nav-grey.png) no-repeat center center;

	}
	#navbar1 { 
	display: block;
	height: 78px;
    margin-right: 0;
    margin-top: -13px;
    width: 40px;
    float: right;
    overflow: hidden;
    text-indent: -999px;
	border-left:1px solid #eaeaea;
	background:url(https://www.designing4ages.co.uk/wp-content/uploads/2015/09/designing4ages-acc-grey.png) no-repeat center center;

	}
	#navbar a { display: block; line-height: 78px; padding: 0 10px; font-weight: bold; font-size: 1.2em; color: #8fb5e0; }
	#navbar1 a { display: block; line-height: 78px; padding: 0 10px; font-weight: bold; font-size: 1.2em; color: #8fb5e0; }
	#n ul,#n1 ul { display: none; border: 0; height: auto; padding: 0; overflow: hidden; box-sizing: border-box; border-top:1px dashed #ccc; -moz-box-sizing: border-box; }

	

	#n ul li,#n1 ul li { font-size: 1.3em; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; margin-bottom: 0; }

	

	#n ul li ul,#n1 ul li ul { display: block; position: static; border: 0; width:100%; padding-bottom:10px; box-sizing: border-box; -moz-box-sizing: border-box; margin-left:0  }

	#n ul li ul li,#n1 ul li ul li { font-size: 1.1em; width: 100% !important;  box-sizing: border-box; -moz-box-sizing: border-box;  }
	

	#n ul li a, #n ul li ul li a,#n1 ul li a, #n1 ul li ul li a { display: block; font-weight: bold; /*border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;*/ font-size: 1.2em; line-height: 1.8em; text-shadow: none; width: 100%; padding: 5px 12px; margin: 0;box-sizing: border-box; -moz-box-sizing: border-box; }

	#n ul li ul li a,#n1 ul li ul li a {border: 0;  padding: 5px 12px !important; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; }

	#n ul li a:hover, #n ul li ul li a:hover,#n1 ul li a:hover, #n1 ul li ul li a:hover  {text-decoration: none; }

#stickyheader div{background:none}
#stickyheader {width: 95%;}

#stickyheader a.FQ {padding: 8px 16px;font-weight: bold;font-size: 1em;}


#mainbody{box-sizing: border-box; -moz-box-sizing: border-box; }

	#main { display: block; float: none; width:100%; margin: 0; padding:0 30px; /*text-align:center*/ }
	#main br{display:none}	
	
	#main img{max-width:100%;height: auto; box-sizing: border-box; -moz-box-sizing: border-box}
	#main img.alignleft,#main img.alignright{max-width:45%;height: auto; border-width:3px}
	#main img.alignleft{margin:6px 14px 0 0}
	#main img.alignright{margin:6px 0 0 14px}
	.boxes_for_steps{display:none}

footer.buts{padding:0;position: fixed; bottom:0; left:0;}

footer a.mail{float:right; width:50px; height:40px;border-left: 1px solid #eaeaea;background: url(https://www.designing4ages.co.uk/wp-content/uploads/2016/01/designing4ages-email-grey.png) no-repeat center center;}	
footer a.phone{float:right; width:50px; height:40px;border-left: 1px solid #eaeaea;background: url(https://www.designing4ages.co.uk/wp-content/uploads/2016/01/designing4ages-phone-grey.png) no-repeat center center;}	

footer a.quote{padding: 14px;    display: inline-block;    font-size: 1.4em;    color: #ef46a9;    font-weight: bold;}

.buttonctagen-inline{ width: 100%;   margin: 10px 0;}
	
	/*#main div,#main p{height:auto !important; margin:auto !Important}*/
	/*#main div{margin-bottom:20px;clear:both;}*/
#slider{display:none !important}

.maintop{box-sizing: border-box; -moz-box-sizing: border-box;padding: 37px 16px 0; background-size:100%;}
.maintop:after{margin-top: 44px !Important;}
.maintop img{display:none}

.maintop .wrapper h2{font-size:2.7em !important; font-weight:400}
.maintop .wrapper p{color:#000}

.showonmob{display:inline !Important}
h1 {
color: #2b2b2b;
font-size: 3.8em;
line-height: 1.1em;
font-weight: 300;
clear:both;
}
h2 {
color: #2b2b2b;
font-size: 2.8em;
font-weight: 400;
margin-top:20px;
line-height: 1.5em; /*text-align:center;*/
clear:both;}
h3{clear:both; line-height: 1.3em; margin:10px 0; /*text-align:center;*/}
p, li {color: #666666;font-size: 1.4em;}
p:empty {display: none;}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom:0 !important}

.ser_but{margin-bottom:20px;    margin-top: 14px;
    font-size: 1.0em;
    margin-right: 36px !important;}
/*dottedbox p{margin:7px 0 !important}*/
.dottedbox img{width:100% !important; height:auto !important; margin-right:0 !Important; display:block !Important; max-height:auto !important}
.dottedbox h3{text-align:left; clear:none;font-size: 1.5em;}
.dottedbox p{font-size: 1.3em;}


footer{margin-top:40px}
footer .ezcol {display:none}
footer div{height:auto !important; margin:auto !Important; border:none !important; float:none !important; width:100% !important; text-align:center !Important; font-size:9px;}

.contact1,.contact2{float:none; width:100%; box-sizing: border-box; -moz-box-sizing: border-box;}
.contact1 img{display:none !important}
.contact1{display:none}
.contact2{margin-left:0}

.contactiphone{display:block !important;  width:100%; box-sizing: border-box; -moz-box-sizing: border-box;}
.contactiphone a{display:block; padding: 13px 20px;background: #ef46a9;color: #FFFFFF;text-transform: uppercase;font-weight: 300;font-size: 1.3em;width:95%; margin:10px auto; box-sizing: border-box; -moz-box-sizing: border-box; clear:both; border-radius:4px}
.mapme{height:280px !Important}

.maintop{background-size:cover; background-position:center center}
.maintop:after{display:none}

.iphone{padding: 18px 30px; border-bottom:1px solid rgba(218, 218, 218,1)}
.iphone h2,.iphone p{ text-align:center!important; font-weight:400}

.iphone .mapme{    margin-top: -18px !important;
    margin-bottom: -20px !important;
    margin-left: -30px;
    width: 100vw;}

#content{background:none}
.index1cont{margin:0; float:none}
.index1cont .left1{display:none !important}
.index1cont .right1{display:none !important}
.index1cont .vidsurround{width:100% !important; margin:0px auto 20px !important; height:24vh !important;float:none !Important}
.index1cont .vidsurround img{display:block}
.mobilehider{display:none !important}
.mobileshower{display:block}

.portalpanel1{width: 100% !important;
padding: 0 !important;}
.portalpanel1 div span img{margin:0 !important}
.revelbox{text-align:left}
.phonenumber{display:none !important}
.copyrightbar{background:#fff}

.buttonctagen{font-size: 1.3em !important; padding:16px 20px;  margin-bottom: 21px; text-align:center/*-webkit-border-radius: 0;-moz-border-radius:0; border-radius: 0; */}
p .buttonctagen { font-size: 1.1em !important; text-align:center}
input {
    -webkit-appearance: none;
    border-radius: 0;
}
.ser_but {margin-top:10px;font-size: 1.0em;}

.ufo-cell-3318-3-row,.ufo-cell-3320-3-row,.ufo-cell-3323-3-row,.ufo-cell-3321-3-row{display:none}
.rpt_title img{display:none !important}
.rpt_plan div{margin-bottom:0 !important}
.packs{display:none; margin-bottom:0}/*block*/
.packs .celltab{display:none !Important}
.packtitle {top: 52px;}
#breadcrumbs{display:none}
blockquote, q{clear:both}
.smallergap{margin-top:0;margin-bottom: 25px;}
.comment-author img  {display:none !important}
textarea#comment{min-height:300px; height:100% !important}
.FQ{display:none}
nav{width:100%}
#the-sticky-div.sticky {
   display:none}

.revelbox1 h3{padding-bottom:0;}
.revelbox1 h3 a{display: block;
    float: none;
    margin: 10px 0 0;}

}