body, html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, Times New Roman, serif;
	background-color: #ffffff
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: 600;
	color: black;
	margin: 0;
	padding: 0
}

h1 {
	font-size: 30px
}

h2 {
	font-size: 24px
}

h3 {
	font-size: 22px
}

h4 {
	font-size: 20px
}

h5 {
	font-size: 18px
}

h6 {
	font-size: 16px
}

p {
	font-size: 16px;
	margin: 0;
	line-height: 1.125rem;
	color: #696463
}

ul {
	margin: 0
}

li {
	list-style-type: none
}

a {
	font-size: 16px;
	color: #0084b6;
	text-decoration: none
}

a:active, a:hover {
	color: #c32400 !important
}

em {
	font-style: italic
}

strong {
	font-weight: 700
}

img, source {
	border: none;
	outline: none;
	width: 100%;
	max-width: 100%
}

#cookie-bar {
	background: #aa134c;
	height: auto;
	line-height: 24px;
	color: #ffffff;
	padding: 5px 0
}

#cookie-bar.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	width: 100%
}

#cookie-bar.fixed.bottom {
	bottom: 0;
	top: auto
}

#cookie-bar p {
	margin: 0;
	padding: 10px;
	text-align: center
}

#cookie-bar a {
	color: #ffffff;
	display: inline-block;
	text-decoration: underline;
	padding: 0 6px;
	margin-left: 8px
}

#cookie-bar .cb-enable:hover {
	color: #a5a5a5
}

#cookie-bar .cb-disable {
	background: #990000
}

#cookie-bar .cb-disable:hover {
	background: #bb0000
}

#cookie-bar .cb-policy:hover {
	color: #a5a5a5
}

.row {
	float: left;
	width: 100%
}

header {
	display: flex;
	flex-wrap: wrap;
	width: 1290px;
	margin: 0 auto;
	margin-top: 60px
}

header .h-bar {
	width: 100%;
	float: left;
	height: 80px;
	position: relative
}

header .h-bar .h-logo {
	float: left;
	position: absolute;
	top: 19px;
	left: 90px
}

header .h-bar .h-logo a {
	float: left;
	width: 100%
}

header .h-bar .h-logo a img {
	height: 42px;
	max-width: unset;
	width: auto;
	transition: all .2s ease-out 0s
}

header .h-bar .h-logo a img:hover {
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg)
}

header .h-bar .h-nav {
	float: right;
	padding-right: 90px;
	height: 80px
}

header .h-bar .h-nav nav {
	float: left;
	width: 100%;
	text-align: right
}

header .h-bar .h-nav nav ul {
	width: 100%;
	list-style-type: none;
	text-align: center;
	margin: 0;
	height: 80px
}

@media only screen and (min-width: 1351px) {
	header .h-bar .h-nav nav ul {
		display: block !important
	}
}

header .h-bar .h-nav nav ul li {
	display: inline-block;
	position: relative;
	margin: 0 10px;
	padding: 10px;
	line-height: 60px
}

header .h-bar .h-nav nav ul li:hover > a {
	color: #610374
}

header .h-bar .h-nav nav ul li a {
	color: #353535;
	letter-spacing: 1.1px;
	font-weight: 600
}

@media only screen and (max-width: 1350px) {
	header .h-bar .h-nav nav ul {
		padding-left: 0;
		border-top: solid 1px #000000;
		padding-right: 0
	}

	header .h-bar .h-logo {
		left: 30px
	}

	header .h-bar .h-nav nav ul li {
		display: block;
		margin: 0;
		clear: both;
		padding: 0;
		width: 100%;
		float: left
	}

	header .h-bar .h-nav {
		width: 100%;
		padding-right: 0;
		position: relative;
		z-index: 999999;
		top: 80px
	}

	header .h-bar .h-nav nav ul li a {
		margin: 0;
		float: left;
		width: 100%;
		border-bottom: solid 1px #000000;
		padding: 4px;
		background: #ffffff;
		color: #000000
	}

	header .h-bar .h-nav nav ul li ul li, header .h-bar .h-nav nav ul li:hover > ul {
		display: none !important
	}

	header .h-bar .h-nav nav ul li a:hover {
		background: #581670;
		color: #ffffff !important
	}
}

header .h-bar .h-nav nav ul li ul {
	display: none;
	position: absolute;
	animation: load 1s;
	padding: 0;
	float: left;
	height: unset;
	text-align: left;
	background: #ffffff;
	top: 80px;
	width: 200px;
	left: 0
}

header .h-bar .h-nav nav ul li:hover > ul {
	display: block !important
}

@media only screen and (min-width: 1101px) {
	header .h-bar .h-nav nav ul li ul {
		display: none !important
	}
}

header .h-bar .h-nav nav ul li ul li {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
	height: 60px;
	background: #ffffff;
	padding: 0
}

.h-banner .banner-sub, .h-banner .h-banner-inner .banner-title {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	text-align: center
}

header .h-bar .h-nav nav ul li ul li a {
	padding: 0 30px;
	float: left;
	width: 100%;
	font-weight: 300;
	line-height: unset
}

header .h-bar .h-nav nav ul li ul li > a:hover {
	background: #610374;
	background-image: linear-gradient(to right, #581670, #aa134c);
	color: #ffffff
}

header .h-bar .h-nav nav ul li ul li:hover {
	background: #610374;
	color: #ffffff
}

header .h-bar .h-nav nav ul li ul li:hover > a {
	color: #ffffff
}

nav .mobile-menu input,
nav .mobile-menu :where(label,button) {
	display: none
}

header .h-bar .h-nav .sub-sub-nav-menu {
	display: none;
	position: absolute;
	padding: 0;
	float: left;
	height: unset;
	text-align: left;
	background: #ffffff;
	top: 0;
	width: 200px;
	left: 200px
}

header .h-bar .h-nav .sub-sub-nav-menu li {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
	height: 60px;
	background: #ffffff;
	padding: 0
}

header .h-bar .h-nav .sub-sub-nav-menu a {
	padding: 0 30px;
	font-size: 14px;
	float: left;
	width: 100%;
	font-weight: 300;
	line-height: unset
}

@media only screen and (max-width: 1350px) {
	header .h-bar .h-nav nav {
		padding-left: 0;
		width: 100%;
		padding-right: 0
	}

	header {
		margin-top: 20px
	}

	nav .mobile-menu label {
		display: block
	}

	nav:has(.visible) {
		&::after  {
			content: '';
			display: block;
			position: fixed;
			inset: 0;
			background:rgba(0,0,0,0.25);
		}
	}

	nav .mobile-menu {
		display: block;
		position: absolute;
		top: 71px;
		font-size: 32px;
		cursor: pointer;
		font-weight: 300;
		z-index: 1000;
		right: 40px;
		background-color: #ffffff;
		padding: 0 6px;

		> button {
			appearance: none;
			border: 0;
			background: none;
			padding: 0;
			margin: 0;
			font-size: inherit;
			display: block;
		}
	}

	#nav {
		display: none;

		&.visible {
			display: block;
		}

		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 999;
		background: white;
		padding: 50px;
	}
}

header .h-bar .h-nav nav ul .menu-item-has-children > a::after {
	font-size: 13px;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	width: auto;
	height: auto;
	line-height: 2px;
	font-weight: 900;
	vertical-align: 4%;
	font-family: Font Awesome\ 5 Free;
	content: "\f078";
	margin-left: 7px
}

@media only screen and (max-width: 1350px) {
	header .h-bar .h-nav nav ul .menu-item-has-children > a::after {
		display: none
	}
}

footer {
	display: flex;
	width: 1290px;
	margin: 0 auto;
	margin-bottom: 60px
}

footer .footer-inner {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 15px;
	color: #353535;
	letter-spacing: 1.1px
}

footer .footer-inner .block {
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 10px
}

footer .footer-inner .email {
	color: #353535;
	font-weight: 600;
	font-size: 30px
}

footer .footer-inner .phone {
	color: #4e4e4e;
	font-size: 18px
}

footer .footer-inner .address {
	float: left;
	width: 100%
}

footer .footer-inner .email:hover, footer .footer-inner .phone:hover {
	text-decoration: underline;
	position: relative
}

footer .footer-inner .links {
	float: left;
	width: 100%;
	display: block;
	margin: 30px 0
}

footer .footer-inner .links a {
	color: #353535;
	font-weight: 600;
	margin: 0 10px
}

footer .footer-inner .links a:hover {
	text-decoration: underline
}

footer .footer-inner .social {
	float: left;
	width: 100%;
	display: block;
	margin: 0 0 30px
}

footer .footer-inner .social a {
	height: 40px;
	display: inline-block;
	width: 40px;
	color: #353535;
	margin: 0 6px;
	font-size: 28px
}

footer .footer-inner .social a:hover {
	color: #581670
}

@media only screen and (max-width: 1100px) {
	footer {
		margin-bottom: 20px
	}
}

@media only screen and (max-width: 680px) {
	footer .footer-inner .links a {
		display: inherit;
		margin: 0 0 20px
	}

	footer .footer-inner .email {
		font-size: 20px
	}

	footer .footer-inner .block {
		margin-bottom: 30px
	}
}

@media only screen and (max-width: 380px) {
	footer .footer-inner .email {
		font-size: 17px
	}
}

.wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 1290px;
	margin: 0 auto;
	padding: 20px;
	border-left: 1px solid #ccc7c6;
	padding-right: 0
}

.wrapper.tws-sidebar-layout {
	justify-content: space-between
}

.wrapper.tws-sidebar-layout > .post-left {
	width: 71%;
	border-bottom: 0
}

.wrapper.tws-sidebar-layout > .post-left .banner-media {
	width: 100%;
	border-bottom: 1px solid #ccc7c6;
	padding-bottom: 20px;
	margin-bottom: 20px
}

.wrapper.tws-sidebar-layout > .post-left .banner-media img {
	width: 100%;
	height: auto;
	max-height: 400px;
	object-fit: cover
}

.wrapper.tws-sidebar-layout > .post-right {
	width: 24%;
	padding: 20px;
	border-left: 1px solid #ccc7c6;
	border-top: 1px solid #ccc7c6;
	border-bottom: unset;
	margin-top: 60px;
	align-items: flex-start
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text h2 {
	font-size: 2.25rem;
	line-height: 2.625rem;
	margin-top: 2.625rem;
	margin-bottom: 1.125rem
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text h3 {
	font-size: 2rem;
	line-height: 2.2rem;
	margin-top: 2.625rem;
	margin-bottom: 1.125rem
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text {
	position: relative;
	padding-left: 60px
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text .yarpp-related {
	display: none
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text h4 {
	font-size: 1.8rem;
	line-height: 1.8rem;
	margin-top: 2.625rem;
	margin-bottom: 1.125rem
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text h5 {
	font-size: 1.6rem;
	line-height: 1.6rem;
	margin-top: 2.625rem;
	margin-bottom: 1.125rem
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text h6 {
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-top: 2.625rem;
	margin-bottom: 1.125rem
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text p {
	font-size: 1.25rem;
	line-height: 1.875rem;
	margin-bottom: 1.875rem;
	margin-left: 0;
	width: 100%;
	position: relative
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text p a {
	font-size: inherit
}

.banner {
	float: left;
	width: 100%
}

.banner img, .banner source {
	height: calc(100vh - 80px);
	object-fit: cover;
	filter: brightness(60%)
}

@media only screen and (max-width: 1350px) {
	.wrapper {
		margin-top: 0 !important
	}
}

.banner-area {
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	color: #ffffff;
	letter-spacing: 1.1px;
	text-align: center;
	vertical-align: middle
}

.banner-inner {
	width: 900px;
	margin: 0 auto
}

.banner-area h1 {
	font-size: 40px;
	margin-bottom: 40px
}

.banner-area p {
	font-size: 18px;
	margin-bottom: 40px
}

.banner-area a {
	padding: 10px 20px;
	font-size: 16px;
	border: solid 2px white;
	background: none;
	cursor: pointer;
	font-weight: 600;
	color: #ffffff;
	justify-content: center;
	text-align: center;
	position: relative;
	vertical-align: top;
	border-radius: 6px;
	box-shadow: none;
	display: inline-flex;
	-o-transition: transform .3s, box-shadow .3s
}

.banner-area a:hover {
	background: #581670;
	border: solid 2px white;
	color: white;
	background-image: linear-gradient(to right, #581670, #aa134c)
}

@media only screen and (max-width: 1100px) {
	.banner-inner {
		width: 100%;
		padding: 0 10%
	}
}

@media only screen and (max-width: 550px) {
	.banner-area p {
		display: none
	}
}

.text-area {
	float: left;
	width: 100%;
	text-align: center;
	padding: 90px 20%;
	color: #000000
}

.text-area h2 {
	font-size: 40px;
	margin-bottom: 40px;
	color: #353535
}

.text-area p {
	color: #353535;
	margin-bottom: 20px
}

.text-area a {
	color: #aa134c;
	font-weight: 600
}

.text-area a:hover {
	color: #151515
}

.text-area ul, .text-area ol {
	float: left;
	width: 100%;
	margin: 0;
	text-align: left
}

.text-area ol li {
	list-style-type: decimal
}

.text-area li {
	margin-bottom: 20px;
	font-size: 15px;
	list-style-type: disc
}

.text-area .button {
	padding: 10px 20px;
	font-size: 16px;
	border: solid 2px #581670;
	background: white;
	cursor: pointer;
	font-weight: 600;
	color: #353535;
	justify-content: center;
	text-align: center;
	position: relative;
	vertical-align: top;
	border-radius: 6px;
	box-shadow: none;
	display: inline-flex;
	-webkit-transition: -webkit-transform .3s, -webkit-box-shadow .3s;
	transition: -webkit-transform .3s, -webkit-box-shadow .3s;
	-o-transition: transform .3s, box-shadow .3s;
	transition: transform .3s, box-shadow .3s;
	transition: transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s
}

.wpcf7-mail-sent-ok {
	float: left;
	color: #aa134c;
	font-size: .9rem;
	font-weight: 500;
	width: 100%;
	margin-top: 20px
}

.text-area .button:hover {
	background: #581670;
	color: #ffffff;
	border: solid #ffffff 1px;
	background-image: linear-gradient(to right, #581670, #aa134c);
	-webkit-transform: translate3d(0, -2px, 0);
	transform: translate3d(0, -2px, 0)
}

@media only screen and (max-width: 1100px) {
	.text-area {
		padding: 90px
	}

	.text-area h2 {
		font-size: 30px
	}
}

@media only screen and (max-width: 600px) {
	.text-area {
		padding: 20px
	}

	.text-area h2 {
		font-size: 22px
	}
}

@media only screen and (max-width: 400px) {
	.text-area {
		padding: 50px 20px
	}
}

.portfolio {
	margin: 0;
	padding: 0
}

.portfolio li {
	float: left;
	width: 33.33333%;
	position: relative;
	overflow: hidden
}

.portfolio-page li {
	width: 100%;
	height: 400px
}

.portfolio li a {
	float: left;
	width: 100%;
	height: 400px
}

.portfolio li img, .portfolio li source {
	height: 400px;
	object-fit: cover;
	filter: brightness(0.7);
	transition: transform .8s
}

.portfolio li h6, .portfolio li h2 {
	color: #ffffff;
	text-align: left;
	font-size: 25px;
	width: 100%
}

.portfolio li p {
	color: #ffffff
}

.portfolio .port-text-area {
	position: absolute;
	bottom: 11px;
	text-align: left;
	left: 10px;
	width: 100%
}

.portfolio li:hover .port-text-area {
}

.portfolio li:hover img {
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	overflow: hidden;
	transform: scale(1.1)
}

@media only screen and (max-width: 1100px) {
	.portfolio li a {
		height: 300px
	}

	.portfolio li img {
		height: 300px
	}

	.portfolio-page li img {
		height: 400px
	}
}

@media only screen and (max-width: 700px) {
	.portfolio li a {
		height: 300px
	}

	.portfolio li img {
		height: 300px
	}

	.portfolio-page li img {
		height: 400px
	}

	.portfolio li {
		width: 100%
	}

	.portfolio .port-text-area {
		padding: 20px 20px 40px
	}
}

.cms-banner {
	height: 350px;
	position: relative;
	background: #581670;
	background-image: linear-gradient(to right, #581670, #aa134c)
}

.cms-banner img {
	height: 350px;
	object-fit: cover;
	filter: brightness(15%)
}

.cms-banner h1 {
	margin-bottom: 10px;
	text-transform: capitalize
}

.cms-banner h1 span {
	color: #581670
}

.cms-banner p {
	margin: 0;
	display: block !important
}

.portfolio-page li .left {
	float: left;
	width: 50%;
	overflow: hidden
}

.portfolio-page li .right {
	float: right;
	width: 50%;
	position: absolute;
	top: 50%;
	right: 0;
	padding: 40px;
	transform: translateY(-50%);
	color: #ffffff;
	letter-spacing: 1.1px;
	text-align: center;
	vertical-align: middle
}

.portfolio-page li .right h6, .portfolio-page li .right h2 {
	color: #000000;
	text-align: left;
	text-transform: unset;
	margin-bottom: 17px
}

.portfolio-page li .right h2 > a {
	width: unset;
	color: #000000;
	float: unset;
	font-size: 25px;
	height: unset
}

.portfolio-page li .right h2 > a:hover {
	color: #00a2aa
}

.portfolio-page li .right p {
	color: #000000;
	margin-bottom: 16px;
	text-align: left
}

.portfolio-page li:nth-of-type(2n) .left {
	float: right
}

.portfolio-page li:nth-of-type(2n) .right {
	float: left;
	left: 0
}

@media only screen and (max-width: 750px) {
	.portfolio-page li {
		height: unset
	}

	.portfolio-page li .left {
		width: 100%
	}

	.portfolio-page li .left img {
		height: unset;
		filter: brightness(100%)
	}

	.portfolio-page li .right {
		position: unset;
		width: 100%;
		float: left;
		top: unset;
		right: unset;
		transform: unset
	}
}

.portfolio-page {
	border-top: solid 1px #000000;
	font-size: 15px
}

.portfolio-page li img {
	filter: unset !important
}

.portfolio-page li img:hover {
	filter: unset !important
}

.portfolio .see-more {
	float: left;
	width: 100%;
	margin-top: 20px
}

.portfolio .see-more a {
	height: unset;
	display: inline-block;
	padding: 7px 25px;
	color: #000000;
	border: #000000 solid 1px;
	animation: load 1s;
	width: unset
}

.portfolio .see-more a:hover {
	background: #581670;
	border: #ffffff solid 1px;
	animation: load 1s;
	color: #ffffff;
	background-image: linear-gradient(to right, #581670, #aa134c)
}

.events-bar {
	padding: 0;
	float: left;
	width: 100%;
	color: #ffffff;
	padding: 40px 0;
	background: #581670;
	background-image: linear-gradient(to right, #581670, #aa134c)
}

.events-bar li {
	float: left;
	padding: 50px;
	width: 25%;
	text-align: center
}

.events-bar li i {
	display: block;
	font-size: 60px
}

.events-bar li .title {
	display: block;
	width: 100%;
	margin: 20px 0 5px;
	font-weight: 600;
	font-size: 23px;
	float: left
}

.events-bar li .insert {
	color: #ffffff;
	font-weight: 600;
	font-size: 16px
}

@media only screen and (max-width: 1000px) {
	.events-bar li {
		padding: 15px
	}
}

@media only screen and (max-width: 700px) {
	.events-bar li {
		padding: 30px;
		width: 50%
	}
}

@media only screen and (max-width: 560px) {
	.events-bar li {
		padding: 30px;
		width: 100%
	}

	.cms-banner h1 {
		font-size: 26px
	}
}

.events-map iframe {
	width: 100%;
	height: 300px;
	border: none
}

.contact {
	float: left;
	width: 100%
}

.main-contact-form {
	float: left;
	width: 100%;
	margin: 40px 0 0
}

.main-contact-form .half {
	float: left;
	width: 50%;
	text-align: left;
	padding: 0 30px;
	margin-bottom: 20px
}

.main-contact-form .full {
	float: left;
	width: 100%;
	text-align: left;
	padding: 0 30px
}

.main-contact-form .half label, .main-contact-form .full label {
	width: 100%;
	float: left;
	font-size: 16px
}

.main-contact-form .half input, .main-contact-form .full textarea {
	border: solid 1px #000000;
	float: left;
	width: 100%;
	margin-top: 6px;
	height: 40px
}

.main-contact-form .full textarea {
	height: 200px
}

.Send input {
	margin-top: 40px;
	border: solid #000000 1px;
	padding: 7px 25px;
	font-size: 18px;
	cursor: pointer
}

.Send input:hover {
	color: #ffffff;
	border: solid 1px #581670;
	background: #581670;
	background-image: linear-gradient(to right, #581670, #aa134c)
}

@media only screen and (max-width: 700px) {
	.main-contact-form .half {
		width: 100%
	}
}

.cat-page-date {
	float: left;
	margin-bottom: 20px;
	width: 100%
}

.cat-page-date span {
	height: unset;
	float: left;
	text-align: left;
	color: #000000;
	width: 100%
}

.cat-page-date span a {
	height: unset;
	float: unset;
	width: unset;
	color: #00a2aa
}

.cat-page-date span a:hover {
	text-decoration: underline
}

.pagination {
	float: left;
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	border-radius: 4px
}

.pagination a, .pagination span {
	background: #ffffff;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 10px 15px !important
}

.pagination span.current {
	border: solid #d0d0d0 1px;
	padding: 10px 15px !important
}

.pagination span {
	color: #000000;
	font-size: 16px
}

.pagination a {
	background: #ffffff;
	border: solid #c22400 1px;
	color: #c22400 !important;
	text-decoration: none
}

.pagination a:hover, .pagination span:hover {
	background: #8a8a8a
}

.cms-banner .post-metas .cats span {
	height: unset;
	font-size: 18px;
	margin-left: 11px
}

.cms-banner .post-metas .cats a {
	height: unset;
	border: unset;
	margin: 0;
	padding: 0
}

.cms-banner .post-metas .cats a:hover {
	background: unset;
	text-decoration: underline
}

.blog-content img {
	margin-bottom: 30px;
	width: 100%;
	box-shadow: 0 1px 4px rgba(41, 51, 57, .5);
	float: left;
	height: auto;
	-webkit-box-shadow: 0 1px 4px rgba(41, 51, 57, .5)
}

.blog-content p, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6, .blog-content div, .defult-page p, .defult-page h2, .defult-page h3, .defult-page h4, .defult-page h5, .defult-page h6 {
	text-align: left;
	float: left;
	width: 100%
}

.tws-disqus_thread {
	padding-top: 0
}

.blog-content {
	padding-bottom: 30px;
	position: relative
}

#disqus_thread {
	padding-top: 30px;
	border-top: solid 2px #0c1f2f;
	margin-top: 30px
}

.defult-page p, .defult-page h2, .defult-page h3, .defult-page h4, .defult-page h5, .defult-page h6 {
	margin-bottom: 20px
}

.add-animation {
	opacity: 0;
	filter: alpha(opacity=100)
}

@keyframes animation_frame {
	from {
		opacity: 0;
		filter: alpha(opacity=100);
		transform: scale(0.2)
	}
	to {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1)
	}
}

.add-animation {
	opacity: 0;
	filter: alpha(opacity=100)
}

@keyframes animation_frame {
	from {
		opacity: 0;
		filter: alpha(opacity=100);
		transform: scale(0.2)
	}
	to {
		opacity: 1;
		filter: alpha(opacity=100);
		transform: scale(1)
	}
}

@-webkit-keyframes animation_frame {
	from {
		opacity: 0;
		filter: alpha(opacity=100);
		-webkit-transform: scale(0.2)
	}
	to {
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transform: scale(1)
	}
}

.animationPage {
	opacity: 0;
	filter: alpha(opacity=100)
}

.animationPage.animationStart {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .8s cubic-bezier(0.420, 0.000, 1.000, 1.000);
	-moz-transition: all .8s cubic-bezier(0.420, 0.000, 1.000, 1.000);
	-o-transition: all .8s cubic-bezier(0.420, 0.000, 1.000, 1.000);
	transition: all .8s ease-in;
	-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
	-o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
	transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000)
}

@keyframes load {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.defult-page .sitemap h2 {
	text-align: left;
	font-size: 22px;
	color: #ffffff
}

.defult-page .sitemap h3 {
	margin-bottom: 0;
	font-size: 15px;
	color: #ffffff;
	font-weight: 600
}

.defult-page .sitemap ul {
	margin-top: 20px
}

.defult-page .sitemap ul li {
	color: #ffffff;
	float: left;
	width: 100%
}

.defult-page .sitemap ul li a {
	color: #ffffff
}

.defult-page .sitemap {
	padding: 40px;
	margin-bottom: 40px;
	background: #581670;
	background-image: linear-gradient(to right, #581670, #aa134c);
	float: left;
	width: 100%
}

.left .blog-img-link {
	height: unset
}

.portfolio li h6 > a {
	height: unset;
	float: unset;
	font-size: 25px;
	width: unset;
	color: #000000
}

.portfolio li h6 > a:hover {
	color: #581670
}

.main-contact-form .Send {
	display: block;
	float: left;
	width: 100%;
	text-align: center
}

.main-contact-form .Send .g-recaptcha {
	text-align: center;
	float: left;
	width: 100%
}

.main-contact-form .Send .g-recaptcha > div {
	width: 100% !important;
	margin-top: 30px
}

.tws-referral-page .text-area {
	padding: 0
}

.tws-referral-page .text-area .referral-options {
	padding: 0
}

.tws-referral-page .text-area .referral-options li {
	float: left;
	width: 100%;
	list-style-type: none;
	padding: 90px 15%;
	margin: 0;
	background: #581670;
	background-image: linear-gradient(to right, #581670, #aa134c)
}

.tws-referral-page .text-area .referral-options li img {
	filter: brightness(94%)
}

.tws-referral-page .text-area .referral-options li:nth-of-type(2n) {
	background: #ffffff
}

.tws-referral-page .text-area .referral-options li h1 {
	color: #ffffff;
	font-size: 30px;
	margin-bottom: 20px
}

.tws-referral-page .text-area .referral-options li h2 {
	color: #ffffff;
	font-size: 20px
}

.tws-referral-page .text-area .referral-options li p {
	color: #ffffff;
	line-height: 1.75
}

.tws-referral-page .text-area .referral-options > li .left {
	float: left;
	width: 50%;
	padding-right: 100px
}

.tws-referral-page .text-area .referral-options > li .right {
	float: right;
	width: 50%
}

.tws-referral-page .text-area .referral-options li:nth-of-type(2n) h2, .tws-referral-page .text-area .referral-options li:nth-of-type(2n) h3, .tws-referral-page .text-area .referral-options li:nth-of-type(2n) p, .tws-referral-page .text-area .referral-options li:nth-of-type(2n) h1 {
	color: #000000
}

.tws-referral-page .text-area .referral-options li:nth-of-type(2n) .left {
	float: right;
	padding-right: 0;
	padding-left: 100px
}

.tws-referral-page .contact .main-contact-form .left {
	float: left !important;
	text-align: left;
	width: 48% !important;
	display: block !important;
	padding-left: 0 !important;
	padding-right: 0 !important
}

.tws-referral-page .main-contact-form .right {
	float: right !important;
	width: 48% !important;
	display: block !important;
	text-align: left;
	padding-left: 0 !important;
	padding-right: 0 !important
}

.tws-referral-page .main-contact-form .left h4, .tws-referral-page .main-contact-form .right h4 {
	font-size: 16px;
	color: #1f3843;
	margin-bottom: 35px
}

.tws-referral-page .main-contact-form .left .full label, .tws-referral-page .main-contact-form .right .full label {
	font-size: 16px;
	color: #0c1f2f
}

.tws-referral-page .main-contact-form .left .full input, .tws-referral-page .main-contact-form .right .full input {
	height: 30px;
	font-size: 16px;
	background: none;
	border: none;
	border-bottom: solid 2px #0c1f2f;
	float: left;
	width: 100%;
	margin-top: 13px;
	padding: 10px 20px;
	font-weight: 300;
	line-height: 25px
}

.tws-referral-page .main-contact-form .left .full textarea, .tws-referral-page .main-contact-form .right .full textarea {
	height: 100px;
	float: left;
	border: none;
	width: 100% !important;
	border-bottom: solid 2px #1f3843;
	background: none !important;
	font-size: 16px !important
}

.tws-referral-page .main-contact-form .full {
	padding: 0;
	margin-bottom: 30px
}

.tws-referral-page .main-contact-form .Send p, .tws-referral-page .main-contact-form .Send .wpcf7-form-control-wrap {
	text-align: center;
	float: unset;
	width: unset
}

.tws-referral-page .main-contact-form .Send div {
	text-align: center
}

@media only screen and (max-width: 1200px) {
	.tws-referral-page .text-area .referral-options > li .left {
		display: none
	}

	.tws-referral-page .text-area .referral-options > li .right {
		width: 100%
	}

	.tws-referral-page .text-area .referral-options > li .right h2, .tws-referral-page .text-area .referral-options > li .right h3, .tws-referral-page .text-area .referral-options > li .right p {
		text-align: center
	}
}

@media only screen and (max-width: 820px) {
	.tws-referral-page .contact .main-contact-form .left {
		width: 100% !important;
		margin-bottom: 30px
	}

	.tws-referral-page .contact .main-contact-form .right {
		width: 100% !important
	}

	.tws-referral-page .text-area .referral-options li {
		padding: 60px 15%
	}
}

@media only screen and (max-width: 460px) {
	.g-recaptcha iframe {
		width: 100%
	}
}

@media only screen and (max-width: 550px) {
	.tws-referral-page .text-area .referral-options > li .left {
		display: block;
		width: 100%;
		margin-bottom: 30px;
		padding-right: 0 !important;
		padding-left: 0 !important
	}

	.tws-referral-page .text-area .referral-options li h2 {
		font-size: 20px
	}

	.tws-referral-page .text-area .referral-options li h3 {
		font-size: 17px
	}
}

.keyword-contact li {
	background: #eaeaea !important
}

.tws-referral-page .no-pad-top .keyword-table {
	padding-top: 0
}

.tws-referral-page .no-pad-bottom .keyword-table {
	padding-bottom: 60px
}

.row .keyword-table {
	padding: 90px 15%
}

.row .keyword-table .keyword-top {
	float: left;
	width: 10%;
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
	padding: 15px 20px;
	background: #0c1f2f
}

.row .keyword-table .keyword-top:nth-of-type(2) {
	width: 60%
}

.row .keyword-table .keyword-top:nth-of-type(4) {
	width: 10%
}

.row .keyword-table li {
	list-style-type: none;
	float: left;
	width: 100%;
	margin-bottom: 0;
	background: #efefef
}

.row .keyword-table li:nth-of-type(2n) {
	background: #efefef
}

.row .keyword-table li .keyword-div-05, .row .keyword-table li .keyword-div-1, .row .keyword-table li .keyword-div-2, .row .keyword-table li .keyword-div-3, .row .keyword-table li .keyword-div-4 {
	float: left;
	padding: 15px 20px;
	font-size: 12px;
	height: 47px;
	width: 10%
}

.row .keyword-table li .keyword-div-1 {
	width: 60%
}

.row .keyword-table li .keyword-div-4 {
	width: 10%
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .keyword-arrow {
	text-align: center
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .keyword-arrow::after {
	font-size: 21px;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	width: auto;
	text-align: center;
	height: auto;
	line-height: 19px;
	font-weight: 900;
	vertical-align: 4%;
	font-family: Font Awesome\ 5 Free
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .arrow-down::after {
	content: "\f107";
	color: #c30000
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .arrow-up::after {
	content: "\f106";
	color: #14af00
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .arrow-right::after {
	content: "\f021";
	color: #fcb900
}

.tws-referral-page .row .keyword-table li .keyword-div-4 .arrow-na::after {
	content: "\f06a";
	color: #c30000
}

.defult-page .keyword-h3 {
	text-align: left;
	margin-bottom: 40px;
	font-size: 30px
}

.tws-referral-page .row .keyword-table .analytic-1, .tws-referral-page .row .keyword-table .analytic-2, .tws-referral-page .row .keyword-table .analytic-3, .tws-referral-page .row .keyword-table .analytic-4, .tws-referral-page .row .keyword-table .analytic-5, .tws-referral-page .row .keyword-table .analytic-6 {
	width: 16.666666666% !important
}

.tws-referral-page .no-pad-top .keyword-table li {
	background: #efefef
}

.tws-referral-page .no-pad-top .keyword-table .check-li {
	background: #ffffff
}

.tws-referral-page .no-pad-top .keyword-table .check-li .left {
	float: left;
	background: #081e2f;
	height: 52px;
	overflow: hidden;
	color: #ffffff;
	width: 250px;
	font-weight: 600;
	font-size: 16px;
	padding: 15px 20px
}

.tws-referral-page .no-pad-top .keyword-table .check-li .right {
	float: left;
	width: calc(100% - 250px);
	height: 52px;
	background: #eaeaea;
	overflow: hidden
}

.tws-referral-page .no-pad-top .keyword-table .check-li .right .keyword-div-1 {
	height: 52px;
	line-height: 23px;
	width: calc(100% - 65px)
}

.tws-referral-page .no-pad-top .keyword-table .check-li .right .keyword-div-4 {
	float: right;
	height: 52px;
	width: 65px
}

.tws-referral-page .check-li .right .keyword-div-4 .keyword-table-col .keyword-arrow::after {
	font-size: 25px;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	width: auto;
	text-align: center;
	height: auto;
	line-height: 24px;
	font-weight: 900;
	vertical-align: 4%;
	font-family: Font Awesome\ 5 Free
}

.tws-referral-page .check-li .right .keyword-div-4 .keyword-table-col .Completed::after {
	content: "\f00c";
	color: #14af00
}

.tws-referral-page .check-li .right .keyword-div-4 .keyword-table-col .Not-Completed::after {
	content: "\f00d";
	color: #d40000
}

.tws-referral-page .key-notes {
	padding: 90px 15%;
	padding-top: 0
}

.tws-referral-page .key-notes p {
	text-align: left
}

@media only screen and (max-width: 1200px) {
	.row .keyword-table {
		padding: 50px 5%
	}

	.tws-referral-page .no-pad-top .keyword-table .check-li .left {
		width: 100%
	}

	.tws-referral-page .no-pad-top .keyword-table .check-li .right {
		width: 100%;
		height: unset
	}

	.tws-referral-page .no-pad-top .keyword-table .check-li .right .keyword-div-1 {
		height: unset
	}
}

@media only screen and (max-width: 900px) {
	.tws-referral-page .defult-page:nth-of-type(2) .keyword-h3::after {
		content: 'Your Browser is too small to view this keyword report,try viewing this page on ratio larger than 900px wide.';
		font-size: 15px;
		text-decoration: inherit;
		-webkit-font-smoothing: antialiased;
		display: inline;
		font-weight: 600;
		width: 100%;
		float: left;
		text-align: center;
		height: auto;
		margin-top: 10px
	}

	.tws-referral-page .defult-page:nth-of-type(3) .keyword-h3::after {
		content: 'Your Browser is too small to view your analytic stats,try viewing this page on ratio larger than 900px wide.';
		font-size: 15px;
		text-decoration: inherit;
		-webkit-font-smoothing: antialiased;
		display: inline;
		font-weight: 600;
		width: 100%;
		float: left;
		text-align: center;
		height: auto;
		margin-top: 10px
	}

	.tws-referral-page .row:nth-of-type(2) ul .keyword-top, .tws-referral-page .row:nth-of-type(2) ul li {
		display: none
	}

	.tws-referral-page .row:nth-of-type(3) ul .keyword-top, .tws-referral-page .row:nth-of-type(3) ul li {
		display: none
	}

	.tws-referral-page .row:nth-of-type(4) ul .keyword-top, .tws-referral-page .row:nth-of-type(4) ul li, .tws-referral-page .row:nth-of-type(4) ul {
		display: none
	}
}

.post-password-form {
	float: left;
	text-align: center;
	width: 100%;
	padding: 60px 15%;
	color: #ffffff;
	background: #581670;
	background-image: linear-gradient(to right, #581670, #aa134c)
}

.post-password-form p {
	font-weight: 600;
	margin-bottom: 30px
}

.new-tws-blog-page {
	padding: 0 12%;
	margin: 80px 0 60px;
	position: relative
}

.new-tws-blog-page li {
	float: left;
	width: 40%;
	margin-bottom: 30px;
	animation: load 1s;
	margin-right: 60%;
	-webkit-box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .05);
	box-shadow: 0 3px 8px 0 rgba(54, 57, 73, .05)
}

.new-tws-blog-page li:nth-of-type(1), .new-tws-blog-page li:nth-of-type(2) {
	opacity: 1 !important
}

.new-tws-blog-page li:nth-of-type(2n) {
	margin-right: 0;
	margin-left: 60%;
	margin-top: -248px
}

.new-tws-blog-page li a {
	float: left;
	width: 100%
}

.new-tws-blog-page li a img {
	float: left;
	object-fit: cover;
	animation: load 1s;
	height: 250px
}

.new-tws-blog-page li .blog-title {
	float: left;
	width: 100%;
	padding: 33px 30px;
	background: #ffffff
}

.new-tws-blog-page li .blog-title h2 {
	font-size: 1.3em;
	font-weight: 600;
	color: #0c1f30;
	line-height: 1.41667
}

.new-tws-blog-page li:hover {
	-webkit-box-shadow: 0 29px 60px 0 rgba(54, 57, 73, .09);
	box-shadow: 0 29px 60px 0 rgba(54, 57, 73, .09);
	animation: load 1s
}

.new-tws-blog-page::after {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #e4e8ed;
	position: absolute;
	top: 0;
	left: 50%;
	right: inherit;
	margin-left: -.5px
}

.pagination span:hover {
	background: #8a8a8a
}

@media only screen and (max-width: 1200px) {
	.new-tws-blog-page li {
		margin-bottom: 20px
	}

	.new-tws-blog-page li a img {
		height: 200px
	}

	.new-tws-blog-page li .blog-title {
		padding: 20px 33px
	}

	.new-tws-blog-page li .blog-title h2 {
		font-size: 1em
	}
}

@media only screen and (max-width: 1000px) {
	.new-tws-blog-page li {
		margin-bottom: 30px
	}

	.new-tws-blog-page li a img {
		height: 180px
	}
}

@media only screen and (max-width: 768px) {
	.new-tws-blog-page li {
		float: left;
		width: 100%;
		margin-bottom: 60px;
		margin-right: 0
	}

	.new-tws-blog-page li:nth-of-type(2n) {
		margin-right: 0;
		margin-left: 0;
		margin-top: 0
	}

	.new-tws-blog-page::after {
		display: none
	}

	.new-tws-blog-page li a img {
		height: unset
	}

	.new-tws-blog-page li .blog-title h2 {
		font-size: 1.5em
	}

	.new-tws-blog-page {
		padding: 10% 10% 0;
		margin-top: 0
	}
}

@media only screen and (max-width: 500px) {
	.new-tws-blog-page li .blog-title h2 {
		font-size: 1.2em
	}

	.new-tws-blog-page {
		padding: 3% 3% 0;
		margin-top: 0;
		margin-bottom: 30px
	}
}

.blog-menu-empty header {
	border-bottom: solid 1px #10202f
}

.blog-top-page {
	text-align: center;
	padding: 50px 10% 0 10%
}

.blog-top-page h1 {
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 2.5px
}

.blog-top-page p {
	padding: 20px;
	font-size: 17px
}

.tws-chi-cat {
	float: left;
	display: inline-block;
	width: 100%;
	margin-left: -200px;
	-webkit-transform: translateX(200px);
	-ms-transform: translateX(200px);
	transform: translateX(200px);
	width: 654px;
	z-index: 1;
	margin-top: 30px;
	position: relative
}

.tws-chi-cat a {
	padding: 13px 34px;
	background: #581670;
	color: #ffffff;
	border-radius: 30px;
	display: inline-block;
	margin: 0 10px 10px 0
}

.tws-chi-cat a:hover {
	background: #aa134c
}

@media only screen and (max-width: 550px) {
	.tws-chi-cat {
		display: none
	}

	.blog-top-page {
		background: #581670;
		background-image: linear-gradient(to right, #581670, #aa134c);
		padding: 50px
	}

	.blog-top-page h1 {
		color: #ffffff
	}
}

header .h-bar .h-nav nav ul li:nth-of-type(8) .menu-link-inner {
	color: #610374
}

.tws-chi-cat a:nth-of-type(2n) {
	background: #aa134c
}

.tws-chi-cat a:hover:nth-of-type(2n) {
	background: #581670
}

.blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5, .blog-content h6 {
	font-size: 24px;
	margin-bottom: 20px
}

.blog-content p img {
	margin-bottom: 0
}

@media screen and (min-width: 1024px) {
	body .crunchify-whatsapp {
		display: none !important
	}
}

body .blog-content .crunchify-social {
	display: none
}

body .crunchify-link {
	padding: 9px;
	color: #ffffff;
	float: left;
	font-size: 18px;
	margin-right: 2px;
	cursor: pointer;
	margin-top: 5px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 100%;
	border: none
}

body .crunchify-link:hover, .crunchify-link:active {
	color: #ffffff
}

body .crunchify-twitter {
	background: #00aced
}

body .crunchify-twitter:hover, .crunchify-twitter:active {
	background: #0084b4
}

body .crunchify-facebook {
	background: #3b5997
}

body .crunchify-facebook:hover, .crunchify-facebook:active {
	background: #2d4372
}

body .crunchify-googleplus {
	background: #d64937
}

body .crunchify-googleplus:hover, .crunchify-googleplus:active {
	background: #b53525
}

body .crunchify-buffer {
	background: #444444
}

body .crunchify-buffer:hover, .crunchify-buffer:active {
	background: #222222
}

body .crunchify-pinterest {
	background: #bd081c
}

body .crunchify-pinterest:hover, .crunchify-pinterest:active {
	background: #a21323
}

body .crunchify-linkedin {
	background: #0074a1
}

.crunchify-linkedin:hover, .crunchify-linkedin:active {
	background: #006288
}

body .crunchify-whatsapp {
	background: #43d854
}

body .crunchify-whatsapp:hover, .crunchify-whatsapp:active {
	background: #009688
}

body .crunchify-social {
	margin: 0;
	-webkit-font-smoothing: antialiased;
	font-size: 12px;
	z-index: 1;
	position: absolute;
	animation: load 2s;
	left: 0;
	width: 39px;
	top: 0
}

body .blog-content .hide-share {
	display: block !important
}

@media screen and (max-width: 1100px) {
	body .blog-content .crunchify-social {
		width: 52px
	}
}

@media screen and (max-width: 600px) {
	body .blog-content .crunchify-social {
		left: 0;
		bottom: 0;
		width: 100%;
		top: unset
	}

	body .crunchify-link {
		width: 20%;
		margin: 0
	}
}

body .tws-guide-img img {
	width: auto;
	max-width: 100%
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.certificates .slick-list {
	height: 100%;
	max-height: 400px
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
}

.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before, .slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.contract-page:nth-of-type(2) {
	background: #581670;
	background-image: linear-gradient(to right, #581670, #aa134c)
}

.contract-page:nth-of-type(2) h1 {
	font-size: 40px;
	color: #ffffff;
	margin-bottom: 10px
}

.contract-page:nth-of-type(2) span {
	color: #ffffff;
	font-weight: 600;
	font-size: 16px
}

.contract-page:nth-of-type(3) {
	padding: 90px 15%;
	background: #f5f5f5
}

.contract-page:nth-of-type(3) .contract-box {
	padding: 5%;
	background: #ffffff;
	-webkit-box-shadow: 0 29px 60px 0 rgba(54, 57, 73, .09);
	box-shadow: 0 29px 60px 0 rgba(54, 57, 73, .09)
}

.contract-page:nth-of-type(3) .contract-box .box-inner {
	float: left;
	margin-bottom: 30px;
	width: 100%
}

.contract-page:nth-of-type(3) .contract-box .box-inner h5 {
	margin: 0;
	margin-bottom: 10px
}

.contract-page:nth-of-type(3) .contract-box .box-inner ul li {
	color: #000000
}

.tws-disqus_thread iframe {
	width: 100% !important
}

body .wrapper .blog-content form {
	display: inline-block;
	width: 100%;
	text-align: center
}

body .wrapper .blog-content form p {
	text-align: center
}

body .wrapper .blog-content form .formkit-subheader {
	margin: 0
}

body .convert-unset {
	float: unset;
	display: inline
}

body .formkit-form .formkit-button > span, body .formkit-form .formkit-submit > span {
	background: #5b167a;
	background-image: linear-gradient(to right, #581670, #aa134c)
}

body .formkit-form .formkit-button > span:hover, body .formkit-form .formkit-submit > span:hover {
	background: #5b167a
}

.package-cta {
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: -65px
}

.package-cta a {
	border: none;
	margin: 0;
	padding: 0 0 5px
}

.package-cta a:hover {
	background: unset;
	border: none
}

.packages-content p {
	text-align: center
}

.packages-content h2 {
	text-align: center;
	font-size: 1.75rem
}

.packages-options {
	border-top: 1px solid #e5e5e5;
	text-align: center;
	padding: 90px 5%
}

.packages-options h3 {
	text-align: center;
	font-size: 1.75rem
}

.packages-options ul {
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	float: unset
}

.packages-options ul li {
	list-style: none;
	-webkit-flex: 1 1 33.33%;
	-ms-flex: 1 1 33.33%;
	flex: 1 1 33.33%;
	margin: 0;
	padding: 5rem 5rem 3rem;
	text-align: center;
	width: 33.33%
}

.packages-options ul li i {
	font-size: 4.6875rem;
	color: #581670
}

.packages-options ul li h4 {
	text-align: center;
	font-size: 1.5rem;
	margin: 15px 0;
	letter-spacing: 1px;
	font-weight: 300
}

.packages-options ul li p {
	text-align: center;
	margin: 0;
	font-size: 14px
}

@media only screen and (max-width: 600px) {
	.packages-content, .packages-options {
		padding: 50px 5%
	}
}

@media only screen and (max-width: 1024px) {
	.packages-options ul li {
		width: 50%;
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%
	}
}

@media only screen and (max-width: 640px) {
	.packages-options ul li {
		width: 100%;
		-webkit-flex: 1 1 100%;
		-ms-flex: 1 1 100%;
		margin: auto;
		flex: 1 1 100%;
		padding: 60px 0 0
	}
}

.packages {
	padding: 90px 10%;
	text-align: center;
	background: #f5f5f5
}

.packages .tws-packages {
	padding: 0;
	margin: 0
}

.packages .tws-packages > li {
	list-style: none;
	float: left;
	width: 30%;
	background: #ffffff;
	margin-right: 5%;
	-webkit-box-shadow: 0 29px 60px 0 rgba(54, 57, 73, .09);
	box-shadow: 0 29px 60px 0 rgba(54, 57, 73, .09)
}

.packages .tws-packages li:nth-of-type(3n) {
	margin-right: 0
}

.packages .tws-packages > li .inner {
	float: left;
	width: 100%
}

.packages .tws-packages > li .inner .pack-box {
	text-align: center;
	padding: 40px;
	color: #ffffff;
	background: #581670;
	background-image: linear-gradient(to right, #581670, #aa134c)
}

.packages .tws-packages > li .inner .pack-box:nth-of-type(2) {
	background: #ffffff;
	color: #000000;
	border-bottom: 2px solid #f5f5f5
}

.packages .tws-packages > li .inner .pack-box .price {
	text-align: center;
	font-size: 30px
}

.packages .tws-packages > li .inner .pack-box .price span {
	font-size: 30px;
	float: unset;
	color: #581670;
	font-weight: 500;
	letter-spacing: unset
}

.packages .tws-packages > li .inner .pack-box h5 {
	text-align: center;
	margin: 0;
	font-size: 1.75rem
}

.packages .tws-packages > li .inner .pack-box span {
	font-size: 10px;
	float: left;
	width: 100%;
	color: #949494;
	margin-top: -6px;
	letter-spacing: 2px
}

.packages .tws-packages > li .inner ul {
	padding: 50px;
	margin: 0
}

.packages .tws-packages > li .inner ul li {
	list-style: none;
	margin-bottom: 15px;
	font-weight: 600
}

.packages .tws-packages > li .inner .pack-box:nth-of-type(3) {
	background: #ffffff;
	color: #000000;
	border-top: 2px solid #f5f5f5
}

@media only screen and (max-width: 1100px) {
	.packages {
		padding: 50px 5%
	}

	.packages .tws-packages > li {
		width: 46%;
		margin-right: 8%;
		margin-bottom: 8%
	}

	.packages .tws-packages > li:nth-of-type(2) {
		margin-right: 0
	}

	.packages .tws-packages li:nth-of-type(3) {
		width: 100%
	}
}

@media only screen and (max-width: 550px) {
	.packages .tws-packages > li {
		width: 100%;
		margin-right: 0
	}
}

.defult-page .sitemap ul li:last-child {
	margin-bottom: 0
}

.tws-reviews {
	width: 100%
}

.tws-reviews ul, .tws-reviews .tws-review-ul {
	padding: 0
}

.tws-reviews ul li, .tws-reviews .tws-review-ul-li {
	padding: 14px
}

.tws-reviews .tws-review-ul-li .review-inner {
	background: #ffffff;
	padding: 30px;
	position: relative;
	border-radius: 10px;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2)
}

.tws-reviews .tws-review-ul-li h6 {
	text-align: right;
	margin-top: 13px;
	color: #581670;
	font-weight: 600;
	font-size: 21px
}

.tws-reviews .tws-review-ul-li span {
	text-align: right;
	float: right;
	font-size: 12px;
	font-weight: 600;
	font-style: italic
}

.tws-reviews .tws-review-ul-li .review-source::after {
	font-size: 30px;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	width: auto;
	position: absolute;
	left: -10px;
	top: 0;
	height: auto;
	background: none;
	color: #581670;
	line-height: 2px;
	font-weight: 900;
	font-family: Font Awesome\ 5 Brands
}

.tws-reviews ul li .facebook::after {
	content: "\f39e"
}

.tws-reviews ul li .Twitter::after {
	content: "\f099"
}

.tws-reviews ul li .Email::after {
	content: "\f0e0";
	font-family: Font Awesome\ 5 Free
}

.tws-reviews .tws-review-ul-li .Google::after {
	content: "\f1a0"
}

@media only screen and (max-width: 640px) {
	.tws-reviews ul li {
		width: 100%
	}
}

.tws-reviews .tws-review-ul-li .review-inner .review-text h4 {
	font-size: 1.5rem;
	line-height: 1.25;
	font-weight: 600;
	color: #000000;
	margin-bottom: .68em
}

.tws-reviews .tws-review-ul-li .review-inner .review-text p {
	text-align: left;
	font-style: italic
}

.seo-cta {
	background: #581670;
	background-image: linear-gradient(to right, #581670, #aa134c);
	padding: 45px;
	text-align: center;
	color: #ffffff
}

.seo-cta .cta-inner h4 {
	font-size: 1.75rem
}

.seo-cta .cta-inner h4 a {
	color: #ffffff;
	font-size: 1.75rem;
	font-weight: 600
}

.seo-cta .cta-inner h4 a:hover {
	color: #000000
}

.cms-banner-landing {
	background-image: url(https://web.archive.org/web/20220120162903im_/https://thewebsitespace.com/wp-content/uploads/2019/02/TWS-Team-Working-1.jpg);
	background-repeat: repeat;
	background-position: center center
}

.cms-banner-landing::before {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: rgba(88, 22, 112, 0.5)
}

#paac .cost-calculator-box label, #paac .cost-calculator-contact-box > .vc_row > label {
	text-align: left
}

.page-id-3088 .post-password-form {
	background: none
}

.page-id-3088 .post-password-form p {
	color: #353535
}

.page-id-3088 .post-password-form p input {
	width: 100%;
	padding: 1em;
	margin-top: 10px;
	border: none;
	background: #f8f8f8;
	font-size: inherit;
	box-shadow: unset;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2)
}

.page-id-3088 .post-password-form p:last-of-type > input {
	width: auto;
	font-weight: 600;
	padding-right: 50px;
	padding-left: 50px;
	color: #ffffff;
	cursor: pointer;
	background: #581670;
	background-image: linear-gradient(to right, #581670, #aa134c)
}

.page-id-3088 .post-password-form p:last-of-type > input:hover {
	opacity: .8
}

.tws-new-home {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 125px
}

.new-banner {
	max-width: 100%;
	justify-content: center;
	display: flex;
	width: 100%;
	overflow: hidden
}

.new-banner .banner-container {
	max-width: 1100px;
	width: 1140px;
	justify-content: center;
	align-items: center;
	display: flex;
	padding: 90px 0
}

.new-banner .banner-container .banner-content {
	width: 50%
}

.new-banner .banner-container .banner-media {
	width: 50%;
	position: relative
}

.new-banner .banner-container .banner-media img {
	border-radius: 50%;
	height: 550px;
	object-fit: cover
}

.new-banner .banner-container .banner-media video {
	border-radius: 50%;
	height: 550px;
	width: 100%;
	object-fit: cover
}

.new-banner .banner-container .banner-content h1 {
	padding-right: 20px;
	-ms-transform: translateX(200px);
	color: #000000;
	z-index: 1;
	position: relative;
	font-size: 4.25rem;
	letter-spacing: -2px;
	line-height: 1.1
}

.new-banner .banner-container .banner-content a {
	font-size: 1.125rem;
	margin-top: 2.26667rem;
	display: inline-block;
	line-height: 1.325rem;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #aa134c;
	border: 0;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 28px 0 transparent;
	box-shadow: 0 0 28px 0 transparent;
	color: #ffffff;
	cursor: pointer;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 500;
	height: 3.4rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.115rem;
	min-width: 180px;
	outline: 0;
	overflow: visible;
	padding: .56667rem 2.26667rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-o-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: normal
}

.new-banner .banner-container .banner-content a:hover {
	background-color: #581670;
	-webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 28px 0 rgba(0, 0, 0, .2);
	color: #ffffff;
	outline: 0;
	text-decoration: none
}

.new-banner .banner-container .banner-media .vid-overlay {
	width: 100%;
	height: 550px;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50%;
	background: #581670;
	opacity: .4
}

.page-container {
	max-width: 1100px;
	width: 1140px;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	color: #000000
}

.page-container h2 {
	font-size: 2.5rem;
	line-height: 1.25;
	font-weight: 600;
	color: #000000;
	margin-bottom: .68em
}

.page-container h3 {
	font-size: 2rem;
	font-weight: 600;
	color: #000000
}

.page-container p {
	margin-bottom: 14px;
	color: #4a4a4a;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.45
}

.page-container p a {
	color: #aa134c;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.45
}

.page-container p:last-of-type {
	margin-bottom: 0
}

.page-container .button {
	font-size: 1.125rem;
	margin-top: 2.26667rem;
	display: inline-block;
	line-height: 1.325rem;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #aa134c;
	border: 0;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 28px 0 transparent;
	box-shadow: 0 0 28px 0 transparent;
	color: #ffffff;
	cursor: pointer;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 500;
	height: 3.4rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.115rem;
	min-width: 180px;
	outline: 0;
	overflow: visible;
	padding: .56667rem 2.26667rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-o-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: normal
}

.page-container .button:hover {
	background-color: #581670;
	-webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 28px 0 rgba(0, 0, 0, .2);
	outline: 0;
	text-decoration: none
}

.section.portfolio-home {
	padding: 90px 0 0
}

@media only screen and (max-width: 1200px) {
	.page-container {
		width: 90%
	}

	.new-banner .banner-container {
		width: 100%;
		flex-wrap: wrap;
		padding: 0;
		position: relative
	}

	.new-banner .banner-container .banner-content h1 {
		width: 100%
	}

	.new-banner .banner-container .banner-content {
		width: 100%;
		overflow: hidden;
		padding: 90px 5%;
		text-align: center
	}

	.new-banner .banner-container .banner-media {
		position: absolute;
		top: 0;
		width: 100%;
		overflow: hidden
	}

	.new-banner .banner-container .banner-content a {
		z-index: 1
	}

	.new-banner .banner-container .banner-media video {
		border-radius: 0;
		height: 419px;
		filter: blur(3px)
	}

	.new-banner .banner-container .banner-media img {
		display: none
	}
}

@media only screen and (max-width: 768px) {
	.new-banner .banner-container .banner-content h1 {
		font-size: 3rem
	}

	.page-container h2 {
		font-size: 2rem
	}

	.page-container p, .page-container p a {
		font-size: 1.1rem
	}

	.section.portfolio-home ul > li {
		width: 100%
	}

	.page-container .page-text-section h3 {
		font-size: 1.5rem !important
	}
}

.section.padding {
	padding: 90px 0
}

.section.no-pad-top {
	padding-top: 0 !important
}

.section.no-pad-bot {
	padding-bottom: 0 !important
}

.section {
	width: 100%
}

.page-container .top-row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px
}

.page-container .button-2 {
	margin-top: 0;
	background: unset;
	color: #aa134c;
	font-weight: 600;
	border: 0;
	padding: 0;
	height: auto;
	min-width: auto;
	width: auto;
	font-size: 1.1rem
}

.page-container .button-2:after {
	font-size: 100%;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	width: auto;
	height: auto;
	line-height: 2px;
	margin-top: 3px;
	font-weight: 900;
	vertical-align: 4%;
	font-family: Font Awesome\ 5 Free;
	content: "\f061";
	margin-left: 7px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.page-container .button-2:hover {
	box-shadow: unset;
	-webkit-box-shadow: unset;
	background: none
}

.page-container .button-2:hover:after {
	-webkit-transform: translateX(.26667rem);
	-ms-transform: translateX(.26667rem);
	transform: translateX(.26667rem)
}

.responsive, .responsive-reviews, .certificates {
	position: relative
}

.responsive > button, .responsive-reviews > button, .certificates > button {
	cursor: pointer !important;
	text-align: center !important;
	background: white;
	line-height: 1 !important;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	z-index: 1;
	border-radius: 50% !important;
	font-size: 0;
	width: 48px;
	height: 48px;
	border: none;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2)
}

.responsive > button.slick-prev, .responsive-reviews > button.slick-prev, .certificates > button.slick-prev {
	left: -20px
}

.responsive > button.slick-next, .responsive-reviews > button.slick-next, .certificates > button.slick-next {
	right: -20px
}

.responsive > button:after, .responsive-reviews > button:after, .certificates > button:after {
	font-size: 18px;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	width: auto;
	height: auto;
	font-weight: 900;
	vertical-align: 4%;
	font-family: Font Awesome\ 5 Free;
	margin-left: -2px
}

.responsive > button.slick-next:after, .responsive-reviews > button.slick-next:after, .certificates > button.slick-next:after {
	content: "\f054";
	margin-left: 2px
}

.responsive > button.slick-prev:after, .certificates > button.slick-prev:after, .responsive-reviews > button.slick-prev:after {
	content: "\f053"
}

.responsive > button.slick-disabled, .certificates > button.slick-disabled, .responsive-reviews > button.slick-disabled {
	display: none !important
}

.responsive .slick-slide {
	padding: 0 7px
}

.responsive .slick-slide, .responsive .slick-slide .work, .responsive .slick-slide .work > a, .responsive .slick-slide .work a img {
	height: 350px;
	border-radius: 10px;
	display: block
}

.certificates .slick-slide, .certificates .slick-slide .work, .certificates .slick-slide .work > a, .certificates .slick-slide .work a img {
	height: 100%;
	border-radius: 0;
	display: block
}

.responsive .slick-slide .work a img {
	object-fit: cover;
	filter: brightness(0.7)
}

.certificates .slick-slide .work a img {
	object-fit: cover;
	filter: brightness(1)
}

.responsive .slick-slide .work {
	position: relative;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2)
}

.responsive .slick-slide .work > .port-text-area {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	padding: 20px
}

.responsive .slick-slide .work > .port-text-area a {
	color: #ffffff;
	background: none
}

.responsive .slick-slide .work > .port-text-area a:nth-of-type(1) {
	font-weight: 600;
	margin-bottom: 8px;
	letter-spacing: .1em;
	line-height: unset
}

.responsive .slick-slide .work > .port-text-area a:nth-of-type(1) > h6 {
	font-size: 1.2rem
}

.responsive .slick-slide .work > .port-text-area .button-2 {
	font-size: .9rem;
	justify-content: unset;
	font-weight: 600
}

.page-container .services-inner {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	align-items: start
}

.page-container .services-inner > .work {
	width: 33.333%;
	padding: 7px;
	position: relative
}

.page-container .services-inner > .work:nth-of-type(1) {
	width: 66.6666%
}

.page-container .services-inner > .work > a, .page-container .services-inner > .work a img {
	height: 250px;
	border-radius: 10px;
	display: block
}

.page-container .services-inner > .work > a {
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2)
}

.services-inner > .work a img {
	object-fit: cover;
	filter: brightness(0.7)
}

.page-container .services-inner > .work .port-text-area {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: left;
	padding: 20px
}

.page-container .services-inner > .work .port-text-area a, .page-container .services-inner > .work .port-text-area h6, .page-container .services-inner > .work .port-text-area .button-2 {
	color: #ffffff;
	background: none
}

.page-container .services-inner > .work .port-text-area h6:nth-of-type(1) {
	font-weight: 600;
	margin-bottom: 8px;
	letter-spacing: .1em;
	line-height: unset
}

.page-container .services-inner > .work .port-text-area h6 {
	font-size: 1.2rem
}

.page-container .services-inner > .work .port-text-area .button-2 {
	font-size: .9rem;
	justify-content: unset;
	font-weight: 600
}

.page-container .services-inner > .work:nth-of-type(1) > a, .page-container .services-inner > .work:nth-of-type(1) a img {
	height: 514px
}

.page-container .services-inner > .work:nth-of-type(3) {
	position: absolute;
	right: 0;
	top: 264px
}

@media only screen and (max-width: 1100px) {
	.page-container .services-inner > .work:nth-of-type(1) {
		width: 33.3333%
	}

	.page-container .services-inner > .work:nth-of-type(1) > a, .page-container .services-inner > .work:nth-of-type(1) a img {
		height: 250px
	}

	.page-container .services-inner > .work:nth-of-type(3) {
		position: relative;
		top: unset;
		right: unset
	}
}

@media only screen and (max-width: 820px) {
	.page-container .services-inner > .work {
		width: 50% !important
	}
}

@media only screen and (max-width: 550px) {
	.page-container .services-inner > .work {
		width: 100% !important
	}

	.page-container .top-row {
		flex-direction: column;
		justify-content: left;
		align-items: start;
		margin-left: 10px
	}

	.page-container .top-row h3 {
		margin-bottom: 12px
	}

	.page-container h3 {
		font-size: 1.6rem
	}

	.section.padding {
		padding: 70px 0
	}
}

header .h-bar .h-nav nav > ul > li:last-of-type {
	display: none
}

@media only screen and (min-width: 1351px) {
	header .h-bar .h-nav nav > ul {
		align-items: center
	}

	header .h-bar .h-nav nav > ul > li {
		padding: 0;
		line-height: unset;
		margin: 0
	}

	header .h-bar .h-nav nav > ul > li:last-of-type {
		display: inline-block
	}

	header .h-bar .h-nav nav > ul > li:last-of-type > a {
		font-size: 17px;
		color: #581670
	}

	header .h-bar .h-nav > nav > ul > li > a {
		padding: 10px 18px;
		height: 80px;
		transition: background .2s linear;
		display: block;
		line-height: 60px
	}

	header .h-bar .h-nav nav > ul > li ul {
		box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2)
	}

	header .h-bar .h-nav > nav > ul > li > a:hover {
		background: #f9f9f9
	}

	header .h-bar .h-nav nav > ul > li:nth-of-type(5) {
		height: unset;
		margin-left: 10px
	}

	header .h-bar .h-nav nav > ul > li:nth-of-type(8) > a {
		height: unset;
		background: #aa134c;
		box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
		color: #ffffff !important;
		font-size: 15px;
		line-height: unset;
		display: inline-block;
		-webkit-tap-highlight-color: transparent;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #aa134c;
		border: 0;
		border-radius: 30px;
		cursor: pointer;
		outline: 0;
		overflow: visible;
		padding: 15px 40px;
		text-align: center;
		-webkit-transition: all .4s cubic-bezier(.9, .1, .1, .9);
		-o-transition: all .4s cubic-bezier(.9, .1, .1, .9);
		transition: all .4s cubic-bezier(.9, .1, .1, .9);
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		vertical-align: middle;
		white-space: normal;
		margin-top: -3px
	}

	header .h-bar .h-nav nav > ul > li:nth-of-type(8) > a.text-underline-css:before {
		display: none
	}

	header .h-bar .h-nav nav > ul > li:nth-of-type(8) > a:hover {
		background-color: #581670
	}
}

.new-banner .banner-container .banner-content p {
	color: #000000;
	font-size: 1.2rem;
	font-weight: 500;
	margin-top: 20px
}

.page-container .page-text-section h3 {
	font-size: 2rem;
	line-height: 1.25;
	font-weight: 600;
	color: #000000;
	margin-bottom: .68em
}

.new-banner .banner-container .banner-content form {
	font-size: 1.2rem;
	font-weight: 500;
	margin-top: 30px;
	margin-left: -200px;
	transform: translateX(200px);
	width: 654px;
	float: left;
	z-index: 1;
	position: relative
}

.new-banner .banner-container .banner-content form .main-title {
	width: 100%;
	margin-bottom: 0;
	color: #aa134c
}

.new-banner .banner-container .banner-content form .option {
	font-size: 1rem;
	color: #4a4a4a;
	width: 50%;
	float: left;
	margin-top: 10px
}

.new-banner .banner-container .banner-content form .option:nth-of-type(4) {
	width: auto;
	margin-top: 15px
}

.new-banner .banner-container .banner-content form .option:nth-of-type(4) input {
	-webkit-tap-highlight-color: transparent;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #aa134c;
	border: 0;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 28px 0 transparent;
	box-shadow: 0 0 28px 0 transparent;
	color: #ffffff;
	cursor: pointer;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 400;
	height: 3.4rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.115rem;
	min-width: 180px;
	outline: 0;
	overflow: visible;
	padding: .56667rem 2.26667rem;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-o-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: normal
}

.new-banner .banner-container .banner-content form .option:nth-of-type(4) input:hover {
	background-color: #581670;
	-webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 28px 0 rgba(0, 0, 0, .2);
	color: #ffffff;
	outline: 0;
	text-decoration: none
}

.new-banner .banner-container .banner-content form .option.input-box span {
	width: 100%
}

.new-banner .banner-container .banner-content form .option.input-box span input {
	width: 95%;
	border: solid 2px #aa134c;
	border-radius: 30px;
	font-size: 1rem;
	font-weight: 400;
	height: 3.4rem;
	padding: 20px
}

@media only screen and (max-width: 1200px) {
	.new-banner .banner-container .banner-content form {
		width: 100%;
		margin-left: unset;
		transform: unset;
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}

	.new-banner .banner-container .banner-content form .option:nth-of-type(4) {
		margin-top: 20px
	}

	.new-banner .banner-container .banner-content form .option.input-box span input {
		border-radius: 30px
	}
}

@media only screen and (max-width: 750px) {
	.new-banner .banner-container .banner-content form .option {
		width: 100%;
		margin-top: 10px !important
	}
}

.banner-input .screen-reader-response {
	display: none
}

.banner-input .wpcf7-response-output.wpcf7-validation-errors {
	float: left;
	color: #aa134c;
	font-size: .9rem;
	font-weight: 500;
	width: 100%;
	margin-top: 20px
}

.new-banner .banner-container .banner-content form .option.input-box span .wpcf7-not-valid-tip {
	display: none
}

.responsive.strategy .slick-slide .work {
	-moz-box-shadow: unset;
	padding: 29px
}

.responsive.strategy .slick-slide .work, .responsive .slick-slide, .responsive.strategy .slick-slide .work > .inner {
	height: inherit !important
}

.responsive.strategy .slick-track {
	display: flex;
	justify-content: stretch;
	align-items: stretch;
	padding-bottom: 10px;
	align-content: stretch
}

.responsive.strategy .slick-slide > div {
	height: 100%
}

.responsive.strategy .slick-slide .work > .inner {
	text-align: left
}

.responsive.strategy .slick-slide .work > .inner i {
	color: #581670;
	font-size: 3rem;
	margin-bottom: 25px
}

.responsive.strategy .slick-slide .work > .inner > .port-text-area {
	width: 100%
}

.responsive.strategy .slick-slide .work > .inner > .port-text-area h6 {
	font-size: 1.2rem;
	font-weight: 600;
	margin-bottom: 8px;
	letter-spacing: .1em;
	line-height: unset
}

.responsive.strategy .slick-slide .work > .inner > .port-text-area .s-text {
	color: #4a4a4a;
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.45
}

.section > .team {
	padding: 0;
	display: flex;
	margin: 0;
	flex-wrap: wrap;
	justify-content: space-between
}

.section > .team > li {
	width: 49%;
	box-shadow: 2px 2px 20px 1px rgba(0, 0, 0, 0.28) !important;
	position: relative;
	height: 470px
}

.section > .team > li img {
	object-fit: cover;
	height: 470px;
	filter: brightness(0.8)
}

.section > .team > li h6 {
	font-size: 33px;
	font-weight: 600;
	position: absolute;
	color: white;
	padding: 0 30px;
	top: 50%;
	transform: translateY(-50%);
	width: 100%
}

.section > .team > li h6 > span, .section > .team > li h6 > span > p {
	width: 100%;
	display: block;
	color: white;
	padding: 0;
	margin: 0;
	margin-bottom: 0 !important
}

.section > .team > li p {
	padding: 0 30px
}

.section > .team > li p:last-of-type {
	margin-bottom: 30px
}

@media only screen and (max-width: 1024px) {
	.section > .team > li {
		width: 100%;
		margin-bottom: 30px
	}

	.section > .team > li:last-of-type {
		margin-bottom: 0
	}
}

@media only screen and (max-width: 650px) {
	.section > .team > li, .section > .team > li img {
		height: 370px
	}
}

.sitemap-area .sitemap {
	margin-bottom: 50px
}

.sitemap-area .sitemap:last-of-type {
	margin-bottom: 0
}

.sitemap-area .sitemap h2 {
	font-size: 1.8em
}

.sitemap-area .sitemap > ul {
	padding: 0;
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: stretch;
	align-items: stretch;
	flex-direction: column;
	align-content: stretch
}

.sitemap-area .sitemap ul li {
	margin: 5px;
	display: inline-block
}

.sitemap-area .sitemap ul li a {
	background-color: #aa134c;
	border: 0;
	border-radius: 30px;
	padding: 20px 40px;
	display: inline-flex;
	-webkit-box-shadow: 0 0 28px 0 transparent;
	box-shadow: 0 0 28px 0 transparent;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 500
}

.sitemap-area .sitemap ul li > ul {
	display: flex;
	padding: 0;
	flex-wrap: wrap;
	flex-direction: column
}

.sitemap-area .sitemap ul li > ul > li {
	margin-left: 0;
	margin-right: 0
}

.sitemap-area .sitemap ul li.page_item_has_children > a {
	margin-bottom: 5px
}

.sitemap-area .sitemap ul li h3 {
	display: none
}

.sitemap-area .sitemap ul li a:hover {
	background-color: #581670;
	-webkit-box-shadow: 0 0 28px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 28px 0 rgba(0, 0, 0, .2);
	outline: 0;
	text-decoration: none
}

.mapbox iframe {
	height: 500px
}

@media only screen and (max-width: 524px) {
	.new-banner .banner-container .banner-content a.b-2 {
		margin-top: 14px
	}
}

input {
	-webkit-appearance: none
}

.new-banner .banner-container .banner-content p.author a {
	background: none;
	color: #aa134c;
	padding: 0;
	height: unset;
	width: auto;
	font-size: inherit;
	margin: 0;
	min-width: unset;
	font-weight: inherit
}

.new-banner .banner-container .banner-content p.author a:hover {
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none
}

.page-container .post-content h2, .page-container .post-content h3, .page-container .post-content h4, .page-container .post-content h5, .page-container .post-content h6 {
	line-height: 1.25;
	font-weight: 600;
	color: #000000;
	margin-bottom: .68em
}

.page-container .post-content h2 {
	font-size: 2.4rem
}

.page-container .post-content h3 {
	font-size: 2.2rem
}

.page-container .post-content h4 {
	font-size: 2rem
}

.page-container .post-content h5 {
	font-size: 1.8rem
}

.page-container .post-content h6 {
	font-size: 1.6rem
}

.page-container .post-content ul, .page-container .post-content ol {
	margin: 0;
	color: #4a4a4a;
	font-weight: 400;
	font-size: 1.2rem;
	margin-bottom: 15px;
	line-height: 1.45
}

.page-container .post-content ul li, .page-container .post-content ol li {
	color: #4a4a4a;
	font-weight: 400;
	font-size: 1.2rem;
	margin-bottom: 15px;
	line-height: 1.45
}

.page-container .post-content ul li a, .page-container .post-content ol li a {
	color: #aa134c;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.45
}

.page-container .post-content ul li:last-of-type, .page-container .post-content ol li:last-of-type {
	margin-bottom: 0
}

.page-container .post-content ul li {
	list-style-type: disc
}

.page-container .post-content ol li {
	list-style-type: decimal
}

@media only screen and (max-width: 1200px) {
	.new-banner.post-banner .banner-container .banner-media {
		position: unset;
		top: 0;
		width: 100%;
		overflow: hidden
	}

	.new-banner.post-banner .banner-container .banner-media img {
		display: block;
		padding: 0 5%;
		height: auto;
		border-radius: 0;
		padding-bottom: 40px
	}

	.new-banner.post-banner .banner-container .banner-content {
		padding-bottom: 40px
	}
}

.post-content img {
	height: auto
}

.new-banner .banner-container .banner-content .tws-chi-cat a {
	margin-top: 0
}

.section.blog-cat-section {
	display: flex;
	flex-direction: column
}

.section.blog-cat-section > div {
	width: 100%;
	margin-bottom: 4rem
}

.section.blog-cat-section > div > a:nth-of-type(1) {
	width: 100%;
	padding: 0 50px;
	display: block;
	height: auto;
	margin-bottom: 1.8rem
}

.section.blog-cat-section > div > a:nth-of-type(1) h2 {
	margin-bottom: 0
}

.section.blog-cat-section > div > a:nth-of-type(2) {
	width: 100%;
	max-width: 100%;
	display: block
}

.section.blog-cat-section > div > a:nth-of-type(2), .section.blog-cat-section > div > a:nth-of-type(2) img {
	max-height: 400px
}

.section.blog-cat-section > div > a:nth-of-type(2) img {
	height: auto;
	object-fit: cover
}

.section.blog-cat-section > div > a:nth-of-type(1) time {
	color: #737373;
	font-size: 16px;
	font-weight: 600
}

.section.blog-cat-section > div > .content {
	width: 100%;
	padding: 30px 50px;
	display: block
}

.section.blog-cat-section > div > .cat-more {
	margin-left: 50px;
	background: #aa134c;
	font-size: 15px;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	color: #ffffff !important;
	line-height: unset;
	display: inline-block;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-align: center;
	border-radius: 30px;
	cursor: pointer;
	outline: 0;
	overflow: visible;
	padding: 15px 40px;
	text-align: center;
	-webkit-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-o-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: normal;
	margin-top: -3px
}

.section.blog-cat-section > div > .cat-more:hover {
	background-color: #581670
}

@media only screen and (max-width: 768px) {
	.section.blog-cat-section > div > a:nth-of-type(1) {
		padding: 0
	}

	.section.blog-cat-section > div > .content {
		padding: 30px 0
	}

	.section.blog-cat-section > div > .cat-more {
		margin-left: 0
	}
}

.wrapper .payment-button {
	height: unset;
	background: #aa134c;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	color: #ffffff !important;
	font-size: 15px;
	line-height: unset;
	display: inline-block;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #aa134c;
	border: 0;
	border-radius: 30px;
	cursor: pointer;
	outline: 0;
	overflow: visible;
	padding: 15px 40px;
	text-align: center;
	-webkit-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-o-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: normal;
	margin-top: 20px
}

.wrapper .payment-button:hover {
	background-color: #581670
}

.wrapper .banner-container .payment-button {
	margin-top: 20px
}

.question-answers .accordion {
	background-color: unset;
	color: #353535;
	cursor: pointer;
	padding: 18px 0;
	width: 100%;
	border: none;
	text-align: left;
	border-bottom: solid 1.3px #e2e2e2;
	outline: none;
	font-size: 1.3rem;
	transition: .4s;
	font-weight: 500
}

.question-answers .active, .accordion:hover {
	background-color: #ffffff;
	color: #aa134c
}

.question-answers .active {
	margin-bottom: 20px
}

.question-answers .panel {
	padding: 0 18px;
	background-color: #ffffff;
	max-height: 0;
	margin-bottom: 20px;
	overflow: hidden;
	padding-right: 0;
	padding-left: 0;
	transition: max-height .2s ease-out
}

.question-answers .accordion::after {
	font-size: 1.3rem;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	color: inherit;
	width: auto;
	height: auto;
	float: right;
	font-weight: 900;
	font-family: Font Awesome\ 5 Free;
	content: "\f067"
}

.grecaptcha-badge {
	display: none !important
}

@media screen and (max-width: 750px) {
	.certificates .slick-list {
		max-height: 415px
	}
}

.mc-bus-contact .mc-bis-con-area {
	float: left;
	margin-bottom: 30px;
	width: 100%;
	padding: 50px;
	background: #f9f9f9
}

.mc-bus-contact .mc-bis-con-area > h4 {
	font-size: 2rem;
	margin-bottom: 22px;
	font-weight: 500
}

.mc-bus-contact .mc-bis-con-area > p, .mc-bus-contact .mc-bis-con-area .half > label {
	margin-bottom: 20px;
	margin-bottom: 0
}

.mc-bus-contact .mc-bis-con-area .half {
	padding: 0;
	margin-bottom: 20px;
	width: 100%
}

.mc-bus-contact .mc-bis-con-area .half label {
	font-size: 15px;
	margin-bottom: 0
}

.mc-bus-contact .main-contact-form .half input, .mc-bus-contact .main-contact-form .half textarea {
	border-radius: 3px;
	border: solid 1px #d4d4d4;
	float: left;
	padding: 17px;
	width: 100%;
	margin-top: 10px;
	font-size: 16px !important;
	background: white;
	height: 40px
}

.mc-bus-contact .main-contact-form .half .wpcf7-not-valid-tip {
	color: #ffffff;
	background: #a9124c;
	padding: 10px;
	float: left;
	font-size: 12px;
	width: 100%
}

.mc-bus-contact .main-contact-form .half textarea {
	height: auto
}

.mc-bus-contact .main-contact-form .half select {
	border-radius: 3px;
	border: solid 1px #d4d4d4;
	float: left;
	width: 100%;
	margin-top: 10px;
	font-size: 16px !important;
	background: white;
	height: 40px
}

.mc-bus-contact .mc-bis-con-area .half .wpcf7-checkbox {
	display: flex;
	float: left;
	flex-direction: column
}

.mc-bus-contact .mc-bis-con-area .half .wpcf7-checkbox .wpcf7-list-item {
	width: 100%;
	margin-bottom: 10px;
	display: flex;
	align-items: center
}

.mc-bus-contact .mc-bis-con-area .half .wpcf7-checkbox .wpcf7-list-item input {
	float: unset;
	width: unset;
	margin-right: 14px;
	height: unset
}

.mc-bus-contact .mc-bis-con-area .half .wpcf7-checkbox .wpcf7-list-item span {
	font-size: 16px;
	margin: 0;
	font-weight: 300;
	color: #1f1f1f;
	margin-top: 4px
}

.mc-bus-contact .main-contact-form .img-up input {
	border: none;
	background: none;
	height: unset;
	margin-bottom: 20px
}

.mc-bus-contact .Send input {
	height: unset;
	background: #aa134c;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
	color: #ffffff !important;
	font-size: 15px;
	line-height: unset;
	display: inline-block;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #aa134c;
	border: 0;
	border-radius: 30px;
	cursor: pointer;
	outline: 0;
	overflow: visible;
	padding: 15px 40px;
	text-align: center;
	-webkit-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-o-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: normal;
	margin-top: -3px
}

.mc-bus-contact .Send input:hover {
	background-color: #581670
}

@media only screen and (max-width: 768px) {
	.mc-bus-contact .mc-bis-con-area {
		padding: 5%
	}
}

.mc-bus-contact .send-text {
	text-align: center;
	margin-top: 10px;
	display: block;
	float: left;
	width: 100%
}

.mc-bus-contact .wpcf7-response-output {
	text-align: center;
	margin-top: 10px;
	float: left;
	width: 100%
}

.mc-bus-contact .screen-reader-response {
	display: none
}

footer .footer-inner .phone {
	height: unset;
	background: #aa134c;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
	color: #ffffff !important;
	font-size: 15px;
	line-height: unset;
	display: inline-block;
	-webkit-tap-highlight-color: transparent;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #aa134c;
	border: 0;
	border-radius: 30px;
	cursor: pointer;
	outline: 0;
	overflow: visible;
	padding: 15px 40px;
	text-align: center;
	-webkit-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-o-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
	white-space: normal;
	font-weight: 600;
	margin: 10px 0
}

footer .footer-inner .phone:hover {
	background-color: #581670
}

footer .footer-inner .address {
	font-size: 1.1rem;
	margin-bottom: 16px;
	font-weight: 500
}

footer .footer-inner .address > .bold {
	font-weight: 600;
	color: black
}

@media only screen and (max-width: 680px) {
	footer .footer-inner .address > .bold {
		width: 100%;
		margin-bottom: 4px;
		font-size: 1.3rem;
		display: block;
		text-align: center
	}
}

.section > .team > li {
	margin-bottom: 2%
}

.tws-notice {
	background: #aa134c;
	width: 100%;
	padding: 11px;
	text-align: center;
	top: 80px;
	float: left;
	position: absolute;
	z-index: 1
}

.tws-notice > a {
	color: white;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.45
}

.tws-notice > a > i {
	margin-right: 10px
}

.tws-notice > a:hover {
	color: #d8d8d8
}

@media only screen and (max-width: 1350px) {
	.tws-notice {
		z-index: 999999999999999
	}
}

.page-id-3802 header, .page-id-3802 .tws-notice, .page-id-3802 footer {
	display: none
}

.page-id-3802 .section.flossie {
	text-align: center;
	margin-bottom: 125px
}

.page-id-3802 .section.flossie > h2 {
	color: #bf57a8;
	font-size: 4em
}

.page-id-3802 .section.flossie > p {
	color: #884d7b;
	font-size: 1.5rem;
	font-weight: 500
}

.page-id-3802 .section.flossie iframe {
	width: 100%;
	height: 619px;
	margin-top: 30px;
	border: none
}

.flos-gal {
	margin-top: 2%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.flos-gal > img {
	width: 49%;
	margin-bottom: 2%;
	height: 430px;
	object-fit: cover
}

.page-id-3802 .tballoon {
	display: inline-block;
	text-align: center;
	width: 120px;
	height: 145px;
	background: hsl(215, 50%, 65%);
	border-radius: 80%;
	position: relative;
	box-shadow: inset -10px -10px 0 rgba(0, 0, 0, 0.07);
	margin: 20px 30px;
	transition: transform .5s ease;
	z-index: 10;
	animation: balloons 4s ease-in-out infinite;
	transform-origin: bottom center
}

@keyframes balloons {
	0%, 100% {
		transform: translateY(0) rotate(-4deg)
	}
	50% {
		transform: translateY(-25px) rotate(4deg)
	}
}

.tballoon:before {
	font-size: 20px;
	color: hsl(215, 30%, 50%);
	display: block;
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: -12px;
	z-index: -100
}

.tballoon:after {
	display: inline-block;
	top: 144px;
	position: absolute;
	height: 250px;
	width: 1px;
	margin: 0 auto;
	content: "";
	background: rgba(0, 0, 0, 0.2)
}

.tballoon:nth-child(2) {
	background: hsl(245, 40%, 65%);
	animation-duration: 3.5s
}

.tballoon:nth-child(2):before {
	color: hsl(245, 40%, 65%)
}

.tballoon:nth-child(3) {
	background: hsl(139, 50%, 60%);
	animation-duration: 3s
}

.tballoon:nth-child(3):before {
	color: hsl(139, 30%, 50%)
}

.tballoon:nth-child(4) {
	background: hsl(59, 50%, 58%);
	animation-duration: 4.5s
}

.tballoon:nth-child(4):before {
	color: hsl(59, 30%, 52%)
}

.tballoon:nth-child(5) {
	background: hsl(23, 55%, 57%);
	animation-duration: 5s
}

.tballoon:nth-child(5):before {
	color: hsl(23, 44%, 46%)
}

.flos-side-bal {
	position: fixed;
	left: 0;
	z-index: 2
}

.flos-side-bal.bal2 {
	right: 0;
	left: unset
}

.flos-side-bal.bal2 .tballoon:nth-child(1) {
	background: hsl(59, 50%, 58%);
	animation-duration: 4.5s
}

.flos-side-bal.bal2.tballoon:nth-child(1):before {
	color: hsl(59, 30%, 52%)
}

.flos-side-bal.bal2 .tballoon:nth-child(2) {
	background: hsl(23, 55%, 57%);
	animation-duration: 5s
}

.flos-side-bal.bal2.tballoon:nth-child(2):before {
	color: hsl(23, 44%, 46%)
}

.page-id-3802 .page-container {
	z-index: 9999
}

@media only screen and (max-width: 1350px) {
	.page-id-3802 .tws-new-home {
		margin-top: 125px !important
	}
}

@import url(../css);
.page-id-3802 #main-wrapper {
	position: relative;
	margin: 0 auto;
	width: 480px;
	height: 800px;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.7)
}

.page-id-3802 #canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 480px;
	height: 800px;
	background: #c975b7;
	overflow: hidden
}

.page-id-3802 #score-label {
	position: absolute;
	top: 10px;
	left: 10px;
	font-family: 'Contrail One', cursive;
	font-size: 30px;
	color: #ffffff;
	text-shadow: 1px 1px 0 #000000
}

.page-id-3802 #start-btn {
	position: absolute;
	background: #d5a21a;
	color: #ffffff;
	font-family: 'Contrail One', cursive;
	font-size: 30px;
	padding: 3px 10px;
	border-radius: 10px;
	text-shadow: 1px 1px 0 #a35906;
	border: 4px solid #ffffff;
	cursor: pointer;
	top: 200px;
	left: 50%;
	margin-left: -40px;
	display: none;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}

.page-id-3802 #pause-btn {
}

.page-id-3802 .balloon.green {
	position: absolute;
	width: 40px;
	height: 53px;
	background-image: url('data:image/png;base64,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')
}

.page-id-3802 .section.flossie > h2:nth-of-type(2) {
	margin: 0;
	padding: 30px 0
}

.page-id-3802 .tws-pop {
	padding-bottom: 80px
}

.tws-p-row {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between
}

.tws-p-header, .tws-p-buttons {
	border-bottom: 1px solid #efefef
}

#plans > .tws-p-row:last-of-type {
	border-bottom: none;
	background: #fbfbfb
}

#plans > .tws-p-row:last-of-type a, #plans > .tws-p-row:last-of-type h6, #plans > .tws-p-row:last-of-type h5 {
	color: black
}

.tws-p-billing-year p {
	font-weight: 600;
	color: black;
	margin-top: 4px;
	font-size: 16px
}

.tws-p-header {
	position: sticky;
	background: white;
	top: 80px;
	z-index: 99
}

.tws-p-buttons:nth-of-type(2) {
}

.tws-p-row .column {
	width: 20%;
	padding: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap
}

.tws-p-row .column:nth-of-type(1) {
	justify-content: flex-start
}

.tws-p-row .column:nth-of-type(1) > h4 {
	text-align: left;
	font-size: 1.5rem;
	line-height: 1.25;
	font-weight: 600;
	color: #000000;
	margin-bottom: .68em
}

.tws-p-row .column h4 {
	font-size: 1.5rem;
	line-height: 1.25;
	font-weight: 600;
	color: #000000;
	margin-bottom: 0
}

.tws-p-row .column .button {
	margin-top: 0
}

.tws-packages {
	position: relative
}

.tws-p-table .tws-p-row {
	background: #fbfbfb;
	border-bottom: 1px solid #efefef
}

.tws-p-table .tws-p-row:nth-of-type(2n) {
	background: #ffffff
}

.tws-p-table .tws-p-row > .column:nth-of-type(1) {
	text-align: left
}

.tws-p-table .tws-p-row > .column h5 {
	font-size: 1.25rem;
	line-height: 1.25;
	font-weight: 600;
	color: #000000;
	width: 100%
}

.tws-p-table .tws-p-row > .column:nth-of-type(1) p {
	color: #4a4a4a;
	font-weight: 600;
	font-size: 1rem;
	margin-top: 10px
}

.tws-p-billing {
	background: #aa1b4c;
	padding: 20px 0
}

.tws-p-billing .column {
	flex-direction: column
}

.tws-p-billing .column a {
	color: #ffffff;
	font-weight: 600;
	margin-top: 11px;
	-webkit-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	-o-transition: all .4s cubic-bezier(.9, .1, .1, .9);
	transition: all .4s cubic-bezier(.9, .1, .1, .9)
}

.tws-p-billing h5, .tws-p-billing h6 {
	color: white
}

.tws-p-billing .column:nth-of-type(1) {
	align-items: center;
	align-content: center
}

.tws-p-billing .column a:hover:after {
	font-size: 100%;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	width: auto;
	height: auto;
	line-height: 2px;
	margin-top: 3px;
	font-weight: 900;
	vertical-align: 4%;
	font-family: Font Awesome\ 5 Free;
	content: "\f061";
	margin-left: 7px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

@media screen and (max-width: 1024px) {
	.tws-p-row .column .button {
		background: none;
		color: #aa1b4c;
		padding: 0;
		font-weight: 600;
		line-height: unset;
		min-height: unset;
		height: unset;
		box-shadow: none;
		min-width: unset
	}
}

@media screen and (max-width: 768px) {
	.tws-p-table, .tws-p-header, .tws-p-buttons {
		display: none
	}

	.tws-p-row .column:nth-of-type(1) > h4 {
	}

	.tws-p-row .column {
		width: 100%
	}

	.tws-packages {
		display: none
	}
}

@media screen and (max-width: 1350px) {
	.tws-p-header {
		top: 0
	}
}

.section.tws-refer-packages > .tws-p-table {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%
}

.section.tws-refer-packages > .tws-p-table > div {
	width: 48%;
	background: white;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2)
}

.section.tws-refer-packages > .tws-p-table > div > .column {
	width: 100%;
	padding: 30px
}

.section.tws-refer-packages > .tws-p-table > div > .column h2 {
	font-size: 1.5rem
}

.section.tws-refer-packages > .tws-p-table > div > .column h3 {
	font-size: 1.2rem;
	margin-bottom: 12px;
	color: #aa1b4c
}

.section.tws-refer-packages > .tws-p-table > div > .column p {
	margin: 0;
	margin-bottom: 10px
}

.section.tws-refer-packages {
	display: block
}

@media screen and (max-width: 800px) {
	.section.tws-refer-packages > .tws-p-table {
	}

	.section.tws-refer-packages > .tws-p-table > div:last-of-type {
		margin-bottom: 0
	}

	.section.tws-refer-packages > .tws-p-table > div {
		width: 100%;
		margin-bottom: 5%
	}
}

@media screen and (max-width: 800px) {
	.section.tws-refer-packages > .tws-p-table > div > .column h2, .section.tws-refer-packages > .tws-p-table > div > .column h3 {
		font-size: 1rem
	}
}

footer .sp-fot-inner {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	border-top: 1px solid #ccc7c6;
	border-left: 1px solid #ccc7c6;
	border-bottom: 1px solid #ccc7c6
}

footer .sp-fot-inner .sp-fot-logo {
	padding: 20px;
	width: 100%
}

footer .sp-fot-inner .sp-fot-logo > img {
	width: 575px
}

footer .sp-fot-inner .sp-fot-links {
	display: flex;
	border-top: 1px solid #ccc7c6;
	padding: 12px 20px;
	width: 100%;
	border-bottom: 1px solid #ccc7c6
}

footer .sp-fot-inner .sp-fot-links a {
	font-weight: 500;
	font-size: 1.3rem;
	margin-right: 33px
}

footer .sp-fot-inner .sp-fot-copy {
	display: flex;
	padding: 12px 20px;
	width: 100%
}

footer .sp-fot-inner .sp-fot-copy p {
	font-weight: 500
}

header .sp-top-header {
	display: flex;
	border-top: 1px solid #ccc7c6;
	border-left: 1px solid #ccc7c6;
	width: 100%;
	padding: 20px;
	justify-content: space-between;
	padding-bottom: 10px
}

header .sp-top-header > .left {
	width: 575px
}

header .sp-top-header > .right {
	width: 220px;
	margin-right: -20px
}

header .sp-top-header > .right > a {
	display: flex;
	align-items: center;
	background: #fff6d5;
	padding: 10px
}

header .sp-top-header .right > a .left {
}

header .sp-top-header .right > a .right {
	width: 79px
}

header .sp-top-header .right > a .right > img {
	height: 76px;
	width: auto
}

header .sp-top-header .right > a .left h6 {
	color: #c32400
}

header .sp-top-header .right > a .left p {
	font-size: 14px;
	margin-top: 1px
}

header .sp-top-nav {
	border-left: 1px solid #ccc7c6;
	padding: 12px 20px;
	padding-right: 0;
	width: 100%;
	padding-bottom: 0
}

@media only screen and (min-width: 1351px) {
	header .sp-top-nav nav {
		position: relative
	}
}

header .sp-top-nav .menu-account-search {
	position: absolute;
	right: 0;
	top: 15px;
	display: flex
}

header .sp-top-nav .menu-account-search > a {
	margin-right: 17px
}

header .sp-top-nav .menu-account-search i {
	font-size: 1.3rem;
	color: #969696
}

header .sp-top-nav .menu-account-search i:hover {
	color: #c32400;
	cursor: pointer
}

header .sp-top-nav .nav-menu {
	display: flex;
	border-top: 1px solid #ccc7c6;
	padding: 12px 0;
	width: 100%;
	border-bottom: 1px solid #ccc7c6
}

header .sp-top-nav .nav-menu > li {
	font-weight: 500;
	font-size: 1.3rem;
	margin-right: 33px
}

header .sp-top-nav ul > li > a {
	font-weight: 500;
	font-size: 1.3rem
}

header .sp-top-nav .nav-menu > li > .sub-nav-menu {
	display: none
}

.tws-post-section {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 20px;
	align-items: center;
	align-content: flex-start;
	border-bottom: 1px solid #ccc7c6;
	margin-bottom: 60px
}

.tws-post-section.sp-post-rwos > .tws-main-post {
	margin-bottom: 40px
}

.tws-post-section.read-more {
	padding-bottom: 12px
}

.tws-post-section > .tws-main-post {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.tws-post-section > .tws-main-post.tws-catgeory-post {
	padding: 20px;
	border-top: 1px solid #ccc7c6;
	border-left: 1px solid #ccc7c6;
	padding-right: 0;
	margin-bottom: 30px
}

.page-template-template-issues .tws-post-section > .tws-main-post.tws-catgeory-post {
	width: 100%
}

.tws-post-section > .tws-main-post.tws-catgeory-post > .left {
	width: 38%
}

.tws-post-section > .tws-main-post.tws-catgeory-post > .right {
	width: 62%;
	padding: 30px
}

.tws-post-section > .tws-main-post > .left {
	width: 60%
}

.tws-post-section > .tws-main-post > .right {
	width: 40%;
	padding: 40px
}

.tws-post-section > .tws-main-post > .left > a {
	display: flex;
	width: 100%;
	max-height: 500px;
	overflow: hidden
}

.tws-post-section > .tws-main-post > .left > a img {
	max-height: 500px;
	object-fit: cover
}

.tws-post-section > .tws-main-post > .right h2 {
	font-size: 3.375rem;
	line-height: 3.75rem;
	font-weight: 500;
	margin-bottom: 18px
}

.tws-post-section > .tws-main-post.tws-catgeory-post > .right h2 {
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: 600
}

.tws-post-section > .tws-main-post > .right p, .tws-post-section > .tws-main-post > .right .sp-text {
	line-height: 1.875rem;
	font-size: 1.5rem;
	color: #666666
}

.tws-post-section > .tws-main-post > .right .sp-extra {
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap
}

.tws-post-section > .tws-main-post.tws-catgeory-post > .right .sp-extra a {
	font-size: 1rem
}

.tws-post-section > .tws-main-post.tws-catgeory-post > .right p, .tws-post-section > .tws-main-post.tws-catgeory-post > .right .sp-text {
	font-size: 1rem;
	line-height: 1.5rem
}

.tws-post-section > .tws-main-post.tws-catgeory-post > .left img {
	height: 200px;
	object-fit: cover
}

.tws-post-section > .tws-main-post > .right .sp-extra a {
	color: #c32400;
	font-size: 1.3rem;
	margin-right: 13px
}

.tws-post-section > .tws-main-post > .right .sp-extra li a {
	color: #0084b6
}

.tws-post-section > .tws-home-title {
	font-size: 3.375rem;
	line-height: 3.75rem;
	font-weight: 500;
	width: 100%;
	margin-bottom: 30px
}

.tws-post-section > .tws-home-title.page-main-title {
	margin-top: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc7c6
}

.tws-post-section.sp-split {
	justify-content: space-between;
	align-items: stretch
}

.tws-post-section.tws-sidebar {
	border-bottom: unset
}

.tws-post-section.sp-split > .tws-main-post {
	width: 31%;
	border-top: 1px solid #ccc7c6;
	border-left: 1px solid #ccc7c6;
	padding: 20px;
	padding-right: 0;
	align-items: unset;
	align-content: flex-start;
	padding-bottom: 50px;
	position: relative
}

.tws-post-section.tws-sidebar > .tws-main-post {
	width: 100%;
	padding: 0;
	border-left: 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc7c6;
	padding-bottom: 20px;
	border-top: unset
}

.tws-post-section.sp-split > .tws-main-post > .left {
	width: 100%
}

.tws-post-section.sp-split > .tws-main-post > .right {
	width: 100%;
	padding: 0;
	margin-top: 20px
}

.page-id-19219 .tws-post-section.sp-split > .tws-main-post > .right {
	margin-top: 0
}

.tws-post-section.tws-sidebar > .tws-main-post:last-of-type {
	border-bottom: unset
}

.tws-post-section.sp-split > .tws-main-post > .right > .get_the_price {
	font-size: 1.2rem;
	margin-bottom: 20px;
	font-weight: 600;
	color: #c32400
}

.tws-post-section.sp-split > .tws-main-post > .right > .get_the_price > span {
	margin-left: 5px;
	font-style: italic;
	color: black;
	font-weight: 400
}

.tws-post-section.sp-split > .tws-main-post > .left > a {
	max-height: unset
}

.tws-post-section.sp-split > .tws-main-post > .left > a img {
	height: 240px
}

.tws-post-section.sp-split > .tws-main-post > .right h2 {
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: 600
}

.tws-post-section.sp-split > .tws-main-post > .right p, .tws-post-section.sp-split > .tws-main-post > .right .sp-text {
	font-size: 1rem;
	line-height: 1.5rem
}

.wrapper.tws-sidebar-layout > .post-left .tws-single-extra {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc7c6;
	margin-bottom: 20px
}

.wrapper.tws-sidebar-layout > .post-left .tws-single-extra p {
	font-size: 1.25rem;
	line-height: 1.875rem;
	color: black
}

.wrapper.tws-sidebar-layout > .post-left .tws-extra-cats {
	padding-top: 20px;
	border-top: 1px solid #ccc7c6;
	width: 100%;
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap
}

.wrapper.tws-sidebar-layout > .post-left .tws-extra-cats a {
	color: #c32400;
	margin-right: 15px
}

.wrapper.tws-sidebar-layout > .post-left .tws-extra-cats ul {
	padding-left: 0
}

.wrapper.tws-sidebar-layout > .post-left .tws-extra-cats ul li {
	display: inline-block
}

.wrapper.tws-sidebar-layout > .post-left .tws-extra-cats ul a {
	color: #0084b6
}

.tws-post-section.sp-split > .tws-main-post > .right .sp-extra a {
	font-size: 1rem
}

.tws-post-section.sp-split > .tws-main-post > .right .sp-extra {
	position: absolute;
	bottom: 0;
	width: 100%
}

.page-id-19219 .tws-post-section.sp-split > .tws-main-post > .right .sp-extra {
	position: relative
}

.tws-post-section > .tws-main-post > .right .sp-extra ul {
	padding: 0;
	display: inline-block
}

.tws-post-section > .tws-main-post > .right .sp-extra ul li {
	display: inline-block
}

.tws-post-section.sp-split.sp-split-2 > .tws-main-post {
	width: 49%
}

.page-id-19219 .tws-post-section.sp-split.sp-split-2 > .tws-main-post {
	width: 100%;
	padding-bottom: 40px
}

.tws-post-section.sp-split.sp-split-2 > .tws-main-post > .left > a img {
	height: 340px
}

.page-id-19219 .tws-post-section.sp-split.sp-split-2 > .tws-main-post > .left > a img {
	display: none
}

.tws-inner-text.tws-shop-text {
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc7c6
}

.tws-inner-text.tws-shop-text.no-pad-left {
	padding-left: 0 !important
}

.tws-inner-text.tws-shop-text p {
	font-size: 1.25rem;
	line-height: 1.875rem;
	margin-bottom: 1.875rem;
	margin-left: 0;
	width: 100%;
	position: relative
}

.tws-inner-text.tws-shop-text > .crunchify-social {
	display: none
}

.wrapper .sp-read-more {
	width: 100%;
	border-top: 1px solid #ccc7c6;
	margin-top: 20px;
	display: flex;
	padding-top: 12px;
	justify-content: flex-end
}

.wrapper .sp-read-more > a {
	font-size: 1.3rem;
	color: black
}

.tws-post-section.sp-split.sp-split-6 > .tws-main-post {
	width: 15%
}

.tws-post-section.sp-split.sp-split-6 > .tws-main-post > .right {
	margin-top: 0
}

.tws-post-section.sp-split.sp-split-6 > .tws-main-post > .right h2 {
	font-size: 1rem;
	line-height: 1.3rem
}

.tws-post-section.sp-split.sp-split-4 > .tws-main-post {
	width: 23%
}

.tws-post-section.sp-split.sp-split-4 > .tws-main-post > .left > a img {
	height: 180px
}

.m-b-n {
	margin-bottom: 0 !important
}

@media only screen and (max-width: 1350px) {
	footer, .wrapper, header {
		width: 93%
	}

	header .sp-top-header > .right {
		display: none
	}

	header .sp-top-header {
		border-bottom: 1px solid #ccc7c6;
		padding: 20px
	}
}

@media only screen and (max-width: 850px) {
	footer .sp-fot-inner .sp-fot-logo > img, header .sp-top-header > .left {
		width: 300px
	}

	footer .sp-fot-inner .sp-fot-links {
		flex-wrap: wrap
	}

	.wrapper.tws-sidebar-layout > .post-left {
		width: 100%;
		margin-bottom: 0
	}

	.wrapper.tws-sidebar-layout > .post-right {
		width: 100%;
		display: none;
		margin: 0;
		margin-bottom: 20px;
		border-left: 0;
		padding-left: 0
	}

	body .crunchify-social {
		position: absolute;
		bottom: 0;
		top: unset;
		width: 100%
	}

	.wrapper.tws-sidebar-layout > .post-left .tws-inner-text {
		padding-left: 0;
		padding-bottom: 50px
	}

	body .crunchify-social > a {
		width: 20%;
		margin: 0
	}

	.tws-post-section.sp-split > .tws-main-post {
		width: 100% !important;
		margin-bottom: 20px;
		border-left: unset;
		padding-left: 0;
		padding-bottom: 30px
	}

	.tws-post-section.sp-split > .tws-main-post > .left > a img {
		height: auto !important;
		max-height: 400px !important;
		overflow: hidden !important
	}

	.tws-post-section > .tws-main-post > .right {
		padding: 20px 0
	}

	.tws-post-section > .tws-main-post.tws-catgeory-post > .right {
		padding: 20px 10px
	}

	.tws-post-section > .tws-main-post > .right h2 {
		font-size: 1.2rem !important;
		font-weight: 600 !important;
		line-height: unset !important
	}

	.tws-post-section > .tws-main-post > .right p, .tws-post-section > .tws-main-post > .right .sp-text {
		line-height: unset !important;
		font-size: 1rem !important
	}

	.tws-post-section > .tws-home-title {
		font-size: 2rem;
		line-height: unset;
		font-weight: 600
	}

	.tws-post-section.sp-split > .tws-main-post > .right .sp-extra {
		position: relative;
		bottom: unset
	}

	nav .mobile-menu {
		top: 48px;
		right: 20px
	}
}

@media only screen and (max-width: 782px) {
	nav .mobile-menu {
		top: 43px
	}
}

@media only screen and (max-width: 1024px) {
	.tws-post-section > .tws-main-post > .left {
		width: 100% !important
	}

	.tws-post-section > .tws-main-post > .right {
		width: 100% !important
	}

	footer .sp-fot-inner {
		border-left: 0;
		padding-left: 0
	}

	footer .sp-fot-inner > div {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.wrapper {
		padding-left: 0;
		border-left: unset
	}

	header .sp-top-header {
		border-left: unset;
		padding-left: 0
	}

	header .sp-top-nav {
		padding: 0
	}
}

@media only screen and (max-width: 500px) {
	.tws-post-section > .tws-main-post > .right .sp-extra ul {
		display: none
	}

	footer .sp-fot-inner .sp-fot-links a {
		width: 100%;
		margin-bottom: 8px;
		font-size: 1rem
	}

	.tws-post-section > .tws-main-post.tws-catgeory-post {
		border: none;
		padding: 0;
		border-bottom: 1px solid #ccc7c6
	}

	.tws-post-section > .tws-main-post.tws-catgeory-post:last-of-type {
		border-bottom: 0
	}

	#nav {
		padding: 30px
	}

	footer .sp-fot-inner .sp-fot-links a:last-of-type {
		margin-bottom: 0
	}

	footer .sp-fot-inner .sp-fot-logo > img, header .sp-top-header > .left {
		width: 200px
	}

	nav .mobile-menu {
		top: 34px
	}
}

@media only screen and (max-width: 1350px) {
	header .sp-top-nav .nav-menu > li {
		margin-right: 0;
		margin-bottom: 30px
	}

	header .sp-top-nav .nav-menu > li > .sub-nav-menu {
		display: block;
		padding: 0;
		margin-top: 20px
	}

	header .sp-top-nav .nav-menu > li > .sub-nav-menu > li {
		display: inline-block;
		margin-right: 10px
	}

	header .sp-top-nav .nav-menu > li > .sub-nav-menu > li > a {
		color: black;
		font-size: 1rem
	}
}

.tws-post-section.tws-sidebar > .tws-main-post .right .sp-extra {
	position: unset
}

@media only screen and (min-width: 1351px) {
	header .sp-top-nav .nav-menu {
		display: flex !important
	}
}

.tws-inner-text.tws-woo-checkout .woocommerce-notices-wrapper a {
	display: none
}

.tws-inner-text.tws-woo-checkout .woocommerce-notices-wrapper .woocommerce-message {
	border-top-color: black
}

.tws-inner-text.tws-woo-checkout h3 {
	font-size: 2.375rem;
	font-weight: 500;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc7c6
}

.tws-inner-text.tws-woo-checkout form .form-row label {
	font-size: 1.3rem;
	font-weight: 500;
	width: 100%;
	color: black;
	margin-bottom: 0
}

.tws-inner-text.tws-woo-checkout form .form-row input.input-text, .tws-inner-text.tws-woo-checkout form .form-row textarea {
	border-radius: 3px !important;
	border: none !important;
	float: left;
	width: 100%;
	padding: 1em;
	margin-top: 0;
	font-size: 16px !important;
	background: #ececec;
	height: 40px
}

.tws-inner-text.tws-woo-checkout form .form-row textarea {
	min-height: 200px
}

.tws-inner-text.tws-woo-checkout form .form-row slect {
}

.tws-inner-text.tws-woo-checkout h3#order_review_heading {
	border-top: 1px solid #ccc7c6;
	margin-top: 60px;
	padding-top: 20px
}

.woocommerce-info {
	border-top-color: black
}

.tws-inner-text.tws-woo-checkout .crunchify-social {
	display: none
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: none
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	text-align: center;
	background: #c32400;
	padding: 12px 20px;
	margin: 0 auto;
	margin-top: 20px;
	border-radius: 0;
	float: left
}

.page-template-template-checkout .tws-post-section {
	border-bottom: 0;
	margin-bottom: 0
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	background: none;
	padding: 0
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	display: none
}

.xlwcty_Box.xlwcty_textBox.xlwcty-wc-thankyou {
	display: none
}

.xlwcty_thankyou-template-template-thank-you .tws-post-section {
	width: 100%;
	display: block
}

.xlwcty_thankyou-template-template-thank-you .tws-post-section .xlwcty_wrap {
	max-width: 100%
}

.page-template-template-account.logged-in .woocommerce-MyAccount-navigation {
	padding: 30px 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	border-right: 1px solid #ccc7c6
}

.page-template-template-account.logged-in .woocommerce-MyAccount-navigation ul {
	padding: 0
}

.page-template-template-account.logged-in .woocommerce-MyAccount-navigation ul li {
	width: 100%
}

.page-template-template-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active {
	background: #c32400;
	margin-bottom: 10px
}

.page-template-template-account.logged-in .woocommerce-MyAccount-navigation ul li a {
	padding: 12px 20px;
	width: 100%;
	display: block
}

.page-template-template-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active > a {
	color: white
}

.page-template-template-account.logged-in .woocommerce-MyAccount-navigation ul li:hover {
	background: #ccc7c6;
	color: white
}

.page-template-template-account.logged-in .woocommerce-MyAccount-navigation ul li:hover a {
	color: white !important
}

.page-template-template-account.logged-in .woocommerce-MyAccount-content {
	margin-top: 20px
}

.page-template-template-account.logged-in .tws-post-section, .page-template-template-account.logged-in .tws-post-section .tws-account {
	width: 100%
}

.woocommerce table.my_account_orders .button {
	background: #c32400;
	color: white;
	border-radius: 0;
	margin-right: 9px
}

.woocommerce table.my_account_orders .button:last-of-type {
	margin-right: 0
}

.page-template-template-account.logged-in .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .woocommerce-button.button.view {
	display: none
}

.page-template-template-account.logged-in .woocommerce-orders-table__cell-order-number a {
	color: black;
	font-size: 14px
}

.page-template-template-account.logged-in .woocommerce-MyAccount-content .subscription_details {
	margin-bottom: 40px
}

.page-template-template-account.logged-in .woocommerce-MyAccount-content .subscription_details .button {
	color: white;
	font-size: 14px;
	background: #c32400;
	border-radius: 0
}

.page-template-template-account.logged-in .woocommerce-MyAccount-content .subscription_details .button:hover {
	color: #bfbfbf !important
}

.page-template-template-account.logged-in .woocommerce-MyAccount-content h2 {
	margin-bottom: 20px;
	font-size: 2rem;
	font-weight: 500;
	margin-top: 40px
}

.page-template-template-account.logged-in .woocommerce-MyAccount-content address, .page-template-template-account.logged-in .woocommerce-MyAccount-content address p {
	color: black
}

.page-template-template-account.logged-in .woocommerce-MyAccount-content form label {
	font-size: 1.3rem;
	font-weight: 500;
	width: 100%;
	color: black;
	margin-bottom: 0
}

.page-template-template-account.logged-in .woocommerce-MyAccount-content form input {
	border-radius: 3px !important;
	border: none !important;
	float: left;
	width: 100%;
	padding: 1em;
	margin-top: 0;
	font-size: 16px !important;
	background: #ececec;
	height: 40px
}

.page-template-template-account.logged-in .woocommerce-MyAccount-content form fieldset {
	margin-top: 40px;
	margin-bottom: 40px
}

.page-template-template-account .tws-post-section .tws-account .crunchify-social {
	display: none
}

.page-template-template-account.logged-in .woocommerce #respond input#submit, .page-template-template-account.logged-in .woocommerce a.button, .page-template-template-account.logged-in .woocommerce button.button, .woocommerce input.button {
	background: #c32400;
	color: white;
	border-radius: 0
}

.page-template-template-account .tws-inner-text.tws-account #customer_login h2 {
	font-size: 2.375rem;
	font-weight: 500;
	width: 100%;
	margin-top: 30px;
	margin-bottom: 10px
}

.page-template-template-account .tws-inner-text.tws-account .woocommerce form.login, .page-template-template-account .tws-inner-text.tws-account .woocommerce form.register {
	border-radius: 0;
	background: #ffffff;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
	margin: 0;
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
	border: none
}

.page-template-template-account .tws-inner-text.tws-account .woocommerce form.login label, .page-template-template-account .tws-inner-text.tws-account .woocommerce form.register label, .woocommerce-lost-password label {
	font-size: 1.3rem;
	font-weight: 500;
	width: 100%;
	color: black;
	margin-bottom: 0
}

.page-template-template-account .tws-inner-text.tws-account .woocommerce form.login input, .page-template-template-account .tws-inner-text.tws-account .woocommerce form.register input, .woocommerce-lost-password input {
	border-radius: 3px !important;
	border: none !important;
	float: left;
	width: 100%;
	padding: 1em;
	margin-top: 0;
	font-size: 16px !important;
	background: #ececec;
	height: 40px
}

.page-template-template-account .tws-inner-text.tws-account .woocommerce form.login input#rememberme {
	width: auto;
	height: 20px;
	background-color: initial;
	cursor: default;
	appearance: checkbox;
	box-sizing: border-box;
	margin: 3px 3px 3px 4px;
	margin-top: 10px;
	margin-right: 11px;
	padding: initial;
	border: initial
}

.page-template-template-account .tws-inner-text.tws-account .woocommerce form.login .button, .page-template-template-account .tws-inner-text.tws-account .woocommerce form.register .button, .woocommerce-lost-password button.button {
	background: #c32400;
	margin-top: 10px;
	color: white;
	font-weight: 400;
	padding: 12px 20px
}

.pos-abs-cart {
	position: fixed;
	right: 20px;
	display: flex;
	bottom: 20px
}

.pos-abs-cart > a {
	background: #c32400;
	text-align: center;
	padding: 12px 20px;
	color: white;
	width: 100%
}

.pos-abs-cart a:hover {
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2);
	color: white !important
}

@media only screen and (max-width: 500px) {
	.pos-abs-cart {
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%
	}
}

.page-template-template-checkout .pos-abs-cart {
	display: none
}

@media only screen and (max-width: 1350px) {
	header .sp-top-nav .menu-account-search {
		top: 85px;
		right: 96px
	}

	header .sp-top-nav .menu-account-search i {
		color: black
	}
}

@media only screen and (max-width: 850px) {
	header .sp-top-nav .menu-account-search {
		top: 58px;
		right: 73px
	}
}

@media only screen and (max-width: 500px) {
	header .sp-top-nav .menu-account-search {
		top: 48px;
		right: 73px
	}
}

.tws-search-pop-up.tws-pop-class {
	display: flex
}

.tws-search-pop-up h6 {
	width: 100%;
	text-align: center;
	font-size: 3.375rem;
	line-height: 3.75rem;
	font-weight: 500;
	margin-bottom: 18px
}

.tws-search-pop-up form {
	width: 1000px;
	text-align: center;
	margin: 0 auto
}

@media only screen and (max-width: 1100px) {
	.tws-search-pop-up form {
		width: 87%
	}
}

@media only screen and (max-width: 650px) {
	.tws-search-pop-up input {
		width: 100%;
		margin-bottom: 10px;
		border: solid 1px black
	}

	.tws-search-pop-up input#searchsubmit {
		border: none;
		margin-bottom: 0;
		width: 50%
	}
}

.tws-more-posts .yarpp-thumbnails-horizontal {
	padding: 0;
	display: flex;
	justify-content: space-between
}

.tws-more-posts .yarpp-thumbnails-horizontal > a {
	width: 31%;
	padding: 20px 20px 0;
	border: none;
	margin: 0;
	border-top: 1px solid #ccc7c6;
	height: unset;
	border-left: 1px solid #ccc7c6
}

.tws-more-posts {
	width: 100%
}

.tws-more-posts h6 {
	font-size: 3rem;
	line-height: 3rem;
	font-weight: 500;
	margin-top: 50px;
	width: 100%;
	margin-bottom: 20px
}

.tws-more-posts h3 {
	display: none
}

.tws-more-posts .yarpp-thumbnails-horizontal > a img {
	width: 100%;
	object-fit: cover
}

.tws-more-posts .yarpp-thumbnails-horizontal > a span {
	font-size: 1.3rem;
	line-height: 1.7rem;
	width: 100%;
	height: unset;
	max-height: unset;
	margin: 0;
	color: black;
	margin-top: 15px;
	font-weight: 600
}

@media only screen and (max-width: 650px) {
	.tws-more-posts {
		display: none
	}
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text ul li {
	list-style-type: disk
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text ol li {
	list-style-type: decimal
}

.wrapper.tws-sidebar-layout > .post-left .tws-inner-text li {
	font-size: 1.25rem;
	line-height: 1.875rem;
	margin-bottom: 1.875rem;
	margin-left: 0;
	width: 100%;
	position: relative;
	color: #696463
}

.tws-inner-text {
	max-width: 100%;

	.wp-caption.alignnone[style*="width:"] {
		max-width: 100%;

		img {
			height: auto;
		}
	}
}

button.search-pop-up {
	appearance: none;
	border: none;
	background: none;
}

.tws-search-pop-up-container:has(:popover-open) {
	position: relative;
	z-index: 1001;
	isolation: isolate;

	&::after {
		content: '';
		position: fixed;
		z-index: -1;
		background: rgba(0, 0, 0, 0.25);
		inset: 0;
	}

	.tws-search-pop-up {
		padding: 2rem;
		border-radius: 0.5rem;
		border: 0 none;
		display: grid;
		gap: 1rem;
		grid-template-columns: repeat(auto-fit, minmax(min(25%, 100px), 1fr));

		&::backdrop {
			/* Links are clickable through the backdrop so can't just apply style to that, hence the parent::after. */
		}

		[type="text"] {
			font-size: clamp(1.4rem, 2.5vw, 2.75rem);
			grid-column: span 3;
			text-overflow: ellipsis;
			font-weight: 800;
			height: 2ch;
			line-height: 1.2;
			text-transform: none;

			background-color: transparent;
			border: none;
			border-bottom: 1px solid;
			border-radius: 0;
			touch-action: manipulation;

			&:focus {
				outline: none;

				&::placeholder {
					opacity: 0.1;
				}
			}
		}

		[type="submit"] {
			font-size: .75rem;
			font-weight: 700;
			line-height: 1;
			padding: 1.33em 2em;
			text-transform: uppercase;
			border-radius: 0.5rem;
			appearance: none;
			background: transparent;
			border: 1px solid;
			cursor: pointer;
		}
	}
}

.wrapper.tws-sidebar-layout > .post-left > .tws-inner-text:is(.welcome-note,.legal-note) {
	&.welcome-note {
		margin-top:60px;
	}

	padding-left:0;
}