/*-------------------------------------------------------

[Table of contents]



1. Header

	+ logo

	+ top navigation

	+ search

	

2. Content

	+ feature sections

	+ page title

	+ parallax backgrounds

	+ video backgrounds

	

3. Sidebar

	+ site search

	+ tabs

	+ portfolio widgets

	+ advertisements



3. Typography

	+ lists

	+ buttons

	+ styled boxes

	+ dropcaps

	+ highlight colors

	+ tables

	+ pricing tables

	+ framed boxes

	+ pagination

	

4. Footer

	+ copyrights

	+ google map

	

--------------------------------------------------------*/



/* start epb for recent transactions */



/* this embeds a font

@font-face {
   font-family: epbfont;
   src: url(../fonts/Lato-BolIta.ttf); 
} */

/* --------------------------------------------------------- */

/*p{
	color:#333;
	font-size:18px;
	text-align:justify;
}*/

p {
	font-size:18px;
	/*font: 'Open Sans', helvetica,sans-serif; /** epb testing this **/
	font-family:helvetica,arial,sans-serif; 
	font-weight: normal;
	font-style: normal;
	line-height: 1.4;
   	color: #3F3E3E; 
	text-align:justify;
	margin-bottom:30px;	
}

.epbtext_full{   
	display: inline;
    float: left;
    font-size: 24px;
    text-align: justify;
}

.hr-line-epb{background-color:grey;text-align:left;width:100%;height:1px;margin-bottom:15px;margin-top:5px}
.hr-line-epb-width-60{background-color:grey;text-align:center;width:60%;height:1px;margin-bottom:15px;margin-top:5px;margin-left:auto;margin-right:auto}

.practice-areas{color:#666;font-size:18px;font-family:helvetica,arial,sans-serif}


.box1{
	padding: 10px 10px 0px 10px;
	border:1px solid #000;
	background-color:#FA9D12;
	max-width:100%;
	height:auto;
	min-height:105px;
	margin-top:30px;
	margin-left:0px;
	margin-right:0px;
}
.box1:hover {
	background-color:#f6f6f6;
	cursor:pointer;
	border:1px solid #70090a;

	-webkit-box-shadow:6px 6px 4px #999;box-shadow:6px 6px 4px #999;
}
.box1 h4{
	font-family:helvetica,arial,sans-serif;
	color:#FFF;
}
.box1:hover h4{
	color:#000;
}


.epbgoogle-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
.epbgoogle-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


.underline{text-decoration: underline }

.epb_fit_text_in_boxes{} /* keep this it is for the ipad fitting text into the boxes on home page */

/* Start  this works perfect for responsive youtube videos */
.epb-youtube-video{
	position:relative;
	padding-bottom:56.25%;
}
.epb-youtube-video iframe {
	position:absolute;
	width:100%;
	height:100%
}
/* End  this works perfect for responsive youtube videos */

.epbtrust {
	width:300px;
	float:right;
}
.contact-road-traffic-lawyer{
	
	float:right; 
	clear:right; 
	width:300px;
	margin-top:22px;
	background-color:#000
}
.blue-text{
	 font-family: "Open Sans";
	 font-weight:400;
	color:#276ABC;
	margin-top:15px;
	padding-left:10px;
	padding-right:10px;
	
}

.flips-font-size{
	font-size:20px;
}


.helplinefontheading {
	font-size:44px;
}
/*.recentcases
{
	background-color:#FA9D12;
	color:#FFF;	
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	margin-bottom:15px;
	
} */


.recentcasesnojail
{
background-image: url(../images/nojail.png);
	background-repeat:no-repeat;
	min-height:128px;
	/*background-color:#FA9D12; */
	background-color:#000;
	color:#FFF;	
	padding-left:130px;
	padding-right:5px;
	padding-top:0px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	margin-bottom:15px;
	
}


.recentcases
{
	background-image: url(../images/corner_ribbon1v2.png);
	background-repeat:no-repeat;
	min-height:128px;
	
	/*background-color:#FA9D12; */
	background-color:#000;
	color:#FFF;	
	padding-left:130px;
	padding-right:5px;
	padding-top:0px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	margin-bottom:15px;
	
}
.recentcases h4 {
	color:#FFF;	
}
.recentcasesnojail h4 {
	color:#FFF;	
}

.glasgowlivebox
{
	background-color:#A11A8A;
	color:#FFF;	
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:3px;
	font-weight:bold;
	max-width:300px;
	text-align:center;
	margin-bottom:15px;
	margin-right:15px;
	float:left;
	min-height:190px;
}


/*.4rth-quart-footer{
	background-color:#FFF;
} */ 
	
.img-float-right-margin-10{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	
}
.img-float-left-margin-10{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	
}
.epbheader{
	list-style:disc;
	color:#000;
	font-size:24px;
	padding-bottom:10px;
	padding-top:10px;
	
	list-style-position:inside;
	text-indent: -2em;
    padding-left: 2em;
	
	border:3px solid #eee; /* put a box around */
	max-width: 100%; /* for mobile stops it going off edge */

    height: auto;/* for mobile stops it going off edge */
	margin-bottom:10px;

}
.greybox {
	height:auto;
	min-height:145px;
    border-radius: 25px;
    border: 1px solid #ccc;
    padding: 10px; 
    width: 1200px;
	margin-bottom:20px;

/*    height: 250px; */

max-width: 100%; /* for mobile stops it going off edge */

   /* height: auto; for mobile stops it going off edge */
}
	
.greybox-old{
	width:98%;
	background-color:#E7E4E4;
	padding:5px;
	min-height:160px;
	height:auto;
}

.lightgreybox{
	margin-top:20px;
	width:100%;
	background-color:#f8f8f8;
	padding:5px;
	min-height:160px;
	height:auto;
}
.menu-call-button {
     position: fixed;
     z-index: 999999999;
     margin: 1em;
     padding: 0;
     width: 2.5em;
     height: 2.25em;
     border: none;
     text-indent: 2.5em;
     font-size: 1.5em;
     color: transparent;
     background: transparent;
     outline: 0;
     }
.box-heading{
	background-color:#f00;
	width:100%;
	min-height:40px;
	color:#FFF;
	font-size:30px;
	padding-left:20px;
	padding-top:5px;
	 line-height: 120%;
}
.red-box{
	display: inline-block;
	padding:10px; 
	border:2px solid #f00;
	font-size:24px;
	width:100%;
max-width: 100%; /* for mobile stops it going off edge */
 /*   height: 355px; for mobile stops it going off edge */
	height:auto;
	text-align:center;
	
}

.article {
	text-align:justify;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 20px;
	
}

.epbtext{
	display: inline;
	font-family:"Open Sans";	
	font-size:24px;
	max-width:810px;
	float:left;
	text-align:justify;
	
}

.dubbedmr{
	font-size:40px;
	margin-left:150px;
}




.best-scottish-solicitor{
	display: inline;
	max-width:320px;
padding-left:10px;
padding-bottom:10px;
	
	min-height:200px;
	/**background-image:url(../images/free-driving-lawyer.jpg);
	background-repeat:repeat; **/
	background-color:#eee;
	float:right;
	
}

.blackheading{
	background-color:#eee;
	padding-top:40px;
	width:100%;
	min-height:100px;
	text-align:center;
}
	
.divider_line_epb {
	float: left;
	width: 100%;
	padding-top: 10px;
	margin-bottom: 10px;
	background: url(../images/shadow2.png) no-repeat center bottom;
}
.meet-lawyer-section{
	float:left; 
	margin-top:22px;
	margin-bottom:20px;
	width:870px;
	max-width:100%;
	min-height:504px;
	background-color:#FFF;
	padding-bottom:18px;
	padding-right:18px;
	padding-top:18px;
	padding-left:18px;
	color:#000;
}
.yellow-black-box{
	max-width:100%;
	height:16px;
	background-image:url(../images/1favicon.gif);
	background-repeat:repeat;
}

.free-legal-advice{
	max-width:100%;
	min-height:540px;
	background-image:url(../images/best-lawyer-scotland.jpg);
	background-repeat:repeat;
}
.bullets-epb{

	list-style:disc;

	color:#000;

	font-size:18px;

	padding-bottom:10px;
	margin-left:20px;

}

/*   epb very important this is need to have images responsive for mobile. Just use images as normal and have this in the css */

img {
    max-width: 100%; /* for mobile stops it going off edge */
    height: auto; /* for mobile stops it going off edge */
}



.customer-testimonial {

	height:auto;
	min-height:145px;
    border-radius: 25px;
    border: 1px solid #ccc;
    padding: 10px; 
    width: 1200px;
	margin-bottom:20px;

/*    height: 250px; */

max-width: 100%; /* for mobile stops it going off edge */

   /* height: auto; for mobile stops it going off edge */

}
.floatright{
	float:right;
}

.callusnow{

	max-height:100%;
	height:auto;
    border-radius: 25px;
    border: 1px solid #ccc;
	padding-left:20px;
/*    height: 250px; */
max-width: 100%; /* for mobile stops it going off edge */
   /* height: auto; for mobile stops it going off edge */
}

	
	





.fsSubmitButton

{
	
padding: 10px 10px 11px !important;

font-size: 21px !important;

background-color: #000;

font-weight: bold;

text-shadow: 1px 1px #F36C8C;

color: #ffffff;

border-radius: 100px;

-moz-border-radius: 100px;

-webkit-border-radius: 100px;

border: 1px solid #F36C8C;

cursor: pointer;

box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;

-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;

-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;

}

.solicitor-success-rates{
	padding-top:20px;
	width:310px;
	height:auto;
	margin: 0 auto;
}
.innovative-law-firm{
	padding-top:20px;
	width:310px;
	height:auto;
	margin: 0 auto;
}
.commercial-driver{
	padding-top:20px;
	width:310px;
	height:auto;
	margin: 0 auto;
}
.innovative-law-firm{
	padding-top:20px;
	width:310px;
	height:auto;
	margin: 0 auto;
}
.richard-freeman{
	padding-top:20px;
	width:310px;
	height:auto;
	margin: 0 auto;
}


.epbmenubox{
	background-color:#FA9D12;
	height:250px; /* this height is being ignored for some reason */
	}
	
.epbmenuboxsmall{
	background-color:#FA9D12;
	height:100px;
	padding:10px;
	color:#FFF;
	}


padding5px{
	padding-bottom:65px;
	color:#F00;
}
.epbmenuboxtext{

	color:#FFF;

	padding-top:0px;

}

.rcorners2 {
    border-radius: 25px;
    border: 2px solid #000;
    padding: 10px; 
    width: 200px;
/*    height: 250px; */

	max-width: 100%; /* for mobile stops it going off edge */
    height: auto;/* for mobile stops it going off edge */
}
.rectangleform {

    border: 2px solid #000;
	background-color:#FA9D12;
	color:#000;
    width: 300px;

/*    height: 250px; */

	max-width: 100%; /* for mobile stops it going off edge */
    height: auto;/* for mobile stops it going off edge */
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	text-align: left;
	font-size:18px;
}
.rcornersform {

    border-radius: 25px;
    border: 2px solid #000;
	background-color:#FA9D12;
	color:#fff;
    width: 300px;

/*    height: 250px; */

	max-width: 100%; /* for mobile stops it going off edge */
    height: auto;/* for mobile stops it going off edge */
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	text-align: left;
	font-size:14px;
}




.orange-bar-text{
	font-size:18px;
	background-color:#CCC;
}
	

	

.headings {

	float:left;
	font-family: "Open Sans", Helvetica, sans-serif;
	font-size: 24px;
/*	color: #00A651;	 */

	color:#2F2D25;
	width: 100%;
	background-color:#F3CB26;

/*	background-image:url(../images/1arr-v2.png);
	background-repeat:no-repeat; 
*/	
	margin-bottom:10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-align: justify;
	/*height:40px; */	
	 height: auto;
	max-width: 100%; /* for mobile stops it going off edge */
}



.review-textbox

{

	clear:both;

	

width:90%;

text-align:justify;

/*position:relative; */

padding-left:325px;

float:left;

color:#0F0;


}

.wanticons{

	float:left;

	margin-right:30px;

}



.fieldwidth{

	width:185px;

}

.epbcomments{

	width:250px;	

}



.tableformatter

{

	float:left;

color:#906;

width: 500px;

height: 300px;

vertical-align: text-top;

text-align:center;

padding-top:0;

}

.h1paddingright{
	padding-right:50px;
	
}



 .epb_shadow_right {

	 padding:0;

	 float:left;

	  position: relative;

    left: 60px;

 border:10px solid #ECE8E8;

     -webkit-box-shadow: 6px 6px 4px #999; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

          box-shadow: 6px 6px 4px #999; /* Opera 10.5, IE9, Firefox 4+, Chrome 6+, iOS 5 */

}



.epb_shadow_right2 {


     -webkit-box-shadow: 6px 6px 4px #999; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

          box-shadow: 6px 6px 4px #999; /* Opera 10.5, IE9, Firefox 4+, Chrome 6+, iOS 5 */

}




/* end epb for recent transactions */



.imagemargin20px {
	margin:20px;
}

.imageborder { 

   border:10px solid #ECE8E8;

     -webkit-box-shadow: 6px 6px 4px #999; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

          box-shadow: 6px 6px 4px #999; /* Opera 10.5, IE9, Firefox 4+, Chrome 6+, iOS 5 */

margin-right:15px;
margin-bottom:15px;
}

.imageborder2 { 

   border:10px solid #ECE8E8;

     -webkit-box-shadow: 6px 6px 4px #999; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

          box-shadow: 6px 6px 4px #999; /* Opera 10.5, IE9, Firefox 4+, Chrome 6+, iOS 5 */

margin-left:15px;
margin-bottom:15px;

}



.box_shadow_soft {

	-webkit-box-shadow: 0px 0px 40px 0px #787771; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

	box-shadow: 0px 0px 40px 0px #787771; /* Opera 10.5, IE9, Firefox 4+, Chrome 6+, iOS 5 */

	text-align: center;

}

.box_shadow_right {

  -webkit-box-shadow: 6px 6px 4px #999; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */

          box-shadow: 6px 6px 4px #999; /* Opera 10.5, IE9, Firefox 4+, Chrome 6+, iOS 5 */

}


.floatcenter{

	float: none;

	margin:0 auto;

}




/*----------------------------------------------------

	SITE MAIN STRUCTURE

------------------------------------------------------*/


.site_wrapper {

	width: 100%;

	margin: 0 auto 0 auto;

/*	background-color:#F3f3f3;  The background color */

	

  

}

.container_full {

	width: 100%;

	float: left;

	margin: auto;

	

}



.container {

	width: 1170px;

	margin: auto;

	font-size: 18px;

	

}

.container.tbp {

	padding: 80px 0px;

}

.container.tbp2 {

	padding: 80px 0px 30px 0px;

}



.content_fullwidth {

	float: left;

	width: 100%;

	padding: 70px 0px 80px 0px;

}

.content_fullwidth.less {

	padding: 0px 0px 80px 0px;

}

.content_left {

	float: left;

	width: 71%;

	padding: 0px 0px 0px 0px;

}

.right_sidebar {

	float: right;

	width: 25%;

	padding: 0px 0px 0px 0px;

}

.left_sidebar {

	float: left;

	width: 25%;

	padding: 0px 0px 0px 0px;

}

.content_right {

	float: right;

	width: 71%;

	padding: 0px 0px 0px 0px;

}



.content_halfsite {

	float: left;

	width: 47.5%;

	margin-right: 5%;

	padding: 0px 0px 0px 0px;

}

.content_halfsite.last {

	margin-right: 0;

}





/* columns */

.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth, .onecol_forty, .onecol_sixty, .onecol_thirtyfive {

	position: relative;

	margin-right: 4%; 

	float: left;

}



.one_full {

	width: 100%;

}

.one_half {

	width: 48%; /* epb changed this from 48% to 50% */

}

.one_third {

	width: 30.650%;

}

.one_fourth {

	width: 22%;

}

.one_fifth {

	width: 16.800%;

}

.two_third {

	width: 65.350%;

}

.three_fourth {

	width: 74%;

}



.onecol_forty {

	width: 40%;

}



.onecol_sixty {

	width: 56%;

}



.onecol_thirtyfive {

	width: 35%;

}



.last {

	margin-right: 0 !important;

	clear: right;

}





/*---------------------------------------------------

	HEADER

------------------------------------------------------*/



/* Logo */

#trueHeader #logo{

	float:left;

	display:block;

	width:100%;

	min-height: 58px;

	margin-top:0px;

	position: relative;

	text-indent:-999em;

	background:url(../images/logo.png) no-repeat center top;

}



#topHeader #logo{

	float:left;

	display:block;

	width:100%;

	min-height: 60px;

	margin-top:0px;

	position: relative;

	text-indent:-999em;

	background:url(../images/logo2.png) no-repeat center top;

}



#topHeader #logo3{

	float:left;

	display:block;

	width:100%;

	min-height: 58px;

	margin-top:0px;

	position: relative;

	text-indent:-999em;

	background:url(../images/logo.png) no-repeat left top;

}



#trueHeader #logo4{

	float:left;

	display:block;

	width:100%;

	min-height: 50px;

	margin-top:16px;

	position: relative;

	text-indent:-999em;

	background:url(../images/logo4.png) no-repeat center top;

}





/* top navigation */

.top_nav {

	float: left;

	width: 100%;

	padding: 0px 0px;

	background: #f3f3f3;

	border-bottom: 1px dashed #e9e9e9;

}



.top_nav .left {

	float: left;

	width: 100%;
	padding-top:10px;
	

}

.top_nav .right {

	float: left;

	width: 50%;

	color: #454545;

	font-size: 13px;

	text-align: right;

}

.top_nav .right strong {

	margin-right: 20px;

	font-weight: 600;

}

.top_nav .right a {

	color: #454545;

	font-weight: 600;

	transition: all 0.3s ease;

}

.top_nav .right a:hover {

	color: #1e1e1e;

}



.topsitesearch {

	margin: 0px 0px 0px 20px;

	padding: 0px;

	float: right;

}

#topsitesearchform {

	margin: 0;

	padding: 0;

}

#topsitesearchform #s{

	width: 140px;

	height: 23px;

	border: 1px solid #d9d9d9;

	background-color: #f9f9f9;

	padding:0px 5px 0px 7px;

	color: #999;

	font-size: 12px;

	float: left;

}

#topsitesearchform #searchsubmit{

	float: right;

	width:23px;

	height:23px;

	cursor:pointer;

	text-indent:-5555em;

	line-height:100;

	overflow:hidden;

	background: #d9d9d9 url(../images/top-site-search-icon.png) no-repeat center 5px;

	border:0;

}

#topsitesearchform #searchsubmit:hover{

	background: #999 url(../images/top-site-search-icon.png) no-repeat center 5px;

}



.top_nav ul.topsocial {

	float: left;

	padding: 0px;

	margin: 0px;

}

.top_nav .topsocial li {

	float: left;

	padding: 0px;

	margin: 0px 5px 0px 0px;

}

.top_nav .topsocial li a {

	float: left;

	color: #8e8e8e;

	font-size: 12px;

	width: 23px;

	height: 23px;

	background: #fbfbfb;

	border-radius: 100%;

	text-align: center;

	vertical-align: middle;

	line-height: 23px;

	transition: all 0.3s ease;

}

.top_nav .topsocial li a:hover {

	background: #fff;

}



.top_nav2 .left {

	float: left;

	width: 33%;

	color: #272727;

}

.top_nav2 .center {

	float: left;

	width: 34%;

}

.top_nav2 .right {

	float: left;

	width: 33%;

	color: #272727;

	text-align: right;

}

.top_nav2 .right p {

	float: right;

	margin-top: 20px; /** epb is this casuing gap **/

	display: block;

}

.top_nav2 .right p strong {

	color: #d70204;

	font-size: 25px;

	font-weight: 600;

	display: block;

	margin-top: 3px;

}



.top_nav2 ul.topsocial {

	float: left;

	padding: 0px;

	margin: 0px 0px 20px 0px;

}

.top_nav2 .topsocial li {

	float: left;

	padding: 0px;

	margin: 0px 5px 0px 0px;

}

.top_nav2 .topsocial li a {

	float: left;

	color: #8e8e8e;

	font-size: 12px;

	width: 23px;

	height: 23px;

	background: #f3f3f3;

	border-radius: 100%;

	text-align: center;

	vertical-align: middle;

	line-height: 23px;

	transition: all 0.3s ease;

}

.top_nav2 .topsocial li a:hover {

	background: #f9f9f9;

}





.top_nav3 .left {

	float: left;

	width: 35%;

	color: #272727;

}

.top_nav3 .right {

	float: left;

	width: 65%;

	color: #1e1e1e;

	text-align: right;

	margin-top: -2px;

}

.top_nav3 .right p {

	float: right;

	margin-top: 10px;

}

.top_nav3 .right p strong {

	color: #d70204;

	font-size: 21px;

	font-weight: 600;

}



.top_nav3 .right .topsitesearch {

	margin: 0px 0px 0px 10px;

}



.top_nav3 ul.topsocial {

	float: right;

	padding: 0px;

	margin: 0px 0px 0px 0px;

}

.top_nav3 .topsocial li {

	float: left;

	padding: 0px;

	margin: 0px 5px 0px 0px;

}

.top_nav3 .topsocial li a {

	float: left;

	color: #454545;

	font-size: 12px;

	width: 23px;

	height: 23px;

	background: #f3f3f3;

	border-radius: 100%;

	text-align: center;

	vertical-align: middle;

	line-height: 23px;

	transition: all 0.3s ease;

}

.top_nav3 .topsocial li a:hover {

	background: #f9f9f9;

}



.top_nav3 .right .smbut {

	background: #1e1e1e;

	border-radius: 3px;

	padding: 3px 9px;

	font-size: 13px;

	color: #fff;

	margin-right: 10px;

	white-space: nowrap;

	transition: all 0.3s ease;

}

.top_nav3 .right .smbut:hover {

	background: #d70204;

}



/* header area adinationals */

.logo {

	float: left;

	width: 25%;

}

.menu_main {

	float: right;

	width: 75%;

	z-index: 9999;

	position: relative;

}



.logo2 {

	float: left;

	width: 100%;

}

.menu_main2 {

	float: left;

	width: 100%;

	z-index: 9999;

	position: relative;

	/*  epb changes menu bar color */

	background: #000;

}



.logo3 {

	float: left;

	width: 100%;

}



.logo4 {

	float: left;

	width: 27.5%;

}

.menu_main4 {

	float: left;

	width: 54.5%;

	z-index: 9999;

	position: relative;

}

.cdetails {

	float: left;

	width: 18%;

	height: 80px;

	padding-top: 12px;

	background: #e73537;

	text-align: center;

	color: #fff;

	font-size: 12px;

	font-weight: bold;

}

.cdetails strong {

	font-size: 22px;

	font-weight: bold;

	display: block;

	margin-top: 1px;

}





.mstslider {

	width: 100%;

	float: left;

}





/*----------------------------------------------------

   FEATURE SECTIONS

------------------------------------------------------*/



/* features section 1 */

.feature_sec1 {

	float: left;

	width: 100%;
	text-align:justify;

	padding: 0px 0px 20px 0px;

	

}

.feature_sec1 h5 {

	margin: 50px 0px 0px 0px;

}

.feature_sec1 h5 strong {
	
	color: #fff;

	font-size: 23px;

	background: #000;

	font-weight: normal;

	padding: 9px 18px;

	height: 44px;

	margin: 0 10px;

	border-top-right-radius: 25px;

	border-bottom-right-radius: 25px;

	border-top-left-radius: 25px;

	border-bottom-left-radius: 25px;

	white-space: nowrap;  

}


/* features section 9 */

.feature_sec9 {

	float: left;

	width: 100%;

	padding: 100px 0px 0px 0px;

	text-align: center;

/*	background: #1e1e1e url(../images/texture1.jpg) repeat left top;   the color and texture of the form */
	background: #FA9D12 url(../images/free-driving-lawyer2.jpg) repeat left top;
	
	color: #fff;

}

.feature_sec9 .sky-form strong {

	color: #000;

	font-weight: normal;

}

.cforms {

	width: 99%;

	margin-top: -15px;

	padding-bottom: 35px;

}

.feature_sec9 .transpef {

	background: url(../images/fade1.png) no-repeat center bottom;

}



/* features section 12 */

.feature_sec12 {

	float: left;

	width: 100%;

	text-align: center;

	padding: 20px 0px 40px 0px;

}

.feature_sec12 i {

	font-size: 40px;

	color: #d70204;

	margin-bottom: 16px;

}

.feature_sec12 h5 {

	margin-bottom: 5px;

}



/* features section 13 */

.feature_sec13 {

	float: left;

	width: 100%;

	padding: 75px 0px 80px 0px;

	background: #eee;

}

.feature_sec13 .peoplesays {

	float: left;

	width: 100%;

	padding: 27px 40px 35px 40px;

	background: #fff;

	border-radius: 3px;

	font-size: 16px;

	line-height: 25px;

}

.feature_sec13 .peoimg {

	float: left;

	width: 100%;

	background: url(../images/aroow4.png) no-repeat 30px top;

}

.feature_sec13 .peoimg img {

	float: left;

	width: 58px;

	height: 58px;

	margin-left: 70px;

	margin-top: 12px;

	border-radius: 100%;

}

.feature_sec13 .peoimg strong {

	float: left;

	color: #1e1e1e;

	margin-top: 27px;

	margin-left: 10px;

}

.feature_sec13 .videofra {

	float: left;

	width: 100%;

	height: 265px;

}






/* FOOTER STYLES */

.footer {

	float: left;

	width: 100%;

	background: #000;

	padding: 50px 0px;

}

.footer h5 {

	color: #fff;

	margin-bottom: 3px;

}

.footer h6 {

	color: #999;

	font-size: 14px;

	margin-bottom: 12px;

}

.footer h3 {

	color: #fff;

	margin-bottom: 0px;

}

.footer .left {

	float: left;

	width: 28%;

	border-right: 2px solid #181818;

}

.footer .center {

	float: left;

	width: 27%;

	margin-left: 6%;

	border-right: 2px solid #181818;

}

.footer .right {

	float: left;

	width: 33%;

	margin-left: 6%;

}

.footer .right a {

	font-size: 12px;

	color: #fff;

	text-decoration: underline;

}

.footer .right a:hover {

	color: #e3e3e3;

	text-decoration: none;

}



.copyrights {

	float: left;

	width: 100%;

	padding: 27px 0px 23px 0px;

	background: #181818;

	font-size: 12px;

}

.copyrights .one_half.last {

	text-align: right;

}

.copyrights a {

	color: #727272;

	transition: all 0.3s ease;

}

.copyrights a:hover {

	color: #999;

}



/* FOOTER STYLES TWO */

.footer2 {

	float: left;

	width: 100%;

	padding: 0px 0px;

}

.footer2 .fgraph {

	float: left;

	width: 100%;

	height: 18px;

	margin-top: -18px;

	text-align: center;

	background: url(../images/graph1.png) no-repeat center top;

}

.footer2 .fotcols {

	float: left;

	width: 100%;

	padding: 30px 0px;

	background: #027634;

}

.footer2 .fotcols h5 {

	color: #fff;

	margin-bottom: 3px;

}

.footer2 .fotcols h5 em {

	font-size: 14px;

	font-style: normal;

}

.footer2 .fotcols h3 {

	color: #fff;

	margin-bottom: 0px;

}

.footer2 .left {

	float: left;

	width: 33%;

	border-right: 1px solid #01411D;

}

.footer2 .center {

	float: left;

	width: 33%;

	text-align: center;

	border-right: 1px solid #01411D;

}
.footer2 .center h4 a {

    word-wrap: break-word;
    
}
.footer2 .center a:hover {

	color: #1e1e1e;

}

.footer2 .right {

	float: left;

	width: 30%;

	margin-left: 4%;

}



.footer2 .footersecs {

	float: left;

	width: 100%;

	color: #999;

	background: #1e1e1e url(../images/texture1.jpg) repeat left top;

}

.footer2 .transpef {

	padding: 63px 0px 0px 0px;

	background: url(../images/fade1.png) no-repeat center bottom;

}

.footer2 .footersecs h3 {

	margin-bottom: 14px;

}

.footer2 ul.address {

	padding: 0px;

	margin: 0px;

}

.footer2 .address li {

	padding: 0px;

	margin: 0px;

	line-height: 27px;

}

.footer2 .address li i {

	padding: 0px;

	margin: 0px 5px 0px 0px;

}



.footer2 ul.uselinks {

	float: left;

	padding: 0px;

	margin: 4px 0px 0px 0px;

}

.footer2 .uselinks li {

	padding: 0px;

	margin: 0px;

	line-height: 30px;

}

.footer2 .uselinks li i {

	padding: 0px;

	margin: 0px 5px 0px 0px;

}

.footer2 .uselinks li a {

	color: #999;

	transition: all 0.3s ease;

}

.footer2 .uselinks li a:hover {

	color: #fff;

}



.footer2 ul.tweets {

	float: left;

	padding: 0px;

	margin: 7px 0px 0px 0px;

}

.footer2 .tweets li {

	padding: 0px;

	margin: 0px;

	float: left;

}

.footer2 .tweets li.bhline {

	padding-bottom: 22px;

	margin-bottom: 20px;

	border-bottom: 1px solid #3d3d3d;

}

.footer2 .tweets li a {

	color: #999;

	transition: all 0.3s ease;

}

.footer2 .tweets li a:hover {

	color: #fff;

}

.footer2 .tweets li i {

	padding: 0px;

	margin: 0px 5px 0px 0px;

}

.footer2 .tweets li em {

	float: left;

	font-size: 10px;

	font-style: normal;

	color: #727272;

}

.footer2 .tweets li em a {

	color: #727272;

	transition: all 0.3s ease;

}

.footer2 .tweets li em a:hover {

	color: #727272;

	text-decoration: underline;

}




.copyrights.two {

	background: #000;

	padding: 25px 0px 23px 0px;

}





/* page titles */

.page_title {

	float: left;

	width: 100%;

	height: 400px;

	background: #000 url(../images/darkgray-bg2.png) no-repeat center top;

}

.page_title.two {

	float: left;

	width: 100%;

	height: 400px;

	background: #000 url(../images/darkgray-bg2.png) no-repeat center top;

}

.page_title h1 {

	float: left;

	height: 80px;

	vertical-align: middle;

	text-align: center;

	line-height: 80px;

	padding: 0px 70px 0px 40px;

	color: #fff;

	margin-top: 320px;

	font-size: 50px;

	font-weight: bold;

	margin-bottom: 0px;

	background: rgba(215, 2, 4, 0.9) url(../images/aroow3.png) no-repeat right 40px;

}


.page_title2-orange{

	float: left;

	width: 100%;

	padding: 10px 0px;

	/*background: #FA9D12 url(../images/site-fullimg3.png) no-repeat center top; */
	border:3px solid #eee;
	text-align:center;

}
.page_title2 {

	float: left;

	width: 100%;

	padding: 10px 0px;

	/*background: #FA9D12 url(../images/site-fullimg3.png) no-repeat center top; */
	background: #FA9D12;

}

.page_epb{

	float: left;

	width: 100%;

	padding: 0px 0px;

	background: #F3CB26 url(../images/site-fullimg3.png) no-repeat center top;

}

.page_title2 h1 {

	float: left;

	font-size: 30px;

	font-weight: bold;

	margin-bottom: 0px;
	line-height: 31px;

}

.page_title2 .pagenation {

	float: right;

	font-size: 12px;

	text-align: left;

	font-weight: normal;

	color: #1e1e1e;

	margin: 10px 0px 0px 0px;

}

.page_title2 .pagenation i {

	color: #727272;

	margin: 0px 2px 0px 2px;

}

.page_title2 .pagenation a {

	padding: 0px;

	color: #727272;

}

.page_title2 .pagenation a:hover {

	color: #999;

}







.address_info {

	float: left;

	background-color: #f9f9f9;

	border: 1px solid #e1e1e1;

	padding: 20px 20px 10px 20px;

	width: 99%;

	margin-bottom: 40px;

}

.address_info.two {

	background-color: #fff;

	border: none;

	padding-top: 0px;

}

.address_info h3 i {

	font-weight: 500;

	font-style: normal;

}



/* scroll up */

.scrollup{

    width:40px;

    height:40px;

    opacity:1;

    position:fixed;

    bottom:22px;

    right:20px;

    display:none;

    text-indent:-9999px;

    background: url(../images/scroll-top-arrow.png) no-repeat left top;

	z-index: 999;

}

.callusnow .women {
    float: right;
    left: -16px;
    position: relative;
    top: 1px;
    width: 122px;
}
.callusnow .contact_no {
    left: 44px;
    position: relative;
    top: 35px;
    width: 295px;
}
.call_now_quote {
    color: #000;
    font-size: 21px;
    font-weight: 600;
    position: relative;
    top: 12px;
	
}
.callusnow{
	float: left;
	margin-bottom:30px; 
}
.callusnow .telephone {
    border-radius: 50px 0 0;
}

/* Sprite CSS image pages to minimize file opening/loading */
.facebook-epb {
	float:left;
	display: block;
	width: 40px;
height: 40px;
background-image: url(../images/css-image-sheet.png);
	background-repeat:no-repeat;

/*display: block;
/margin: 0px auto 20px;
background-image: url(../images/fb-driving-lawyerscss.jpg) 0 0 no-repeat;*/
}

.facebook-epb:hover {
background-position: 0 -40px;
}

/* Sprite CSS image pages to minimize file opening/loading */
.twitter-epb {
	margin-left:10px;
	float:left;
	display: block;
	width: 40px;
height: 40px;
background-image: url(../images/css-image-sheet.png);
background-repeat:no-repeat;
background-position: 0px -80px;
/*display: block;
/margin: 0px auto 20px;
background-image: url(../images/fb-driving-lawyerscss.jpg) 0 0 no-repeat;*/
}

.twitter-epb:hover {
background-position: 0 -120px;
}

/* Sprite CSS image pages to minimize file opening/loading */
.login-epb {
	float:left;
	display: block;
	width: 100px;
height: 34px;
background-image: url(../images/css-image-sheet.png);
background-repeat:no-repeat;
background-position: 0px -160px;
/*display: block;
/margin: 0px auto 20px;
background-image: url(../images/fb-driving-lawyerscss.jpg) 0 0 no-repeat;*/
}

.login-epb:hover {
background-position: 0 -194px;
}

.stickybutt-container{
    padding:0px;
    margin:0px;
   position:fixed; 
  
    left:0px;
    bottom:50px;
    width:64px;
    z-index: 1100;
}
.stickybutt li{
    list-style-type:none;
   /* background-color:#fff; */
    color:#efefef;
    height:43px;
    padding:0px;
    margin:0px 0px 1px 0px;
   -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
	
    cursor:pointer;
}
.stickybutt li:hover{
    margin-left:0px;
}
.stickybutt li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}
.stickybutt li p{
    padding-top:5px;
    margin:0px;
    line-height:16px;
    font-size:11px;
}
.stickybutt li p a{
    text-decoration:none;
    color:#2C3539;
}
.stickybutt li p a:hover{
    text-decoration:underline;
}