body { font-size:14px; font-family: 'Open Sans', sans-serif; margin: 0; padding:0; background:#ffffff; }

h1, h2, h3, h4 { color: #444444; font-family:'Open Sans', sans-serif; line-height:1.2em; }
h1 { font-size: 35px; font-weight: normal; padding: 0px 0px 20px 0px; }
h2 { font-size: 26px; font-weight: normal; padding: 0px 0px 15px 0px; }
h3 { font-size: 20px; font-weight: normal; padding: 0px 0px 10px 0px; }
h4 { font-size: 17px; font-weight: normal; padding: 0px 0px 10px 0px; }

h1.title { text-align:center; margin-bottom:40px; padding:0; font-size: 35px; }

p, dl, object { color:#666; padding: 0px 0 15px 0; line-height:1.5em; }

/* LINKS */
a { text-decoration: none; color: #1899CD; }
a:hover { color:#333; }
h3 a { text-decoration:none; }

ul, ol { color:#666; margin: 0px 20px; padding: 0px 0 20px 10px; }
ul { list-style: disc; }
ol { list-style: decimal; }
li { padding: 2px 0 2px 5px; line-height:1.5em; }

h2 + hr { margin-top:0px; } 

hr { border-color:#ddd; margin-bottom:20px;}
ul.no_bullets { list-style:none; padding:0; margin:0; } 

strong { font-weight:bold; }

blockquote { margin: 5px 0 10px 0px; padding: 10px 10px 10px 20px; border-left:4px solid #1899CD; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; background: #f8f8f8; font-weight: normal; font-style: italic; font-family: Georgia, 'Times New Roman', Times, Serif; color: #555; }
blockquote p { font-size:14px; }

table { border-collapse: collapse; margin: 0px 0 20px 0; }
tr { background: #fff; } 
tr.altrow { background: #F9F9F9; }
th, td { text-align: left; border-width: 1px; border-style: solid; }
th { color: #fff; background: #1899CD; padding: .8em 1em; border-color: #EFEFEF; } 
td { border-color: #EFEFEF; padding: .7em 1em; color:#666; }

/* EDITOR */
img.right{ float:right; margin:0 0 10px 20px; }
img.left{ float:left; margin:0 20px 10px 0px; }
strike {text-decoration: line-through;}
th { text-align:left; }

/* BASICS */
.f-right { float:right; }
.f-left { float:left; }
.hidden { display:none !important; }
.clear { clear: both; }

/* alignment classes & additional classes*/
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }
.bottom {  padding-bottom:30px; }

/* IMAGES */
img.shadow { box-shadow: 0 0 10px #333; }
img { max-width:100%; height: auto !important; }

.icon-larger:before { font-size:1.3333333333333333em; vertical-align:-10%; }

/* HEADER */
#header-wrap { width: 100%; background: #111111; margin: 0; padding: 0; }
#header { position: relative; margin: 0 auto; overflow:auto;}
#header .logo { float:left; padding:10px 0px 10px 0;  }
#header .main-navigation { float:right; padding: 0; margin: 0;}
#header .main-navigation ul { float: left; list-style: none; margin: 0px 0 0 0; padding: 0 0 0 0px; }
#header .main-navigation ul li { float: left; margin: 0; padding: 0 0 0 0px; }
#header .main-navigation ul li a { float: left; margin: 0px 15px 0 15px; padding: 23px 0px; color: #ccc; font-weight:normal; font-size:14px; line-height:14px; font-family:'Open Sans', sans-serif; text-transform: uppercase; text-decoration: none; }
#header .main-navigation ul li a:hover, #header #nav ul li a:active { color:#fff;  }
#header .main-navigation ul li.selected a { color:#fff;  }
#header .main-navigation ul li.cta a { margin: 0px 0 0 15px !important; } 
#header .main-navigation ul li.cta a span { border:1px solid #666; padding:8px 8px; }
#header .main-navigation ul li.cta:hover a span { border:1px solid #bbb; }
#header .main-navigation ul li.selected.cta a span { border:1px solid #bbb; }
.main-navigation li.toggle { display:none; }

/* SIDR */
.sidr { background:#222222; display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: none; overflow-y: auto; font-size: 15px; text-transform:uppercase; font-weight:bold; }
.sidr.right { left: auto; right: -260px; }
.sidr.left { left: -260px; right: auto; }
.sidr ul { display: block; margin: 0; padding: 10px 0 0 0; }
.sidr ul li { display: block; margin: 0; padding: 0; line-height: 48px; }
.sidr ul li a { font-family:'Open Sans', sans-serif; font-weight:normal; color: #ccc; padding: 0 20px; display: block; text-decoration: none;  }
.sidr ul li a i { display:none !important; }
.sidr ul li:hover > a { background:#111; color:#fff; } 

/* TODO: add these to base where possible */
.ui-tooltip-main-navigation-sub-menu.ui-tooltip-default { background:none; }
.ui-tooltip-main-navigation-sub-menu .ui-tooltip-titlebar, .ui-tooltip-main-navigation-sub-menu .ui-tooltip-content { background:#111; border:0; padding:0 0 5px 0; margin:0; }
.ui-tooltip-main-navigation-sub-menu .ui-tooltip-content ul { margin:0; padding:0px; list-style-position:inside; list-style:none; }
.ui-tooltip-main-navigation-sub-menu .ui-tooltip-content ul li { margin:0px; padding:0px; white-space:nowrap; }
.ui-tooltip-main-navigation-sub-menu .ui-tooltip-content ul li a { color:#ccc; text-decoration:none; padding:8px 20px; font-size:14px; line-height:18px; display:block; }
.ui-tooltip-main-navigation-sub-menu .ui-tooltip-content ul li a:hover { background:#222; color:#fff; text-decoration:none; }
.ui-tooltip-main-navigation-sub-menu { border:0px !important; }

.header-slideshow { margin-top:-1px; position:relative; }
.header-slideshow-slide { background-position:left center; background-repeat: no-repeat; background-size:cover; width:100%; }
.header-slideshow-slide h1 { color:#36495c; font-size:55px; }
.header-slideshow-slide h2 { color:#fff; font-size:40px; padding: 0px 0px 20px 0px; }
.header-slideshow-slide h3 { color:#fff; font-size:30px; padding: 0px 0px 20px 0px; }
.header-slideshow-slide h4 { color:#36495c; font-size:20px; padding: 0px 0px 20px 0px; }
.header-slideshow-slide p { font-size:16px; }
.header-slideshow-slide p { color:#ddd; }
.header-slideshow-slide-overlay { position:relative; }
.header-slideshow-slide-overlay-content { margin-top:70px;  }
.header-slideshow-slide-overlay .container_16 { display:table; } 
.header-slideshow-pager { position:absolute; z-index:1000; bottom:15px; width:100%; text-align:center; }
.header-slideshow-pager a { margin:0 5px; height:4px; width:30px; display:inline-block; font-size:0;}
.header-slideshow-pager a.active { background: rgba(255,255,255,0.90); }
.header-slideshow-pager a { background: rgba(255,255,255,0.45); }
.header-slideshow-slide-overlay-content { padding:0 15px; }
.header-slideshow-slide-overlay-content .button {  display:inline-block; }
.header-slideshow-slide-overlay-content .button { background:#f07b55; margin:0 10px 10px 0; }
.header-slideshow-slide-overlay-content .button:hover { background:#f58d72; }

/* HOMEPAGE */
#homepage-intro { width: 100%; margin: -40px 0 0px 0; padding: 70px 0 50px 0; color:#fff; text-align:center; }
#homepage-intro h1 { color:#36495c; font-size:50px; margin:0 0 20px 0; line-height:50px; padding:0; }
#homepage-intro h2 { font-family: 'Merienda'; color:#36495c; font-size:30px; font-style:italic; }
#homepage-intro .button-panel { padding:10px 0 0px 0; }
#homepage-intro .button-panel i { margin:0 7px 0 0; }
#homepage-intro .button { background:#f07b55; margin:0 10px 10px 0; }
#homepage-intro .button:hover { background:#f58d72; }

.homepage-features { padding:40px 0 0px 0; }
.homepage-feature { margin-bottom:30px; text-align:center; }
.homepage-feature h4 { font-size:20px; }

.homepage-mobile { padding:20px 0 0px 0; background:#f5f5f5; }
.homepage-mobile .left { padding-top:30px; text-align: center;}
.homepage-mobile .right { position:relative; }
.homepage-mobile .right img { display:block; }

.homepage-tablet { padding:20px 0 0px 0; background:#f5f5f5; }
.homepage-tablet .right { text-align:center; padding-top:30px; }
.homepage-tablet .left { position:relative; }
.homepage-tablet .left img { display:block; padding-top:30px; padding-right:30px; padding-bottom:30px;}

.homepage-addons { padding:50px 0 0px 0; }
.homepage-addons h3 { text-align:center; text-transform:uppercase; margin-bottom:30px; }
.homepage-addon { margin-bottom:30px; text-align:center; }

.homepage-testimonials { padding:50px 0 0px 0; }
.homepage-testimonials h3 { text-align:center; text-transform:uppercase; margin-bottom:30px; }
.homepage-testimonial { margin-bottom:30px; }    
.homepage-testimonial-image { width:150px; border-radius:75px; margin-bottom:10px; }
.homepage-testimonial-quote { font-size:16px; font-style:italic; }
.homepage-testimonial-customer { display:inline-block; font-size:13px; }

.ui-tooltip-trial .ui-tooltip-content { padding:15px; font-size:14px; line-height:20px; }
.ui-tooltip-trial div.ui-tooltip-tip{ border-color: #ccc; }

/* BREADCRUMBS */
.breadcrumbs { padding: 0px 0 10px 2px;  }
.breadcrumbs i { margin-left:5px; margin-right:5px; }

/* LAYOUTS */ 
#content { padding: 40px 0; overflow:hidden; }
.bottom { margin-bottom:20px; }

/* TICK LIST */
.tick-list { list-style:none; margin:0; padding:5px 10px 10px 0px; }
.tick-list li { margin:0; padding:0px 0 7px 0; }
.tick-list li i { display:table-cell; color:#666; padding-right:5px; font-size:15px;}
.tick-list li span { display:table-cell; }

/* SIDE BAR MENU */
.sub-navigation ul { list-style:none; text-align: left; margin: 0px 0px 30px 0px; padding: 0 0px 0 0; border-right:1px solid #eee; }
.sub-navigation ul li ul { border-right:0; margin: 0px 0px 0px 0px; }
.sub-navigation ul li { list-style: none; padding: 7px 0px 7px 0px; margin: 0; font-size:13px; width:100%; }
.sub-navigation ul li div { display:table; }
.sub-navigation ul li a { text-decoration:none; display:table-cell; padding:0 5px 0 0;}
.sub-navigation ul li i { padding-left:3px; display:table-cell; color:#1899CD; }
.sub-navigation ul li.active { text-decoration:none; background:#f5f5f5; }
.sub-navigation ul li a:hover { text-decoration:none; color:#ffa724; }
.sub-navigation ul li ul { margin-left:15px; padding: 0; border-top:0px; }
.sub-navigation ul li.noline { background: none; padding:0; }

/* TESTIMONIALS */
.testimonials { margin:0px;  padding:0px 0 30px 0; overflow:auto;  }
.testimonial { float:left; margin-bottom:10px; padding:0; font-weight: normal; color: #555; }
.testimonial .image { border:1px solid #ddd; margin:0px 0 30px 0; }
.testimonial .image:hover { opacity:0.8; }
.testimonial img {  display:block; }
.testimonial .quote p {  margin: 0px; padding: 0 0 15px 0; }
.testimonial .quote { position:relative; padding: 15px 15px 0 15px; background-color:#FFF; border-radius: 10px; border: 1px solid #ddd;}
.testimonial .quote:before, .quote:after { content: "\0020"; display:block; position:absolute; bottom:-15px; left:20px; z-index:2; width: 0; height: 0; overflow:hidden; border: solid 15px transparent; border-bottom: 0; border-top-color:#FFF; }
.testimonial .quote:before { bottom:-16px; z-index:1; border-top-color:#ddd; }
.testimonial .customer { position:relative; margin-top:17px; padding-left:10px; padding:0px 0 30px 10px; }
.testimonial .customer .name { color:#666; padding:0px 0 0px 0;  }
.testimonial .customer .website {  padding:0 0 0 0; }

/* BLOG PANEL */
.blog-panel .article { margin:10px 0 15px 0; clear:left; overflow:auto; }
.blog-panel .article h4 { font-size:12px; font-weight:normal; margin:0; padding:0; }
.blog-panel .article .date { border-radius:5px; color:#fff; font-size:12px; text-align:center; margin:0 10px 0 0; float:left; background:#66c8f0; padding:3px; width:50px;}
.blog-panel .article a { font-size:14px; }

/* FEATURES */
.feature-description { clear:both; text-align:center; padding-top:30px; }
.feature-description h2 { font-size:30px; }
.feature-description p { font-size:15px; }

/* XERO INTEGRATION */
.landing-xero-benefits .benefit  { text-align: center; margin-bottom:30px;}
.landing-xero-benefits .benefit h2 { margin-top:15px; }
.landing-xero-customer-reviews { padding:40px 0 0px 0; background:#f5f5f5; }
.landing-xero-customer-reviews h3 { text-align:center; text-transform:uppercase; padding-bottom:30px; }
.landing-xero-customer-reviews .youtube-video { margin-bottom:30px; }
.landing-xero-customer-reviews .rating { text-align: center;  margin-bottom:30px; }
.landing-xero-customer-reviews .rating .logo { width:70%; }
.landing-xero-customer-reviews .rating .stars { font-size:40px; padding-bottom:5px;}
.landing-xero-customer-reviews .reviews { margin-top:15px; }
.landing-xero-customer-reviews .reviews .grid_6 { margin-bottom:30px; }
.landing-xero-customer-reviews .reviews .photo { margin-bottom:15px; border-radius:768px; }
.landing-xero-reasons { padding-top:40px; }
.landing-xero-reasons h3 { text-align:center; text-transform:uppercase; margin-bottom:30px; }
.landing-xero-reasons .reason { text-align: center; margin-bottom:30px; }
.landing-xero-reasons .reason h4 { margin-top:10px; }

/* DESIGNS */
.designs .design { margin-bottom:10px; margin-top:10px; padding:0; }
.designs .design img { display:block; padding:0; margin:0; border:1px solid #ddd; }

/* PRICING */
.pricing .grid_12 > h3 { text-align:center; text-transform:uppercase; margin-bottom:10px; }
.pricing .includes { margin-bottom:40px; }
.pricing .includes ul { list-style:none; padding:0; margin:0; }
.pricing .includes ul li { font-size:15px; padding:10px 0; border-top:1px solid #eee; margin:0; }
.pricing .includes ul li:first-child { border-top:0; }
.pricing .includes ul li:last-child { border-bottom:0; }
.pricing .includes ul li i { margin-right:5px; }
.pricing .plans > p { text-align:center; }
.pricing .plan { margin-bottom:20px; }
.pricing .plan h2 { font-size:26px; margin:0px; padding:5px 0 7px 0; line-height:normal; text-align:center; background:#1899CD; color:#fff; }
.pricing .plan .inner { background:#f5f5f5; padding:10px; }
.pricing .plan .description { text-align:center; padding-top:5px; }
.pricing .plan .price { padding:0px 0 15px 0; }
.pricing .plan .price h3 { font-size:80px; line-height:60px; text-align:center; padding-top:20px; }
.pricing .plan .price h4 { font-size:16px; text-align:center; line-height:40px; }
.pricing .plan .price h3 span { color:#ddd; }
.pricing .plan .price p { text-align:center; font-size:18px; }
.pricing .plan .price p.terms { font-size:11px; }
.pricing .plan .button-panel { text-align:center; padding:15px 0 15px; margin:0; }
.pricing .plan .features p { text-align:center; font-size:18px; }
.pricing .plan .features p i { margin-right:5px; }
.pricing .currency { line-height:25px; overflow:auto; padding:0px 0px 0px 0; margin:0 0 20px 0;}
.pricing .currency .left { float:left; }
.pricing .currency p {  color:#777; line-height:26px; font-style:italic; }
.pricing .currency .right { float:right; }
.pricing .currency .right form { background:none; padding:0; margin:0; border:0px; }
.pricing .currency label { color:#666; padding-right:10px; font-size:13px; }
.pricing .extras { margin-bottom:40px; padding:30px 0 30px 0; border-bottom:1px solid #eee; border-top:1px solid #eee;}
.pricing .extras table { border:0px; margin:0; width:100%; }
.pricing .extras table tr { background:none;  border-bottom:1px solid #eee; }
.pricing .extras table td { border:0px; padding:10px 0; line-height:18px; }
.pricing .extras table td.item { padding-right:30px; font-size:14px;  }
.pricing .extras table tr:last-child { border-bottom:0; }

/* SUPPORT */
.support .right { margin-top:10px; padding:20px 20px 0px 20px; background:#f7f7f7; border-radius:7px; }
.support .right ul { float:left; list-style:none; margin:0 0 20px 0; padding:0; }
.support .right ul li { padding:4px 0; margin:0; }
.support .right ul li i { margin-right:5px; }

/* GOOGLE CUSTOM SEARCH */
.gcsc-branding { display:none; }
.gsc-control-cse { padding:0px !important; font-family: Verdana, Arial, Helvetica, sans-serif !important; }
.gsc-control-cse form.gsc-search-box { margin-bottom:10px; }
.gsc-control-cse form table { margin:0; }
.gsc-control-cse table td { border:0px; padding:0; }
.gsc-clear-button { display:none; }
.gsc-input input { }
.gsc-table-result { margin:10px 0 10px 0 !important; }
.gsc-webResult .gsc-result { padding:0px !important; margin:0px !important; }
.gs-spelling { padding-bottom:5px; color:#666; font-size:12px !important; }
.gsc-control-cse a, .gsc-control-cse a b { color:#1899CD !important; font-size:14px !important; }
.gsc-control-cse a:hover, .gs-title a:hover b { color:#ff8000 !important; }
.gsc-resultsHeader { display:none; }
.gsc-above-wrapper-area-container { margin:0 0 10px 0; }
.gsc-above-wrapper-area { margin-bottom:10px; padding:0px !important; }
.gsc-result-info { padding:0 !important; margin:0 !important; }
.gsc-cursor-box { border-top: 1px solid #E9E9E9; margin-bottom:20px !important; padding-top:10px !important; margin-top:10px;}
.gsc-input input, .gsc-search-button input  { -moz-border-radius:3px; -webkit-border-radius:3px; margin: 0 !important; padding: 10px !important; color: #333; border-width: 1px; border-style: solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; font: 12px 'Lucida Grande', Verdana, Helvetica, sans-serif; }
.gsc-search-button input { font-family:'Open Sans', sans-serif !important; margin:0; text-decoration:none; background: #1ab3a5 !important; border-radius:3px; border:0px !important; text-transform:uppercase; color:#fff !important; font-size:12px !important; padding:6px 8px; cursor:pointer; font-weight:bold !important; height:auto !important; }
.gsc-search-button input:hover { background:#71c9bc !important; }
.gsc-table-result .gs-snippet { margin:0px !important; } 
.gs-snippet { font-size:14px !important; padding:0px !important; margin:0 0 10px 0 !important; border:0px !important; background:none !important; color:#666 !important; line-height:1.5em;}
.gsc-cursor-page { color:#1899CD !important; text-decoration:none !important; font-size:14px !important; }
.gsc-search-box td.gsc-input { padding-right:5px !important; }
.gs-title { text-decoration:none !important; font-size:14px !important; }
.gs-result .gs-title, .gs-result .gs-title * { text-decoration:none !important; }

/* BASIC FORM */
input, select, textarea { -moz-border-radius:3px; -webkit-border-radius:3px; margin: 5px 0 10px 0; padding: 5px; color: #666; font-size:13px; border-width: 1px; border-style: solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; }            
textarea.error, input.error { border:2px solid #ff4136 !important; }

/* BUTTONS */
input.button, .button { margin:0; font-family:'Open Sans', sans-serif; text-decoration:none; font-weight:normal; border-radius:3px; border:0px; background-color:#1ab3a5; text-transform:uppercase; font-weight:bold; color:#fff; font-size:14px; padding:10px 20px; cursor:pointer; display:inline-block; }
input.button:hover, .button:hover { background:#71c9bc; color:#fff; }
.button-panel { margin: 15px 0 15px 0; }
.button.big { padding:15px 20px; font-size:24px; line-height:30px; }
.button.secondary { background:#999; }
.button .spinner { float:left; left:7px !important; }

/* STANDARD FORM */
form { margin: 0px 0px 20px 0; padding: 10px 25px 10px 20px; background: #f5f5f5;  }
form p { padding: 0px 0 15px 0; margin: 0; font-size:13px;}
form p.help { padding:2px 0; margin:0; font-size:12px; color:#666; }
form h4 { margin: 15px 0 3px 0; padding:0px;  }
form h4 .optional { color:#aaa; }
form label { color:#666; margin:0 5px 0 0;}
form label.hidden { display:none; }
form hr { background-color:#ddd; margin: 20px 0; border:0px; height:1px; }
form textarea { width:99%; height:100px; }
form label.checkbox, .standardform label.radio { display:block; font-size:12px; line-height:14px; margin:0px 0 0 5px; float:left; cursor:pointer; padding:0px 0 0 0; }
form .checkbox, .standardform .radio { margin:0; padding:0; float:left; }
input, select, textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 5px 0; padding: 5px; color: #333; border-width: 1px; border-style: solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4;  }            
textarea.error, input.error { border:1px solid #ff4136; }
textarea { width:100%; height:100px; }

#createForm { margin: 0px; padding: 0px; border:0; background: none; }

/* GOOGLE CSE */
#cse form { background:none; padding:0; border:0; }

/* RECAPTCHA */
#recaptcha_widget_div { margin-top:5px; } 

/* ERROR BOX */
.errorbox { padding:10px; background-color:#ff4136; color:#fff; margin:0px 0px 20px 0px; }
.errorbox .inline { margin:5px 0 5px 0; }
.errorbox .heading { display:block; height:30px;  margin:0px; line-height:2em; font-size:1.4em; }
.errorbox .heading img { float:left; margin: 0 5px 0 0 ;}
.errorbox .content { margin:0px; }
.errorbox .content ul { margin-left: 10px; margin-bottom: 0px; margin-top: 0px; padding:0px 0 0 1em; text-indent: -1em; }
.errorbox .content li { font-size:1.1em; line-height:1.2em; padding:3px 0 3px 10px; color:#fff;}
.errorbox .content li a { color:#fff; text-decoration:underline; }
.errorbox .content li a:hover { color:#fff; text-decoration:none; }

/* SUCCESS BOX */
.successbox { padding:3px; padding-left:10px; background-color:#ccffcc; color:#333; margin-bottom:20px; }
.successbox .heading { display:block; height:30px; margin:0px; line-height:30px;  }
.successbox .heading img { float:left; margin: 0 5px 0 0 ;}

/* FAQ SEARCH */
.faq-search ul { list-style:none; text-align: left; margin: 0px 0px 30px 0px; padding: 0 0px 0 0; border-right:1px solid #eee; }
.faq-search ul li { padding:0; }
.faq-search ul li span { display:none; }
.faq-search ul li ul { border-right:0; margin: 0px 0px 0px 0px; }
.faq-search ul li ul li { list-style: none; padding: 7px 0px 7px 0px; margin: 0; font-size:13px; width:100%; }
.faq-search ul li ul li span { display:table; }
.faq-search ul li ul li a { text-decoration:none; display:table-cell; padding:0 3px 0 0;}
.faq-search ul li ul li i { padding-left:3px; display:table-cell; color:#1899CD; }
.faq-search ul li ul li.active { text-decoration:none; background:#f2f2f2; }
.faq-search ul li ul li a:hover { text-decoration:none; color:#ffa724; }
.faq-search ul li ul li ul { margin-left:15px; padding: 0; border-top:0px; }

.faq-listing { margin-bottom:10px; }

/* BLOG */
.blog-listing { margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #E8E8E8;  }
.blog-listing:last-child { border:0; }
.blog-listing h2 {  }
.blog-listing h2 a { text-decoration:none; }
.blog-listing .metadata { font-size:12px; color:#999; font-style:italic; margin:0 0 10px 0; padding:0; }
.blog-article .metadata { margin:0px 0 0 0; font-size:12px; font-style:italic; color:#999; }
.blog-article .social { margin-top:40px; }
.blog-article .social ul { margin:5px 0 15px 0; padding:0; font-size:14px; float:left; }
.blog-article .social ul li { float:left; list-style:none; padding:0; margin:0 15px 10px 0; } 
.blog-article .social ul li a { text-decoration:none; } 
.blog-article .social ul li a:hover { text-decoration:none; } 
.blog-article .social ul li i { text-decoration:none; } 
.blog-article .author { margin:30px 0 30px 0; padding:0; overflow:auto; }
.blog-article .author div { display:block; overflow:auto; }
.blog-article .author h3 { margin:0 0 5px 0; padding:0 0 5px 0; }
.blog-article .author img { float:left; margin:0px 15px 0 0; }
.blog-article .author p { margin:0 0 0px 0; padding:0; }
.blog-article .author ul { float:left; list-style:none; padding:0; margin:5px 0 0 0; }
.blog-article .author ul li { float:left;list-style:none; padding:0; margin:0 15px 0 0;  }
.blog-article .author ul li a i { text-decoration:none; font-size:14px; margin-right:3px; }

/* BLOG SEARCH */
.blog-search { padding:15px 20px 10px 20px; border-radius:5px; background:#f5f5f5; border-radius:7px; }
.blog-search .rss-feed i { font-size:16px; margin-right:5px; }
.blog-search .rss-feed a { text-decoration:none; }
.blog-search h3 { border-bottom:1px solid #ddd; margin-bottom:15px; }
.blog-search h4 { text-transform:uppercase; font-weight:bold; font-size:12px; margin:0px 0 0px 0; padding:0px 0 0 0; }
.blog-search .categories ul { text-transform:uppercase; font-weight:bold; overflow:auto; list-style:none; padding:0px 0 10px 0; margin:0 0 0px 0; }
.blog-search .categories ul li { margin:0; padding:3px 0; color:#1899CD;}
.blog-search .categories ul li a { text-decoration:none; }
.blog-search .categories ul li a:hover { text-decoration:underline; }
.blog-search .categories ul li ul { text-transform:none; font-weight:normal; margin:0 0 0px 0px; padding:0;} 
.blog-search .categories ul li ul li ul { margin:0 0 0px 15px; padding:0;} 
.blog-search .tags ul { overflow:auto; list-style:none; padding:0px 0 10px 0; margin:0 0 0px 0; }
.blog-search .tags ul li { margin:0; padding:3px 0; }
.blog-search .tags ul li a { text-decoration:none; }
.blog-search .tags ul li a:hover { text-decoration:underline; }
.blog-search .tags ul li a:hover i { text-decoration:none; }

/* COMMENTS */
.blog-article .content { padding:0; }
.blog-article .comments { margin:20px 0 0 0; }
.blog-article .comments .comment { padding:5px 0 0 0; margin:0px 0 10px 0; overflow:auto;}
.blog-article .comments .comment .author { overflow:visible; margin:3px 0 0 0;}
.blog-article .comments .comment .author img { float:left; margin:0 10px 0 0; padding:2px; }
.blog-article .comments .comment .author .name { font-size:14px; margin:0; padding:7px 0 0 0 ; }
.blog-article .comments .comment .author .name a { text-decoration:none; }
.blog-article .comments .comment .author .name a:hover { text-decoration:underline; }
.blog-article .comments .comment .date { margin:0; padding:0; }
.blog-article .comments .comment .message { padding:10px 0 15px 0; white-space: pre-wrap; white-space: -moz-pre-wrap;  white-space: -pre-wrap;  white-space: -o-pre-wrap;  word-wrap: break-word; }


/* PORTFOLIO */
.portfolio-listing { margin-top:10px; margin-bottom:20px; }
.portfolio-listing .image { border:1px solid #ddd; margin-bottom:10px; }
.portfolio-listing .image:hover { opacity:0.8; }
.portfolio-listing .image img { display:block; }
.portfolio-listing p a { margin-top:5px; display:block;}
.portfolio-listing .description { padding:5px 0px;  }

/* SIGN UP */
.available, .notavailable { margin:10px 0 0 10px; }
.available img, .notavailable img { float:left; margin:1px 3px 0 5px; }
.available { color:green; }
.notavailable { color:red; }

/* WIDGETS */
.youtube-video { margin:0 0 15px 0; max-width:100%; }
.vimeo-video { margin:0 0 15px 0; max-width:100%; }
.google-map { margin:0 0 15px 0; }
.timely-booking-button { margin:0 0 15px 0; }
.paypal-buy-now-button { margin:0 0 15px 0; }
.paypal-buy-now-button form { padding:0; background:none; }
.google-map-multi { margin:0 0 15px 0; max-width:100%;}
.google-map-multi img { max-width: none; }
.google-map iframe { max-width:100%; }
.google-calendar iframe { max-width:100%; }

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* IMAGE LIST */
.image-list-item { margin-bottom:20px; float:left; } 
.image-list-item .image { margin-bottom:10px; } 

/* FOOTER */
#footer-wrapper { width:100%; }
#footer-top { float:left; color: #bbbbbb; width: 100%; padding: 30px 0 0px 0; margin:0; background:#222222; }
#footer-top .grid_4 { margin-bottom:30px; }
#footer-top ul { list-style: none; padding: 0; margin-left: 0;  }
#footer-top ul li { color:#bbb; margin:0px 0 6px 0; line-height:1.5em; padding:2px 0; }
#footer-top ul li a { display: block; color: #bbbbbb; border: none; }
#footer-top ul li a:hover { color:#eeeeee; }
#footer-top ul li span { display:inline !important; }
#footer-top .button { font-size:11px; padding: 7px 8px; }
#footer-top form { padding:0px; }
#footer-top p { margin:0; padding:0; color:#fff; line-height:16px; }
#footer-top p i { color:#bbbbbb; }
#footer-top i { margin-right:6px; text-decoration:none; }
#footer-bottom { float:left; width:100%; background:#111111; padding:20px 0 20px 0; }
#footer-bottom p { color:#bbb; font-size:12px; padding:0; margin:0; }

/* CUSTOM.CSS */
.blog-article .metadata { margin:0 0 5px 0; }
.features .clear { margin-bottom: 70px; }
.image-list-item { margin-bottom: 30px; }

@media only screen and (min-width: 1281px) {

    .landing-xero-reasons .reason img { max-height: 166px; }
    .landing-xero-benefits .benefit img { max-height: 310px; }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {

    .landing-xero-reasons .reason img { max-height: 130px; }
    .landing-xero-benefits .benefit img { max-height: 243px; }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
 
    #header .main-navigation ul li a { margin-right:0; padding:20px 0; } 
    .main-navigation li.toggle { display:block; }
    .main-navigation li:not(.toggle) { display:none; }
    .main-navigation li:not(.toggle) a i { display:none !important; }   
    
    #homepage-intro .grid_8 { width:inherit; }
    #homepage-intro .right .explainer-video { margin-top:10px; margin-bottom:40px; }
    #homepage-intro .right .explainer-video p { margin-top:40px; }
    .homepage-mobile .right img { margin-top:40px; }
    .homepage-feature img { max-height:190px !important; }
    .landing .tick-list { padding:0px 0 0 10px; margin:0; }
    .landing .tick-list li { font-size:14px; }
    .landing .explainer-video p { margin-top:10px; }
    
    .pricing .includes ul li { font-size:12px; }
    .pricing .plan .price { min-height:165px; }
    .pricing .plan .price h3 { font-size:60px; }
    .pricing .plan .price p { font-size:13px; }
    .pricing .plan .price h4 { white-space:nowrap; font-size:16px; }
    .pricing .plan .features p { font-size:14px; }
    .pricing .currency label { display:none; }
    .notablet { display:none; }
    
    .feature-description { padding-top:15px; }

    .landing-xero-reasons .reason img { max-height: 99px;  }
    .landing-xero-benefits .benefit img { max-height: 184px; }
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
 
    #header .main-navigation ul li a { margin-right:0; padding:20px 0; } 
    .main-navigation li.toggle { display:block; }
    .main-navigation li:not(.toggle) { display:none; }
    .main-navigation li:not(.toggle) a i { display:none !important; }   
    .header-slideshow-slide-overlay-content h1 { text-align:center !important; }
    .header-slideshow-slide-overlay-content h4 { text-align:center !important; }
    .header-slideshow-slide-overlay-content p { text-align:center !important; }
    
    .sub-navigation ul { border-right:0; }
    
    #homepage-intro .grid_8 { width:inherit; }
    #homepage-intro .right .explainer-video { margin-top:0; margin-bottom:40px; }
    #homepage-intro .right .explainer-video p { display:none; }
    #homepage-designs .grid_3 { margin-left:0; margin-right:0; }
    .homepage-testimonial { text-align:center; }
    .homepage-mobile .left { text-align:center; }
    
    .portfolio-listing .image { float:left; }
    .portfolio-listing .description { clear:both; } 
    
    .pricing .plan .price { min-height:0; }
    .nomobile { display:none !important; }
    
    .landing .explainer-video p { display:none; }
    .landing .explainer-video i { font-size:170px; }
    .landing .cta-panel p { float:none; margin-bottom:20px; }
    .landing .cta-panel { padding-bottom:20px; } 
    .landing .testimonials { margin-top:20px; }
    .landing .tick-list { margin-top:15px; }
    .landing .cta-panel h3 { font-size:20px; }
    .button.big { font-size:15px; }
    
    .landing-xero-customer-reviews .reviews { text-align: center; }
}