/**
 *
 * -------------------------------------------
 * Basic template CSS file
 * -------------------------------------------
 *
 **/
 
/*
 *
 * 1. Global elements
 *
 *
------------------------------------ */
 
/* 1.1. Base document elements
==================================== */
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/updated/roboto-bold.eot');
    src: url('../fonts/updated/roboto-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/updated/roboto-bold.woff2') format('woff2'),
         url('../fonts/updated/roboto-bold.woff') format('woff'),
         url('../fonts/updated/roboto-bold.ttf') format('truetype'),
         url('../fonts/updated/roboto-bold.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/updated/roboto-medium.eot');
    src: url('../fonts/updated/roboto-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/updated/roboto-medium.woff2') format('woff2'),
         url('../fonts/updated/roboto-medium.woff') format('woff'),
         url('../fonts/updated/roboto-medium.ttf') format('truetype'),
         url('../fonts/updated/roboto-medium.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../fonts/updated/robotocondensed-italic.eot');
    src: url('../fonts/updated/robotocondensed-italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/updated/robotocondensed-italic.woff2') format('woff2'),
         url('../fonts/updated/robotocondensed-italic.woff') format('woff'),
         url('../fonts/updated/robotocondensed-italic.ttf') format('truetype'),
         url('../fonts/updated/robotocondensed-italic.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/updated/roboto-regular.eot');
    src: url('../fonts/updated/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/updated/roboto-regular.woff2') format('woff2'),
         url('../fonts/updated/roboto-regular.woff') format('woff'),
         url('../fonts/updated/roboto-regular.ttf') format('truetype'),
         url('../fonts/updated/roboto-regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Roboto-LightItalic';
    src: url('../fonts/updated/Roboto-LightItalic.eot');
    src: url('../fonts/updated/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/updated/Roboto-LightItalic.woff2') format('woff2'),
         url('../fonts/updated/Roboto-LightItalic.woff') format('woff'),
         url('../fonts/updated/Roboto-LightItalic.ttf') format('truetype'),
         url('../fonts/updated/Roboto-LightItalic.svg#robotoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/updated/roboto-light.eot');
    src: url('../fonts/updated/roboto-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/updated/roboto-light.woff2') format('woff2'),
    url('../fonts/updated/roboto-light.woff') format('woff'),
    url('../fonts/updated/roboto-light.ttf') format('truetype'),
    url('../fonts/updated/roboto-light.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/updated/robotocondensed-bold.eot');
    src: url('../fonts/updated/robotocondensed-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/updated/robotocondensed-bold.woff2') format('woff2'),
    url('../fonts/updated/robotocondensed-bold.woff') format('woff'),
    url('../fonts/updated/robotocondensed-bold.ttf') format('truetype'),
    url('../fonts/updated/robotocondensed-bold.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/updated/robotocondensed-regular.eot');
    src: url('../fonts/updated/robotocondensed-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/updated/robotocondensed-regular.woff2') format('woff2'),
    url('../fonts/updated/robotocondensed-regular.woff') format('woff'),
    url('../fonts/updated/robotocondensed-regular.ttf') format('truetype'),
    url('../fonts/updated/robotocondensed-regular.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	-webkit-font-smoothing: antialiased;
	min-height: 100%;
}
body {
	background-color:#fff;
	background-attachment: fixed;
	background-size: cover;
	color: #333333;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.9;
	margin: 0;
	min-height: 100%;
	padding: 0;
	-ms-word-wrap: break-word;
	    word-wrap: break-word;
    font-family: 'robotoregular';
    min-width: 1024px;
}
body.solidBg {
	background: #e5e5e5;
	background-attachment: scroll;
	background-size: auto;
	background-repeat: repeat;
}
body.solidBg.pattern1 { background-image: url('../images/patterns/pattern1.png'); }
body.solidBg.pattern2 { background-image: url('../images/patterns/pattern2.png'); }
body.solidBg.pattern3 { background-image: url('../images/patterns/pattern3.png'); }
body.solidBg.pattern4 { background-image: url('../images/patterns/pattern4.png'); }
body.solidBg.pattern5 { background-image: url('../images/patterns/pattern5.png'); }
body.solidBg.pattern6 { background-image: url('../images/patterns/pattern6.png'); }
body.solidBg.pattern7 { background-image: url('../images/patterns/pattern7.png'); }
body.solidBg.pattern8 { background-image: url('../images/patterns/pattern8.png'); }
body.solidBg.pattern9 { background-image: url('../images/patterns/pattern9.png'); }
body.solidBg.pattern10 { background-image: url('../images/patterns/pattern10.png'); }
body.solidBg.pattern11 { background-image: url('../images/patterns/pattern11.png'); }
body.solidBg.pattern12 { background-image: url('../images/patterns/pattern12.png'); }

body[data-mobile="true"] #main-menu-mobile select {
    font-size: 50px;
}
#gk-bg {
	min-height: 100%;
	width: 100%;
}
#gk-header {
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.ie8mode #gk-header {
	background: transparent url('../images/style1/header_bg_ie.png') repeat-x 0 0;	
}
body.solidBg #gk-header,
body.solidBg .ie8mode #gk-header {
	background: transparent url('../images/style2/header_bg_solid.jpg') no-repeat 0 0;
}


/* 1.2. Base typography elements
==================================== */

a,
#gk-mainbody header h1 a:active,
#gk-mainbody header h1 a:focus,
#gk-mainbody header h1 a:hover,
#gk-mainbody header h2 a:active,
#gk-mainbody header h2 a:focus,
#gk-mainbody header h2 a:hover,
article header ul a:active,
article header ul a:focus,
article header ul a:hover {
	color: #ab001c;
	-webkit-transition: color 0.2s linear;
	   -moz-transition: color 0.2s linear;
	     -o-transition: color 0.2s linear;
	        transition: color 0.2s linear;
	text-decoration: none;
}

a:hover,
a:active,
a:focus,
article header ul a,
#gk-mainbody header h1 a,
#gk-mainbody header h2 a, 
#gk-sidebar .box a:hover {
	color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 12px 0;
	padding: 0;
}

h1 {
	font-size: 52px;
	font-weight: 300;
	margin: 0 0 24px 0;
}

h2,
.page-title {
	font-size: 42px;
	font-weight: 300;
	margin: 0 0 18px 0;
}

h1,
h2 {
	letter-spacing: -2px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 13px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol {
	margin: 0;
	padding: 0;
}

ul li,
ol li {
	line-height: 2.0;
}

p {
	margin: 0.5em 0 1.5em;
}

img {
	height: auto;
	max-width: 100%;
}

/*iframe {
	max-width: 100%!important;
}*/

/* 1.3. Base form elements
==================================== */

/* buttons */
.btn,
button,
.button,
.readon,
.nav-btn a,
.more-link,
.gk-button,
a.gk-button,
input[type="button"],
input[type="submit"],
.gk-price-table dd a,
.nav-prev a,
.nav-next a {
	background: #dd5749;
	border: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #fff!important;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 15px;
	font-weight: normal!important;
	height: 34px;
	line-height: 34px;
	margin: 0 5px 2px 2px;
	padding: 0 15px;
	text-align: center;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out	
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled],
.nav-btn a:active,
.nav-btn a:focus,
.nav-btn a:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:active,
input[type="button"]:active,
input[type="submit"]:active,
button.disabled,
input[type="button"].disabled,
input[type="submit"].disabled,
a.gk-button:hover,
a.gk-button:active,
a.gk-button.active,
a.gk-button.disabled,
a.gk-button[disabled],
.readon:active,
.readon:focus,
.readon:hover,
.btn:focus,
button:focus,
a.gk-button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
.more-link:active,
.more-link:focus,
.more-link:hover,
.gk-price-table dd a:active,
.gk-price-table dd a:focus,
.gk-price-table dd a:hover,
.button:active,
.button:focus,
.button:hover,
.nav-prev a:active,
.nav-next a:active,
.nav-prev a:focus,
.nav-next a:focus,
.nav-prev a:hover,
.nav-next a:hover {
	background: #666;
	color: #fff!important;
}

.btn,
.button,
.readon {
	padding: 2px 15px;
	text-transform: lowercase;
}

/* input fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="www"],
input[type="tel"],
textarea  {
	-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;
	border: 1px solid #eee;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: 300;
	color: #888;
	height: 40px;
	max-width: 100%!important;
	padding: 0 10px;
}

textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	max-width: 100%!important;
	padding: 24px
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
	background: #fffef4;
}

label {
	color: #222;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 0 6px 0 0;
	text-transform: uppercase;
}

select {
	height: inherit;
	max-width: 100%;
	padding: 6px
}

#searchsubmit {
	float: none;
	display: inline-block;
}

/* Additional button styles */
.border,
.gk-price-table dd a {
	background: transparent!important;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: #888!important;
}
.border:hover,
.gk-price-table dd a:hover {
	background: #dd5749!important;
	border-color: #dd5749!important;
	color: #fff!important;
}
.gk-price-table .gk-premium dd a:hover {
	border-color: #fff;
}
#gk-bottom2 .border {
	border-color: #fff;
}
#gk-bottom2 .box .border:hover {
	background: #fff!important;
	border-color: #fff!important;
	color: #dd5749!important;
}

/* 1.4. Base other elements
==================================== */

article {
	margin: 0;
}

.tag-page article,
.category-page article,
.search-page article,
.archive article,
.page-template-template-latest-php article,
.home .gk-is-homepage article,
.home #gk-mainbody article {
	margin: 0 0 80px 0;
}

.tag-page > article,
.search-page > article {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	min-height: auto!important;
	padding: 0 0 0 20px;
	width: 50%;
}

#gk-mainbody.tag-page > article h2,
#gk-mainbody.search-page > article h2 {
	font-size: 28px;
	line-height: 36px;
}

.tag-page > hr + article,
.tag-page > article:first-child,
.search-page > hr + article,
.search-page > #searchform + article {
	padding: 0 20px 0 0;
}

.tag-page > hr,
.search-page > hr {
	border: none;
	clear: both;
}

/* 1.5. Base CSS classes
==================================== */

/*
 *
 * 2. Template containers
 *
 *
------------------------------------ */

.gk-page {
	margin: 0 auto;
	width: 100%; 
}

#gk-mainbody {
	padding: 0 0 30px 0;
}

#gk-mainbody.contains-widget {
	padding: 0;
}

.frontpage #gk-mainbody {
	padding-top: 70px;
	padding-bottom: 70px;
}

#gk-mainbody-columns {
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    margin: 0 auto;
    max-width: 1024px;
    width: 100%;
    padding-bottom: 4%;
    padding-top: 4.5%; /* padding between banner and body content, also applies to homepage product grid */
}

#gk-mainbody-columns > section {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	float: left;
	padding: 0;
}

#gk-mainbody-columns > aside {
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	float: left;
	padding: 0 0 32px 65px;
}

#gk-mainbody-columns.gk-column-left > section {
	float: right;
}

#gk-mainbody-columns.gk-column-left > aside {
	float: left;
	padding: 0 65px 32px 0;
}

/*
 *
 * 3. Template structure
 *
 *
------------------------------------ */
 
/* 3.1. Top
==================================== */

#gk-top {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 60px;
	margin:0 auto;
	max-width:1024px;
	width: 100%;
}
/******************HEADER SECTION*****************/
#one-logo{
	float:left;
	width:50%;
}
.top_buttons{
    float: right;
    position: relative;
    width: 20.5%;
    top: -59px;
}
.top_buttons a{
    display: block;
    font-family: "robotobold";
    font-size: 13px;
    padding: 4px 23px;
    position: absolute;
    top: 70px;
}
.top_buttons a:first-child{
    border: 2px solid #008ab0;
    color: #008ab0;
    left: 0;

}
.top_buttons a:last-child{
    background: none repeat scroll 0 0 #ab001c;
    border: 2px solid #ab001c;
    color: #ffffff;
    right: 0;

}
.one-menu{
	float:left;
	width:100%;
}
.menucontainer{
    background-color: #e8e8e8;
    height: 42px;
}

#gk-header-bottom {
	background: #dd5749;
	/*line-height:0;*/
	/*padding: 40px 90px 0 90px;*/
}

#gk-header-bottom > div {
}

/* 3.2. Header
==================================== */

/* Logo */
a.cssLogo {
    display: block;
    float: left;
    margin-bottom: 8px;
    /*margin-top: 24px;*/
    margin-top: 14px;

    padding: 0;
    text-indent: -999em;
    text-shadow: none;
    width: 130px;
}

a.cssLogo {
	background: transparent url('../images/one_legal_logo_black.png') no-repeat 0 0;
	/* You can specify there logo size and background */
    height: 34px;
    width: 168px;
}

a.textLogo {
	color: #fff;
	display: block;
	float: left;
	font-size: 22px;
	font-weight: bold;
	height: auto;
	line-height: 24px;
	margin: 50px 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
	text-indent: 0;
	text-transform: uppercase;
	width: auto;
}

a.textLogo small {
	color: #eee;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
}

/* Header */

#gk-header {
	clear: both;
}

/* 3.3. Content
==================================== */
.innercontainer p{
    font-family: "roboto_condenseditalic";
    font-size: 20px;
    line-height: 1;
    padding: 0 29%;
    text-align: left;
    color: #808080;
}
.circles{
    overflow: hidden;
    padding: 0 7%;
    width: 100%;
}
.circle{
    float: left;
    padding: 5% 8% 0 1%;
    width: 20.5%;
}
#imgblock{
	/* padding:25% 10% 10%;*/
}
.circle img{}
.circle h5,.circle a{
	font-family: 'robotomedium';
    font-size: 21px;
    line-height: 1;
    margin: 10px 0;
	text-align:center;
	color:#000;
    display: block;
}
.circle a:hover{
    color: #ab001c;
}
.circle p{
    color: #000;
    font-family: "robotoregular";
    font-size: 14px;
    line-height: 1.2;
    padding: 0;
    text-align: center;
}
section.intro {
	font-size: 110%;
	padding: 0;
}

.box:after,
article:after,
#respond:after,
#gk-header-bottom:after,
.widget-area:after,
#gk-top:after,
#gk-top1:after,
#gk-top2:after,
#gk-bottom1:after,
#gk-bottom2:after,
#gk-bottom3:after,
#gk-bottom4:after,
#gk-bottom5:after,
#gk-bottom6:after,
#gk-mainbody:after,
#gk-mainbody-columns:after,
#gk-footer:after,
section.content:after {
    clear: both;
    content: "";
    display: table;
}

#gk-mainbody-top {
	margin: 0 0 30px 0;
}

#gk-mainbody-bottom {
	margin: 0 0 30px 0;
}

/* 3.4. Sidebar
==================================== */

/* 3.5. Bottom
==================================== */

#gk-bottom1,
#gk-bottom2,
#gk-bottom3,
#gk-bottom4,
#gk-bottom5,
#gk-bottom6 {
	background: #fff;
	/*overflow: hidden;*/
}

#gk-bottom1.gk-single-widget,
#gk-bottom2.gk-single-widget,
#gk-bottom3.gk-single-widget,
#gk-bottom4.gk-single-widget,
#gk-bottom5.gk-single-widget,
#gk-bottom6.gk-single-widget {
	background: transparent;
}

#gk-top1 .box,
#gk-top2 .box,
#gk-bottom1 .box,
#gk-bottom2 .box,
#gk-bottom3 .box,
#gk-bottom4 .box,
#gk-bottom5 .box,
#gk-bottom6 .box {
	background: #fff;
}

#gk-bottom1.gk-single-widget > div,
#gk-bottom2.gk-single-widget > div,
#gk-bottom3.gk-single-widget > div,
#gk-bottom4.gk-single-widget > div,
#gk-bottom5.gk-single-widget > div,
#gk-bottom6.gk-single-widget > div {
	

}

#gk-bottom1.gk-single-widget .box,
#gk-bottom2.gk-single-widget .box,
#gk-bottom3.gk-single-widget .box,
#gk-bottom4.gk-single-widget .box,
#gk-bottom5.gk-single-widget .box,
#gk-bottom6.gk-single-widget .box {
	min-width: 100%;
}
#gk-bottom5,
#gk-bottom6 {
	background: #dd5749;
	padding-top: 30px;
}

#gk-top1 .widget-area,
#gk-top2 .widget-area,
#gk-bottom1 .widget-area,
#gk-bottom2 .widget-area,
#gk-bottom3 .widget-area,
#gk-bottom4 .widget-area,
#gk-bottom5 .widget-area,
#gk-bottom6 .widget-area {
}
.banner{ line-height:0;}

/* 3.6. Footer
==================================== */

#gk-footer {
	background: #dd5749;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color: #e5e5e5;
	font-size: 13px;
	font-weight: 400;
	line-height: 13px;
	padding: 0 90px;
}
.clear{ clear:both;}
.footertop{
	margin: 0 auto;
    max-width: 800px;
    width: 100%;
}
.footerlogo{ float:left; width:50%;position: relative;}
.footerlogo > span{color: #fefefe;
    display: block;
    font-family: "robotomedium";
    font-size: 10px;
    left: 21%;
    position: relative;
    top: -7px;}
.socialicons{
    float: right;
    width: 35%;
}
.menu-container{
	margin: 0 auto;
    max-width: 800px;
    width: 100%;
}
#gk-footer > div {
	padding: 0;
}

.gk-footer-border + #gk-footer > div {
	border-top: 1px solid #f1857a;
}

#gk-footer a {
	color: #fff;
    font-family: "robotomedium";
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing:2px;
}

#gk-footer a:active,
#gk-footer a:focus,
#gk-footer a:hover {
	color: #ff9d93;
}

#footer-menu {
	float: left;
    width: 100%;
}
#footer-menu li:first-child{
	padding-left:0;
}
#footer-menu li:last-child{
	padding-right:0;
} 
 
#footer-menu li {
	border: none;
	float: left;
	line-height: 100px; /* Add spacing between footer nav and OL, Social graphics */
	/*margin: 0 14px 0 0!important;*/
	 padding: 0 5.9%;
}

#footer-menu ul {
	display: none;
}

#gk-footer .gk-copyrights {
	float: right;
	margin: 0;
	padding: 0;
}

#gk-footer .gk-framework-logo {
	clear: both;
	display: block;
	margin: 12px auto 0 auto;
	padding: 40px 0 50px 0;
	opacity: 0.6;
}

/* Style switcher */
#gk-style-area {
	display: block;
	float: right;
	line-height: 10px;
	margin: 9px 0 0 20px;
	padding: 0;
	text-align: center;
}

#gk-style-area a {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	margin: 15px 0 0 5px;
	text-indent: -9999px;
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
	-webkit-transition: -webkit-transform 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out;
	-o-transition: -o-transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
	width: 10px;
}

#gk-style-area a:first-child {
	margin-left: 0;
}

#gk-style-area a:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

#gk-color1 { background: #ee685a; }
#gk-color2 { background: #9b59b6; }
#gk-color3 { background: #3cade7; }
#gk-color4 { background: #2ecc71; }
#gk-color5 { background: #f2c406; }
#gk-color6 { background: #f57b3d; }

/*
 *
 * 4. Widget styles
 *
 *
------------------------------------ */
 
/* 4.1. Base style
==================================== */

.box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	/*padding: 0 10px;*/
}

#gk-mainbody-top .box,
#gk-mainbody-bottom .box {
	padding: 0;
}

/* 4.2. Base style for other areas
==================================== */

#gk-top1 .box,
#gk-top2 .box,
#gk-bottom1 .box,
#gk-bottom2 .box,
#gk-bottom3 .box,
#gk-bottom4 .box,
#gk-bottom5 .box,
#gk-bottom6 .box,
#gk-header-bottom .box {
	float: left;
}

.widget-area .col1 { width: 100%; }
.widget-area .col2 { width: 50%; }
.widget-area .col3 { width: 33.3%; }
.widget-area .col4 { width: 25%; }
.widget-area .col5 { width: 20%; }
.widget-area .col6 { width: 16.6%; }

.widget-area .box.last1 { width: 100%; }
.widget-area .box.last2 { width: 50%; }
.widget-area .box.last3 { width: 33.3%; }
.widget-area .box.last4 { width: 25%; }
.widget-area .box.last5 { width: 20%; }

.widget-area .nth1 {
	clear: both;
}
#text-2,#text-6{
    height: 512px !important;
}
/* 4.3. Device classes
==================================== */

.onlyDesktop {
	display: block!important;
}

.onlyTablets {
	display: none!important;
}

.onlySmartphones {
	display: none!important;
}

.onlyTabltetsAndSmartphones {
	display: none!important;
}


.f-nav{ position:fixed; top:0; width:100%;z-index: 999;}

/*about us*/
.about_left_side{
    width: 20%;
    float: left;
}
.about_right_side{
    border-left: 2px solid #cccccc;
    float: left;
    padding-left: 5%;
    width: 74%;
}
.about_right_side h3{
    color: #008ab0;
    font-family: 'robotolight';
    font-size: 28px;
    font-weight: normal;
}
.about_right_side p:last-child{
    margin-bottom: 0;
}
.about_right_side p a{
    font-family: 'robotobold';
}
.about_left_side ul{
    margin-top: 25px;
}
.about_left_side h3{
    color: #333333;
    font-family: 'robotomedium';
}
.about_left_side ul li a{
    color: #666666;
   font-family: 'roboto_condensedregular';
}
.about_left_side ul li a.current{
    color: #ab001c;
    font-family: 'roboto_condensedbold';
}
.products{
    display: block;
    overflow: hidden;
    width: 100%;
}
.products .about_left_side h3{
    font-size: 25px;
}
.products .about_left_side h3.efile_courts{
    margin-top: 40px;
}
.products .about_right_side p:first-child{
    color: #000000;
    font-family: "robotolight";
    font-size: 19px;
    line-height: 24px;
    overflow: hidden;
    position: relative;
    margin-top: 0;
}
.products .about_right_side p:first-child strong{
    font-family: "robotomedium";
    font-size: 23px;
    font-weight: normal;
}
.products .about_right_side p:first-child span
{
    left: 24%;
    position: absolute;
    top: 23%;
}

.products .about_right_side ul{
    margin-top: 5%;
    width: auto;
}
.products .about_right_side ul li{
    color: #333333;
    font-family: "robotoregular"; /* Reduce overall list heaviness; just use <strong> for emphasis */
    font-size: 16px;
    font-weight: normal;
    line-height: 19px;
    list-style: disc;
    margin-bottom: 21px;
}

.displayInlineBlock {
	display: inline-block;
	vertical-align: text-top;
}

.products .about_right_side ul.listStyleSubPoints {
	margin-left: 20px;
	margin-top: 20px;
}

.products .about_right_side ul.listStyleSubPoints li {
	list-style: circle;
	font-family: "robotoregular";
}

.products .about_right_side ul li:last-child {
	margin-bottom: 10px;
}

.products .about_right_side p:last-child{
    margin-top: 10%;
}
.products .about_right_side p:last-child a{
    color: #008ab0;
    font-family: "robotomedium";
    font-size: 14px;
	letter-spacing: 1px;
}
.products .about_right_side p:last-child a.prev_product{
    background-image: url("../images/prev_arrow.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 25px auto;
    display: block;
    float: left;
    padding-left: 5%;
	padding-bottom: 5px;
    width: 60%;
    text-transform: uppercase;
}
.products .about_right_side p:last-child a.next_product{
    background-image: url("../images/next_arrow.png");
    background-position: 240px 0;
    background-repeat: no-repeat;
    background-size: 25px auto;
    display: block;
    float: left;
    padding-right: 5%;
	padding-bottom: 5px;
    width: 30%;
    text-transform: uppercase;
    text-align: right;
}
.content_bottom {
    display: block;
    margin: 4% 0;
    overflow: hidden;
    width: 100%;
}
.content_bottom p{
    color: #333333;
    font-family: "robotoregular";
    font-size: 17px;
    line-height: 1.5;
    margin-left: 18.4%;
    text-align: center;
    width: 63%;
}
.content_bottom h6{
    color: #333333;
    font-family: "robotomedium";
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 4%;
    margin-left: 31%;
    width: 57%;
}
.content_bottom a{}
.content_bottom .request_demo{
    display: block;
    float: left;
    padding-left:31.3%;
    padding-right: 2%;
    width: 17.4%;
}
.content_bottom .request_demo img{width: 100%}
.content_bottom .sign_up{
    display: block;
    float: left;
    padding: 0;
    width: 17.4%;
}
.content_bottom .sign_up img{width: 100%}

.banner{/*
    background-image: url("../images/home_top_banner.jpg");*/
    background-image: url("../images/home_banner_clear_top.jpg");
    background-size: cover;
    /*height: 450px;*/
    height: 512px;
    width: 100%;
    overflow:hidden;
    /*background-position:center top;*/

}
.banner .text{
    background-image: url("../images/home_banner_clear_top_overlay.png");
    float: right;
    min-height: 512px;
    overflow: hidden;
    padding: 5.5% 0 0;
    width: 43%;
}
.banner .text h3{

    color: #ab001c !important;
    font-family: "robotomedium";
    font-size: 31px;
    font-weight: normal;
    padding-left: 5%;
    width: 61%;
}
.banner .text p{
    color: #000000;
    font-family: "robotomedium";
    font-size: 19px;
    font-weight: normal;
    line-height: 1.2;
    overflow: hidden;
    padding: 3% 0 0 5%;
    width: 58%;
}
.banner .text a{
    display: block;
    line-height: 1.2;
    color: #008ab0 !important;
    font-family: 'robotobold';
    font-size: 14px;
    text-transform: uppercase;
    margin: 2% 0;
}

.banner .text a:hover{
    color:#ab001c !important;
}
.banner .text a.btn1{
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #008ab0 !important;
    /*height: 23px;*/
    margin: 7% 0 0 5%;
    opacity: 0.75;
    padding: 2% 0 2%;
    text-align: center;
    width: 40%;
}
.banner .text a.btn2{
    margin: 2% 0 0 7%;
    text-align: center;
    width: 37%;
}
.banner_bottom{
    background-image: url("../images/home_banner_bottom.jpg") !important;
    background-size: cover;
    height: 512px;
    width: 100%;
    overflow: hidden;
}
.banner_bottom .text{
    background-image: url("../images/home_banner_clear_top_overlay.png");
    float: right;
    height: 512px;
    overflow: hidden;
    padding: 7.0% 3%;
    width: 43%;
}
.banner_bottom .text h3{

    color: #ab001c !important;
    font-family: "robotomedium";
    font-size: 31px;
    font-weight: normal;
    width: 100%;
}
.banner_bottom .text p{
    color: #000000;
    font-family: "robotomedium";
    font-size: 19px;
    font-weight: normal;
    line-height: 1.2;
    overflow: hidden;
    width: 68%;
    padding: 3% 0;
}
.banner_bottom .text a{
    display: block;
    line-height: 1.2;
    color: #008ab0 !important;
    font-family: 'robotobold';
    font-size: 14px;
    text-transform: uppercase;
    margin: 2% 0;
}

.banner_bottom .text a:hover{
    color:#ab001c !important;
}
.banner_bottom .text a.btn1{
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #008ab0 !important;
    height: 4%;
    margin: 2% 0;
    opacity: 0.75;
    padding: 2% 0 1% 0;
    text-align: center;
    width: 45%;

}
.banner_bottom .text a.btn2{
    margin-top: 3%;
    text-align: center;
    width: 45%;
}
.banner_middle{
    background-image: url("../images/home_banner_medium.jpg") !important;
    background-size: cover;
    background-position: right top;
    height: 512px;
    overflow: hidden;
    width: 100%;

}
.banner_middle .text{
    background-image: url("../images/midmium_banner_overlay.png");
    height: 512px;
    overflow: hidden;
    padding: 4.5% 2%;
    width: 43.5%;
    float: left;


}
.banner_middle .text h3{

    color: #ffffff !important;
    font-family: "robotoregular";
    font-size: 31px;
    font-weight: normal;
    width: 59%;
    float: right;
}
.banner_middle .text p{
    color: #fff;
    font-family: "robotoregular";
    float: right;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
    overflow: hidden;
    padding: 2% 0;
    width: 60%;
}
.banner_middle .text a{
    color: #ffffff !important;
    display: block;
    font-family: "robotobold";
    font-size: 14px;
    line-height: 1.2;
    margin: 2% 0;
    text-transform: uppercase;
}

.banner_middle .text a:hover{
    color:#ab001c !important;
}
.banner_middle .text a.btn1{
    border: 2px solid #ffffff !important;
    display: block;
    float: right;
    margin: 2% 14%;
    padding: 3%;
    text-align: center;
    width: 39%;
}
.banner_middle .text a.btn2{
    float: right;
    margin-top: 3%;
    text-align: center;
    width: 75%;
}
.banner_about{
    background-image: url("../images/about_page_banner.jpg") !important;
    background-position: center top;
    background-size: cover;
    min-height: 320px;
    width: 100%;


}
.banner_about .text{
    padding: 7% 23.5%;
    width: 47%;
}
.banner_about .text h3{
    color: #ffffff !important;
    font-family: "robotomedium";
    font-size: 65px;
    font-weight: normal;
    padding-left: 21%;
    text-align: center;
    width: 60%;
}
.banner_about .text p{
    color: #fff;
    font-family: "robotomedium";
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2;
    overflow: hidden;
    padding: 2% 16%;
    text-align: center;
    width: 75%;
}
.banner_one_legal_advantage{
    background-image: url("../images/one_legal_advantage.jpg") !important;
    background-position: center top;
    background-size: cover;
    min-height: 320px;
    width: 100%;
}
.banner_one_legal_advantage .text {
    padding: 6% 0.5%;
    width: 93%;
}
.banner_one_legal_advantage .text h3{
    color: #ffffff !important;
    font-family: "robotomedium";
    font-size: 80px;
    font-weight: normal;
    padding-left: 15%;
    text-align: center;
    width: 75%;
}
.banner_one_legal_advantage .text p{
    color: #fff;
    font-family: "robotomedium";
    font-size: 22px;
    font-weight: normal;
    line-height: 1.2;
    overflow: hidden;
    padding: 1% 32%;
    text-align: center;
    width: 42%;
}
.banner_careers{
    background-image: url("../images/carrer.jpg") !important;
    background-position: center top;
    background-size: cover;
    min-height: 320px;
    width: 100%;
}
.banner_careers .text p{padding: 0 32% !important;}
.banner_partners{

    background-image: url("../images/partners.jpg") !important;
    background-position: center top;
    background-size: cover;
    min-height: 320px;
    width: 100%;
}

.banner_partners .text h3{margin-bottom: 0.6%;
    padding-left: 15.5%;}
.banner_partners .text p{
    color: #fff;
    font-family: "robotomedium";
    font-size: 21px;
    font-weight: normal;
    line-height: 1.2;
    overflow: hidden;
    padding: 0 33%;
    text-align: center;
    width: 39%;
}
.banner_product{
    background-image: url("../images/product_page_banner.jpg") !important;
    background-position: center top;
    background-size: cover;
    min-height: 320px;
    width: 100%;
}
.banner_product .text h3{
    padding-left: 30%;
    padding-top: 1%;
}
.banner_product .text p{
    padding: 0 23%;
}

.physical_filing{
    background-image: url("../images/physical_filing.jpg") !important;
}
.product_process_serving{
    background-image: url("../images/process_serving.jpg") !important;
}
.product_process_serving .text p{
    font-size: 19px;
    width: 40%;
}
.product_r_r {
    background-image: url("../images/research_retrieval.jpg") !important;
}
.product_case_link{
    background-image: url("../images/case_link.jpg") !important;
}
.product_case_link .text p{

    padding: 0 23%;
    width: 60%;
}
.product_concierge_service{
    background-image: url("../images/Concierge_service.jpg") !important;
}
.product_concierge_service .text p{
    width: 43%;
    padding: 0 32%;
}
.four_four_page{
    background-image: url("../images/404.jpg") !important;
}
.meet_the_team{
    background-image: url("../images/banner_meet-the-team.jpg") !important;
}

.four_four_page .text p{
    padding: 0 37.5%;
    width: 31%;
}
.page404 h3{
    color: #008ab0;
    font-family: "robotolight";
    font-size: 34px;
    width: 100%;
    text-align: center;
}
.page404 p{ color: #333333;
    font-family: "robotoregular";
    font-size: 14px;
    padding-left: 33%;
    text-align: center;
    width: 34%;
}
.page404 a{
    font-family: "robotoregular";
color: #ab001c;
    font-size: 13px;
    text-align: center;
    display: block;
}

.banner_contact{
    background-image: url("../images/banner_contact-us.jpg") !important;
}

.back-to-top {
    background: url("../images/topbtn.png") no-repeat scroll center center / 57px auto rgba(0, 0, 0, 0);
    bottom: -40px;
    color: #ffffff;
    display: none;
    height: 68px;
    margin: 0;
    position: fixed;
    text-decoration: none;
    text-indent: -9999px;
    width: 100%;
    z-index: 100;
}

.advantageMetrics li {
	display: inline-block;
	width: 32%;
	vertical-align: text-top;
	margin-bottom: 20px;
}

.advantageMetrics li p {
	font-size: 14px;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.oneLegalBlue {
	color: #008AB0;
}

.oneLegalRed {
	color: #AB001C;
}

.boldFont {
	font-weight: bold;
}

.text-gray-5 {
	color: #4d4d4d;
}

.margin-bottom-medium {
	margin-bottom: 10px;
}

.margin-left-biggins {
	margin-left: 40px;
}

/* START: Table styling for Contact Us page */

.contact_table 
	{
		width:100%;
		border:1px none #C0C0C0;
		border-collapse:collapse;
		padding:15px;
	}
.contact_table th
	{
		border:1px none #C0C0C0;
		padding: 0px 20px 0px 20px;
		background:#FFFFFF;
		font-weight: normal;
		vertical-align: top; 
		color: #008ab0; 
		font-size: 22px;
	}
.contact_table td 
	{
		border:1px none #C0C0C0;
		padding: 20px 20px 80px 20px; 
		vertical-align: top;
	}
	
/* END: Table styling for Contact Us page */

form.form p label {
	color: #AB001C;
}

.product-page-icon /* Sets round-icon padding on Product pages */
	{
		float: left;
		margin: 0 46px 15px 0;
	}
	
/* Research and retrieval list box styling */
	

.retrieve-box
	{
		width: 200px; 
		padding: 4% 1% 3% 5%; 
		float: right; 
		background-color: #f5f5f5;
	}

.retrieve-box h4
	{
		font-size: 17px !important; 
		font-weight: 600 !important; 
		text-transform:	uppercase !important;  
		letter-spacing: 1px; 
		padding-bottom: 5%;
	}

.retrieve-box li
	{
		list-style: none !important; 
		font-size: 14px !important; 
		color: #404040 !important; 
		line-height: 1.4em !important;
	}
	
	
/* Research and retrieval product page left side formatting */
	
.rr_service-features 
	{
    	padding: 4% 19% 7% 7%;
	}

.rr_service-features ul li
	{
		list-style: none !important; 
		line-height: 1.4em !important;
	}

.rr_court-lists
	{	
		padding-left: 7%;
		margin-top: -4%;
}

.rr_court-lists ul li
	{
		list-style: none !important;
		line-height: 14px !important;
	}	

.products .about_right_side	p /* Line height for product page paragraphs */
	{
		line-height: 1.6em;
	}

/* Pricing Styles */
	div.panel-heading h3.panel-title {
		margin-top: 0;
		margin-bottom: 0;
	}

	.panel-group > .panel-default > .panel-heading {
	    color: #A50020;
	    background-color: transparent;
	    border-color: transparent;
	}

	.panel-group > .panel-default {
		border-color: transparent;
	}

	.panel.panel-default {
		box-shadow: none;
	}

	ul.nav.nav-tabs li h4 a {
		color: #B0B0B0;
	}

		ul.nav.nav-tabs li.active h4 a {
			color: #A50020;
		}

	article .content ul.nav.nav-tabs li::before, article .content ul.dropdown-menu li::before {
		display: none;
	}

	article .content ul.nav.nav-tabs li {
		width: 50%;
		padding-left: 0;
		text-align: center;
	}

	ul.nav.nav-tabs {
		border-bottom: none;
	}

	ul.nav.nav-tabs li {
		border-bottom: 2px solid #B0B0B0;
	}

		ul.nav.nav-tabs li.active {
			border-bottom: 2px solid #A50020;
		}

	div.modal-dialog div.modal-content div.modal-header button.close {
		color: #000 !important;
	}

	div.dropdown button.btn {
		border: 2px solid #008ab0;
    	color: #008ab0 !important;
		border-radius: 0;
		margin-bottom: 20px;
		text-transform: none;
	}

	div.dropdown button.btn:hover {
		background-color: #008ab0;
    	color: #FFF !important;
	}

	ul.dropdown-menu {
		border-radius: 0;
	}

	article section table.table.table-hover tbody tr:nth-child(2n) {
	    background: transparent;
	}

	article section table.table.table-hover tbody tr:nth-child(2n):hover {
	    background: #f5f5f5;
	}

	section.content a:focus, a:hover {
	    text-decoration: none !important;
	}
	/* End Pricing Styles */