/*

[Custom Stylesheet]

Project: OrDomain - Responsive HTML5 WHMCS Hosting Template
Version: 1.0
Author : Greig Morrison

[Table of contents]

1. CUSTOM STYLES
    - 1-1 PRELOADER

2. NAVIGATION AREA
    - 2. NAVIGATION AREA
    
14. GENERAL PAGE STYLES
    - 14-3 LOGO HEADER
    - 14-4 LEGAL

29. PRIVACY POLICY PAGE
    - 29-1 PRIVACY POLICY AREA

30. LIST
    - 30-1 LIST STYLES
*/

/* 1-1 PRELOADER */
/*
#preloader {
    background-color: #8CBEB2;
}
*/
#preloader {
    background-color: #8BC34A;
}

/*------------------------------------*\
    2. NAVIGATION AREA
\*------------------------------------*/
#navigation a.navbar-brand {
    padding: 0px 0;
}

/*------------------------------------*\
    14-3 LOGO HEADER
\*------------------------------------*/

/* <<< Header Logo >>> */
div .logo {
	float: left;
	position: absolute;
	left: 0;
	z-index: 1;
}
.site-logo, .site-logo a {
	overflow: hidden;
	position: relative;
	display: block;
	height: 100%;
	top: 2px;
}
.site-logo img {
	padding: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-height: 100%;
	image-rendering: auto;
	position: relative;
	z-index: 2;
	height : 100%\9; /*hack: fixes ie8 logo*/;
	height: auto\9; /*hack: fixes ie8 squished logo*/;
	-webkit-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
.site-logo img.alternate {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 0;
}
.av_header_transparency .site-logo img.alternate {
	opacity: 1;
}
#header .site-logo {
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	float: left;
	transition: all 0.3s;
}
#header .site-logo h1 {
	margin: 0px;
}
#header .site-logo h1 a {
	font-size: 36px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: rgb(3, 3, 3) 0px 2px 5px;
	transition: all 0.7s ease;
}
#header .site-logo h1 a span {
	color: #ff9000;
}
#header.smaller {
	padding: 0px 0px 0px 0px;
	height: 60%;
	transition: all 0.3s;
	background: rgba(255, 255, 255, 0.05);
}
#header.smaller .navbar {
	height: 60%;
	transition: all 0.3s;
	background: rgba(255, 255, 255, 0.05);
}
#header.smaller .site-logo {
	padding: 0px 0px 0px 0px;
	width: 60%;
	height: 60%;
}
#header.smaller .site-logo h1 {
	line-height: 30px;
}
#header.smaller .site-logo h1 a {
	font-size: 30px;
}

/*------------------------------------*\
    14-3 LEGAL
\*------------------------------------*/

/* <<< LEGAL LISTS >>> */
.legal li {
	list-style-type: decimal;
}
.legal li.item-style-none {
	list-style-type: none;
}
.legal ul li {
	list-style-type: upper-alpha;
}
.legal ul ul li {
	list-style-type: lower-roman;
}
.legal ul ul ul li {
	list-style-type: decimal-leading-zero;
}

/*------------------------------------*\
    29. PRIVACY POLICY PAGE
\*------------------------------------*/
/* 29-1 PRIVACY POLICY AREA */
#privacy {
    padding: 100px 0;
    background-color: #f5f5f5;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}
#privacy.bg-white {
    background-color: #fff;
    border: none;
}
.privacy-categories h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    position: relative;
    padding-bottom: 10px;
    text-transform: uppercase;
}
/*
.privacy-categories h3:before {
    position: absolute;
    content: " ";
    width: 40px;
    height: 2px;
    background-color: #7dc01d;
    bottom: 0px;
}
*/
.privacy-categories h3:before {
    position: absolute;
    content: " ";
    width: 40px;
    height: 2px;
/*    background-color: #8CBEB2; */
    background-color: #8BC34A;
    bottom: 0px;
}
.privacy-categories ul {
    margin-top: 25px;
}
.privacy-categories ul li a {
    color: #303030;
    background-color: #e9e9e9;
    margin-top: 6px;
    position: relative;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: color .25s, background-color .25s;
            transition: color .25s, background-color .25s;
}
/*
.privacy-categories ul li a:hover,
.privacy-categories ul li.active a {
    color: #fff;
    background-color: #7dc01d;
}
*/
.privacy-categories ul li a:hover,
.privacy-categories ul li.active a {
    color: #fff;
/*    background-color: #8CBEB2; */
    background-color: #8BC34A;
}
/*
.privacy-categories ul li a:before {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 20px;
    border-color: transparent transparent transparent #7dc01d;
    -webkit-transition: right 0s;
            transition: right 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
*/
.privacy-categories ul li a:before {
    content: " ";
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 20px;
/*    border-color: transparent transparent transparent #8CBEB2; */
    border-color: transparent transparent transparent #8BC34A;
    -webkit-transition: right 0s;
            transition: right 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}
.privacy-categories ul li a:hover:before,
.privacy-categories ul li.active a:before {
    right: -19px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transition: right .25s, opacity 0s ease .15s;
            transition: right .25s, opacity 0s ease .15s;
}
.privacy-content .panel-group {
    margin-bottom: 0;
}

/*------------------------------------*\
    30. LIST
\*------------------------------------*/
/* 30-1 LIST STYLES */

ul.decimal {
	list-style-type: decimal;
}
ul.decimal-leading-zero {
	list-style-type: decimal-leading-zero;
}
ul.alpha {
	list-style-type: upper-alpha;
}
ul.lower-alpha {
	list-style-type: lower-alpha;
}
ul.roman {
	list-style-type: upper-roman;
}
ul.lower-roman {
	list-style-type: lower-roman;
}
ul.square {
	list-style-type: square;
}
ul.none {
	list-style-type: none;
}
.tos p, .tos li {
	line-height: 1.6em;
	margin-bottom: 1em;
}
.tos .index {
	margin: 0 0 2em;
}
.tos .index h5 {
	font-weight: 300;
	color: #333;
	border-bottom: 1px solid #ccc;
	max-width: 360px;
	padding: 6px 12px;
}
.tos .index li {
	margin-bottom: .25em;
}
.tos .breadcrumb > li {
	margin: .5em 0;
}
.pos-rltv, .list-star li, .list-style-3 ul ul li, .split_index ul ul li {
	position: relative;
}
.pos-abslt, .list-star li:before, .list-style-3 ul ul li:before, .split_index ul ul li:before {
	position: absolute;
	left: 0;
	top: 0;
}
.hlp-list-none, .list-star, .list-style-3 ul ul {
	list-style-type: none;
}
.count-reset {
	counter-reset: item;
}
.hlp-counter {
	content: "(" counter(item) ") ";
	counter-increment: item;
}
.pad-l-0, .list-star, .list-style-3 ul ul {
	padding-left: 0px;
}
.list-star li {
	padding-left: 20px;
}
.list-star li:before {
	content: "\2605";
	font-size: 12px;
}
.list-style-1 {
	list-style-type: upper-alpha;
}
.list-style-1 > li {
	color: #0070bb;
	font-size: 22px;
	font-weight: 800;
}
@media (min-width: 1200px){
.list-style-1 > li {
	font-size: 32px;
}
}
.list-style-1 li {
	margin-bottom: 1em;
}
.list-style-1 li.margin_bottom--zero {
	margin-bottom: 0;
}
.list-style-1 p {
	color: #333333;
	font-weight: 400;
	font-size: 16px;
	font-style: normal;
	line-height: 1.6em;
}
.list-style-1 ul {
	list-style-type: lower-alpha;
}
.list-style-1 ul ul {
	list-style-type: lower-roman;
}
.list-style-2 {
	list-style-type: none;
	padding-left: 0;
}
.list-style-2 > li {
	color: #0070bb;
	font-size: 22px;
	font-weight: 800;
	list-style-type: decimal;
	list-style-position: inside;
}
.list-style-2 > li h4 {
	display: inline-block;
}
@media (min-width: 1200px){
.list-style-2 > li {
	font-size: 32px;
}
}
.list-style-2 li {
	margin-bottom: 1em;
}
.list-style-2 li.margin_bottom--zero {
	margin-bottom: 0;
}
.list-style-2 ul {
	list-style-type: lower-alpha;
}
.list-style-2 ul ul {
	list-style-type: lower-roman;
}
.list-style-3 > ul > ul {
	counter-reset: level-one;
}
.list-style-3 > ul > ul > li:before {
	content: "(" counter(level-one) ") ";
	counter-increment: level-one;
}
.list-style-3 > ul > ul > ul {
	counter-reset: level-two;
}
.list-style-3 > ul > ul > ul > li:before {
	content: "(" counter(level-two) ") ";
	counter-increment: level-two;
}
.list-style-3 > ul > ul > ul > ul {
	counter-reset: level-three;
}
.list-style-3 > ul > ul > ul > ul > li:before {
	content: "(" counter(level-three) ") ";
	counter-increment: level-three;
}
.list-style-3 {
	list-style-type: none;
	padding-left: 0;
}
.list-style-3 > li {
	color: #0070bb;
	font-size: 22px;
	font-weight: 800;
	list-style-type: none;
	list-style-position: inside;
}
@media (min-width: 1200px){
.list-style-3 > li {
	font-size: 32px;
}
}
.list-style-3 li {
	margin-bottom: 1em;
}
.list-style-3 li.margin_bottom--zero {
	margin-bottom: 0;
}
.list-style-3 ul {
	list-style-type: decimal;
	margin-left: -22px;
}
.list-style-3 ul.list-star {
	margin-left: 0px;
}
.list-style-3 ul ul {
	margin-left: 0;
}
.list-style-3 ul ul li {
	padding-left: 35px;
}
.list-style-3 ul ul li.counter-reset-inherit {
	counter-reset: inherit;
}
.list-style-3 ul ul li.item-style-none {
	padding-left: 0;
}
.list-style-3 ul ul li.item-style-none:before {
	content: "";
}
.list-style-3 ul ul ul {
	margin-left: 35px;
}
.margin-left-16 {
	margin-left: -16px;
}
.item-style-square {
	list-style-type: square;
}
.item-style-disc {
	list-style-type: disc;
}
.item-style-decimal {
	list-style-type: decimal;
}
.list-style-none {
	list-style-type: none;
}
.split_index > ul {
	padding-left: 0;
}
.split_index ul {
	list-style-type: none;
}
.split_index ul ul {
	counter-reset: count;
}
.split_index ul ul li {
	padding-left: 30px;
}
.split_index ul ul li:before {
	content: counter(count) ". ";
	counter-increment: count;
}
.split_index ul ul:last-child {
	counter-reset: initial;
}