/*
Theme Name: R Stiff & Sons
Theme URI: http://unity.online
Description: Custom theme for built for R Stiff & Sons
Author: Unity Dev Team
Author URI:  mailto:development@unity.online
Version: 1.0
*/
@import "includes/css/editor.css";


body {
	margin: 0;
}
.error_404 {
	text-align: center;
	padding: 200px 0;
}

.wp_content > :first-child {
	margin-top: 0;
}
.wp_content > :last-child {
	margin-bottom: 0;
}

/* pagination */
#pagination {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px 0;
}
#pagination a, #pagination > span {
	display: inline-block;
	padding: 10px 20px;
	font-size: 20px;
	color: #fff;
	background: red;
	margin: 0 5px 5px 5px;
	text-decoration: none;
	font-weight: 400;
}

#pagination > span {
	background: grey;
}

/* gallery layout */
.gallery {
	column-count: 4;
	column-gap: 20px;
}
.gallery .gallery-item {
	display: inline;
	margin: 0;
}
.gallery .gallery-item img {
	display: block;
	margin: 0 0 20px 0;
}
.gallery-caption {
	display: none;
}

/*gravity forms */
.gfield_description.validation_message {
	position: absolute;
	right: -5px;
	top: -14px;
	background-color: #d80000;
	color: white;
	padding: 5px 10px;
	font-size: 12px;
	text-align: center;
	border-radius: 2px;
}
.validation_message::after {
	content: '';
	display: block;
	position: absolute;
	border: 5px solid rgba(0,0,0,0);
	border-top-color:  #d80000;
	width: 0;
	height: 0;
	bottom: -10px;
	left: 10px;
}
.validation_error {
	margin-bottom: 20px;
	border: 1px solid  #d80000;
	padding: 10px 20px;
	font-size: 15px;
	color:  #d80000;
}
.gform_confirmation_message {
	color: #1ba21b;
}

.gform_body ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.gform_body > ul > li {
	position: relative;
}
.gform_body > ul > div > li {
	width: 100%;
	margin-bottom: 30px;
	position: relative;

}
.gform_body > ul > li.medium_field {
	width: calc(50% - 10px);
}
.gform_body > ul > li.small_field {
	width: calc(33.33% - 13px);
}
.gform_body > ul > li.large_field {
	width: 100%;
}

.gform_body > ul > li.captcha_field {
	margin: 0;
}
.gform_body > ul > li.captcha_field > .gfield_label {
	display: none;
}
label {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	margin-bottom: 5px;
}
.hidden_label > label {
	display: none;
}

.gfield_checkbox label {
	display: inline;
}
.gform_body input[type=text] , .gform_body textarea , .gform_body select {
	height: 45px;
	text-transform: uppercase;
	color: #000;
	padding-left: 15px;
	width: 100%;
	border: 2px solid rgb(204, 204, 204);
	box-sizing: border-box;
	border-radius: 20px;
	font-weight: bold;
}
input[type=search] {
	-webkit-appearance: none;
}
.gform_body select {
	appearance: none;
	-webkit-appearance: none;
	background: #fff calc(100% - 20px) center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='rgb(28, 28, 28)' d='M24.002,4.021 L19.971,-0.002 L12.001,7.951 L4.031,-0.002 L0.000,4.021 L12.001,15.997 L24.002,4.021 Z'/%3E%3C/svg%3E");
	background-size: 18px;
	padding-right: 70px;
}
.ginput_container.ginput_container_consent {
	display: flex;
}
.ginput_container.ginput_container_consent .gfield_required {
	display: none;
}

button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.gform_body select::-ms-expand {
	display: none;
}
.gform_body textarea {
	height: 140px;
	padding-top: 20px;
}
.gfield_visibility_ {
	display: none;
}
.gform_validation_container ,
.gform_wrapper .gform_validation_container ,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container ,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
	display: none!important;
	position: absolute!important;
	left: -9000px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:  #767676;
}
::-moz-placeholder { /* Firefox 19+ */
	color:  #767676;
}
:-ms-input-placeholder { /* IE 10+ */
	color:  #767676;
}
:-moz-placeholder { /* Firefox 18- */
	color:  #767676;
}

.site_width {
	padding-left: calc(50% - (1300px / 2));
	padding-right: calc(50% - (1300px / 2));
}

#header {
	padding: 25px 10vw 20px;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 9;
}

#logo {
	display: flex;
	align-items: center;
}
#logo:hover {
	opacity: 1;
}

#logo p {
	width: 170px;
	height: 45px;
	background: url(includes/img/logo.png) no-repeat center / contain;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0;
}

#logo span {
	margin-left: 2vw;
	font-size: 21px;
	color: rgb(227, 51, 51);
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
#header > div > div {
	text-align: right;
}
#header > div > div > a {
	font-size: 16px;
	color: rgb(0, 0, 0);
	font-weight: bold;
	text-align: right;
	margin-left: 20px;
}
#header .tel {
	padding-left: 30px;
	background: url("data:image/svg+xml,%3Csvg height='25' viewBox='0 0 1792 1792' width='25' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1600 1240q0 27-10 70.5t-21 68.5q-21 50-122 106-94 51-186 51-27 0-52.5-3.5t-57.5-12.5-47.5-14.5-55.5-20.5-49-18q-98-35-175-83-128-79-264.5-215.5t-215.5-264.5q-48-77-83-175-3-9-18-49t-20.5-55.5-14.5-47.5-12.5-57.5-3.5-52.5q0-92 51-186 56-101 106-122 25-11 68.5-21t70.5-10q14 0 21 3 18 6 53 76 11 19 30 54t35 63.5 31 53.5q3 4 17.5 25t21.5 35.5 7 28.5q0 20-28.5 50t-62 55-62 53-28.5 46q0 9 5 22.5t8.5 20.5 14 24 11.5 19q76 137 174 235t235 174q2 1 19 11.5t24 14 20.5 8.5 22.5 5q18 0 46-28.5t53-62 55-62 50-28.5q14 0 28.5 7t35.5 21.5 25 17.5q25 15 53.5 31t63.5 35 54 30q70 35 76 53 3 7 3 21z'/%3E%3C/svg%3E") no-repeat center left / contain;
}

#header .email {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='73px' height='55px'%3E%3Cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M0.000,7.515 L0.000,47.485 C0.000,51.635 3.369,55.000 7.525,55.000 L65.473,55.000 C69.629,55.000 72.998,51.635 72.998,47.485 L72.998,7.515 C72.998,3.364 69.629,-0.000 65.473,-0.000 L7.525,-0.000 C3.369,-0.000 0.000,3.364 0.000,7.515 ZM64.744,5.087 L38.912,31.054 C38.370,31.600 37.531,31.914 36.611,31.914 C35.685,31.914 34.836,31.593 34.285,31.039 L8.641,5.087 L64.744,5.087 ZM5.093,8.738 L23.544,27.410 L5.093,46.248 L5.093,8.738 ZM8.628,49.914 L27.122,31.031 L30.665,34.616 C32.170,36.131 34.337,37.000 36.611,37.000 C38.879,37.000 41.036,36.139 42.527,34.638 L46.012,31.134 L64.375,49.914 L8.628,49.914 ZM67.905,46.243 L49.602,27.525 L67.905,9.126 L67.905,46.243 Z'/%3E%3C/svg%3E") no-repeat center left / 25px;
	padding-left: 30px;
}
.image-switch {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.page_banner {
	height: 60vw;
	max-height: 620px;
	min-height: 200px;
}

.main_container {
	padding-top: 70px;
	display: flex;
	margin-bottom: 70px;
}

.main_container main {
	flex: 1 0;
	flex-basis: calc(100% - 40% - 5vw);
}
.main_container aside {
	flex: 0 0 40%;
	margin-left: 5vw;
}

aside form {
	background-color: #e9e9e9;
	padding: 4vw 3vw;
	width: 100%;
	box-sizing: border-box;
}


aside form label {
	display: block;
	font-size: 19px;
	color: rgb(227, 51, 51);
	font-weight: bold;
	margin-bottom: 10px;
}

aside form div {
	position: relative;
	height: 50px;
	display: flex;
	width: 100%;
}
aside form div input {
	height: 100%;
	flex: 1 0 auto;
	box-sizing: border-box;
	width: 0;
}
aside form div input[type=submit] {
	border: none;
	background-color: rgb(227, 51, 51);
	font-size: 19px;
	color: #fff;
	margin-left: 10px;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	transition: background-color .3s;
	max-width: 120px;
}
aside form div input[type=submit]:hover {
	background-color: #000;
}

aside form div input[type=text] {
	padding-left: 20px;
	font-size: 19px;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	border: none;
}

.service_links {
	margin-top: 200px;
	display: flex;
	justify-content: center;
	padding: 10px 5px 0;
	flex-wrap: wrap;
	background-color: #f7f7f7;
}
.service_links a {
	box-sizing: border-box;
	margin: 0 5px 10px;
	width: calc(50% - 10px);
	max-width: 510px;
	padding: 3vw;
}
.service_links a * {
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}
.service_links a p:last-child {
	margin-bottom: 0;
	display: inline-block;
	padding-right: 20px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='24px'%3E%3Cpath fill-rule='evenodd' fill='rgb(23, 23, 23)' d='M4.021,-0.002 L-0.002,4.028 L7.951,11.998 L-0.002,19.968 L4.021,23.999 L15.997,11.998 L4.021,-0.002 Z'/%3E%3C/svg%3E") no-repeat center right / 10px;
}
.service_links a h2 {
	font-size: 40px;
	margin-bottom: 10px;
	line-height: 1em;
}
.service_links a p {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 1.3em;
	font-size: 14px;
}
.footer-top {
	background-color: #e33333;
}
.footer-top * {
	color: #fff;
	border-color: #fff;
}

.footer-top .gform_body input[type=text], .footer-top .gform_body textarea, .footer-top .gform_body select {
	border-color: #cccccc;
	background-color: transparent;
	color: #fff;
}

.footer-top {
	display: flex;
	justify-content: space-between;
	padding: 5vw 10vw;
}

.gform_footer.top_label {
	text-align: right;
}
.footer-top .button {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='24px'%3E%3Cpath fill-rule='evenodd' fill='rgb(227, 51, 51)' d='M4.021,-0.002 L-0.002,4.028 L7.951,11.998 L-0.002,19.968 L4.021,23.999 L15.997,11.998 L4.021,-0.002 Z'/%3E%3C/svg%3E") no-repeat calc(100% - 25px) center / 8px;
	background-color: #fff;
	color: rgb(227, 51, 51);
}
.footer-top > div:nth-child(1) {
	width: calc(38% - 35px);
}
.footer-top > div:nth-child(2) {
	width: calc(62% - 35px);
}
.footer-top > div:nth-child(1) a  {
	font-weight: bold;
	letter-spacing: 0.7px;
}
.footer-top  ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: rgba(255,255,255,0.7);
}
.footer-top ::-moz-placeholder { /* Firefox 19+ */
	color: rgba(255,255,255,0.7);
}
.footer-top :-ms-input-placeholder { /* IE 10+ */
	color: rgba(255,255,255,0.7);
}
.footer-top :-moz-placeholder { /* Firefox 18- */
	color: rgba(255,255,255,0.7);
}

.footer-top .gform_body select {
	background:  calc(100% - 20px) center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='16px'%3E%3Cpath fill-rule='evenodd' fill='%23fff' d='M24.002,4.021 L19.971,-0.002 L12.001,7.951 L4.031,-0.002 L0.000,4.021 L12.001,15.997 L24.002,4.021 Z'/%3E%3C/svg%3E");
	background-size: 18px;
}
.footer-top .gform_body select option {
	color: #000;
}
.footer-top .footer-top .gform_body select option {
	color: #000;
}
.footer-top .gform_body > ul {
	display: flex;
	justify-content: space-between;
}
.footer-top .gform_body > ul > div {
	width: calc(50% - 30px);
}

#footer aside form {
	background-color: #fff;
	width: 100%;
	max-width: 430px;
	margin: auto;
	padding: 3vw 20px;
	box-sizing: border-box;
}

#footer aside form input[type=text] {
	background-color: #f4f4f4;
}

.footer-bottom {
	position: relative;
	margin-top: 50px;
	background-color: rgb(227, 51, 51);
	padding: 4vw 20px 20px;
	text-align: center;
}
.footer-bottom:before {
	position: absolute;
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='4149px' height='151px'%3E%3Cpath fill-rule='evenodd' fill='rgb(227, 51, 51)' d='M2074.498,-0.000 C3220.211,-0.000 4148.997,33.801 4148.997,75.499 C4148.997,117.196 3220.211,150.999 2074.498,150.999 C928.784,150.999 -0.004,117.196 -0.004,75.499 C-0.004,33.801 928.784,-0.000 2074.498,-0.000 Z'/%3E%3C/svg%3E");
	background-position: top center;
	background-size: cover;
	height: 85px;
	content: '';
}
.footer-bottom * {
	position: relative;
}
.footer-logo {
	background: url(includes/img/footerlogo.jpg) no-repeat center / contain;
	width: 190px;
	height: 80px;
	margin: 0 auto 30px;
}

.footer-logo + div a {
	margin: 0 10px;
	font-size: 16px;
	font-weight: bold;
}

.footer-bottom * {
	color: #fff;
}
#footer_menu {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin-bottom: 0;
	flex-wrap: wrap;
}
#footer_menu a {
	font-size: 20px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	padding: 0 12px;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.end_of_page {
	padding: 40px 20px 20px;
	text-align: center;
	background-color: rgb(227, 51, 51);
}
.end_of_page * {
	color: #fff;
}
.end_of_page p {
	margin: 0;
}
.end_of_page p:nth-child(2) {
	margin-top: 10px;
	text-transform: uppercase;
}

p + .faqs {
	margin-top: 30px;
}
.faqs , .wp_content > .faqs {
	margin-bottom: 60px;
}
.faq {
	border-top: 2px solid #cccccc;
	overflow: hidden;
	margin-bottom: 20px;
	padding-top: 20px;

}
.faq.open {
	max-height: 1000px;
}
.faq:nth-child(1) {
	border-top: none;
	padding-top: 0;
}
.faq-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.faq-title h3 {
	margin-bottom: 0;
	width: calc(100% - 150px);
}
.faq-title span {
	width: 130px;
	height: 50px;
	background-color: rgb(227, 51, 51);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	border-radius: 50px;
	cursor: pointer;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s;
}

.faq-answer p:nth-child(1) {
	margin-top: 20px;
}
.faq.open .faq-answer {
	max-height: 1000px;
}
.faq-title span::after {
	display: block;
	width: 10px;
	height: 10px;
	margin-left: 15px;
	content: '';
	transition: transform .3s;
	background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16px' height='24px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M11.975,24.000 L15.996,19.969 L8.044,12.000 L15.996,4.030 L11.975,-0.001 L-0.001,12.000 L11.975,24.000 Z'/%3E%3C/svg%3E") center / contain;
}

.faq.open .faq-title span::after {
	transform: rotate(-90deg);
}

.contact-page {
	display: flex;
	justify-content: space-between;
}

.contact-page > div:nth-child(1) {
	width: calc(55% - 30px);
}

.contact-page > div:nth-child(2) {
	width: calc(45% - 30px);
}
.contacts > div:nth-child(2) p {
	margin-top: 0;
	padding-left: 65px;
	background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='87px' height='87px'%3E%3Cpath fill-rule='evenodd' fill='rgb(227, 51, 51)' d='M43.498,-0.001 C67.522,-0.001 86.996,19.475 86.996,43.499 C86.996,67.524 67.522,86.999 43.498,86.999 C19.473,86.999 -0.001,67.524 -0.001,43.499 C-0.001,19.475 19.473,-0.001 43.498,-0.001 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M62.826,17.369 C63.822,16.833 64.802,16.889 65.763,17.543 C66.721,18.195 67.125,19.097 66.971,20.249 L58.678,70.015 C58.524,70.859 58.044,71.512 57.240,71.973 C56.433,72.434 55.646,72.472 54.877,72.089 L40.480,66.098 L33.223,74.968 C32.687,75.660 32.013,76.005 31.207,76.005 C30.402,76.005 29.712,75.755 29.135,75.256 C28.559,74.757 28.272,74.046 28.272,73.125 L28.272,63.909 L56.028,30.041 C56.260,29.734 56.220,29.446 55.914,29.177 C55.607,28.908 55.301,28.889 54.991,29.120 L21.935,58.264 L9.725,53.196 C8.650,52.735 8.076,51.929 7.998,50.776 C7.921,49.624 8.420,48.780 9.494,48.242 L62.826,17.369 Z'/%3E%3C/svg%3E") top left / 45px;
}

.contacts {
	display: flex;
	margin-top: 30px;
	flex-wrap: wrap;
}
.contacts > div:nth-child(1) {
	margin-right: 4vw;
}

.contacts a {
	color: #666565;
	padding-left: 65px;
	height: 45px;
	display: flex;
	align-items: center;
	margin-bottom: 60px;

}

.contacts a.email {
	background: no-repeat url(includes/img/mail.jpg) center left / contain;
}

.contacts a.tel {
	background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='87px' height='87px'%3E%3Cpath fill-rule='evenodd' fill='rgb(227, 51, 51)' d='M43.498,-0.001 C67.522,-0.001 86.997,19.475 86.997,43.499 C86.997,67.524 67.522,86.999 43.498,86.999 C19.473,86.999 -0.002,67.524 -0.002,43.499 C-0.002,19.475 19.473,-0.001 43.498,-0.001 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M68.064,19.455 C68.673,19.523 69.147,19.794 69.486,20.269 C69.824,20.743 69.995,21.252 69.995,21.795 C69.995,30.341 67.861,38.276 63.592,45.599 C59.393,52.722 53.734,58.384 46.622,62.590 C39.305,66.862 31.380,68.998 22.841,68.998 C22.300,68.998 21.791,68.829 21.318,68.490 C20.844,68.150 20.573,67.676 20.503,67.066 L18.064,56.485 C17.930,55.943 17.998,55.400 18.269,54.858 C18.540,54.315 18.946,53.943 19.488,53.739 L30.869,48.855 C31.343,48.653 31.852,48.601 32.395,48.702 C32.935,48.805 33.376,49.094 33.716,49.567 L38.695,55.672 C42.692,53.840 46.232,51.365 49.314,48.245 C52.395,45.125 54.853,41.599 56.683,37.665 L50.584,32.579 C50.179,32.240 49.907,31.816 49.771,31.306 C49.638,30.799 49.670,30.272 49.874,29.731 L54.752,18.335 C54.956,17.861 55.326,17.487 55.868,17.216 C56.410,16.946 56.953,16.877 57.495,17.013 L68.064,19.455 Z'/%3E%3C/svg%3E") center left / contain;
}

.postcode_checker label {
	color: #e33333;
}

.postcode_checker form div {
	position: relative;
}

.postcode_checker form div input[type=text] {
	width: 100%;
	height: 50px;
	border: 2px solid #e33333;
	padding-left: 20px;
	box-sizing: border-box;
	border-radius: 50px;
	color: #e33333;
	font-weight: bold;
}

.postcode_checker form div input[type=submit] {
	position: absolute;
	right: 0;
	top: 0;
	background-color: #e33333;
	border: none;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	width: 130px;
	border-radius: 50px;
	height: 50px;
	cursor: pointer;
	transition: .3s opacity;
}

.postcode_checker form div input[type=submit]:hover {
	opacity: 0.7;
}

.postcode_checker form div span {
	display: block;
	margin-top: 10px;
	color: #666565;
	font-size: 14px;
}

.results {
	background-color: #f2f2f2;
	padding: 10px;
	text-align: center;
	border-radius: 50px;
	margin-top: 30px;

}

.results p {
	margin: 0;
	font-weight: bold;
	font-size: 18px;
}

#results {
	margin-top: 150px;
}
.results p.no {
	color: #d80000;
}

.results p.yes {
	color: #35970e;
}

p + .service_listing , h1 + .service_listing {
	margin-top: 30px;
}

.service_listing > div {
	display:flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.service_listing > div:nth-child(2n+2) {
	flex-direction: row-reverse;
}

.service_listing > div > div {
	width: calc(50% - 30px);
}
.service_listing .content {
	padding: 20px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.service_listing .image-switch {
	min-height: 500px;
}
.main_container + .service_listing.large{
	margin-top: -30px;
}
.service_listing.large .content {
	padding-right: calc(50% - (1300px / 2));
	box-sizing: border-box;
}
.service_listing.large > div {
	flex-direction: row-reverse;
	margin-bottom: 40px;
}
.service_listing.large > div:nth-child(2n+2) {
	flex-direction: row;
}
.service_listing.large > div:nth-child(2n+2) .content {
	padding-left: calc(50% - (1300px / 2));
	padding-right: 0;
}
.service_listing.large .gallery {
	display: flex;
}
.service_listing.large .gallery a {
	flex: 1 0;
	position: relative;
}
.service_listing.large .gallery a:nth-child(2) {
	margin-left: 20px;
}

.service_listing.large .gallery a::before {
	position: absolute;
	content: '';
	top:10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='99px' height='99px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M49.498,-0.001 C76.836,-0.001 98.998,22.162 98.998,49.500 C98.998,76.838 76.836,99.000 49.498,99.000 C22.161,99.000 -0.001,76.838 -0.001,49.500 C-0.001,22.162 22.161,-0.001 49.498,-0.001 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(227, 51, 51)' d='M69.009,53.835 L69.009,47.155 L53.840,47.155 L53.840,31.997 L47.156,31.997 L47.156,47.155 L31.987,47.155 L31.987,53.835 L47.156,53.835 L47.156,68.993 L53.840,68.993 L53.840,53.835 L69.009,53.835 Z'/%3E%3C/svg%3E") center / 50px;
	background-color: rgba(0,0,0,0.66);
	display: none;
}

.service_listing.large .gallery a:hover {
	opacity: 1;
}
.service_listing.large .gallery a:hover::before {
	display: block;
}

.large_banner .page_banner {
	min-height: 700px;
	height: calc(100vh - 100px);
}

.banner_content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px 20px 20px 4vw;
	box-sizing: border-box;
	width: 87%;
	max-width: 800px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1690px' height='1548px'%3E%3Cpath fill-rule='evenodd' fill='rgb(249, 226, 95)' d='M1312.782,1548.000 L865.564,1548.000 L-0.000,1368.531 L-0.000,-0.000 L1344.164,-0.000 C1417.554,113.967 2103.031,1218.898 1312.782,1548.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(254, 165, 30)' d='M1321.426,1548.000 L589.751,1548.000 L5.000,1472.288 L5.000,3.000 L1229.516,3.000 C1304.402,101.620 2080.153,1156.050 1321.426,1548.000 Z'/%3E%3Cpath fill-rule='evenodd' fill='rgb(227, 51, 51)' d='M1256.403,1548.000 L1.000,1548.000 L1.000,3.000 L1100.167,3.000 C1292.441,208.913 2071.696,1119.156 1256.403,1548.000 Z'/%3E%3C/svg%3E");
	background-size: cover;
	background-position: top right;
}

.banner_content * {
	color: #000;
	max-width: 70%;
	text-transform: uppercase;
}

.banner_content h1 {
	font-size: 80px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 0;
}

.page-template-home-page .main_container {
	padding-top: 0;
}
.large_banner {
	padding: 0 4vw;
	overflow: hidden;
}
.banner_content h3 {
	font-size: 25px;
	line-height: 1em;
	margin-bottom: 0;
}

.banner_content p {
	font-weight: bold;
	margin-bottom: 10px;
}
.banner_content .button , .map_image .button {
	background-image: none;
	color: #fff;
	background-color: #000;
	padding: 10px 30px;
	border-radius: 0;
	font-size: 20px;
}
.tns-outer {
	position: relative;
}

.tns-nav {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 4;
	background-color: #000;
	width: auto;
	height: auto;
	padding: 0 10px 6px;
}

.tns-nav button {
	width: 5px;
	height: 5px;
	border: none;
	margin: 0 5px;
	cursor: pointer;
	border-radius: 5px;
	padding: 0;
	background-color: #656363;
}

.tns-nav button.tns-nav-active {
	background-color: #fff;
}

.page-template-home-page .main_container {
	display: block;
}

.large_banner + .service_links {
	margin-top:0;
	background-color: #fff;
	padding: 10px calc(4vw - 6px) 0;
	align-items: stretch;
}
.large_banner + .service_links > * {
	width: calc(50% - 10px);
	max-width: none;
	align-items: stretch;
}
.large_banner + .service_links aside {
	flex-basis: auto;
	margin: 0 5px 10px;
	display: flex;
}

.the_usps {
	padding: 30px calc(4vw - 6px) 40px;
	display: flex;
	justify-content: center;
}


.the_usps p {
	text-align: center;
	max-width: 400px;
	margin: 0 3vw;
	color: #222222;
}

.the_usps p strong {
	font-size: 25px;
	display: block;
	font-weight: 300;
	margin-bottom: 15px;
}

.map_image {
	height: 100vw;
	max-height: 900px;
	min-height: 500px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.map_image > div {
	width: 90%;
	max-width: 430px;
	margin-right: 14vw;
}

.map_image > div h2 {
	font-size: 82px;
	line-height: 1em;
	font-weight: bold;
	margin-bottom: 0;
}

.map_image > div * {
	color: #222;
}

.map_image > div p {
	margin: 0 0 15px;
	font-weight: bold;
	font-size: 15px;
}

h2.home_title {
	color: #222;
	padding: 0 20px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 40px;
	margin: 100px 0 60px;
}
.service_listing.home-50-50 > div {
	margin-bottom: 20px;
}

.service_listing.home-50-50 .image-switch {
	min-height: 440px;
}

.service_listing.home-50-50 .content {
	position: relative;
}

.service_listing.home-50-50 .content::after {content: '';position: absolute;right: -35px;width: 10px;top: 0;bottom: 0;background-color: #e33333;}

.service_listing.home-50-50 >div:nth-child(2n+2) .content::after {
	left: -35px;
	background-color: #fea51e;
	right: auto;
}

.service_listing.home-50-50 .content h2 {font-weight: 400;text-transform: uppercase; font-size: 25px}

.service_listing.home-50-50 > div:nth-child(1) .content h2::after {
	width: 75px;
	height: 5px;
	background-color: #e33333;
	display: block;
	content: '';
}

.page-template-home-page #footer aside {
	background-color: #e9e9e9;
	margin-top: 150px;
}

.page-template-home-page #footer {
	background-color: #e9e9e9;
}

.page-template-home-page #footer aside form {
	background-color: transparent;

}
@media (max-width: 1500px) {
	#header {
		padding: 25px 20px 20px;
	}
}
@media (max-width: 1340px) {
	.site_width {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (max-width: 1200px) {
	#logo {
		display: block;
		text-align: center;
	}
	#logo span {
		margin: 10px 0 0 ;
		display: block;
	}
	.footer-top {
		padding: 60px 20px;
	}
	.service_listing.large .content {
		padding-right: 20px;
	}

	.service_listing.large > div:nth-child(2n+2) .content {
		padding-left: 20px;
		padding-right: 0;
	}
}
@media (min-width: 1025px) {
	#main_menu {
		display: flex;
		list-style: none;
		padding: 0;
		margin: 10px 0 0;
	}
	#main_menu a {
		font-size: 20px;
		color: rgb(0, 0, 0);
		font-weight: bold;
		padding: 10px 15px;
		transition: color .3s;
		display: block;
	}
	#main_menu > li:hover > a , #main_menu > li.current-menu-item > a , #main_menu > li.current-menu-parent > a {
		color: rgb(227, 51, 51);
		opacity: 1;
	}
	#main_menu > li {
		position: relative;
	}
	#main_menu > li:last-child > a {
		color: #fff;
		padding-right: 40px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M4.271,-0.002 L-0.002,4.197 L8.450,12.499 L-0.002,20.800 L4.271,24.999 L16.995,12.499 L4.271,-0.002 Z'/%3E%3C/svg%3E") no-repeat calc(100% - 15px) center / 10px;
		background-color: rgb(227, 51, 51);
		transition: background-color .3s;
	}
	#main_menu > li:last-child:hover > a {
		background-color: #000;
	}
	#main_menu ul {
		list-style: none;
		position: absolute;
		width: 250px;
		padding: 0;
		background-color: #282828;
		max-height: 0;
		overflow: hidden;
		transition: max-height .3s;
	}
	#main_menu ul a {
		color: #fff;
		padding: 5px 15px;
		font-weight: 300;
		text-transform: uppercase;
	}

	#main_menu ul li:hover a , #main_menu ul li.current-menu-item a {
	opacity: 1;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17px' height='25px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M4.271,-0.002 L-0.002,4.197 L8.450,12.499 L-0.002,20.800 L4.271,24.999 L16.995,12.499 L4.271,-0.002 Z'/%3E%3C/svg%3E") no-repeat calc(100% - 15px) center / 10px;
	background-color: #3b3b3b;
	}
	#main_menu ul li:first-child a {
		padding-top: 10px;
	}
	#main_menu ul li:last-child a {
		padding-bottom: 10px;
	}
	#main_menu > li:hover > ul {
		max-height: 1000px;
	}


}
@media (max-width: 1025px) {
	.footer-bottom:before {
		display: none;
	}
	.footer-bottom {
		padding-top: 80px;
	}
	#header > div > div , #header > div {
		display: flex;
		align-items: center;
	}

	#close_menu {
		background-color: rgba(0, 0, 0, 0.01);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 10;
		width: 0;
		height: 100vh;
		display: block;
		transition: background-color 0.3s ease, right 0.3s ease;
		-webkit-transition: background-color 0.3s ease, right 0.3s ease;
	}

	body.menu_open {
		overflow: hidden;
	}

	body.menu_open #close_menu {
		display: block;
		background: rgba(0, 0, 0, 0.5);
		right: 300px;
		width: 100%;
	}
	body.menu_open.show_menu_close #close_menu {
		background-color: rgba(0, 0, 0, 0.01);
		width: 100%;
		right: 0;
	}

	#wrap {
		position: relative;
		width: auto;
		min-width: 320px;
		overflow: hidden;
	}
	#shifter {
		position: relative;
		width: 100%;
		left: 0px;
		transition: left 0.3s ease;
		-webkit-transition: left 0.3s ease;
		background: #fff;
	}

	body {
		background: #d8d8d8;
	}
	body.menu_open #shifter {
		left: -300px;
	}
	body.menu_open.show_menu_close #shifter {
		left: 0;
	}

	#mobile_menu_button {
		width: 20px;
		margin-left: 20px;
		display: block;
	}
	#mobile_menu_button > div {
		width: 100%;
		height: 3px;
		background-color: #000;
		margin-bottom: 3px;
	}
	#mobile_menu_button > div:last-child {
		margin-bottom: 0;
	}

	#main_menu {
		display: block;
		top: 0px;
		left: 100%;
		width: 330px;
		z-index: 11;
		position: fixed;
		overflow-x: hidden;
		overflow-y: scroll;
		max-height: 100vh;
		-webkit-transition: left 0.3s ease;
	}
	body.menu_open #main_menu {
		left: calc(100% - 300px);
	}
	body.menu_open.show_menu_close #main_menu {
		left: 100%;
	}

	.menu , .menu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		background-color: rgb(227, 51, 51);
	}
	.menu ul {
		max-height: 0;
		transition: max-height 0.3s;
		overflow: hidden;
	}
	.menu li.clicked ul {
		max-height: 500px;
	}
	.menu a {
		display: block;
		color: #fff;
		padding: 15px;
		font-size: 18px;
		font-weight: 400;
		text-decoration: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		text-transform: uppercase;
	}
	.menu ul a {
		font-size: 16px;
		padding: 15px 25px;
		background: rgba(255, 255, 255, 0.05);
	}
	.menu li {
		position: relative;
	}

	.menu li.menu-item-has-children > a:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		position: absolute;
		right: 45px;
		top: 19px;
		border-bottom: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		transition: transform 0.3s;
		transform-origin: center;
	}
	.menu li.menu-item-has-children.clicked > a:after {
		transform: rotate(-45deg);
	}

	.gallery {
		column-count: 3;
		column-gap: 10px;
	}
	.gallery .gallery-item img {
		margin-bottom: 10px;
	}

	aside form div {
		display: block;
		height: auto;
	}
	aside form div input {
		width: 100%;
		height: 50px;
	}
	aside form div input[type=submit] {
		max-width: 100%;
		margin: 10px 0 0;
	}
	.footer-top {
		padding: 40px 20px;
		display: block;
	}

	.footer-top > div:nth-child(1) , .footer-top > div:nth-child(2) {
		width: 100%;
	}

	.footer-top > div:nth-child(1) {
		margin-bottom: 35px;
	}
	.service_listing.large > div:nth-child(1n) {
		display: block;
		padding: 20px;
		width: 100%;
		margin-bottom: 0;
		box-sizing: border-box;
	}

	.service_listing.large .content {
		padding: 0;
	}

	.service_listing.large > div > div {
		width: 100%;
	}

	.service_listing.large .image-switch {
		height: 40vw;
		max-height: 500px;
		min-height: 150px;
		margin-top: 20px;
	}

	.page-template-50-50-page .main_container aside {
		display: none;
	}

	.the_usps p {
		margin: 0 20px;
	}

	.the_usps p strong {
		font-size: 20px;
	}
}
@media (max-width:769px) {
	.main_container aside {
		display: none;
	}
	#header > div > div > a {
		text-indent: -9999px;
		overflow: hidden;
		text-align: left;
		margin-left: 10px;
	}
	#header .tel {
		padding: 0;
		width: 25px;
		height: 24px;
		margin-left: 0;
	}
	#header .email {
		padding: 0;
		width: 25px;
		height: 21px;
	}
	#mobile_menu_button {
		margin-left: 12px;
	}
	.main_container {
		display: block;
	}
	.main_container aside {
		margin-left: 0;
	}
	aside form {
		width: 100%;
		max-width: 500px;
		margin: 20px auto;
		box-sizing: border-box;
		padding: 40px 30px;
	}
	aside form label {
		text-align: center;
	}
	h1, h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 21px;
	}
	.main_container {
		padding-top: 40px;
		margin-bottom: 40px;
	}

	.service_links a h2 {
		font-size: 28px;
	}

	#footer aside form {
		padding: 30px 20px;
	}
	.end_of_page {
		padding-top: 0;
	}
	.footer-bottom {
		padding-top: 50px;
	}

	.contact-page {
		display: block;
	}

	.contact-page > div:nth-child(1n) {
		width: 100%;
	}

	.contacts a {
		margin-bottom: 35px;
	}

	.contact-page > div:nth-child(1) {
		margin-bottom: 25px;
	}

	#results {
		margin-top: 0;
	}
	.service_listing > div:nth-child(1n) {
		margin-bottom: 20px;
		flex-direction: column-reverse;
	}

	.service_listing > div > div {
		width: 100%;
	}

	.service_listing .image-switch , .service_listing.home-50-50 .image-switch {
		height: 40vw;
		max-height: 500px;
		min-height: 200px;
	}

	.banner_content h1 {
		font-size: 45px;
	}

	.banner_content h3 {
		font-size: 21px;
	}
	.large_banner + .service_links aside {
		display: block;
		width: calc(100% - 10px);
		margin: 0 auto 10px;
	}
	.large_banner + .service_links > * {
		width: calc(50% - 10px);
	}
	.large_banner + .service_links aside form {
		margin: 0;
		max-width: none;
	}

	.the_usps p {
		position: absolute;
		opacity: 0;
		transition: opacity .3s;
		width: 90%;
		margin: 0 auto;
	}

	.the_usps {
		position: relative;
		height: 110px;
		padding: 15px calc(4vw - 6px) 25px;
	}

	.the_usps p.active {
		opacity: 1;
	}

	.map_image {
		height: 80vw;
		min-height: 400px;
	}

	.map_image > div {
		margin-right: 20px;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.map_image > div h2 {
		font-size: 42px;
		margin-bottom: 10px;
	}

	h2.home_title {
		margin: 40px 0px 30px;
		font-size: 30px;
	}
	.page-template-home-page #footer aside {
		margin-top: 50px;
	}
}


@media (max-width:640px) {

	.gallery {
		column-count: 2;
	}
	.header-right {
		display: flex;
		justify-content: space-between;
	}
	.service_links a {
		width: 100%;
		max-width: 100%;
		padding: 25px;
	}
	.footer-top .gform_body > ul {
		display: block;
	}

	.footer-top .gform_body > ul > div {
		width: 100%;
	}

	.faq-title h3 {
		font-size: 18px;
	}
	.faq-title span {
		width: 85px;
		height: 35px;
	}

	.faq-title span::after {
		margin-left: 7px;
	}

	.faq-title h3 {
		width: calc(100% - 100px);
	}
	.large_banner .page_banner {
		min-height: 450px;
		height: calc(100vh - 200px);
	}
}
@media (max-width: 450px) {
	#logo p {
		width: 160px;
		height: 50px;
	}
	#logo span {
		font-size: 16px;
	}
	.banner_content * {
		max-width: 80%;
	}

	.banner_content h1 {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.large_banner + .service_links > * {
		width: calc(100% - 10px);
	}
	ol.red-numbers li::before {
		flex: 0 0 35px;
		border-radius: 35px;
		height: 35px;
		font-size: 22px;
		margin-right: 15px;
	}
}

/* lightbox*/

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version %%INJECT_VERSION%%
 * @url https://github.com/feimosi/baguetteBox.js
 */
#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0, 0, 0, 0.8);
	transition: opacity 0.5s ease;
}
#baguetteBox-overlay.visible {
	opacity: 1;
}
#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
}
#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%;
}
#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	white-space: normal;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
	font-family: sans-serif;
}
#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	transition: left 0.4s ease, transform 0.4s ease;
}
#baguetteBox-slider.bounce-from-right {
	animation: bounceFromRight 0.4s ease-out;
}
#baguetteBox-slider.bounce-from-left {
	animation: bounceFromLeft 0.4s ease-out;
}

@keyframes bounceFromRight {
	0% {
		margin-left: 0;
	}
	50% {
		margin-left: -30px;
	}
	100% {
		margin-left: 0;
	}
}
@keyframes bounceFromLeft {
	0% {
		margin-left: 0;
	}
	50% {
		margin-left: 30px;
	}
	100% {
		margin-left: 0;
	}
}
.baguetteBox-button#previous-button, .baguetteBox-button#next-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px;
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: none;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50, 50, 50, 0.5);
	color: #ddd;
	font: 1.6em sans-serif;
	transition: background-color 0.4s ease;
}
.baguetteBox-button:focus, .baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, 0.9);
}
.baguetteBox-button#next-button {
	right: 2%;
}
.baguetteBox-button#previous-button {
	left: 2%;
}
.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px;
}
.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0;
}

/*
	Preloader
	Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	animation: bounce 2s infinite ease-in-out;
}

.baguetteBox-double-bounce2 {
	animation-delay: -1s;
}

@keyframes bounce {
	0%, 100% {
		transform: scale(0);
	}
	50% {
		transform: scale(1);
	}
}
/* Tiny Sldier - https://github.com/ganlanyuan/tiny-slider */
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.ms-touch{overflow-x:scroll;overflow-y:hidden;-ms-overflow-style:none;-ms-scroll-chaining:none;-ms-scroll-snap-type:mandatory;-ms-scroll-snap-points-x:snapInterval(0%, 100%)}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>div,.tns-slider>li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>div,.tns-horizontal.tns-subpixel>li{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>div,.tns-horizontal.tns-no-subpixel>li{float:left;margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>div,.tns-gallery>li{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.loaded{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-hdx{overflow-x:hidden}.tns-hdy{overflow-y:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-t-subp2{width:500px}.tns-t-subp2 .out{width:-webkit-calc(100% * 700);width:-moz-calc(100% * 700);width:calc(100% * 700)}.tns-t-subp2 .in{width:-webkit-calc(100% / 700);width:-moz-calc(100% / 700);width:calc(100% / 700);height:100px}

.tns-t-subp2 .out {
	display: none;
}