@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Bad+Script');
@import url('font-awesome.min.css');

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

body
{
background: #212022;
}

body,input,textarea,select
{
font-family: 'Source Sans Pro', sans-serif;
font-size: 13pt;
font-weight: 300;
line-height: 1.75em;
color: #ffffff;
}

h1,h2,h3,h4,h5,h6
{
line-height: 1.2em;
font-weight: 700;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
color: inherit;
text-decoration: none;
}

h1 {
	font-size: 2em;
	color: #fff;
}
h2 {
	font-size: 1.5em;
	color: #fff;
}


strong, b
{
font-weight: 400;
color: #818181;
}

em, i
{
font-style: italic;
}

a
{
color: #ccc;
}

a:hover
{
text-decoration: none;
}

sub
{
position: relative;
top: 0.5em;
font-size: 0.8em;
}

sup
{
position: relative;
top: -0.5em;
font-size: 0.8em;
}

hr
{
border: 0;
border-top: solid 1px #ddd;
}

blockquote
{
border-left: solid 0.5em #ddd;
padding: 1em 0 1em 2em;
font-style: italic;
}

p, ul, ol, dl, table
{
margin-bottom: 1em;
}

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

header
{
margin-bottom: 1em;
}

header h2
{
font-size: 1.6em;
font-weight: 700;
color: #FFF;
}

header .byline
{
display: block;
margin: 0.8em 0 0 0;
padding: 0 0 0.5em 0;
color: #ffffff;
}

footer
{
margin-top: 1em;
}

br.clear
{
clear: both;
}

.clear {
	clear: both;
}

/* Sections/Articles */

section,
article
{
margin-bottom: 3em;
}

section > :last-child,
article > :last-child
{
margin-bottom: 0;
}

section:last-child,
article:last-child
{
margin-bottom: 0;
}

.row > section,
.row > article
{
margin-bottom: 0;
}

/* Images */

.image
{
display: inline-block;
}

.image img
{
display: block;
width: 100%;
}

.image.featured
{
display: block;
width: 100%;
margin: 0 0 2em 0;
}

.image.left
{
float: left;
margin: 0 2em 2em 0;
}

.image.centered
{
display: block;
margin: 1em 0 2em 0;
text-align:center;
}

.image.centered img
{
margin: 0 auto;
width: auto;
}

/* Lists */

ul.list
{
margin: 0;
padding: 0;
}

ul.list li
{
width: 45%;
margin: 0em 1.00em 3.4em 1.00em;
padding: 0em;
display: inline-block;
}

ul.list li:first-child
{
margin-top: 0;
}

ul.list h3
{
display: block;
margin-bottom: 0.70em;
font-size: 1.4em;
color: #FFF;
}

ul.list .button
{
margin-top: 0.4em;
}

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

ul.default li
{
display: block;
padding: 0.60em 0em;
border-top: 1px solid #302e31;
}

ul.default li:first-child
{
padding-top: 0;
border-top: none;
}

ul.default a
{
text-decoration: none;
color: #888787;
}

ul.default a:hover
{
text-decoration: underline;
}

ul.icon
{
}

ul.icon li
{
position: relative;
display: inline-block;
margin: 0em 2em;

}

ul.icon li:before
{
}

ul.icons
{
cursor: default;
}

ul.icons li
{
display: inline-block;
}

ul.icons a
{
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
text-align: center;
border: 0;
}

ul.info
{
}

ul.info li
{
padding: 2em 0 1.5em 0;
border-top: 1px solid #302e31;
}

ul.info li:first-child
{
padding-top: 0;
border-top: none;
}

ul.info li:last-child
{
padding-bottom: 0;
}

ul.info h3
{
display: inline-block;
padding-bottom: 0.50em;
font-size: 1.1em;
color: #FFF;
}

ul.info a
{
text-decoration: none;
}

ul.info a:hover
{
text-decoration: underline;
}

ul.menu
{
cursor: default;
}

ul.menu li
{
display: inline-block;
line-height: 1em;
border-left: solid 1px #ddd;
padding: 0 0 0 0.5em;
margin: 0 0 0 0.5em;
}

ul.menu li:first-child
{
border-left: 0;
padding-left: 0;
margin-left: 0;
}

ul.actions
{
cursor: default;
}

ul.actions li
{
display: inline-block;
margin: 0 0 0 0.5em;
}

ul.actions li:first-child
{
margin-left: 0;
}

ol.default
{
list-style: decimal;
padding-left: 1.25em;
}

ol.default li
{
padding-left: 0.25em;
}

/* Forms */

form
{
}

form .actions
{
padding-top: 0;
}

form label
{
display: block;
}

form input.text,
form select,
form textarea
{
-webkit-appearance: none;
display: block;
width: 100%;
padding: 0.60em 0.85em;
background: none;
border: solid 1px #302e31;
border-radius: 0.35em;
-moz-transition: border-color 0.25s ease-in-out;
-webkit-transition: border-color 0.25s ease-in-out;
-o-transition: border-color 0.25s ease-in-out;
-ms-transition: border-color 0.25s ease-in-out;
transition: border-color 0.25s ease-in-out;
outline: none;
color: rgba(255,255,255,0.8);
}

form input.text:focus,
form select:focus,
form textarea:focus
{
border-color: #3d3c3e;
}

form textarea
{
min-height: 14em;
}

form .formerize-placeholder
{
color: #555 !important;
}

form ::-webkit-input-placeholder
{
color: #555 !important;
}

form :-moz-placeholder
{
color: #555 !important;
}

form ::-moz-placeholder
{
color: #555 !important;
}

form :-ms-input-placeholder
{
color: #555 !important;
}

form ::-moz-focus-inner
{
border: 0;
}

/* Tables */

table
{
width: 100%;
}

table.default
{
width: 100%;
}

table.default tbody tr:nth-child(2n+2)
{
background: #f4f4f4;
}

table.default td
{
padding: 0.5em 1em 0.5em 1em;
}

table.default th
{
text-align: left;
font-weight: 400;
padding: 0.5em 1em 0.5em 1em;
}

table.default thead
{
background: #444;
color: #fff;
}

table.default tfoot
{
background: #eee;
}

table.default tbody
{
}

/* Buttons */

.button
{
position: relative;
display: inline-block;
border: 0;
padding: 0em 0.6em;
background: #d5484f;
border-radius: 5px;
line-height: 2.2em;
text-decoration: none;
text-align: center;
font-size: 1em;
font-weight: 900;
color: #fff;
-moz-transition: background-color 0.25s ease-in-out;
-webkit-transition: background-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out;
-ms-transition: background-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out;
cursor: pointer;
}

input.button {
padding: 0.65em 0.6em;
}

.button:hover
{
background: #ca4047;
}

.button:active
{
}

.button.alt
{
}

.button.alt:hover
{
}

.button.alt:active
{
}

.button.small
{
}

.button.big
{
}

.button.huge
{
}

.button.login {
	float:left;
}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

.fa
{
text-decoration: none;
}

.fa:before
{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.fa.solo
{
}

.fa.solo span
{
display: none;
}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

#header
{
position: relative;
padding: 2.5em 0em;
}

#header .container
{
position: relative;
}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

#logo
{
}

#logo h6
{
color: #FFF;
}

#logo h6 a
{
font-family: 'Bad Script', cursive;
display: block;
font-size: 2em;
font-weight: bold;
color: #FFF;
}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

#nav
{
position: absolute;
right: 0;
top: 0;
}

#nav > ul > li
{
margin-left: 2em;
display: inline-block;
}

#nav > ul > li:first-child
{
margin-left: 0;
}

#nav > ul > li > a,
#nav > ul > li > span
{
display: block;
text-decoration: none;
font-weight: 300;
font-size: 1.05em;
outline: 0;
color: #ffffff;
-moz-transition: color 0.25s ease-in-out;
-webkit-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
-ms-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
}

#nav > ul > li:hover > a,
#nav > ul > li:hover > span,
#nav > ul > li.active > a,
#nav > ul > li.active > span
{
color: #fff;
}

#nav > ul > li > ul
{
display: none;
}

.dropotron
{
top: 0;
text-align: left;
line-height: 2em;
min-width: 12em;
background: #d5484f;
line-height: 1em;
padding: 1em 0 1em 0;
border-radius: 8px;
}

.dropotron a,
.dropotron span
{
display: block;
padding: 0.6em 1em;
font-size: 0.90em;
text-decoration:  none;
color: #ddd;
color: rgba(255,255,255,0.7);
-moz-transition: color 0.25s ease-in-out;
-webkit-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
-ms-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
}

.dropotron a:hover
{
color: #FFF;
}

.dropotron li.active > a,
.dropotron li.active > span
{
color: #FFF;
}

.dropotron.level-0
{
margin-top: 1.25em;
}

.dropotron.level-0:before
{
content: '';
position: absolute;
top: -1.2em;
left: 50%;
margin-left: -0.6em;
width: 1.2em;
height: 1.2em;
border-bottom: solid 0.6em #d5484f;
border-left: solid 0.6em rgba(0,0,0,0);
border-right: solid 0.6em rgba(0,0,0,0);
}

.dropotron-level-0:before
{
}

.dropotron-level-0.center:before
{
}

.dropotron-level-0.left:before
{
}

.dropotron-level-0.right:before
{
}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

#banner
{
position: relative;
padding: 5em 0em;
border-top: 1px solid #302e30;
color: #fff;
}

#banner .container
{
position: relative;
}

#banner header
{
padding-right: 1em;
}

#banner header h2
{
font-size: 2em;
font-weight: 900;
}

#box1 h2
{
font-size: 2em;
font-weight: 900;
float:left;
margin-bottom: 1em;
}


#banner header .byline
{
font-size: 1.6em;
}

#banner .button
{
margin-top: 0.50em;
padding: 0em 1em;
line-height: 2.6em;
}

#devices
{
position: relative;
height: 20.4em;
min-height: 20.4em;
top: 0em;
right: 0;
}

#laptop
{
position: absolute;
top: 0;
right: 0;
padding: 1.5em 3em 3.5em 3em;
background: url(images/laptop.png) no-repeat center top;
}

#mobile
{
position: absolute;
bottom: 1.3em;
left: 0.8em;
padding: 1.5em 0.6em 1.3em 0.6em;
background: url(images/phone.png) no-repeat center top;
z-index: 1;
}



/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

#wrapper
{
position: relative;
padding: 6em 0em;
background: #181719;
}

.homepage #wrapper
{
padding: 0em 0em 3em 0em;
background: #181719 url(images/bg01.png) repeat-x;
}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

#main
{
position: relative;
}

#main .button
{
margin-top: 1em;
}


/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

#content
{
}

#content header
{
}

#content header h2
{
font-size: 2.5em
}

#content header .byline
{
font-size: 1.4em;
color: #a7a7a7;
}

.contact #content header
{
margin-bottom: 2.5em;
}

#content h3
{
display: block;
padding: 1.5em 0em 1em 0em;
font-size: 1.2em;
color: #FFF;
}

#welcome h2
{
display: block;
padding: 0em 0em 1em 0em;
font-size: 2.5em;
color: #FFF;
}


/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

#footer
{
position: relative;
}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

#copyright
{
padding: 3em 0em 5em 0em;
text-align: center;
}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/


#featured
{
position: relative;
padding-top: 5em;
border-top: 1px solid #302e31;
}

#featured .image-border
{
display: block;
padding: 8% 9% 8% 9%;
background: url(images/tablet.png) no-repeat center top;
background-size: contain;
}

/*********************************************************************************/
/* Extra #1                                                                      */
/*********************************************************************************/

#extra
{
position: relative;
padding: 0;
}

#extra h3
{
display: block;
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #3c3c3c;
font-size: 1.4em;
color: #FFF;
}

#extra .content
{
padding: 3em 2.2em 0em 2.2em;
}

#extra .button
{
margin-top: 0.50em;
margin-bottom: 1em;
}

#extra ul
{
overflow: hidden;
background: #282729;
border-radius: 6px;
}

#extra ul li
{
display: inline-block;
float: left;
width: 50%;
}

#extra ul img
{
border-radius: 6px 0px 0px 6px;
}

/*********************************************************************************/
/* Extra #2                                                                      */
/*********************************************************************************/

#extra2
{
position: relative;
padding: 5em 0em;
}

#extra2 header
{
padding-right: 2em;
}

#extra2 header h2
{
font-size: 1.4em;
}

#extra2 header .byline
{
font-size: 1.4em;
}

/*********************************************************************************/
/* Pennant                                                                       */
/*********************************************************************************/

.pennant
{
position: relative;
display: inline-block;
width: 7em;
height: 7em;
text-align: center;
}

.pennant:before
{
position: absolute;
content: " ";
top: 0;
left: 0;
border: 5px solid #282729;
border-radius: 10px;
display: inline-block;
width: 7em;
height: 7em;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

.pennant .fa
{
display: block;
text-align: center;
color: #d5484f;
z-index: 1;
line-height: 7em;
height: 7em;
width: 7em;
text-decoration: none;
}

.pennant .fa:before
{
display: inline-block;
vertical-align: middle;
font-size: 4em;
text-decoration: none !important;
}

/*********************************************************************************/
/* Newsletter                                                                    */
/*********************************************************************************/

#newsletter
{
position: relative;
padding: 3em 0em;
border-top: 1px solid #302e31;
border-bottom: 1px solid #302e31;
}

#newsletter span
{
font-weight: 700;
font-size: 1.3em;
color: #FFF;
}

#subscribe
{
position: relative;
}

#subscribe .text
{
-webkit-appearance: none;
display: block;
height: 50px;
margin: 0;
padding: 0em 1em;
background: #191819;
border-radius: 0.35em;
width: 100%;
border: none;
-moz-transition: background-color 0.25s ease-in-out;
-webkit-transition: background-color 0.25s ease-in-out;
-o-transition: background-color 0.25s ease-in-out;
-ms-transition: background-color 0.25s ease-in-out;
transition: background-color 0.25s ease-in-out;
color: #ffffff;
}

#subscribe .text:focus,
#subscribe select:focus,
#subscribe textarea:focus
{
background: #161516;
}

#subscribe .submit
{
position: absolute;
right: 0;
top: 0;
height: 50px;
margin: 0;
padding: 0em 1em 0em 1em;
background: #d5484f;
display: block;
border: 0;
border-radius: 0px 5px 5px 0px;
line-height: 50px;
text-decoration: none;
font-size: 1em;
font-weight: 900;
color: #FFF;
}

/*********************************************************************************/
/* Contact                                                                       */
/*********************************************************************************/

#contact
{
position: relative;
padding: 4em 0em;
}

#contact a
{
color: inherit;
}

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

#contact li
{
display: inline-block;
width: 33%;
margin: 1em 0em;
padding: 0;
}

#contact a
{
text-decoration: none;
}

#contact a:hover
{
text-decoration: underline;
}

#contact li .p-icon
{
float: left;
position: relative;
width: 6em;
height: 6em;
text-align: center;
margin-right: 1.5em;
}

#contact li .p-icon:before
{
position: absolute;
content: "";
top: 0;
left: 0;
border: 4px solid #282729;
border-radius: 10px;
display: inline-block;
width: 6em;
height: 6em;
line-height: 6em;
text-align: center;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

#contact li .p-icon .fa
{
display: block;
height: 6em;
width: 6em;
line-height: 6em;
}

#contact li .p-icon .fa:before
{
display: inline-block;
text-align: center;
color: #d5484f;
z-index: 1;
vertical-align: middle;

font-size: 4em;
}






/*********************************************************************************/
/* Device Image                                                                  */
/*********************************************************************************/

#box1
{
position: relative;
height: 326px;
}

#box2
{
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 552px;
height: 326px;
padding: 26px 60px 35px 60px;
background: url(images/laptop.png) no-repeat center bottom;
background-size: auto 100%;
}

#box3
{
position: absolute;
bottom: 0;
left: 0;
z-index: 11;
width: 100px;
height: 175px;
padding: 26px 8px 0px 8px;
background: url(images/phone.png) no-repeat center bottom;
background-size: auto 100%;
}

.inputbox2 {
	float:left;
	font-size: 18px;
	font-weight: bold;
}

/* Hub Widget Integration Codes */

.hub_search_member_form input, .hub_new_member_form input 
{
    padding: 10px;
    font-size: 13px;
}

.hub_search_member_form select, .hub_new_member_form select 
{
    font-size: 13px;
}

.hub_search_member_form label, .hub_new_member_form label 
{
    color: #111;
    padding: 4px 0;
}

.hub_search_member_form .hublocationlink a, .hub_new_member_form .hublocationlink a {
    color: #000;
}

.hub_new_member_form .formgroup, .hub_new_member_form .forminput {
width: 90%;
}

#btnSearch { margin-right: 20px; }

#advert ul{
	margin-left: 15px;
	list-style: square;
}
#advert li {
	margin-left: 15px;
}


.terms {
float: left;
width: 90%;
font-weight: bold;
border-top: 2px #fff solid;
border-left: 2px #fff solid;
border-right: 2px #fff solid;
padding: 3px 3px 3px 3px;
text-align: left;
	}

.defined {
float: left;
width: 90%;
border-top: 1px #fff solid;
border-left: 2px #fff solid;
border-right: 2px #fff solid;
padding: 3px 3px 3px 3px;
}

.defined-bottom {
float: left;
width: 90%;
border-left: 2px #fff solid;
border-right: 2px #fff solid;
border-bottom: 2px #fff solid;
padding: 3px 3px 3px 3px;
}

.clr {
	clear:both;
}

ul .lists, li .lists {
list-style: square;
margin-left: 15px;
font-style: italic;
line-height: 2;
}

p span {
	font-weight: bold;
color: #fff;
}

.terms {
float: left;
width: 90%;
font-weight: bold;
border-top: 2px #1b1b1b solid;
border-left: 2px #1b1b1b solid;
border-right: 2px #1b1b1b solid;
padding: 5px 5px 5px 5px;
text-align: left;
color: #000;
background-color: #fff;
margin-left: 5%;
	}
	
.terms-top {
float: left;
width: 90%;
font-weight: bold;
border-top: 2px #1b1b1b solid;
border-left: 2px #1b1b1b solid;
border-right: 2px #1b1b1b solid;
padding: 5px 5px 5px 5px;
text-align: left;
color: #000;
background-color: #fff;
margin-left: 5%;
border-radius: 5px 5px 0 0;
	}


.defined {
float: left;
width: 90%;

border-left: 2px #1b1b1b solid;
border-right: 2px #1b1b1b solid;
padding: 5px 5px 5px 5px;
background-color: #fff;
margin-left: 5%;

}


.defined-bottom {
float: left;
width: 90%;
border-left: 2px #1b1b1b solid;
border-right: 2px #1b1b1b solid;
border-bottom: 2px #1b1b1b solid;
padding: 5px 5px 5px 5px;
background-color: #fff;
margin-left: 5%;
border-radius: 0 0 5px 5px;

}