/*
Theme Name: professionalpackages
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: professionalpackages
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

professionalpackages is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */

li {
	list-style:none;
}

body {
	background:#fff;
	font-family: 'Oswald', sans-serif;
}

.top-bar .title-area,.top-bar, .top-bar .name {
	border-radius:0px !important;
}

.top-bar,.top-bar-section li:not(.has-form) a:not(.button),.top-bar-section ul li {
	background:none;
}

.top-bar,.top-bar .name {
	height:52px;
	border-radius:0px;
}

a img {
	border-radius:0px;
}

.top-bar.expanded .title-area {
	background:none;
}

div,section {
	border-radius:0px !important;
}

#header {
	width:100%;
	background:url(images/bg_header.png) 50% 50% repeat-x;
	background-size:cover;
	padding:20px 0px 0px 0px;
	border-bottom:4px solid #0dbae5;
}

#header input[type="text"], #header input[type="search"] {
	background:#00000 !important;
	background-color:#000;
	border:none;
	height:32px;
	border-radius:4px;
	color:#fff;
	font-size:12px;
	font-family: 'Oswald', sans-serif;
}

#header .screen-reader-text {
	display:none;
}

#header input[type="submit"] {
	background:url(images/icon_search.png) 98% 50% no-repeat;
	border:none;
	height:32px;
	width:32px;
	text-indent:-9999px;
	position:absolute;
	top:6px;
	right:20px;
}

#header ul li a {
	color:#fff;
	font-size:18px;
	font-family: 'Oswald', sans-serif;
	line-height:33px;
	text-transform:uppercase;
}

#header ul li a.active,#header ul li a:hover, #header ul li.current-menu-item a {
	color:#33ccff;
}

h1.entry-title {
	display:none;
}

.top-bar-section li:not(.has-form) a:not(.button) {
	padding:0px 9px;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
	background:none;
	background-color:none;
}

#header .top {
	margin-top:20px;
	display:inline-block;
}

#header .top li#menu-item-78 {
	position:relative;
}

#header .top .sub-menu {
	position:absolute;
	top:33px;
	width:100%;
	display:none;
	background:rgba(0,0,0,0.6);
	z-index:9999;
}

#header .top .sub-menu li a {
	text-transform:capitalize;
}

#header .top li#menu-item-78:hover .sub-menu {
	display:block;
}

#header .links {
	display:inline-block;
	padding:0px;
	width:20%;
	margin-top:17px;
}

#header .links h3 {
	color:#ffffff;
	font-size:18px;
	font-family: 'Oswald', sans-serif;
	width:auto;
	display:inline-block;
	text-align:left;
	margin:0px 14px 0px 0px;
}

#header .links h3 img {
	vertical-align:sub;
	margin-right:7px;
}

#header .links  ul {
	display:inline-block;
	width:auto;
}

#header .links  ul li {
	margin-right:5px;
	display:inline-block;
}

#header .links  ul li a {
	padding:0px;
	line-height:0px;
}

#banner {
	width:100%;
	background:url(images/bg_banner.png) -39% 24% no-repeat;
	background-color:#ffffff;
}

#banner.accountant {
	width:100%;
	background:url(images/bg_banner_accountant.png) -15% 100% no-repeat;
	background-color:#ffffff;
}

#banner.chiro {
	width:100%;
	background:url(images/bg_banner_chiro.png) -55% 100% no-repeat;
	background-color:#ffffff;
}

#banner.dentist {
	width:100%;
	background:url(images/bg_banner_dentist.png) -15% 100% no-repeat;
	background-color:#ffffff;
}

#banner.engineer {
	width:100%;
	background:url(images/bg_banner_engineer.png) -15% 100% no-repeat;
	background-color:#ffffff;
}

#banner.lawyer {
	width:100%;
	background:url(images/bg_banner_lawyer.png) -28% 95% no-repeat;
	background-color:#ffffff;
}

#banner.Optometrist {
	width:100%;
	background:url(images/bg_banner_Optometrist.png) -23% 100% no-repeat;
	background-color:#ffffff;
}

body #banner.pharmacist {
	width:100%;
	background:url(images/bg_banner_pharmacist.png) -19% 99% no-repeat;
	background-color:#ffffff;
}

body #banner.physio {
	width:100%;
	background:url(images/bg_banner_physio.png) 14% 100% no-repeat;
	background-color:#ffffff;
}

body #banner.surveyors {
	width:100%;
	background:url(images/bg_banner_surveyors.png) 25% 98% no-repeat;
	background-color:#ffffff;
}

body #banner.vet {
	width:100%;
	background:url(images/bg_banner_vet.png) 18% 0% no-repeat;
	background-color:#ffffff;
}

#banner h2 {
	color:#404040;
	font-size:36px;
	line-height:35px;
	font-family: 'Roboto', sans-serif;
	margin-top:40px;
	font-weight:900;
}

#banner h2 span {
	color:#33ccff;
	font-size:36px;
}

#banner p {
	color:#333333;
	font-size:21px;
	line-height:23px;
	font-family: 'Roboto', sans-serif;
	margin-bottom:15px;
}

#banner p span {
	color:#33ccff;
	font-family: 'Roboto', sans-serif;
}

#banner h3 {
	font-size:27px;
	color:#33ccff;
	font-family: 'Oswald', sans-serif;
	margin-bottom:6px;
}

#banner h3 span {
	color:#000000;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
}

#banner input[type="text"], #banner input[type="email"], #banner input[type="tel"] {
	border:1px solid #cccccc;
	margin:0px;
	font-size:18px;
	color:#999999;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	margin-bottom:5px;
	width:65%;
	display:inline-block;
	background: -webkit-linear-gradient(90deg, #efefef, #efefef);
	box-shadow:none;
	float:left;
}

#banner input[type="submit"] {
	color:#ffffff;
	font-size:24px;
	font-family: 'Oswald', sans-serif;
	border:none;
	background:url(images/bg_submit.png) 50% 50% repeat-x;
	padding:10px 22px;
	display:inline-block;
	margin-left:7px;
	margin-top:-19px;
}

::-webkit-input-placeholder {
	color:#999999;
}

#banner .content {
	width:100%;
	display:inline-block;
	background:rgba(255,255,255,0.8);
	padding:14px 0px 0px 0px;
	box-shadow: 0px 2px 27px -5px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 2px 27px -5px rgba(0,0,0,0.75);
	margin-top:30px;
	border-radius:0px;
}

#banner .content h4 {
	color:#33ccff;
	font-size:33px;
	line-height:36px;
	margin:0px 0px 16px 30px;
	font-family: 'Oswald', sans-serif;
}

#banner .content ul {
	display:inline-block;
	margin:0px;
	width:98.5%;
	padding-left:1.5%;
}

#banner .content ul li {
	width:100%;
	background:url(images/icon_correct.png) 0% 50% no-repeat;
	list-style:none;
	border-right:1px solid #cccccc;
	padding-left:48px;
	border-radius:0px;
	display:inline-block;
	padding-bottom:8px;
}

#banner .content ul li h6 {
	font-family: 'Roboto', sans-serif;
	font-size:21px;
	color:#404040;
	line-height:23px;	
}

#banner .content ul li.border-none {
	border-right:0px;
}

#banner .none {
	padding-left:7px;
	padding-right:7px;
}

#content {
	width:100%;
	background:url(images/public.png) 50% 50% no-repeat;
	padding:25px 0px 100px 0px;
	background-size:cover;
}

#content .msg {
	width:217px;
	display:inline-block;
	background:url(images/bg_msg.png) 50% 50% no-repeat;
	height:140px;
	padding:10px 10px 0px 0px;
}

#content .msg p {
	font-size:21px;
	color:#666666;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	line-height:23px;
	text-align:right;
}

#content h3 {
	width:73%;
	display:inline-block;
	color:#333333;
	font-size:27px;
	font-weight:bold;
	font-family: 'Roboto', sans-serif;
	margin:0px 0px 0px 15px;
	line-height:32px;
	text-align:left;
}

#content h3 span {
	font-family: 'Roboto', sans-serif;
	color:#33ccff;	
}

#content a {
	display:inline-block;
	color:#ffffff;
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	border:1px solid #fff;
	background: -webkit-linear-gradient(90deg, #ff6600, #ff9933);
	border-radius:0px;
	line-height:60px;
	padding:0px 58px;
	margin-top:9.375rem;
	-webkit-box-shadow: inset -48px 200px 24px -195px rgba(0,0,0,0.45);
}

#footer {
	background: -webkit-linear-gradient(90deg, #262626, #7e7d7d);
	padding:50px 0px 25px 0px;
	border-top:4px solid #1ec1e8;
}

#footer .border {
	border-right:1px solid #33ccff;
	padding-left:25px;
	display:inline-block;
}

#footer .last {
	padding-left:25px;
	display:inline-block;
}

#footer h3 {
	color:#33ccff;
	font-size:18px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	margin-bottom:15px;
}

#footer a {
	color:#cccccc;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	width:100%;
	display:inline-block;
	line-height:22px;
}

#footer ul {
	display:inline-block;
	width:100%;
	list-style:none;
	margin:5px 0px;
}

#footer ul li {
	display:inline-block;
	width:100%;
}

#footer .socials ul li {
	width:auto;
	margin-right:5px;
}

#footer p {
	color:#cccccc;
	font-size:13px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}

.contactus #content {
	background:#ffffff;
	padding:45px 0px 60px 0px;
}

.contactus #content h3.heading {
	color:#1eb0e1;
	font-size:48px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	margin:0px 0px 24px 0px;
}

.contactus #content h3 {
	color:#33ccff;
	font-size:27px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	margin:0px 0px 0px 0px;
}

.contactus #content p {
	color:#404040;
	font-size:21px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	line-height:30px;
	margin:0px 0px 0px 0px;
}

.contactus #content p.top {
	margin:10px 0px 0px 0px;
}

.contactus #content p.small {
	color:#333;
	font-size:14px;
	font-weight:400;
	line-height:21px;
	margin:20px 0px 0px 0px;
}

.contactus #content h4 {
	color:#666666;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	line-height:21px;
	margin:3px 0px 24px 0px;
}

.contactus #content a {
	background:none;
	color:#33ccff;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:600;
	box-shadow:none;
	line-height:24px;
	padding:0px;
	margin:0px 0px 20px 0px;
}

.contactus #content input[type="text"], .contactus #content input[type="tel"], .contactus #content input[type="email"] {
	border:1px solid #b2b2b2;
	font-size:18px;
	color:#999999;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	margin:0px 0px 10px 0px;
	display:inline-block;
	padding:26px 0px 26px 10px;
	background: -webkit-linear-gradient(90deg, #efefef, #efefef);
	box-shadow:none;
}

.contactus #content textarea {
	border:1px solid #b2b2b2;
	font-size:18px;
	color:#999999;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	background: -webkit-linear-gradient(90deg, #efefef, #efefef);
	box-shadow:none;
	height:11.875rem;
	padding:20px 0px 0px 10px;
}

.contactus #content input[type="submit"] {
	color:#ffffff;
	font-size:24px;
	font-family: 'Oswald', sans-serif;
	border:none;
	background:url(images/bg_submit.png) 50% 50% repeat-x;
	padding:10px 22px;
	cursor:pointer;
}

.contactus #content .grid {
	padding-left:23px;
	padding-right:23px;
}

.contactus #content .none {
	padding-left:17px;
	padding-right:23px;
}

.contactus #content form .left {
	padding-right:4px;
	padding-left:0px;
}

.contactus #content form .right {
	padding-left:4px;
	padding-right:0px;
}

body #banner.how-it-works {
	background:url(images/work_banner.png) 50% 50% no-repeat;
	padding:35px 0px 30px 0px;
}

#banner h1 {
	color:#1eb1e2;
	font-family: 'Oswald', sans-serif;
	font-weight:500;
	font-size:48px;
}

body #banner.how-it-works h3 {
	color:#404040;
	font-size:27px;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	line-height:30px;
	margin:0px 0px 10px 0px;
}

body #banner.how-it-works h3 span {
	color:#33ccff;
	font-size:27px;
}

body #banner.how-it-works p {
	color:#404040;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	line-height:21px;
	margin:0px 0px 12px 0px;
}

#form {
	width:100%;
	padding:20px 0px 13px 0px;
	background: -webkit-linear-gradient(90deg, #ffffff, #e8e5e5);
	-webkit-box-shadow:-9px -22px 56px -37px #000;
	-moz-box-shadow:-9px -22px 56px -37px #000;
	box-shadow:-9px -22px 56px -37px #000;
	display:inline-block;
	border-top:1px solid #ffffff;
}

#form .large-3 {
	width:22.7%;
}

#form h5 {
	color:#1eb1e2;
	font-size:27px;
	font-family: 'Oswald', sans-serif;
	font-weight:500;
	line-height:0;
	margin:0px;
	display:inline-block;
}

#form h5 span {
	color:#333333;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
}

#form h5 img {
	vertical-align:middle;
	margin:15px 0px 0px 10px;
}

#form .columns {
	padding-left:4px;
	padding-right:4px;
}

#form input[type="text"], #form input[type="email"], #form input[type="tel"] {
	border:1px solid #cccccc;
	background:#fff;
	box-shadow:none;
	color:#999999;
	font-size:18px;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	padding:16px 0px 16px 10px;
	margin:6px 0px 6px 0px;
	height:auto;
}

#form input[type="submit"] {
	color:#ffffff;
	font-size:24px;
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	border:none;
	background:url(images/bg_submit.png) 50% 50% repeat-x;
	padding:10px 22px 9px 22px;
	display:inline-block;
	border-radius:0px;
	margin-top:6px;
	cursor:pointer;
}

@media only screen and (max-width: 40em) {
#header .links {
	width:100%;
	margin-top:10px;
}

#header input[type="text"] {
	margin-top:10px;
}

#header {
	width:100%;
	padding:20px 0px;
}

#banner input[type="text"], #content h3 {
	width:100%;
}

#banner input[type="submit"] {
	margin:0px;
}

#header .links h3 {
	margin-left:23px;
}

#banner .content ul li, #footer .border {
	border-right:none;
}

#content a {
	font-size:22px;
	padding:0px 50px;
}

body.contact #content form .left {
	padding-right:0px !important;
	padding-left:0px;
}

body.contact #content form .right {
	padding-left:0px !important;
	padding-right:0px;
}

body.contact #content p {
	font-size:15px;
}

#form .large-3 {
	width:100% !important;
}

.top-bar.expanded .toggle-topbar a span::after {
	box-shadow:0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;
}

body.work #banner {
	background:#fff;
}

#form .columns {
	padding-left:15px;
	padding-right:15px;
}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#header .links {
	width:25%;
	text-align:center;
}
#banner .content ul li {
	border:0px;
}

}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
#form .large-3 {
	width:100% !important;
}

}

@media only screen and (min-width: 64.0625em) and (max-width: 68.625em) {
.large-2 {
	width:17.66667%;
}
#form .large-3 {
	width:21.7% !important;
}

}

#contentbox h1 {
	color:#1eb1e2;
	font-family: 'Oswald', sans-serif;
	font-weight:500;
	font-size:48px;
}