/*

Theme Name: Gracebeauty

Theme URI: https://wordpress.org/themes/twentysixteen/

Author: the WordPress team

Author URI: https://wordpress.org/

Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.

Version: 1.3

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog

Text Domain: gracebeauty

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.

*/

/**

 * Table of Contents

 *

 * 1.0 - Normalize

 * 2.0 - Genericons

 * 3.0 - Typography

 * 4.0 - Elements

 * 5.0 - Forms

 * 6.0 - Navigation

 *   6.1 - Links

 *   6.2 - Menus

 * 7.0 - Accessibility

 * 8.0 - Alignments

 * 9.0 - Clearings

 * 10.0 - Widgets

 * 11.0 - Content

 *    11.1 - Header

 *    11.2 - Posts and pages

 *    11.3 - Post Formats

 *    11.4 - Comments

 *    11.5 - Sidebar

 *    11.6 - Footer

 * 12.0 - Media

 *    12.1 - Captions

 *    12.2 - Galleries

 * 13.0 - Multisite

 * 14.0 - Media Queries

 *    14.1 - >= 710px

 *    14.2 - >= 783px

 *    14.3 - >= 910px

 *    14.4 - >= 985px

 *    14.5 - >= 1200px

 * 15.0 - Print

 */

/**

 * 1.0 - Normalize

 *

 * Normalizing styles have been helped along thanks to the fine work of

 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

 */

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

body {
	background: #fff;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #454545;
}
#wpadminbar ul:after {
	clear: inherit;
}
a {
	color: #0057a4;
}
#navbtn {
	display: none;
}
.page-template-packages ul.products li img.wp-post-image, .page-template-packages ul.products li a.add_to_cart_button {
	display: none !important;
}
.page-template-packages ul.products li .woocommerce-Price-amount {
	color: #0057a4;
}
.carticon {
	padding-top: 5px !important;
}
.carticon a {
	color: #fff;
	line-height: 20px;
}
.fa-shopping-cart {
	font-size: 20px;
	display: inline-block;
	color: #fff;
}
.fa-shopping-cart:before {
	font-family: WooCommerce;
	content: "\e01d";
}
.nav-menu {
}
.nav-menu li {
	position: relative;
	float: left;
}
.nav-menu li .menuarrow {
	display: none;
}
.nav-menu li > a {
	font: normal 15px/30px 'Raleway', sans-serif;
	color: #fff;
	padding: 0 22px;
	white-space: nowrap;
	display: block;
	border-bottom: solid 1px #0057a4;
}
.nav-menu li:hover > a, .nav-menu li.active > a, .nav-menu li.current_page_item > a, .nav-menu li > a:focus {
	text-decoration: none;
	border-bottom: solid 1px #fff;
}
.nav-menu .sub-menu {
	position: absolute;
	left: 0;
	top: 100%;
	background: #0089cf;
	min-width: 220px;
	box-shadow: 0 0 5px #02496d;
	transition: all 300ms ease-out 0s;
	display: none;
	z-index: 999;
}
.nav-menu .sub-menu .sub-menu {
	left: 100%;
	top: 0;
}
.nav-menu li:hover > .sub-menu {
	display: block;
}
.nav-menu .sub-menu li {
	float: none;
}
.nav-menu .sub-menu a {
	font: normal 14px/40px Arial, Helvetica, sans-serif;
	padding: 0 10px;
	white-space: nowrap;
}
.nav-menu .sub-menu li+li {
	border-top: 1px solid #035e8d;
}
ul, ol li {
	list-style-type: none;
}
header {
	background: #0057a4;
	padding: 5px 0 0;
}
#logo {
	float: left;
	padding: 0 0 7px;
}
.top-right {
	float: right;
	padding: 10px 0 0;

}
.two-sec {
	float: left;
	padding: 0 0 0 10px;
}
.list li {
	position: relative;
	font: 400 15px/17px 'Raleway', sans-serif;
	color: #fff;
	padding: 0 15px 5px 20px;
	float: left;
}
.list li img {
	position: absolute;
	left: 0;
	top: 0;
}
.list li a {
	color: #fff;
}
.signup {
	font: 400 15px/33px 'Raleway', sans-serif;
	color: #fff;
	float: left;
	margin: 0;
	border: solid 1px #fff;
	padding: 0 25px;
	display: inline-block;
	text-transform: uppercase;
}
.signup+.signup {
	margin: 0 0 0 10px;
}
.signup:hover {
	background: #fff;
	color: #000000;
}
#navigation {
	float: right;
	margin: 15px 0 0;
}
#banner {
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.banner-text {
	position: absolute;
	left: 48%;
	top: 50%;
	width: 1200px;
	transform: translate(-50%, -50%);
}
.rounded {
	width: 450px;
	height: 450px;
	border-radius: 100%;
	display: table;
	text-align: center;
	background: rgba(162, 206, 245, 0.6);
	margin: 0 auto;
	border: solid 29px rgba(169, 212, 248, 0.5);
}
.rounded div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
}
.banner-text h1 {
	font: 400 48px/52px 'Rochester', cursive;
	color: #006bbd;
	background: url(images/brder1.png) no-repeat 50% 100%;
	padding: 5px 0 10px;
}
.banner-text h4 {
	display: block;
	font: 400 28px/32px 'Rochester', cursive;
	padding: 9px 0 0;
}
.banner-text h2 {
	font: 700 50px/55px 'Raleway', sans-serif;
	color: #284177;
}
.banner-text h3 {
	font: 400 32px/35px 'Raleway', sans-serif;
	color: #284177;
}
.banner-text p {
	font: 400 15px/20px 'Raleway', sans-serif;
	color: #454545;
	padding: 15px 0 0;
}
.service-btn {
	background: #006bbd;
	font: 400 15px/39px 'Raleway', sans-serif;
	color: #fff;
	padding: 0 30px;
	display: inline-block;
	margin: 15px 0 0;
	text-transform: uppercase;
}
.white-text {
	color: #fff;
}
.sml-gap1 {
	padding: 5px 0 0;
}
#banner-bottom {
	background: #284177;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#780500+0,780500+50,3c251f+50,3c251f+100 */
	background: #284177; /* Old browsers */
	background: -moz-linear-gradient(left, #284177 0%, #284177 50%, #006ece 50%, #006ece 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #284177 0%, #284177 50%, #006ece 50%, #006ece 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #284177 0%, #284177 50%, #006ece 50%, #006ece 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#780500', endColorstr='#3c251f', GradientType=1 ); /* IE6-9 */
	padding: 16px 0;
}
.angel {
	position: relative;
}
.angel:after {
	background: url(images/angel.jpg) no-repeat 100% 0;
	content: "";
	width: 99px;
	height: 161px;
	top: -13px;
	right: -16px;
	position: absolute;
}
.twnty-text {
	font: 500 84px/86px 'Raleway', sans-serif;
}
.visit {
	font: 300 35px/38px 'Raleway', sans-serif;
}
#banner-bottom p {
	font: 400 15px/21px 'Raleway', sans-serif;
	padding: 10px 0 0;
}
#content.home {
	padding: 0;
}
#content {
	padding: 30px 0;
}
.content-topsec {
	background: url(images/top-bg.jpg) no-repeat 50% 0;
	background-size: cover;
}
.two-colm {
	width: 50%;
	float: left;
}
.white-box {
	background: #fff;
	padding: 163px 45px;
}
.sml-gap {
	padding-top: 30px;
	padding-bottom: 30px;
}
.sml-gap-top {
	padding-top: 30px;
}
.sml-gap-bottom {
	padding-bottom: 30px;
}
.gap-top {
	padding-top: 56px;
}
.gap-bottom {
	padding-bottom: 56px;
}
.gap {
	padding-bottom: 56px;
	padding-top: 56px;
}
#content h1 {
	font: 400 32px/35px 'Raleway', sans-serif;
	background: url(images/brder1.png) no-repeat 50% 100%;
	padding: 15px 0 10px;
	color: #284177;
}
#content h2 {
	font: 400 26px/28px 'Raleway', sans-serif;
	padding: 15px 0 0;
}
#content h3 {
	font: 400 24px/26px 'Raleway', sans-serif;
	padding: 15px 0 0;
}
#content p {
	font: 400 15px/20px 'Raleway', sans-serif;
	padding: 15px 0 0;
}
.thirty-three {
	width: 32%;
	float: left;
	margin: 0 0 0 2%;
}
.thirty-three:nth-child(3n+1) {
	clear: left;
	margin-left: 0;
}
.thirty-three:nth-child(4n) {
	margin-left: 20%;
}
.img-circle {
	width: 370px;
	height: 370px;
	border-radius: 100%;
	border: solid 8px #c7c7c7;
	position: relative;
}
.img-circle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100%;
}
.img-circle .offerMasking {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	border-radius: 100%;
}
.img-circle .offerTitle {
	width: 100%;
	background-color: rgba(0,110,206,0.7);
	text-align: center;
	border-radius: 0 0 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 12px 0 45px 0;
}
.img-circle .offerTitle a {
	color: #fff;
}
.midl-size {
	width: 80%;
	margin: 0 auto;
	display: block;
	text-align: center;
}
#social {
	background: url(images/bg1.jpg) no-repeat 50% 100%;
	padding: 35px 0;
	text-align: center;
}
#content #social h3 {
	font: 400 31px/33px 'Raleway', sans-serif;
	color: #000000;
	text-transform: uppercase;
	display: inline-block;
	padding: 10px 15px 0 0;
}
#socal_icons ul {
	display: inline-block;
}
#socal_icons ul li {
	float: left;
	padding: 0 5px 0 0;
}
#socal_icons ul li a {
	border-radius: 100%;
	font-size: 22px;
	background: url(images/icon-bg.jpg) no-repeat 0 0;
	color: #eff3e3;
	text-align: center;
	vertical-align: middle;
	display: block;
	width: 74px;
	height: 74px;
	line-height: 74px;
}
#socal_icons {
	vertical-align: top;
}
.social1 {
	display: inline-block;
	vertical-align: middle;
}
#socal_icons ul li a:hover {
	background: #006ece;
	box-shadow: 0 0 3px #999;
}
.frm-sec {
	background: url(images/frm-bg.jpg) no-repeat 50% 0;
	background-size: cover;
}
.frm-part {
	background: rgba(255, 255, 255, 0.8);
	padding: 30px;
	margin: 0 auto;
	width: 60%;
	display: block;
}
#content .frm-sec h2 {
	font: 400 35px/38px 'Raleway', sans-serif;
	color: #284177;
	padding: 10px 0;
}
footer {
	background: #fff;
	padding: 42px 0 0;
	border-top: solid 3px #006ece;
}
footer p {
	font: 400 15px/20px 'Raleway', sans-serif;
	padding: 15px 0 0;
}
footer h2 {
	font: 500 20px/24px 'Raleway', sans-serif;
	padding: 0 0 15px;
}
.ftr-list {
}
.ftr-list li {
	background: url(images/icon3.png) no-repeat 0 5px;
	font: 400 15px/17px 'Raleway', sans-serif;
	padding: 0 0 10px 25px;
}
.ftr-list li a {
	color: #454545;
}
.contact-sec {
	padding: 15px 0 0;
}
.contact-sec li {
	position: relative;
	font: 400 15px/17px 'Raleway', sans-serif;
	padding: 0 0 5px 22px;
}
.contact-sec li img {
	position: absolute;
	left: 0;
	top: 0;
}
.contact-sec li a {
	color: #454545;
}
.ftr-btm {
	background: #006ece;
	text-align: center;
	font: 400 15px/17px 'Raleway', sans-serif;
	color: #fff;
	padding: 20px 0;
	margin: 25px 0 0;
}
.bar-bg {
	background: url(images/bg-bar.jpg) no-repeat 0 0;
	background-size: cover;
	padding: 15px;
	border-left: solid 6px #80c8ee;
	font: 400 32px/35px 'Raleway', sans-serif;
	text-transform: uppercase;
}
.pdf-btn {
	background: url(images/icon7.png) no-repeat 35px 50% #336fb2;
	padding: 0 35px 0 55px;
	font: 400 18px/44px 'Raleway', sans-serif;
	color: #fff;
	float: right;
	text-transform: capitalize;
	display: inline-block;
	border-radius: 25px;
	border: solid 1px #fff;
}
.blue-bar {
	background: #006bbd;
	padding: 13px;
	font: 700 18px/20px 'Roboto', sans-serif;
	color: #fff;
}
.price {
	font: 700 18px/20px 'Roboto', sans-serif;
	float: right;
}
.ui-datepicker {
	display: none;
}
.gift-cards-list {
	width: 100%;
}
.woocommerce-Address-title h3 {
	color: #fff;
	padding: 15px 0 0 10px!important;
}
.woocommerce ul.products li.product .price {
	float: none;
	margin-top: .5em;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	text-align: center;
}
.price1 {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	color: #0057a4;
}
 @media only screen and (max-width: 1198px) {
.banner-text {
	width: 1000px;
}
.rounded {
	width: 350px;
	height: 350px;
}
.banner-text h3 {
	font-size: 25px;
	line-height: 27px;
}
.banner-text h1 {
	font-size: 32px;
	line-height: 35px;
}
.banner-text h4 {
	display: block;
	font: 400 20px/24px 'Rochester', cursive;
	padding: 5px 0 0;
}
#banner-bottom {
	padding: 24px 0;
}
.img-circle {
	width: 300px;
	height: 300px;
}
}
 @media only screen and (max-width: 990px) {
.banner-text {
	width: 748px;
}
#logo {
	float: none;
	text-align: center;
}
.top-right {
	float: none;
	margin: 0 auto;
}
#navigation {
	float: none;
	margin: 0 auto;
	display: table;
	padding: 10px 0;
}
#banner{ display:block; overflow:hidden;}
#banner > img {
	max-width: 140%;
	margin: 0 -20%;
}
.rounded {
	border-radius: 0;
	padding: 6px 0;
	border: none;
	width: 350px;
	height: auto;
}
.angel::after {
	display: none;
}
.white-box {
	padding: 53px 45px;
}
.img-circle {
	width: 230px;
	height: 230px;
}
.frm-part {
	width: 70%;
}
.contact-sec li a {
	word-wrap: break-word;
}
.blue-bar {
	font-size: 15px;
}
}
 @media only screen and (max-width: 740px) {
.signup {
	float: none;
	margin: 0 5px 6px;
}
.two-sec+.two-sec {
	text-align: center;
}
#navigation {
	position: relative;
	float: none;
	width: 100%;
	padding: 10px 0;
	border-top: solid 1px #fff;
}
#navbtn {
	display: block;
	background: url(images/navigation.png) no-repeat 0 0;
	width: auto;
	height: 27px;
	font-size: 0;
	cursor: pointer;
	font-size: 18px;
	line-height: 27px;
	text-align: right;
	color: #fff;
	text-transform: uppercase;
}
.nav-menu {
	display: none;
}
.nav-menu li {
	float: none;
}
.nav-menu li+li {
	border-top: 1px solid #035e8d;
}
.nav-menu li > a {
	font: normal 16px/40px Arial, Helvetica, sans-serif;
}
.nav-menu li .menuarrow {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 36px;
	height: 36px;
	z-index: 99;
	background: url(images/nav-arrow.png) no-repeat 50% 50%;
	display: block;
	cursor: pointer;
	border-radius: 3px;
}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow, .nav-menu li.current_page_item > .menuarrow {
	background: url(images/nav-arrow.png) no-repeat 50% 50% #0089cf;
}
.nav-menu .sub-menu {
	position: relative;
	margin: 0 3px;
}
.nav-menu .sub-menu .sub-menu {
	left: 0;
	margin: 0 5px;
}
.nav-menu .sub-menu li {
	float: none;
}
.nav-menu li:hover > .sub-menu {
	display: none;
}
.banner-text {
	width: 98%;
}
.two-sec {
	float: none;
	margin: 10px auto;
	display: table;
	width: 300px;
}
.list li {
	float: none;
}
#banner {
	display: block;
	overflow: hidden;
}
#banner > img {
	max-width: 220%;
	margin: 0 -60%;
}
#banner-bottom {
	text-align: center;
	background: #284177;
}
.two-colm {
	float: none;
	width: 100%;
}
.thirty-three {
	float: none;
	width: 100%;
	margin: 0 auto;
}
.img-circle {
	width: 270px;
	height: 270px;
	margin: 5px auto;
	display: blockl;
}
.thirty-three:nth-child(4n) {
	margin-left: 0;
}
#socal_icons ul li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.frm-part {
	width: 100%;
}
.bar-bg {
	font-size: 20px;
	line-height: 24px;
}
.blue-bar {
	float: none;
	text-align: center;
}
.price {
	text-align: center;
	float: none;
}
.bar-bg{margin:20px 0 0;}
}
 @media only screen and (min-width: 740px) {
.nav-menu {
	display: block !important;
}
}
 @media only screen and (max-width: 450px) {
.banner-text {
	width: 96%;
}
.pdf-btn {
	float: none;
	margin: 10px auto 0;
	text-align: center;
	display: table;
}
.banner-text h3 {
	font-size: 20px;
	line-height: 22px;
}
.banner-text h1 {
	font-size: 26px;
	line-height: 28px;
}
.banner-text h4 {
	font-size: 18px;
	line-height: 20px;
	padding: 3px 0 0;
}
.banner-text p {
	padding: 5px 0 0;
}
}