@charset "UTF-8";
/* CSS Document */


body {
	background-color:#191919;
	margin:0;
	text-align:center;
	font-family:Signika, Verdana, Geneva, sans-serif;
	font-weight:300;
	background: rgb(53,53,53);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(53,53,53,1) 1%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,rgba(53,53,53,1)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(53,53,53,1) 1%,rgba(0,0,0,1) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgba(53,53,53,1) 1%,rgba(0,0,0,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgba(53,53,53,1) 1%,rgba(0,0,0,1) 100%);
	background: radial-gradient(ellipse at center,  rgba(53,53,53,1) 1%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#000000',GradientType=1 );
}

.tertiary a, a:visited{color:#fff;}
p a,a:visited{color:#E98276;}

blockquote.big { background: #fff; padding: 4% 20% 4% 20%; font-size: 1.35em;}
blockquote.big a.ui-link {color: #40668c; margin-top: 20px; display: block; text-decoration: none;}

h1,h2,h3,h4,h5,h6 { font-weight:normal;}

p{ font-size: 18px;}

#content{ margin:0 auto; text-align:left;   margin-top:180px;  width:940px; overflow:hidden; height:auto;}


.headwrap{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 44%, rgba(221,221,221,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,rgba(255,255,255,1)), color-stop(99%,rgba(221,221,221,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
	display:block;
	position:fixed;
	overflow:hidden;
	height:auto;
	top:0;
	width:100%;
	z-index: 99;
	webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
}

.contact .headwrap {position:relative;}
.contact .toggleable { margin-top: 25px;}
	 
.contactus { background: #333; padding: 3em;}
.header {
	padding: 32px 0 0 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	z-index: 99;
	overflow: hidden;
}

#logo{
	max-width:960px;
	margin: auto;
	text-align: left;
}
	
.header .logo1 {
	font-size: 2.17em;
}
.header .logo2 {
	font-size: 2.3em;
}
.header .logo3 {
	font-size: 1.5em;
	font-weight:400;
	font-family: 'Merriweather Sans', sans-serif;
	color:#bbb;
}

#navcont {
	font-size: 0.94em;
	font-weight: 300;
	z-index: 98;
	overflow: hidden;
	display: block;
	margin: auto;
	margin-top: 10px;
	text-align: center;
}

#navcont ul{
	margin: 0 auto;
	padding: 0;
}

#mainnav{   margin:auto; color:#ccc;  } 

#mainnav li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;	
	text-align:center;
	 font-size:1.2em;
    max-width: 153px;
	width:16.5%;
}

	#mainnav li a, #mainnav li a:visited, #mainnav li a:active {
	font-weight: normal;
	text-decoration: none;
	display: block;
	color:#4B4B4B;
	padding:25px 6px 15px 6px;
	background:url(../images/navsep.png) 	no-repeat right ;

}


#mainnav li:last-child {

	border-right:none;
}
#mainnav li a:hover {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 56%, rgba(255,255,255,0.65) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(56%,rgba(255,255,255,0.65)), color-stop(100%,rgba(255,255,255,0.65)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 56%,rgba(255,255,255,0.65) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 56%,rgba(255,255,255,0.65) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 56%,rgba(255,255,255,0.65) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.65) 56%,rgba(255,255,255,0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#a6ffffff',GradientType=0 );
	color: #900;
}

.header p{ margin:0; line-height: 0.95;}

#featuremain{ 
	margin-bottom:25px; 
	margin-top:90px; 
	webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100); width: 890px;}


#featurecontain{z-index:2;  top:615px;}
.featurelrg{ 
	width:460px; 
	background: #191919;
	padding:  15px 25px;
	color: #FFF;
	margin-bottom: 25px;
	position: relative;
	z-index: 1;
	display: block;
	webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
	}

#video{ padding:0;}
.tertiary { background: #333; display: block;text-align: right; padding:5px; padding-right: 40px; color: #fff;}
.tertiary a { text-decoration: none;}
.tertiary .seperator {margin-left: 5px; margin-right: 5px;}
.featuresmll {
	background: #191919;
	padding:  15px 25px;
	color: #FFF;
	margin-bottom: 25px;
	display: block;
	width: 100%;
	height: 100%;
	overflow:hidden;
	position: relative;
	z-index: 1;
	min-height:180px;
	webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 50);
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 50);
	background-image: url(../images/featbg.png);
}

.addcontain{ max-width: 600px; margin: auto;}

.featurergt{width:350px; float:left; margin-left:41px}
.featurelft{width:511px; float:left; }
.social {
	border-top: 3px solid #ccc;
	bottom: 0;
	width: 100%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 44%, rgba(221,221,221,1) 99%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(44%,rgba(255,255,255,1)), color-stop(99%,rgba(221,221,221,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 44%,rgba(221,221,221,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
	webkit-box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 50);
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 50);
}

.social h2 {
	font-size: 1.3em;
	width: 600px;
	margin: auto;
	margin-top: 60px;
	margin-bottom: 20px;
}

.featuresmll h4 {
	font-size: 1.1em;
	margin:0;
	line-height:1.5;
	z-index: 95;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
}

.toggleable .featurelrg h2 {
	font-size: 1.3em;
	line-height:1.5;
	margin:0;
	z-index: 95;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
}

.featurelrg h3 {
	font-size: 1em;
	margin:10px 0 10px 0;
	z-index: 95;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
	line-height:1.25;
}

.featurergt h5{ margin-bottom:0;}
.featuresmll a { color:#fff; text-decoration:none;}
.featurelrg a { color:#fff; text-decoration:none;}

.featuresmll a span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	border: 0;
	display:block;
	background-image:url(http://www.pruadviser.co.uk/new_media/images/sfy/empty.png);
}

.featurelrg a span{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
border: 0;
display:block;
background-image:url(http://www.pruadviser.co.uk/new_media/images/sfy/empty.png);
}


.featuresmll:hover{
	background: #bb8520;
	-webkit-box-shadow: inset 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
	-moz-transform: scale(0.97) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(0.97) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(0.97) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(0.97) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(0.97) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	
}


.featurelrg:hover{ 
background:#bb8520;
-moz-transform: scale(0.98) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(0.98) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(0.98) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(0.98) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(0.98) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-box-shadow: inset 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 1px 3px 2px rgba(0, 0, 0, 0.2);
}

.twitter {
	z-index: 3;
	margin: 0 12px 0 12px;
}

#idea {
	background: #f8f8f8;
	width: 940px;
	height: 334px;
	position: relative;	
	display:block;
	overflow:hidden;
}

#featimg {
	position: absolute;
	right: 0;
	left:460px;
	top:14px;
	z-index: 2;
}

#featimgbg {
	position: relative;
	right:-460px;
	z-index: 5;
}

#idea h1{ 
	font-size:2.2em; 
	margin-left:10px; 
	margin-top:55px;
	width: 400px;
	line-height: 1.7;
	position: absolute;
	right: 0;
	left: 34px;
	top: 0;
	z-index: 3;
}

#idea span .butt{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99;
border: 0;
display:block;
background-image:url(http://www.pruadviser.co.uk/new_media/images/sfy/empty.png);
}

#idea h1 span {
	background: #000;
	padding: 5px;
	color: #FFF;
	padding-left: 3%;
	padding-right:3%;
	position:relative;
	height:auto;
	width:auto;
}
#idea h1 .findout{ background: #900; font-size:0.7em;}

.patentsimg {
	 float:right;
	 margin-top:-40px;
	 margin-left:30px;
}
#patents a {
	text-decoration: none;
	border-bottom: 1px dashed #FFF;
	padding-bottom:3px;
	color:#ccc;
}

#patents a:hover {
	border-bottom: none;
	color:#fff;
	background:#ccc;
}
#patents p {width: 450px;}

.toggleable h1{ font-size:2.5em; margin-bottom:0;}
.hidden{ display:none;}

	
	
.toggleable{
		max-width: 920px;
		margin: auto;
		color: #fff;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 2);
		text-align: left;
		font-size: 1.15em;
		line-height:1.75;
		position:relative;
		margin-bottom:40px;
		margin-top: 260px;
		min-height:500px;
		padding-left:80px;
        padding-right: 60px;
    
}

.toggleable p {
	
	margin:10px 0 30px 0;
	
	}
	
#mainnav li a.current{
		background:#fff;
		-webkit-box-shadow: inset 0px 2px 1px 1px rgba(0, 0, 0, 0.2);
		box-shadow: inset 0px 2px 1px 1px rgba(0, 0, 0, 0.2);
			color: #900;
}
	

.phonenav{ visibility:hidden; color:#fff;}

#content #featuremain #idea a {
	text-decoration: none;
}

.phoneint{ display:none;}


	  
 #map-canvas {
        margin: 0;
        padding: 0;

	 overflow:hidden;
        height: 250px;
		width:375px;
			webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
	box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 100);
	float:right;
	display:absolute;
	 left:0;
	 top:0;
      }
	  
.mobilelogo{ display:none;}
	  
#mapcont{ 
	color:#333; 

	}
	
#mapcont h1{ font-size:1.2em;}#contact form fieldset {
	width: 350px;
}

label{ width:100px; display:inline-block;}

form{ width:400px; z-index:99;}
.socialinner {
	text-align: center;
	margin: auto;
	margin-top: 40px;
	padding-bottom:40px;
}

#logo a { border:none;}
a .butt {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.phone {
	float: right;
	text-align: left;
	font-family: Signika, Verdana, Geneva;
	font-weight: 300;
	font-size: 0.8em;
	margin-right: 50px;
}


.phonenav { display:none;}


.phonecontroler{display:none; }

#page .social .socialinner p {
	font-size: 0.8em;
	margin-top:80px;
}


.title{ width:30px;}

.ui-select { width:100px;}


#page #contact .form {
	padding:30px;
	 border:1px dashed #fff;
	
}

label { display:none}

form { margin:auto; }

form p { font-size:1em;}

#homecontent {
    background: url(../images/Oil-Rig-1.jpg) no-repeat;
    background-size:cover;
    background-origin: border-box;
    
   
}

.stuart{float:right; margin-left:50px; width:50%;}
#what {background: #fff; color: #000; text-shadow: none; padding:4em; margin-top: 248px; max-width: 1000px; margin-bottom: 0;}
#what p{max-width: 800px; margin: auto;}
#what a{color: #c00; }
#what h2{ font-size: 1.7em; color:#000; line-height: 1.3; text-shadow: none;max-width: 800px; margin: auto; margin-bottom: 20px;}

.address {
	width: 100%;
	background: #e0e0e0;
	padding-top: 30px;
	padding-bottom: 20px;
	overflow: hidden;
}

.address p {
	color: #000;
	text-shadow: none;
	font-size: 0.8em;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.3em;
	margin: auto;
	text-align: center;
}

.address .telpara{
	
	font-size:14px; margin-top:3px;}

.address a {
	color: #036;
	text-decoration: underline;
}

 .contetnwrap {
	background: url(../images/stripe2.png) #FFF;
}
.skip {
	display: none;
}

.footaddress {font-size:0.8em; width:580px; margin:auto; margin-top:80px;}

.phone a, .phone a:active, .phone a:visited  { color:#000; text-decoration:none}

.phone a:hover{ color:#900;}

ui-body-c,.ui-dialog.ui-overlay-c{
    text-shadow: 0pt 0px 0pt rgb(0, 0, 0); 
}

.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button{
        font-family: Helvetica, Arial, sans-serif, Verdana;
        font-size: 12px;
        text-shadow: none;
        color:black;
}

.socialinner a { color:#333;}

.terms { padding:30px; background:#333; color:#ccc}
.terms  a{ text-decoration:none; color:#ccc; padding:0 10px 0 10px;}
.terms  a:hover{ text-decoration:none; color:#000}

.homebg{ margin-top: 20px;}

.homebg p{ color:#333; text-shadow:none;}

.homebg h1{ 
    
    margin-top:30px; 
    color: #fff;
    display: inline;
    background: #333;
    box-shadow: 10px 0 0 #333, -10px 0 0 #333;
    text-align: center;
    font-size: 38px;
    line-height: 1.4;
}

.homebg h1 span{ }


.homebg h1 a{ 
        background: #cc0000;
        box-shadow: 10px 0 0 #cc0000, -10px 0 0 #cc0000;
        text-decoration: none;
        margin-left: 10px;
    }

.homebg h1 a:hover { color:#ffc100;}

.img { border:none;}

.termscontent p { width:auto;}



.sitemap ul {margin:auto; margin-bottom:15px;}
.sitemap ul li a { text-decoration:none; border-bottom:1px solid;}

.sitemap{ text-align:center;}

.sitemap li:nth-child(1){display:inline-block; margin-right:20px;}
.sitemap li:nth-child(2){display:inline-block; margin-right:20px;}
.sitemap li:nth-child(3){display:inline-block; margin-right:20px;}
.sitemap li:nth-child(4){display:inline-block; margin-right:20px;}
.sitemap li:nth-child(5){display:inline-block;}

.sitemap .first	{font-size:3em;}
.sitemap .second { font-size:1.5em; }
.sitemap .third{ font-size:1.2em;}
#page .social .socialinner a .twitter {
	margin-right: 5px;
}

.address h1{
	color: black;
	text-shadow: none;
	font-size: 1.7em;
	margin: auto;
	line-height: 1.3em;
	text-align: center;
	margin-bottom: 10px;
}

#page #contact form p {

	padding-bottom:0px;
	padding-top:10px;
	margin:0;
	color:#CCC;
}


.ui-field-contain, .ui-mobile fieldset.ui-field-contain {
padding: 0;
margin: .5em 0;
border-bottom-width: 0;
}

#primary #content{ margin-top:15px;}

.masthead-fixed .site-main { margin-top:0;}



.address .adleft {
	width: 50%;
	float: left;
	
}
.address .adright {

	width: 50%;
	float: right;
	
}


.telpara.email {
	clear: both;
}
.address  h2 {
	color: #000;
	font-size: 1.3em;
	text-align:center;
	text-shadow:none;

}
.phone .glasgow {
	float: left;
}
.phone .place {
	margin-right: 10px;
}
.phone .num {
	margin-right: 5px;
	color: #333;
	clear: both;
	font-size: 95%;
}
.phone .gla {
	margin-bottom: 5px;
}

.featurebox{  background:#fff; border: 1px solid #ccc; margin-left:2em; padding:20px; margin-right:0px; max-width:  760px; margin: auto; margin-top: 30px; margin-bottom: 30px;}

.featurebox li{ border-bottom: 1px solid #ccc; padding: 5px; margin: 10px; line-height: 1;}

.bloghome{background: #333; padding: 20px; color: #fff;}
.toggleable p .ui-link {  text-decoration: none; color: #1488cb}

@media all and (max-width: 40em) {
	.my-breakpoint .ui-block-a, 
	.my-breakpoint .ui-block-b, 
	.my-breakpoint .ui-block-c,
	.my-breakpoint .ui-block-d,
	.my-breakpoint .ui-block-e,
    .stuart{ 
		width: 100%; 
		float:none; 
        margin: 0;
	}
}