/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/*
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */


/*
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

body, h1, h2, h3, h4, h5, h6 { color:#333; }

/* -classes- */
.hasfloat:after { display:table; content:""; clear:both; }
.left { float:left; }
.right { float:right; }
.borderbox { box-sizing:border-box; }
.hidden { display:none; }
.blue { color:#27b5e7; }
.dark-blue { color:#0071ba; }
.green { color:#690; }
a._button { display:inline-block; padding:0 20px; color:#fff; background:#27b5e7; border-radius:3px; text-decoration:none; border-radius:3px; }
a._button:hover { background:#0071ba; }
a._button.orange { background:#f36523; }
a._button.orange:hover { background:#ea5713; }
a._button.grey { background:#aaa; }
a._button.grey:hover { background:#27b5e7; }

::-webkit-input-placeholder { color:#333; }
:-moz-placeholder { color:#333; }
::-moz-placeholder { color:#333; }
:-ms-input-placeholder { color:#333; }

/* -grid- */
@media screen and (min-width:1024px) {
.grid-3 > .column { width:33.33%; }
.grid-4 > .column { width:25%; }
.grid-5 > .column { width:20%; }

.grid-3 > .column:nth-of-type(3n+1),
.grid-4 > .column:nth-of-type(4n+1),
.grid-5 > .column:nth-of-type(5n+1) { clear:both; }
}

@media screen and (min-width:568px) and (max-width:1023px) {
.grid-3 > .column { width:50%; }
.grid-4 > .column { width:50%; }
.grid-5 > .column { width:33.33%; }

.grid-3 > .column:nth-of-type(2n+1),
.grid-4 > .column:nth-of-type(2n+1),
.grid-5 > .column:nth-of-type(3n+1) { clear:both; }
}

@media screen and (min-width:568px) {
[class^="grid-"] { margin-left:-10px; margin-right:-10px; }
[class^="grid-"]:before, [class^="grid-"]:after { display:table; content:""; }
[class^="grid-"]:after { clear:both; }
[class^="grid-"] > .column { box-sizing:border-box; float:left; padding-right:10px; padding-left:10px; }
[class^="grid-"] > .column:not(.alt) { padding-bottom:20px; }
[class^="grid-"] > .column.full { width:100%; }

.grid-2 > .column { width:50%; }
.grid-2 > .column:nth-of-type(2n+1) { clear:both; }
}

@media screen and (max-width:567px) {
[class^="grid-"] > .column { padding-bottom:20px; }
}

#wrapper.internal #content { padding-top:8.472em; }

#top { background:#0072bb; }
#top a#logo { position:relative; z-index:1; float:left; margin:10px 0; }
#top a#logo img { display:block; height:40px; opacity:1; }
#top nav[role="navigation"] ul#top-nav { z-index:0; text-align:right; }
#top ul.nav > li:hover { background:none; }
#top nav[role="navigation"] ul#top-nav a { height:60px; line-height:60px; padding:0 20px; color:#00cbe9; }
#top nav[role="navigation"] ul#top-nav li.current-menu-item a,
#top nav[role="navigation"] ul#top-nav li:hover a { color:#fff; background:none; }

body.has-top-nav #header { padding:80px 30px 30px; }
body.has-top-nav #header:after { display:block; content:""; position:absolute; z-index:0; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.33); }
#header #hgroup { display:none; }
#header ._header_content { position:relative; z-index:1; padding:120px 0; text-align:center; }
#header ._header_content h2 { margin:0 0 5px; font-size:30px; color:#fff; }
#header ._header_content p { margin:0; font-size:18px; line-height:1.4; font-weight:400; }
#header ._header_content p.button { margin:20px 0 0; }
#header ._header_content p.button a._button { height:50px; line-height:50px; text-decoration:none; }
#header ._header_content p.button a._button:hover {}

#content.home-widgets .widget_woo_component { border-bottom:none; }
#content.home-widgets .widget_woo_component span.heading { margin:20px 0; font-size:2.618em; line-height:1.3; font-family:"Bitter",sans-serif; text-transform:inherit; }
#content.home-widgets .widget_woo_component h2.widget-title { font-size:24px; font-weight:400; font-family:"Open Sans",sans-serif; opacity:.6; }
#content.home-widgets .widget_woo_component .features-buttons { text-align:center; }
#content.home-widgets .widget_woo_component .features-buttons a { display:inline-block; box-sizing:border-box; height:50px; min-width:200px; line-height:50px; padding:0 20px; color:#fff; font-weight:600; border-radius:3px; text-decoration:none; }
#content.home-widgets .widget_woo_component .features-buttons a:nth-of-type(1) { background:#f36523; }
#content.home-widgets .widget_woo_component .features-buttons a:nth-of-type(2) { background:#f36523; }
#content.home-widgets .widget_woo_component .features-buttons a:nth-of-type(1):hover { background: #ea5713; }
#content.home-widgets .widget_woo_component .features-buttons a:nth-of-type(2):hover { background:#ea5713; }
#content.home-widgets .widget_woo_component .features-buttons span { display:inline-block; padding:0 20px; }

.custom-home-sections {}
.custom-home-sections .section {}
.custom-home-sections .section.tour { overflow:hidden; }
.custom-home-sections .section.tour .shape, #page-contractors #banner .shape { position:relative; right:-1px; height:50px; background:#fff; }
	.custom-home-sections .section.tour .shape.upper,
	#page-contractors #banner .shape.upper { top:12px; -webkit-transform:rotate(1deg); -moz-transform:rotate(1deg); -ms-transform:rotate(1deg); -o-transform:rotate(1deg); transform:rotate(1deg); }
	.custom-home-sections .section.tour .shape.lower,
	#page-contractors #banner .shape.lower { bottom:12px; -webkit-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -ms-transform:rotate(-1deg); -o-transform:rotate(-1deg); transform:rotate(-1deg); }
.custom-home-sections .section.tour .tour-content { padding:1.618em; background-image:url('../images/home_learnhow.jpg'); background-position:0 50%; background-repeat:no-repeat; background-size:cover; }
.custom-home-sections .section.tour .tour-content .wrap, #page-contractors #banner .banner-content .wrap { position:relative; padding:100px 0; }
.custom-home-sections .section.tour .tour-content h2,
#page-contractors #banner .banner-content h2 { margin:0 0 0 20%; color:#fff; font-size:30px; font-weight:300; font-family:"Open Sans",sans-serif; }
.custom-home-sections .section.tour .tour-content p.button,
#page-contractors #banner .banner-content .wrap p.button { position:absolute; top:50%; right: -75px; margin:-30px 0 0; }
.custom-home-sections .section.tour .tour-content a._button,
#page-contractors #banner .banner-content .wrap p.button a { height:60px; line-height:60px; padding:0 20px; font-size:24px; box-shadow:0 0 2px rgba(0, 0, 0, 0.075); }
.custom-home-sections .section.tour .tour-content a._button:hover { box-shadow:1px 1px 2px rgba(0, 0, 0, 0.075); }
.custom-home-sections .section.tour .tour-content a._button i.fa { margin-left:10px; }
.home #features h2.widget-title {display: none;}
.home #features h2.widget-title.show {display: block;}
.home h3.feature-title {padding: 0px 10px;}

.custom-home-sections .business-scale { padding:1.618em; text-align:center; }
.custom-home-sections .business-scale h2.heading { font-size:2.618em; font-weight:300; }
.custom-home-sections .business-scale p.sub, #page-contractors .section.business-scale p.sub { font-size:24px; font-weight:400; font-family:"Open Sans",sans-serif; opacity:0.6; }
.custom-home-sections .business-scale .icons, #page-contractors .section.business-scale .icons { padding:0 0 50px; }
.custom-home-sections .business-scale .icon, #page-contractors .section.business-scale .icon { width:16.6667%; padding:0 20px; }
.custom-home-sections .business-scale .icon a { color:#27b5e7; text-decoration:none; }
.custom-home-sections .business-scale .icon a:hover { color:#0071ba; }
.custom-home-sections .business-scale .icon i.fa { display:block; width:62px; height:62px; line-height:62px; margin:0 auto 20px; background:#27b5e7; color:#fff; font-size:36px; border-radius:62px; }
.custom-home-sections .business-scale .icon a:hover i.fa { background:#0071ba; }
.custom-home-sections .business-scale .icon span { display:block; font-size:16px; /*font-weight:600; font-family:"Bitter",sans-serif;*/ }

#feature-tour #features-nav { margin:0 0 60px; }
#feature-tour #features-nav .icons { margin:0 -5px; }
#feature-tour #features-nav .icon { width:16.6667%; padding:0 5px; }
#feature-tour #features-nav a { display:block; position:relative; height:0; padding-bottom:75%; color:#bbb; background:#fafafa; border:1px solid #eaeaea; text-align:center; }
#feature-tour #features-nav a:hover { color:#00cbe9; background:#fff; border-color:#00cbe9; }
#feature-tour #features-nav a span.a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
#feature-tour #features-nav a span.a:before { display:inline-block; height:100%; vertical-align:middle; content:""; }
#feature-tour #features-nav a span.b { display:inline-block; vertical-align:middle; }
#feature-tour #features-nav a i.fa { display:block; font-size:50px; }
#feature-tour #features-nav a span.text { display:block; padding:5px 0 0; }
#feature-tour #features {}
#feature-tour #features .grid-3 { margin:0 -20px; }
#feature-tour #features .column { padding-left:20px; padding-right:20px; }
#feature-tour #features .section:not(:last-child) { padding:0 0 30px; margin:0 0 60px; border-bottom:1px solid #eee; }
#feature-tour #features h2.title { color:#333; font-size:30px; text-align:center; }
#feature-tour #features p.lead { margin:30px 0 50px; font-size:18px; text-align:center; opacity:0.6; }
#feature-tour #features .icon { box-sizing:border-box; float:left; width:17%; }
#feature-tour #features .icon i.fa { font-size:40px; color:#00cbe9; }
#feature-tour #features .pointtext { box-sizing:border-box; float:left; width:83%; }
#feature-tour #features .pointtext h3 { font-size:17px; font-family:"Open Sans",sans-serif; }
#feature-tour #features .buttons { position:relative; padding:0 0 50px; text-align:center; }
#feature-tour #features .buttons a._button { position:relative; height:50px; line-height:50px; padding:0 55px; }
#feature-tour #features .buttons a.totop { display:block; position:absolute; right:0; bottom:-27px; color:#333; text-decoration:none; opacity:0.6; }
#feature-tour #features .buttons a.totop:hover { opacity:1; }

#pricing-table {}
#pricing-table p.lead { margin:0 0 30px; font-size:24px; font-weight:400; font-family:"Open Sans",sans-serif; opacity:0.6; text-align:center; }
#pricing-table h3.title { padding:10px 10px 7px; margin:0; font-size:24px; color:#fff; background:#27b5e7; text-align:center; }
#pricing-table .container {}
#pricing-table .fields { padding:20px; background:#fcfcfc; border:4px solid #27b5e7; }
#pricing-table .field.users { position:relative; z-index:1; padding:0 0 20px; border-bottom:solid 1px #e8e8e8; }
#pricing-table .field.addons { position:relative; z-index:0; padding:20px 0; margin:0 0 20px; border-top:solid 1px #fff; border-bottom:1px solid #27b5e7; }
#pricing-table .field.button {}

#pricing-table .users .options { position:relative; width:55%; padding-right:20px; }
#pricing-table .users .options p.label { display:block; margin:0 0 5px; font-size:20px; font-weight:600; }
#pricing-table .users .options #user-select { padding:7px 14px; background:#fff; border:solid 1px #e8e8e8; cursor:pointer; }
#pricing-table .users .options #user-numbers { box-sizing:border-box; position:absolute; z-index:1; width:100%; max-height:0; padding-right:20px; overflow:hidden; margin:-1px 0 0; }
	#pricing-table .users .options #user-numbers.alt { max-height:100em; overflow:inherit; }
#pricing-table .users .options #user-numbers ul { margin:0; list-style:none; background:#fff; border:solid 1px #e8e8e8; box-shadow:1px 2px 1px rgba(0,0,0,.035); }
#pricing-table .users .options #user-numbers li { padding:5px 14px; cursor:pointer; }
	#pricing-table .users .options #user-numbers li:hover { background:#fafafa; }
#pricing-table .users .options #user-numbers li i.fa { padding-right:5px; color:#ccc; }
	#pricing-table .users .options #user-numbers li:hover i.fa { color:#27b5e7; }
#pricing-table .users .price { width:45%; text-align:right; }
#pricing-table .users .price label#amount { display:block; padding:5px 0 0; font-weight:600; color:#27b5e7; cursor:auto; }
	#pricing-table .users .price label#amount span { display:inline-block; line-height:1; }
	#pricing-table .users .price label#amount span.sign { position:relative; top:-21px; font-size:30px; }
	#pricing-table .users .price label#amount span.amount { font-size:60px; }
#pricing-table .users .price span.small { display:block; line-height:1; }

#pricing-table .addons p { margin:0 0 20px; font-size:16px; }
#pricing-table .addons ul { margin:0; list-style:none; }
#pricing-table .addons li:not(.total) { padding:10px; background:#fff; border:solid 1px #d0e4ec; }
	#pricing-table .addons li.total { padding:10px 0 0; }
	#pricing-table .addons li:not(:last-child) { margin:0 0 5px; }
	#pricing-table .addons li.selected { background:#e3f7fe; }
#pricing-table .addons .column { box-sizing:border-box; float:left; }
#pricing-table .addons .title { width:36%; padding:13px 0 0; font-weight:600; }
	#pricing-table .addons li.total .title { padding:0; font-size:24px; }

#pricing-table .addons li.telephone .title { padding:3px 0 0; }
#pricing-table .addons li.telephone #included-toggle { display:block; font-size:11px; font-weight:400; color:#333; cursor:pointer; }
#pricing-table .addons li.telephone #included-collapse { max-height:0; overflow:hidden; clear:both; }
	#pricing-table .addons li.telephone #included-collapse.expand { max-height:100em; }
#pricing-table .addons li.telephone #included-collapse p { margin:10px 0 5px; padding:10px 0 0; border-top:1px solid #d0e4ec; font-size:inherit; }
#pricing-table .addons li.telephone #included-collapse ul { margin:0 0 0 14px; list-style:disc; }
#pricing-table .addons li.telephone #included-collapse ul li { padding:0; margin:0; background:none; border:0; font-weight:400; color:#333; }

#pricing-table .addons .price { width:49%; }
	#pricing-table .addons .price span { display:inline-block; line-height:1; }
	#pricing-table .addons .price span.sign { position:relative; top:-12px; font-size:16px; font-weight:600; }
	#pricing-table .addons .price span.amount { font-size:34px; font-weight:600; }
	#pricing-table .addons .price span.small { display:block; padding:0 0 0 20px; font-size:11px; }
#pricing-table .addons .tools { width:15%; text-align:right; }
	#pricing-table .addons li:not(.total) .tools { padding:13px 0 0; }
	#pricing-table .addons .tools span:not(.hidden) { display:inline-block; width:60px; line-height:1; text-align:center; cursor:pointer; }
	#pricing-table .addons .tools span.add { padding:5px 0; background:#0071ba; color:#fff; border-radius:3px; }
	#pricing-table .addons .tools span.add:hover { background:#27b5e7; }
	#pricing-table .addons .tools span.remove { color:#aaa; }
	#pricing-table .addons .tools span.remove:hover { color:#c00; }
#pricing-table .addons .total .tools span { width:auto; padding:7px 0 0; line-height:1.3; color:#999; text-align:right; cursor:auto; }

#pricing-table .button { text-align:center; }
#pricing-table .button a._button { height:50px; line-height:50px; padding:0 50px; font-size:18px; }

#pricing-faqs { padding:60px 0 0; }
#pricing-faqs h2.title { margin:0 0 50px; font-size:30px; text-align:center; }

#page-contacts {}
#page-contacts p.lead { margin:0 0 50px; font-size:24px; opacity:0.6; text-align:center; }
#page-contacts .offices {}
#page-contacts p.office { padding-left:53px; }
#page-contacts p.office.aus { background:url(../images/_flag_aus.png) 0 0 no-repeat; }
#page-contacts p.office span { display:block; }
#page-contacts p.office span.city { margin:0 0 10px; font-size:18px; }
#page-contacts p.office span.address {}
#page-contacts .forms {}
#page-contacts ul.gform_fields { margin:0; }
#page-contacts ul.gform_fields li { position:relative; margin:0; }
#page-contacts ul.gform_fields .gfield_label { display:none; }
#page-contacts ul.gform_fields .ginput_container { position:relative; padding:5px 0 5px 40px; margin:0; border-bottom:solid 1px #eee; }
	#page-contacts ul.gform_fields .gfield.gfield_error .ginput_container { border-color:#e00; }
	#page-contacts ul.gform_fields .gfield.message .ginput_container { padding-top:13px; }
#page-contacts ul.gform_fields .gfield .ginput_container:before { display:inline-block; position:absolute; left:0; top:0; width:40px; line-height:48px; color:#27b5e7; text-align:center; }
	#page-contacts ul.gform_fields .gfield.name .ginput_container:before { content:"\f007"; font-family:'FontAwesome'; }
	#page-contacts ul.gform_fields .gfield.email .ginput_container:before { content:"\f0e0"; font-family:'FontAwesome'; }
	#page-contacts ul.gform_fields .gfield.phone .ginput_container:before { content:"\f10b"; font-family:'FontAwesome'; font-size:23px; }
	#page-contacts ul.gform_fields .gfield.message .ginput_container:before { content:"\f075"; font-family:'FontAwesome'; }
#page-contacts ul.gform_fields input.medium, #page-contacts ul.gform_fields textarea.medium { height:40px; padding:0; border:0; border-radius:0; background:none; }
#page-contacts ul.gform_fields textarea.medium { height:150px; resize:none; }
#page-contacts .validation_error { margin:0 0 10px; color:#e00; }
#page-contacts ul.gform_fields .validation_message { position:absolute; right:0; top:14px; color:#ccc; font-size:12px; }
#page-contacts .gform_footer { padding:20px 0 0; text-align:right; }
#page-contacts .gform_footer input.gform_button { min-width:150px; height:40px; padding:0 20px; background:#aaa; border-radius:0; color:#fff; text-shadow:none; text-transform:uppercase; border-radius:3px; }
#page-contacts .gform_footer input.gform_button:hover { background:#27b5e7; }
#page-contacts .map { padding:0 30px 0 53px; }
#page-contacts #map_canvas { position:relative; height:0; padding-bottom:56.25%; }
#page-contacts #map_canvas > div { position:absolute; left:0; top:0; width:100% !important; height:100% !important; }
#page-contacts .map img { max-width:none; width:auto; height:auto; }

#page-signup ul.gform_fields { margin:0; }
#page-signup ul.gform_fields li { margin:0; padding:0 0 10px; }
	#page-signup ul.gform_fields li:after { display:table; content:""; clear:both; }
#page-signup ul.gform_fields .gfield_label { box-sizing:border-box; float:left; width:15%; margin:5px 0 0 ; font-weight:500; }
#page-signup ul.gform_fields .ginput_container { box-sizing:border-box; float:left; width:85%; margin:0; }
#page-signup ul.gform_fields input.medium, #page-signup ul.gform_fields textarea.medium { width:40%; height:40px; border:solid 1px #eee; border-radius:0; }
#page-signup ul.gform_fields textarea.medium { width:80%; height:150px; resize:none; }
#page-signup .gform_footer { padding-left:15%; }
#page-signup .gform_footer input.gform_button { height:40px; padding:0 20px; background:#27b5e7; border-radius:0; color:#fff; text-shadow:none; font-weight:300; text-transform:uppercase; }
#page-signup .gform_footer input.gform_button:hover { background:#0071ba; }
#page-signup .validation_error { margin:0 0 20px; color:#e00; }
#page-signup ul.gform_fields .validation_message { display:none; }
#page-signup ul.gform_fields li.gfield_error input.medium { border-color:#e00; }

#page-ivr .section { border-bottom:1px solid #eee; }
	#page-ivr .section:not(.alt) { padding:60px 0; }
#page-ivr h2.title { margin:20px 0; /*font-size:2.618em;*/ font-size:30px; line-height:1.3; font-family:"Bitter",sans-serif; text-transform:inherit; text-align:center; }
#page-ivr p.lead { font-size:18px; font-weight:400; font-family:"Open Sans",sans-serif; opacity:0.6; text-align:center; }
	#page-ivr p.lead.alt { font-size:24px; }
#page-ivr #hero { padding-top:61px; background:url("../images/ivr_hero.jpg") no-repeat center top / cover ; }
#page-ivr #hero .copy { padding-top:120px; padding-bottom:120px; }
#page-ivr #hero h2 { margin:0 0 5px; color:#fff; font-size:30px; }
#page-ivr #hero p { margin:0; color:#fff; font-size:18px; }
#page-ivr #hero p.button { margin:20px 0 0; }
#page-ivr #hero a._button { height:60px; line-height:60px; text-decoration:none; }
#page-ivr #features { padding-bottom:0; border-bottom:none; }
#page-ivr #features .grid-3 { margin:0 -20px; }
#page-ivr #features .column { padding-left:20px; padding-right:20px; }
#page-ivr #features .section:not(:last-child) { padding:0 0 30px; margin:0 0 60px; border-bottom:1px solid #eee; }
#page-ivr #features h2.title { color:#333; font-size:30px; text-align:center; }
#page-ivr #features p.lead { margin:30px 0 50px; font-size:18px; text-align:center; opacity:0.6; }
#page-ivr #features .icon { box-sizing:border-box; float:left; width:17%; }
#page-ivr #features .icon i.fa { font-size:40px; color:#00cbe9; }
#page-ivr #features .pointtext { box-sizing:border-box; float:left; width:83%; }
#page-ivr #features .pointtext h3 { font-size:17px; font-family:"Open Sans",sans-serif; }
#page-ivr #banner { overflow:hidden; border-bottom:none; }
#page-ivr #banner .shape { position:relative; right:-1px; height:50px; background:#fff; }
	#page-ivr #banner .shape.upper { top:12px; -webkit-transform:rotate(1deg); -moz-transform:rotate(1deg); -ms-transform:rotate(1deg); -o-transform:rotate(1deg); transform:rotate(1deg); }
	#page-ivr #banner .shape.lower { bottom:12px; -webkit-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -ms-transform:rotate(-1deg); -o-transform:rotate(-1deg); transform:rotate(-1deg); }
#page-ivr #banner .banner-content { padding:1.618em; background-image:url('../images/ivr_banner.jpg'); background-position:0 50%; background-repeat:no-repeat; background-size:cover; }
#page-ivr #banner .banner-content .wrap { position:relative; padding:100px 0; }
#page-ivr #banner .banner-content h2 { margin:0 0 0 20%; color:#fff; font-size:30px; font-weight:300; font-family:"Open Sans",sans-serif; }
#page-ivr #banner .banner-content p.button { position:absolute; top:50%; right:0; margin:-30px 0 0; }
#page-ivr #banner .banner-content a._button { height:60px; line-height:60px; padding:0 20px; font-size:24px; box-shadow:0 0 2px rgba(0, 0, 0, 0.075); }
#page-ivr #banner .banner-content a._button:hover { box-shadow:1px 1px 2px rgba(0, 0, 0, 0.075); }
#page-ivr #banner .banner-content a._button i.fa { margin-left:10px; }
#page-ivr #samples { padding-top:0; }
#page-ivr #samples .client { box-sizing:border-box; float:left; width:33.33%; padding:10px; font-size:15px; border-color:#eee; border-style:solid; border-width:2px 0 0 2px; }
#page-ivr #samples .client:nth-last-of-type(-n+3) { border-bottom-width:2px; }
#page-ivr #samples .client:nth-child(3n) { border-right-width:2px; }
#page-ivr #samples .client i.fa { color:#00cbe9; }
#page-ivr #samples .client strong { display:inline-block; padding:0 10px; }
#page-ivr #samples .client a { color:inherit; text-decoration:none; }
#page-ivr #summary { position:relative; z-index:1; padding:60px 1.618em 0; margin:0 0 -80px; border-bottom:none; }
#page-ivr #summary .col-full { padding:20px 0 180px; background:url(../images/ivr_summary.png) no-repeat 0 0; }
#page-ivr #summary h2.title { margin:0 0 10px 45%; text-align:left; }
#page-ivr #summary p.lead { margin:0 0 25px 45%; font-size:18px; text-align:left; }
#page-ivr #summary p.button { margin:0 0 0 45%; }
#page-ivr #summary a._button { height:40px; line-height:40px; }

#footer { padding:0 !important; overflow:hidden; }
#footer .signup-form { position:relative; z-index:1; padding:60px 1.618em 0; margin:0 0 -80px; }
#footer .signup-form .col-full { padding:20px 0 180px; background:url(../images/_signup_image.png) no-repeat 100% 0 / 46% auto; }
#footer .signup-form h2.title { margin:0 0 10px; font-size:30px; }
#footer .signup-form p.sub { margin:0 0 25px; font-size:18px; }
#footer .signup-form p.button {}
#footer .signup-form a._button { height:40px; line-height:40px; }
/*#footer .shape { position:relative; z-index:0; right:-1px; bottom:-38px; background:#111; height:50px; -webkit-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -ms-transform:rotate(-1deg); -o-transform:rotate(-1deg); transform:rotate(-1deg); }*/
#footer .credit { padding:3.631em 1.618em; background:#111; color:#fff; }
#footer .credit #copyright { margin:0; }

body.page-template-template-ivr #footer { border-top:0; }
body.page-template-template-ivr #footer .signup-form { display:none; }

#header {background-size: cover;}
#content.home-widgets .widget_woo_component:nth-child(2n) {background: #fff;}
#page-contractors #hero {padding: 80px 30px 30px; background:url(../images/con_hero.jpg); background-repeat: no-repeat; background-size: cover; background-position: 0px 60px;    background-attachment: scroll;}
#header ._header_content h2, #page-contractors #hero .col-full h2 {font-size: 40px; color: #fff; font-weight: normal;}
#page-contractors #hero .col-full .hero-text {position: relative; z-index: 1; padding: 120px 0; text-align: center; width: 100%; margin: 0 auto;}
#page-contractors #hero .col-full .hero-text p.sub {font-size: 18px; line-height: 1.4; font-weight: 400; color: #ffffff;padding: 0 28%;}
#content #summary .col-full .summary-inner p.button, #page-contractors #hero .col-full .hero-text a._button, #page-contractors #summary a._button, #page-contractors .section.business-scale .button a._button {height: 40px; line-height: 40px;}
#page-contractors #banner {overflow: hidden;}
#page-contractors #banner .banner-content {padding: 1.618em; background-image: url(../images/con_banner.jpg); background-position: 0 50%;  background-repeat: no-repeat; background-size: cover;}
#page-contractors .section.business-scale, #page-contractors #features {padding: 4.236em 0; text-align: center;}
#page-contractors #features .col-full {margin-bottom: 20px; padding-bottom: 20px;}
#page-contractors #features h2.heading, #page-contractors #summary h2.title, #page-contractors .section.business-scale h2.heading, #content #summary .col-full h2 {font-size: 2.618em; font-weight: 300;}
.custom-home-sections .business-scale .icon .icon-box, #page-contractors .section.business-scale .icon .icon-box {display: block; width: 62px; height: 62px; line-height: 50px; margin: 0 auto 20px; background: #27b5e7; color: #fff; font-size: 36px; border-radius: 62px;}
#page-contractors .section.business-scale .icon a:hover, .custom-home-sections .business-scale .icon a:hover {color: #0071ba; text-decoration: none;}
#page-contractors .section.business-scale .icon a:hover .icon-box, .custom-home-sections .business-scale .icon a:hover .icon-box {background: #0071ba;}
#page-contractors #features .features .feature {width: 21%; float: left; margin: 0 5.3% 3.631em 0; text-align: center;}
#page-contractors #features .features .feature img {float: none; margin: 1em auto 1em;}
#page-contractors #features .features .feature.last {margin-right: 0;}
#page-contractors #features .features .text-feature {font-size: 24px; font-weight: 400; font-family: "Open Sans",sans-serif; opacity: 0.6; margin: 0 0 1.618em 0; display: block;}
#page-contractors #features .features a._button {height: 40px; line-height: 40px;}
#page-contractors #summary {border-top: 1px solid #dedede; padding: 4.236em 0;}
#page-contractors #summary .col-full {padding: 20px 0; background: url(../images/con_summary.jpg) no-repeat 0 100% / 40% auto;}
#content #summary {border-top: 1px solid #dedede;}
#content #summary .col-full {padding: 20px 0; background: url(../images/home_image_why.jpg) no-repeat 0 100% / 40% auto;}
#content #summary .col-full h2, #page-contractors #summary .col-full h2 {text-align: center;}
#content #summary .summary-inner, #page-contractors #summary .summary-inner {width: 50%; float: right; text-align: left; padding: 0 20px;}
#content #summary .summary-inner h3, #page-contractors #summary .summary-inner h3 {color: #00cbe9; background: }
#content #summary .summary-inner h3:before, #page-contractors #summary .summary-inner h3:before {content: url(../images/bullet_point.png); margin-right: 10px; vertical-align: middle;}
.custom-home-sections .business-scale .button a {height: 50px; line-height: 50px; text-decoration: none; padding: 0 50px;}
.home #header ._header_content p.button a._button.orange {height: 50px; line-height: 50px; text-decoration: none; padding: 0 77px;border: 2px solid #f36523;}
.home #header ._header_content p.button a._button.transparent {background: transparent; color: #fff; border: 2px solid #fff;}
.home #header ._header_content p.button a._button.transparent:hover {background: #27b5e7; color: #fff; border: 2px solid #27b5e7;}

/* footer */
#footer .credit #nav-footer {float: left;}
#footer .credit #copyright {float: right;}
#footer .credit #nav-footer .menu-footer-menu-container ul {display: inline-block; list-style: none;}
#footer .credit #nav-footer .menu-footer-menu-container ul li {float: left; padding-right: 10px;}
#footer .credit #nav-footer .menu-footer-menu-container ul li a {color: #ccc; text-decoration: none;}
#footer .credit #nav-footer .menu-footer-menu-container ul li a:hover {color: #fff; text-decoration: none;}

@media only screen and (min-width: 1152px) {
#page-ivr #samples .client a { pointer-events:none; }
}

@media only screen and (max-width: 1151px) {
#page-ivr .section > .col-full { box-sizing:border-box; padding-left:30px; padding-right:30px; }
}

@media only screen and (max-width: 1023px) {
#top select { display:none !important; }
.custom-home-sections .section.tour .tour-content p.button,
#page-ivr #banner .banner-content p.button, #page-contractors #banner .banner-content .wrap p.button { position:static;  }
.home .section.tour .tour-content ._button.grey { margin-bottom: 15px;}
.custom-home-sections .business-scale .icon, #page-contractors .section.business-scale .icon { width:33.33%; padding-bottom:40px; }
#feature-tour #features-nav a { padding-bottom:100%; }
#page-signup ul.gform_fields input.medium,
#page-signup ul.gform_fields textarea.medium,
#page-signup ul.gform_fields textarea.medium { width:100%; }
#pricing-table .users .options p.label { margin:0 0 15px; line-height:1.3; }
#page-ivr #samples .client a { display:block; padding:0 0 0 21px; }

/* Hero */
#page-contractors #hero .col-full .hero-text p.sub {padding: 0;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)  {
#page-contractors #hero {padding: 0px 10px 10px; background: url(../images/con_hero.jpg); background-repeat: no-repeat;
    background-size: cover; background-position: -15em 40px; background-attachment: scroll;}
#header {background-repeat: no-repeat; background-attachment: scroll; background-position: 0px 60px; padding: 125px 10px 50px!important;
    background-size: cover;}
.home #summary .col-full {background-position: left 50% !important;}
.custom-home-sections .section.tour .tour-content p.button, #page-contractors #banner .banner-content .wrap p.button {right: 0;left: 27%;margin: auto !important;bottom: 30px;top: auto;}
.custom-home-sections .section.tour .tour-content h2, #page-contractors #banner .banner-content h2 {margin-left: 0;text-align: center;}
#page-contractors #summary .col-full {background-position-y: 50%;}
}

@media only screen and (min-width: 768px) {
	#page-contractors #features .features.column-4 .feature {width: 21%; float: left; margin-right: 5.3%;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
#top nav[role="navigation"] ul#top-nav { display:block !important; float:right; margin:10px 0; }
#top nav[role="navigation"] ul#top-nav a { height:40px; line-height:40px; padding:0 5px; font-size:14px; }
.custom-home-sections .section.tour .tour-content p.button,
#page-ivr #banner .banner-content p.button, #page-contractors #banner .banner-content .wrap p.button { margin:40px 0 0 20%; }
#footer .signup-form .col-full,
#page-ivr #summary .col-full { background-size:36% auto; }
#feature-tour #features-nav a span.text { font-size:12px; }
#page-signup ul.gform_fields .gfield_label { width:25%; }
#page-signup ul.gform_fields .ginput_container { width:75%; }
#page-signup .gform_footer { padding-left:25%; }
#page-contractors #hero .col-full .hero-text {width: 65%;}
#page-contractors #summary .col-full {background-position-y: 50%;}
.home #header {background-position: 25% center;}
.home #summary .col-full {background-position: left 50% !important;}

}

@media only screen and (max-width: 767px) {
#top { padding:0 20px !important; }
#top a#logo { float:none; display:block; margin:20px 0; }
#top a#logo img { height:34px; }
#top nav[role="navigation"] ul#top-nav { display:block !important; max-height:0; overflow:hidden; margin:0; text-align:left; }
#top.alt nav[role="navigation"] ul#top-nav { max-height:100em; }
#top nav[role="navigation"]{ padding:0 0 10px; }
#top nav[role="navigation"] ul#top-nav a { height:40px; line-height:40px; padding:0; border-top:solid 1px #eee; font-weight:600; }
#top #toggle-menu { display:block; position:absolute; z-index:2; top:0; right:0; width:74px; height:74px; font-size:28px; cursor:pointer; text-align:center; }
#top #toggle-menu i.fa { line-height:74px; }
#header ._header_content h2, #page-contractors #hero .col-full h2 {font-size: 26px;}
#content.home-widgets .widget_woothemes_features .features { margin:0 -10px; }
#content.home-widgets .widget_woothemes_features .feature, #page-contractors #features .feature { box-sizing:border-box; float:left; width:50%; padding:0 10px 20px; margin:0; }
.custom-home-sections .section.tour .tour-content h2,
#page-ivr #banner .banner-content h2, #page-contractors #banner .banner-content h2 { margin:0 0 20px; text-align:center; }
.custom-home-sections .section.tour .tour-content p.button,
#page-ivr #banner .banner-content p.button, #page-contractors #banner .banner-content .wrap p.button { margin:0; text-align:center; }
#footer .signup-form .col-full,
#page-ivr #summary .col-full { padding:0 0 120px; background:none; }
#feature-tour #features-nav .icon { width:33.33%; padding-bottom:10px; }
/* .feature img {width: 164px;height: 164px;} */
#pricing-table .users .price label#amount span.amount { font-size:40px; }
#pricing-table .users .price label#amount span.sign { font-size:20px; top:-15px; }
#pricing-table .addons .price { width:39%; }
#pricing-table .addons .tools { width:25%; }
#pricing-table .addons .price span.amount { font-size:30px; }
#pricing-table .addons .price span.sign { top:10px; }
#pricing-table .addons .title,
#pricing-table .addons li.telephone .title,
#pricing-table .addons li:not(.total) .tools { padding:0; }
#page-signup ul.gform_fields .gfield_label,
#page-signup ul.gform_fields .ginput_container { width:100%; }
#page-signup ul.gform_fields .gfield_label { margin:0 0 5px; }
#page-signup .gform_footer { padding-left:0%; }
#page-ivr #features .icon { padding-right:10px; }
#page-ivr #samples .client:nth-last-of-type(-n+3) { border-bottom-width:0; }
#page-ivr #summary h2.title, #page-ivr #summary p { margin-left:0 !important; }
#page-contractors #summary, #content #summary {padding: 0 20px;}
#page-contractors #summary .col-full, #content #summary .col-full {background: none;}
#page-contractors #summary .summary-inner, #content #summary .summary-inner {width: auto; float: none; text-align: center;}
#page-contractors #features .features .feature img {margin: 10px 0 10px;object-fit: cover;height: 161px;width: 161px;}

#page-contractors #features .features .feature {-webkit-box-sizing: border-box;box-sizing: border-box;width: 50% !important;float: left;margin: 0 !important;text-align: center;padding: 0 !important;}
/* footer */
#footer .credit #nav-footer, #footer .credit #copyright {float: none;}
#footer .credit #nav-footer .menu-footer-menu-container ul {width: 100%;}
#footer .credit #nav-footer .menu-footer-menu-container ul li {float: none; text-align: center;}
#footer .credit #copyright p {text-align: center;}

/* Header */
#header {background-position: 25% 60%;}
/* Hero */
#page-contractors #hero {background-position: 80% 50%;}
/* Btn on Home */
.custom-home-sections .section.tour .tour-content a._button, #page-contractors #banner .banner-content .wrap p.button a {font-size: 17.5px;height: 50px;line-height: 50px;}
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
#page-ivr #samples .client { width:50%; }
#page-ivr #samples .client:nth-child(3n) { border-right-width:0; }
#page-ivr #samples .client:nth-child(2n) { border-right-width:2px ; }
#page-ivr #samples .client:nth-last-of-type(-n+2) { border-bottom-width:2px; }
}

@media only screen and (max-width: 567px) {
#content.home-widgets .widget_woo_component .features-buttons a { min-width:inherit; }
#page-ivr #features .grid-3 { margin:0; }
#page-ivr #features .column { padding-right:0; padding-left:0; }
#page-ivr #samples .client { width:100%; }
#page-ivr #samples .client:not(:nth-child(3n)) { border-right-width:2px; }
#page-ivr #samples .client:last-child { border-bottom-width:2px; }
#content.home-widgets .widget_woothemes_features .feature, #page-contractors #features .feature {padding: 0 10px 0;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;margin: 0;}
.home #features .features.columns-4 {width: 100%;}
}

@media only screen and (max-width: 320px) {
#page-contractors #hero .col-full .hero-text {width: auto;}
#content.home-widgets .widget_woothemes_features .feature, #page-contractors #features .features .feature { width:100%; }
#content.home-widgets .widget_woo_component .features-buttons span { display:block; padding:10px 0; }
.custom-home-sections .business-scale .icon { width:50%; }
#feature-tour #features-nav .icon, #page-contractors .section.business-scale .icon { width:50%; }
#page-contractors .section.business-scale .icon.vir { padding-bottom: 70px;}
#pricing-table h3.title { padding:20px 20px 17px; line-height:1.5; font-size:18px; }
#pricing-table .users .options { width:100%; padding:0; }
#pricing-table .users .options #user-numbers { padding-right:0; }
#pricing-table .users .price { width:100%; padding:10px 0 0; text-align:left; }
#pricing-table .addons .column { width:100%; text-align:center; }
#pricing-table .addons .price { padding:10px 0; margin:10px 0; line-height:1; border-top:1px solid #d0e4ec; border-bottom:1px solid #d0e4ec; }
#pricing-table .addons .price span.sign { top:-9px; }
#pricing-table .addons li.telephone #included-collapse ul { text-align:left; }
#page-contacts .map { padding:0 0 0 53px; }
#page-contacts #map_canvas { padding-bottom:100%; }
}

/*Page Virtual Hero */
#page-virtual-assistants #hero {padding: 80px 30px 30px;background: linear-gradient(135deg, #27b5e7 0%, #0071ba 100%);background-repeat: no-repeat;background-size: cover;background-position: center;background-attachment: scroll;position: relative;}
#page-virtual-assistants #hero .col-full .hero-text {position: relative;z-index: 1;padding: 120px 0;text-align: center;width: 100%;margin: 0 auto;}
#page-virtual-assistants #hero .col-full h2 {
    font-size: 40px;
    color: #fff;
    font-weight: normal;
	margin: 0 0 5px;
}
#page-virtual-assistants #hero:before {content: '';width: 100%;height: 100%;display: block;background: #333;position: absolute;left: 0;top: 0;opacity: .3;}
#page-virtual-assistants #hero .col-full .hero-text p.sub {
    font-size: 24px;
    line-height: 1.6;
    font-weight: 400;
    color: #ffffff;
    padding: 0 13%;
    opacity: 1;
}
#page-virtual-assistants #hero .col-full .hero-text p .text-bigger {
    font-size: 26px;
    font-weight: bold;
}
#page-virtual-assistants a._button {
 	height: 40px;
    line-height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
 }
 #page-virtual-assistants a._button > i {
    margin-left: 10px;
}
#page-virtual-assistants a._button > i.fa.fa-chevron-circle-left {
    margin-left: 0;
    margin-right: 10px;
}
 /* Page Virtual Section */
#page-virtual-assistants .virtual-assistants-features,#page-virtual-assistants .section.virtual-assistants-how-it-works,#page-virtual-assistants .virtual-assistants-tasks{
    padding: 4.236em 20px;
    text-align: center;
}
#page-virtual-assistants h2.heading {
 	font-size: 2.618em;
    font-weight: 300;
    text-align: center;
 }
/* Page Virtual Icon List on virtual-assistants-features */
#page-virtual-assistants .virtual-assistants-features .icon.borderbox {
    width: 33.33%;
    float: left;
    min-height: 200px;
    padding: 0 20px;
}

#page-virtual-assistants .title {
  	font-weight: 600;
  	margin-bottom: 10px;
    display: block;
    font-family: "Bitter", sans-serif;
    color: #71b9e9;
    padding: 0px 10px;
    font-size: 1.387em;
}

#page-virtual-assistants .virtual-assistants-how-it-works .title {
	  min-height: 64px;
}
#page-virtual-assistants .icon .icon-box {
    display: block;
    padding: 20px 0;
}
#page-virtual-assistants .virtual-assistants-features {
	padding-bottom: 50px !important;
	padding-top: 50px !important;
}

/* Task Categories Styling */
#page-virtual-assistants .task-categories {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin: 50px 0;
}

#page-virtual-assistants .task-category {
    background: #f9f9f9;
    padding: 30px;
    border-radius: 8px;
    border-left: 4px solid #27b5e7;
}

#page-virtual-assistants .task-category h3 {
    color: #27b5e7;
    margin-bottom: 20px;
    font-size: 24px;
}

#page-virtual-assistants .task-category ul {
    list-style: none;
    padding: 0;
}

#page-virtual-assistants .task-category ul li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 20px;
}

#page-virtual-assistants .task-category ul li:before {
    content: "✓";
    color: #27b5e7;
    font-weight: bold;
    position: absolute;
    left: 0;
}

#page-virtual-assistants .task-category ul li:last-child {
    border-bottom: none;
}
#page-virtual-assistants .icon:hover > .hover-exclude {
    display: none;
    opacity: 0;
}
#page-virtual-assistants .icon .hover-only {
	display: none;
	opacity: 0;
}
#page-virtual-assistants .icon:hover > .hover-only {
    opacity: 1;
    display: block;
}

/* Page Virtual Banner*/
#page-virtual-assistants #banner p{
	 font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
}
#page-virtual-assistants #banner {
    overflow: hidden;
}
#page-virtual-assistants #banner:before {
	    content: '';
    display: block;
    top: 12px;
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    transform: rotate(1deg);
    position: relative;
    right: -1px;
    height: 50px;
    background: #fff;
}
#page-virtual-assistants #banner:after{
	content: '';
    display: block;
  	bottom: 12px;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
    position: relative;
    right: -1px;
    height: 50px;
    background: #fff;
}
#page-virtual-assistants #banner .banner-content {
    padding: 1.618em;
    background-image: url(http://demo.thatid.com/flexipeople/wp-content/uploads/2016/10/bg-banner.jpg);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
#page-virtual-assistants #banner .banner-content .wrap {
    position: relative;
    padding: 100px 0;
}
#banner .hasfloat .icon {
    width: 50%;
    float: left;
    color: #fff;
    box-sizing: border-box;
}
#page-virtual-assistants #banner h2 {
	color: #fff;
}
#page-virtual-assistants #banner .title {
	color: #fff;
	    min-height: 0;
}
#page-virtual-assistants #banner .description {
	margin: 20px 0;
}
#page-virtual-assistants #banner .hasfloat ul > li {
    margin-left: 30px;
}
#banner .hasfloat .icon:first-child {padding-left: 120px;padding-right: 30px;}

#banner .hasfloat .icon:last-child {
    padding-right: 120px;
    padding-left: 30px;
}
#page-virtual-assistants #banner p.button a {
    position: absolute;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
}

 /* Page Virtual Icon List on virtual-assistants-how-it-works */

#page-virtual-assistants .virtual-assistants-how-it-works .icon.borderbox {
    width: 25%;
    position: relative;
        padding: 0 25px;
}
#page-virtual-assistants .virtual-assistants-how-it-works .icon.borderbox:not(:last-child):after{
    content: '\f061';
    font-family: FontAwesome;
    display: block;
    font-size: 18px;
    color: #333;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
#page-virtual-assistants .virtual-assistants-how-it-works .icon.hasfloat {
    margin: 0 -25px;
}
#page-virtual-assistants .section.virtual-assistants-how-it-works {
    padding-top: 0;
}
 /* Page Virtual Icon List on virtual-assisstants-tasks-list */
 #page-virtual-assistants .virtual-assistants-tasks {
	background-color: #f0f0f0;
}
#page-virtual-assistants .list.virtual-assisstants-tasks-list > span {
    width: 33.33%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0;
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;
    cursor: pointer;
    line-height: 1.6;
}
#page-virtual-assistants .list.virtual-assisstants-tasks-list > span:hover{
	color: #0072bb;
}
#page-virtual-assistants .list.virtual-assisstants-tasks-list > span > div {
    display: inline-block;
}
#page-virtual-assistants .list.virtual-assisstants-tasks-list > span:before {
    content: '\f04b';
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    opacity: 0;
    transition: all .6s ease-in-out;
}
#page-virtual-assistants .list.virtual-assisstants-tasks-list > span > div:after {
    content: '';
    border-bottom: 1px solid #0072bb;
    display: block;
    opacity: 0;
    transition: all .6s ease-in-out;
}
#page-virtual-assistants .list.virtual-assisstants-tasks-list > span:hover:before,#page-virtual-assistants .list.virtual-assisstants-tasks-list > span:hover > div:after {
	opacity: 1;
}
#page-virtual-assistants .virtual-assistants-tasks {
	padding-bottom: 0;
}
/* Page Virtual : Summary */
#page-virtual-assistants #summary p{
	 font-size: 18px;
    line-height: 1.4;
    font-weight: 400;
    text-align: center;
}
#page-virtual-assistants #summary h3 {
	text-align: center;
	    font-weight: 300;
	    font-size: 26px;
}
#page-virtual-assistants #summary {
    overflow: hidden;
        background: #f0f0f0;
}
#page-virtual-assistants #summary:before {
	    content: '';
    display: block;
    top: 12px;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
    position: relative;
    right: 1px;
    height: 50px;
    background: #f0f0f0;
    z-index: 1;
}
#page-virtual-assistants #summary:after{
	    content: '';
    display: block;
    bottom: 12px;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(1deg);
    position: relative;
    right: 1px;
    height: 50px;
    background: #111;
}
#page-virtual-assistants #summary .banner-content {
    padding: 1.618em;
    background-image: url(http://demo.thatid.com/flexipeople/wp-content/uploads/2016/10/bg-summary.jpg);
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#page-virtual-assistants #summary .banner-content .wrap {
    position: relative;
    padding: 100px 0;
}
#page-virtual-assistants #footer .signup-form {
	display: none;
}
/*#page-virtual-assistants #footer {
	margin-top: -55px;
}*/
/*#page-virtual-assistants #footer .shape {
	    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(1deg);
    right: 1px;
    bottom: -36px;
}*/
#page-virtual-assistants #summary h3 span {
    font-weight: 600;
}
/* Virtual top right menu */
ul.nav-virtual-assistant-top-menu li:last-child {
    background: #f36523 !important;
    border-radius: 3px;
        margin: 10px 0;
}

ul.nav-virtual-assistant-top-menu li:last-child > a {
    height: 40px !important;
    line-height: 40px !important;
    display: block;
     color: #fff !important;
}
ul.nav-virtual-assistant-top-menu li:last-child:hover {
    background: #ea5713 !important;
}
/* End Virtual top right menu */
.page-template-template-virtual-assistants #wrapper {
	overflow-x:hidden;
}
#page-virtual-assistants p.sub {
    font-size: 16px;
    font-weight: 400;
    font-family: "Open Sans",sans-serif;
    opacity: 0.6;
}

/* AUSTRALIAN VIRTUAL ASSISTANT */
#page-australian-virtual-assistants h2.heading {
    font-size: 2.618em;
    font-weight: 300;
    text-align: center;
}

#page-australian-virtual-assistants #au-virtual-assistants-can-do{
    padding: 4.236em 20px;
    text-align: center;
}

#page-australian-virtual-assistants #hero {
    padding: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
    position: relative;
    height: 100vh;
    margin-top: 60px;
}
#page-australian-virtual-assistants .hero-text .heading {
    font-size: 28px;
    color: #333;
    font-weight: normal;
}
#page-australian-virtual-assistants #hero .col-full .hero-text p.sub {
     font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
    padding: 0 13%;
    opacity: 1;
    color: #333;
}
#page-australian-virtual-assistants .col-full {
    position: relative;
}

#page-australian-virtual-assistants .hero-contain-wrapper {
position: absolute;
    left: 0;
    width: 40%;
    background: rgba(255, 255, 255, 0.5);
    height: 100vh;
    text-align: center;
}
#page-australian-virtual-assistants .hero-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 15px;
}
#page-australian-virtual-assistants a._button {
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

#page-australian-virtual-assistants .list.au-virtual-assistants-tasks-list > span {
    width: 33.33%;
    float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0;
    box-sizing: border-box;
    padding-left: 20px;
    position: relative;
    cursor: pointer;
    line-height: 1.6;
}
#page-australian-virtual-assistants .list.au-virtual-assistants-tasks-list > span:hover{
	color: #0072bb;
}
#page-australian-virtual-assistants .list.au-virtual-assistants-tasks-list > span > div {
    display: inline-block;
}
#page-australian-virtual-assistants .list.au-virtual-assistants-tasks-list > span:before {
    content: '\f04b';
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    opacity: 0;
    transition: all .6s ease-in-out;
}
#page-australian-virtual-assistants .list.au-virtual-assistants-tasks-list > span > div:after {
    content: '';
    border-bottom: 1px solid #0072bb;
    display: block;
    opacity: 0;
    transition: all .6s ease-in-out;
}
#page-australian-virtual-assistants .list.au-virtual-assistants-tasks-list > span:hover:before,#page-australian-virtual-assistants .list.au-virtual-assistants-tasks-list > span:hover > div:after {
	opacity: 1;
}

#page-australian-virtual-assistants .icon .icon-box {
    display: block;
    padding: 20px 0;
    text-align: center;
}
#page-australian-virtual-assistants .virtual-assistants-features {
	padding-bottom: 0;
}
#page-australian-virtual-assistants .icon:hover > .hover-exclude {
    display: none;
    opacity: 0;
}
#page-australian-virtual-assistants .icon .hover-only {
	display: none;
	opacity: 0;
}
#page-australian-virtual-assistants .icon:hover > .hover-only {
    opacity: 1;
    display: block;
}

/* Australian Virtual Assistants How-it-works */

#page-australian-virtual-assistants .icon.borderbox {
    width: 33.33%;
    position: relative;
    padding: 0 25px;
        float: none;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
#page-australian-virtual-assistants .icon.borderbox:not(:last-child):after{
    content: '\f061';
    font-family: FontAwesome;
    display: block;
    font-size: 18px;
    color: #333;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
#page-australian-virtual-assistants .icon.hasfloat {
    margin: 0 -25px;
    text-align: center;
    font-size: 0;
}
#page-australian-virtual-assistants .icon.borderbox .description {
	font-size: 14px;
}
#page-australian-virtual-assistants .au-virtual-assistants-get-started {
    padding: 4.236em 20px;
    text-align: center;
}
#page-australian-virtual-assistants .au-virtual-assistants-how-it-works{
    background-color: #f0f0f0;
    margin: 30px 0;
}
#page-australian-virtual-assistants .au-virtual-assistants-how-it-works:after {
    content: '';
    display: block;
    bottom: -12px;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(1deg);
    position: relative;
    right: 1px;
    height: 50px;
    background: #f0f0f0;
}
#page-australian-virtual-assistants .au-virtual-assistants-how-it-works:before{
    content: '';
    display: block;
    bottom: 12px;
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
    position: relative;
    right: -1px;
    height: 50px;
    background: #f0f0f0;
}
#page-australian-virtual-assistants #footer {
	border-top: none;
}
/* End Australian Virtual Assistants How-it-works */


/* Australian Virtual Assistants Get Started */
.au-virtual-assistants-get-started .icon-box > img {
    height: 76px;
}
#page-australian-virtual-assistants li.icon.borderbox {
    list-style-type: none;
}
/* End Australian Virtual Assistants Get Started */


.text-footer-section {
    font-weight: 500;
    margin: 60px 0 20px;
}

.text-footer-section a {
    font-weight: bold;
}

.text-footer-section .telp-bold {
    font-size: 40px;
    font-weight: 900;
         font-family: 'Bitter';
}

.text-footer-section p {
    margin-bottom: 0;
}

/* END AUSTRALIAN VIRTUAL ASSISTANT*/

/* Page Virtual Mobile */
@media (max-width: 1100px) {
	#page-virtual-assistants .virtual-assistants-how-it-works .icon.hasfloat,#page-australian-virtual-assistants .icon.hasfloat{
		margin: 0;
	}
}
@media (max-width: 992px){
	#page-australian-virtual-assistants .hero-contain-wrapper {
	    padding: 60px 15px;
	    position: relative;
	    left: auto;
	    width: 100%;
	    box-sizing: border-box;
	    height: 100%;
	}

	#page-australian-virtual-assistants .hero-text {
	    position: relative;
	    transform: none;
	    padding: 0;
	    top: auto;
	}
	#page-australian-virtual-assistants #hero {
		height: 100%;
		margin-top: 80px;
	}
}
@media (max-width: 767px) {
	#page-virtual-assistants .virtual-assistants-how-it-works .icon.borderbox,#page-virtual-assistants .virtual-assistants-features .icon.borderbox {
	    width: 100%;
	}
	#page-virtual-assistants #hero .col-full .hero-text p.sub {
	    padding: 0;
	}
	#page-virtual-assistants .virtual-assistants-how-it-works .icon.borderbox:not(:last-child):after,#page-australian-virtual-assistants .icon.borderbox:not(:last-child):after {
	    content: '\f063';
	    bottom: -23px;
	    top: auto;
	    right: 0;
	    left: 0;
	}
	#page-virtual-assistants .list.virtual-assisstants-tasks-list > span {
	    width: 100%;
	}

	ul.nav li:last-child>a {
	    padding-left: 5px !important;
	}
	#page-virtual-assistants #hero .col-full h2 {
	    font-size: 26px;
	}
		#banner .hasfloat .icon {
    	width: 100%;
    	padding: 0 !important;
	}
	#page-virtual-assistants #banner p.button a {
	    position: absolute;
	    left: 50%;
	    transform: translateX(-50%);
	    width: 200px;
	}
	#page-australian-virtual-assistants .list.au-virtual-assistants-tasks-list > span,#page-australian-virtual-assistants .icon.borderbox {
		width: 100%;
	}
	#page-australian-virtual-assistants h2.heading {
    	font-size: 30px;
	}
}
@media (max-width: 767px) and (orientation: landscape){
	#top.alt nav[role="navigation"] ul#top-nav {
	    max-height: 200px;
	    overflow: scroll;
	}

}
@media (min-width: 768px) and (max-width: 992px){
	#page-virtual-assistants .list.virtual-assisstants-tasks-list > span {
		min-height: 50px;
	}

}

/*UPDATE FROM HERE*/

/*VIRTUAL ASSISTANTS SUPPORT TEAM*/
#page-virtual-assistants #virtual-assistants-support-team ul {
    text-align: left;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

#page-virtual-assistants #virtual-assistants-support-team ul li {
    list-style: none;
}

#page-virtual-assistants #virtual-assistants-support-team ul li:before {
    content: "\f00c";
    font-family: fontAwesome;
    color: #34b9e7;
    margin-right: 5px;
    font-size: 20px;
}

#virtual-assistants-support-team p.button,
#virtual-assistants-support-team p.button a {
    margin-bottom: 0;
}

/*VIRTUAL ASSISTANTS FEATURES*/
#page-virtual-assistants .virtual-assistants-features {
	background-color: #f0f0f0 !important;
	padding: 4.236em 20px !important
}
#page-virtual-assistants #virtual-assistants-features .icon.borderbox {
    width: 25%;
}

#page-virtual-assistants #virtual-assistants-features .icon.borderbox p.title {
    font-size: 16px;
    width: 80%;
    margin: 0 auto;
}

/*VIRTUAL ASSISTANTS PRICING*/

/*FOR LANDSCAPE*/
#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape {
    background-color: #125e90;
    padding: 30px 40px 25px;
    color: #fff;
    border-radius: 6px;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape li {
    list-style: none;
    font-size: 16px;
    line-height: 2.5;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape li:before {
    content: '-';
    margin-right: 5px;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape {
    position:relative;
    min-height: 170px;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .left-box,
#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .right-box {
    width: 50%;
    float: left;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .left-box .title {
    color:#fdba31;
    font-size:24px;
    padding: 0;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .right-box .short_description {
	font-size:24px;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .left-box span.primary_price span:first-child {
    font-size: 70px;
    font-weight: bold;
    line-height: 1;
    display: block;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .left-box span.primary_price span:last-child {
    font-size: 20px;
    font-style: italic;
    display: block;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .left-box span.price-section {
    width: 100%;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .left-box span.primary_price {
    width: 40%;
    float: left;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .left-box span.detail_price {
    width: 40%;
    float: left;
    margin-top: 3px;
    font-size: 16px;
}

/*FOR POTRAIT*/
#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-potrait {
    margin-left: -15px;
    margin-right: -15px;
    font-size: 0;
    margin-top: 30px;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-potrait .list-price-wrap {
    width: 25%;
	padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-potrait .list-price-potrait {

    background-color: #125e90;
    color:#fff;
    padding:30px 10px;
    box-sizing:border-box;
    margin-right: 1.3%;
    border-radius: 6px;
}

#page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-potrait .list-price-potrait:last-child {
    margin-right: 0;
}

#page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.primary_price {
    font-size: 40px;
    font-weight: bold;
    display: block;
    text-align: center;
}

#page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.primary_price:after {
    content: 'mo';
    font-size: 20px;
}

#page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.title {
    color:#fdba31;
    display:block;
    text-align:center;
    font-size:20px;
}

#page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.short_description {
    display: block;
    text-align: center;
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
        min-height: 44px;
}

#page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.detail_price {
    display: block;
    text-align: center;
    margin: 15px;
    font-size: 20px;
    font-style: italic;
}

#page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.text_detail li{
    width: 70%;
    margin: 0 auto;
    font-size: 14px;
}

#page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.text_detail a.button {
    clear: both;
    background: #f36523;
    color: #fff;
    text-shadow: none;
    display: block;
    margin-top: 20px;
    padding: 8px;
    font-weight: normal;
    border-radius: 3px;
    transition: all .3s;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}

#page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.text_detail a.button:after {
    content: '\f105';
    font-family: FontAwesome;
    margin-left: 5%;
    font-weight: 600;
}

#page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.text_detail a.button:hover {
    background:#f47236;
    transition: all .3s;
}

#page-virtual-assistants #virtual-assistants-pricing span.pricing-text {
    display: block;
    clear: both;
    text-align: center;
    padding-top: 30px;
    width: 60%;
    margin: 0 auto;
}

#page-virtual-assistants #virtual-assistants-pricing span.pricing-text strong {
    font-size: 18px;
}

/*VIRTUAL ASSISTANTS PROCESS FOR SUCCESS*/
#page-virtual-assistants #virtual-assistants-process-for-success .borderbox {
    width: 20%;
    float: left;
    text-align: center;
}

#page-virtual-assistants #virtual-assistants-process-for-success .borderbox p.description {
    width: 90%;
    margin: 0 auto;
}

/*VIRTUAL ASSISTANTS FPOM FLEXIPEOPLE*/
#page-virtual-assistants .virtual-assistants-from-flexipeople {
    text-align: center;
    padding-top:40px !important;
}

#page-virtual-assistants .virtual-assistants-from-flexipeople span {
    display: block;
    width: 65%;
    margin: 0 auto;
}

#page-virtual-assistants .virtual-assistants-from-flexipeople span br {
	display: none;
}

/*VIRTUAL ASSISTANTS FORM*/
#page-virtual-assistants #virtual-assistants-form .gform_title{
    text-align:center;
    font-size:22px;
}

#page-virtual-assistants #virtual-assistants-form .gform_description{
    text-align:center;
    display:block;
}

#page-virtual-assistants #virtual-assistants-form ul {
    width:50%;
    margin:0 auto;
    margin-top:30px;
}

#page-virtual-assistants #virtual-assistants-form ul li input {
    background-color:#c6ecf9;
    border-color:#c6ecf9;
    padding: 7px;
}

#page-virtual-assistants #virtual-assistants-form ul li .gsection_description {
    text-align:center;
}

#page-virtual-assistants #virtual-assistants-form .gform_footer {
    text-align:center;
}

#page-virtual-assistants #virtual-assistants-form input[type="submit"] {
    text-align:center;
    background: #f36523;
    color: #fff;
    text-shadow: none;
    font-weight: normal;
    width: 150px;
    padding: 8px;
    border-radius: 3px;
    transition: all .3s;
    text-transform: uppercase;
}

#page-virtual-assistants #virtual-assistants-form input[type="submit"]:hover {
	background:#f47236;
    transition: all .3s;
}

/*VIRTUAL ASSISTANTS FAQ*/
#page-virtual-assistants #virtual-assistants-faq {
    padding-top:30px;
    padding-bottom:30px;
}

#page-virtual-assistants #virtual-assistants-faq h2 {
    text-align: center;
}

/*MEDIA QUERY*/
@media (max-width:1023px) {
    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-potrait .list-price-wrap {
       width:50%;
       margin-bottom:30px;
    }

    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape {
        min-height:230px;
    }
}

@media (min-width: 769px) and (max-width:1024px) {
    #page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.short_description {
        width:100%;
    }

    #page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.title {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
/*	#page-virtual-assistants #virtual-assistants-pricing .list-price-potrait span.short_description {
        width:80%;
    }*/
}

@media (max-width: 767px) {
	#page-virtual-assistants #virtual-assistants-process-for-success .borderbox {
        width:100%;
    }

    #page-virtual-assistants .virtual-assistants-from-flexipeople span {
    	width: 90%;
    }

    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .left-box,
    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .right-box {
    	width: 100%;
    	margin-bottom: 30px;
    }

    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape {
    	min-height: 350px;
    }
    #page-virtual-assistants #virtual-assistants-form ul {
    	width: 90%;
    }
}

@media (min-width:481px) and (max-width:767px) {
    #page-virtual-assistants #virtual-assistants-features .icon.borderbox {
        width:50%;
    }
}

@media (max-width:480px) {
    #page-virtual-assistants #virtual-assistants-features .icon.borderbox {
        width:100%;
    }

    #page-virtual-assistants #virtual-assistants-support-team ul {
    	width: 90%;
    	text-align: justify;
    }

    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape {
        padding:15px;
    }

    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .left-box span.primary_price,
    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .left-box span.detail_price {
        width:100%;
    }

    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape {
        min-height:550px;
    }

    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .list-price-landscape .left-box .title {
        font-size:22px
    }

    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-landscape .left-box span.primary_price span:first-child {
        font-size:50px;
    }

    #page-virtual-assistants #virtual-assistants-pricing .virtual-assistants-pricing-potrait .list-price-wrap {
        width:100%;
    }

    #page-virtual-assistants #virtual-assistants-pricing span.pricing-text {
        width:100%;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .page-virtual-assistants .virtual-assistants-tasks .list-task-wrap {
        width:33.3333% !important;
    }
    #page-virtual-assistants #virtual-assistants-support-team ul,#page-virtual-assistants .virtual-assistants-from-flexipeople span,#page-virtual-assistants #virtual-assistants-form ul {
    	width: 90%;
    }
}

@media (min-width:481px) and (max-width:767px) {
    .page-virtual-assistants .virtual-assistants-tasks .list-task-wrap {
        width:50% !important;
    }
}