* {
	box-sizing: border-box;
	-mox-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	 font-family: 'Nunito', sans-serif;
	color: #999;
	display: block;
}

textarea {
	font-family: 'Nunito', sans-serif;
	color: #999;
}

code {
	font-family:  'Nunito', sans-serif;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

audio,
canvas,
video {
	display: inline-block;
}

.gm-style {
    font-family: 'Nunito Sans', sans-serif;
	color: #999;
}


/*
html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space * /
    background: transparent;  /* optional: just make scrollbar invisible * /
}
*/

.clearfix {
	display: block;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#message {
	overflow: auto;
}

#message::-webkit-scrollbar {
	width: 5px;
	/* remove scrollbar space */
	background: transparent;
	/* optional: just make scrollbar invisible */
}


/* optional: show position indicator in red */

::-webkit-scrollbar-thumb {
	background: #f7941d;
}

article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

header {
	max-height: 79px;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

a img {
	border: none;
}

:focus {
	outline: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

a.next-arrow {
	position: relative;
	top: 2px;
	left: 3px;
	transition: all .2s ease-in;
}

a.next-arrow:hover {
	left: 10px;
}


/* Font Family */

.section-holder {
	height: 100%;
}

.fp-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.fp-tablecell {
	display: table-cell;
	/*vertical-align:middle;*/
	width: 100%;
}


/* for menu styling */

a {
	text-decoration: none;
}

div#overlay {
	display: none;
}

a#toggle {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	color: white;
	display: none;
	z-index: 9999;
	-webkit-transition: all ease-out 0.3s;
	-moz-transition: all ease-out 0.3s;
	-ms-transition: all ease-out 0.3s;
	transition: all ease-out 0.3s;
}

a#toggle i {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
}

#menu .logo {
	float: left;
	padding: 10px 0px;
}

#menu .header-right {
	float: right;
}

#menu .logo img {
	max-width: 100%;
}

#menu .btn-yellow {
	background-color: #f7941d;
	box-shadow: 0px 2px 4.95px 0.05px rgba(0, 0, 0, 0.19);
	color: #ffffff;
	font-size: 17px !important;
	line-height: 12px;
	padding: 11px 20px;
	border-radius: 4px;
}

#menu ul.header-right li {
	padding: 15px;
	text-align: left;
	vertical-align: middle;
	list-style-type: none;
	display: inline-block;
	color: rgb(0, 0, 0);
}

#menu {
	padding: 0px 0px 0 25px;
}

ul.header-right li a {
	font-size: 20px;
	color: #515151;
	font-weight: 400;
}

ul.header-right li p {
	font-size: 17px;
	margin-bottom: 2px;
}

ul.header-right li.header-right-section-1 {
	min-width: 180px;
}

ul.header-right li.header-right-section-2 {
	visibility: hidden;
}

.banner {
	width: 100%;
}

#menu .btn-yellow i {
	padding-left: 10px;
}

.space40 {
	margin-top: 40px;
}

.space30 {
	margin-top: 30px;
}

.space20 {
	margin-top: 20px;
}

.space100 {
	margin-top: 100px !important;
}

.space90 {
	margin-top: 90px;
}

.scroll-down {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -16px;
}

.bouncing-arrow {
	opacity: 1;
	transition: all .5s ease-in 3s;
	-moz-transition: all .5s ease-in 3s;
	/* Firefox and other browsers using Mozilla's browser engine */
	-webkit-transition: all .5s ease-in 3s;
	/* Safari, Chrome and browsers using the Webkit engine */
	-o-transition: all .5s ease-in 3s;
	/* Opera */
	-ms-transition: all .5s ease-in 3s;
	/* Internet Explorer (but not always) */
}

.bouncing-arrow {
	display: block;
	width: 32px;
	height: 32px;
	border: 2px solid #FFF;
	background-size: 14px auto;
	border-radius: 50%;
	z-index: 2;
	animation: bounce 2s infinite 2s;
	-moz-animation: bounce 2s infinite 2s;
	/* Firefox and other browsers using Mozilla's browser engine */
	-webkit-animation: bounce 2s infinite 2s;
	/* Safari, Chrome and browsers using the Webkit engine */
	-o-animation: bounce 2s infinite 2s;
	/* Opera */
	-ms-animation: bounce 2s infinite 2s;
	/* Internet Explorer (but not always) */
	transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	/* Firefox and other browsers using Mozilla's browser engine */
	-webkit-transition: all .2s ease-in;
	/* Safari, Chrome and browsers using the Webkit engine */
	-o-transition: all .2s ease-in;
	/* Opera */
	-ms-transition: all .2s ease-in;
	/* Internet Explorer (but not always) */
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	60% {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

.bouncing-arrow:before {
	position: absolute;
	top: calc(50% - 8px);
	left: calc(50% - 6px);
	transform: rotate(-45deg);
	display: block;
	width: 12px;
	height: 12px;
	content: "";
	border: 2px solid white;
	border-width: 0px 0 2px 2px;
}

.black-no {
	color: #000;
}

.orange-no {
	color: #f7941d;
}


/* Css for Footer */

.footer {
	background-color: #FFFFFF;
	padding: 31px 0px 0 0;
	float: left;
	width: 100%;
}

.footer .footer-two {
	width: 40%;
	float: left;
}

.footer .footer-two-right {
	width: 44%;
	float: right;
	text-align: center;
}

.footer h4 {
	color: #4d4d4d;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.footer .footer-two .footer-list ul li a {
	color: #999999;
	font-weight: 400;
	padding-bottom: 15px;
	font-size: 16px;
	display: block;
	padding-left: 0px;
	transition: all 500ms linear;
}

.footer .footer-two .footer-list ul li {
	list-style-type: none;
	position: relative;
}

.footer .footer-two .footer-list,
.footer .footer-two-right .footer-list {
	width: 50%;
	float: left;
}


/*.footer .footer-two .footer-list ul li:before {
    position: absolute;
    content: ".";
    left: 0px;
    top: -4px;
    font-size: 45px;
    line-height: 0px;
    color: #999999;
}*/

.footer .footer-list .footer-bottom-address h5 {
	color: #4d4d4d;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 5px;
}

.footer .footer-list .footer-bottom-address p {
	color: #999999;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}

.footer-copy {
	background-color: #16c2f4;
	padding: 18px 0px;
	color: #FFFFFF;
	float: left;
	width: 100%;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: -3px;
}

.fleft {
	width: 48%;
	float: left;
}

.fright {
	width: 48%;
	float: right;
}

.footer .footer-list img {
	display: table;
	margin: 35px auto 0 auto;
}

.footer-copy ul.list-social {
	float: right;
}

.footer-copy ul.list-social li {
	float: left;
	list-style-type: none;
}

.footer-copy ul.list-social li a {
	display: block;
}

.footer-copy ul.list-social li a i {
	width: 39px;
	height: 39px;
	background-color: #FFFFFF;
	border-radius: 100%;
	margin-right: 10px;
	text-align: center;
	color: #adadad;
	font-size: 18px;
	font-weight: 400;
	line-height: 38px;
	transition: all 500ms linear;
}

.fleft p {
	font-size: 12px;
	line-height: 45px;
}

.footer .footer-two .footer-list ul li:hover a {
	color: #000000;
	transition: all 500ms linear;
}

.footer-copy ul.list-social li:nth-child(1) a i {
	color: #0077B5;
}

.footer-copy ul.list-social li:nth-child(2) a i {
	color: #3b5998;
}

.footer-copy ul.list-social li:nth-child(3) a i {
	color: #1da1f2;
}

.footer-copy ul.list-social li:nth-child(4) a i {
	color: #d66b57;
}

.footer-copy ul.list-social li:hover a i {
	color: #FFFFFF;
}

.footer-copy ul.list-social li:hover:nth-child(1) a i {
	background-color: #0077B5;
}

.footer-copy ul.list-social li:hover:nth-child(2) a i {
	background-color: #3b5998;
}

.footer-copy ul.list-social li:hover:nth-child(3) a i {
	background-color: #1da1f2;
}

.footer-copy ul.list-social li:hover:nth-child(4) a i {
	background-color: #d66b57;
}

.footer-copy .fleft p {
	color: #ffffff !important;
}

.scrolloff {
	pointer-events: none;
}

.form-radio,
.form-group {
	position: relative;
	margin-top: 2.25rem;
	margin-bottom: 2.25rem;
	float: left;
	width: 100%;
}

.form-inline>.form-group,
.form-inline>.btn {
	display: inline-block;
	margin-bottom: 0;
}

.form-group input {
	height: 1.9rem;
}

.form-group textarea {
	resize: none;
}

.form-group select {
	width: 100%;
	font-size: 1rem;
	height: 1.6rem;
	padding: 0.125rem 0.125rem 0.0625rem;
	background: none;
	border: none;
	line-height: 1.6;
	box-shadow: none;
}

.form-group .control-label {
	position: absolute;
	top: 0.25rem;
	pointer-events: none;
	padding-left: 0.125rem;
	z-index: 1;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 400;
	-webkit-transition: all 0.28s ease;
	transition: all 0.28s ease;
}

.form-group .bar {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.56);
	display: block;
}

.form-group .bar::before {
	content: '';
	height: 1px;
	width: 0;
	left: 50%;
	bottom: -0.0625rem;
	position: absolute;
	background: rgb(0, 152, 197);
	-webkit-transition: left 0.28s ease, width 0.28s ease;
	transition: left 0.28s ease, width 0.28s ease;
	z-index: 2;
}

.form-group input,
.form-group textarea {
	display: block;
	background: none;
	padding: 0.125rem 0.125rem 0.0625rem;
	font-size: 16px;
	border-width: 0;
	border-color: transparent;
	line-height: 1.9;
	width: 100%;
	color: transparent;
	-webkit-transition: all 0.28s ease;
	transition: all 0.28s ease;
	box-shadow: none;
}

.form-group input[type="file"] {
	line-height: 1;
}

.form-group input[type="file"]~.bar {
	display: none;
}

.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
	color: #ffffff;
}

.form-group select~.control-label,
.form-group input:focus~.control-label,

/*.form-group input:valid ~ .control-label,*/

.form-group input.form-file~.control-label,
.form-group input.has-value~.control-label,
.form-group textarea:focus~.control-label,
.form-group textarea:valid~.control-label,
.form-group textarea.form-file~.control-label,
.form-group textarea.has-value~.control-label {
	font-size: 0.8rem;
	color: #4d4d4d;
	top: -1rem;
	left: 0;
}

#quote_message {
	/*font-family: 'AvenirLTStd-Roman';*/
}

#txt_website:valid~.control-label {
	font-size: 16px;
	color: #ffffff;
	display: block;
	top: 0.25rem;
}

#txt_website:focus~.control-label,
#txt_website.has-value~.control-label {
	font-size: 0.8rem;
	color: #4d4d4d;
	top: -1rem;
	left: 0;
}

.form-group label.filled {
	font-size: 0.8rem !important;
	color: #4d4d4d !important;
	top: -1rem !important;
	left: 0 !important;
}

.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
	outline: none;
}

.form-group select:focus~.control-label,
.form-group input:focus~.control-label,
.form-group textarea:focus~.control-label {
	color: #4d4d4d;
}

.form-group select:focus~.bar::before,
.form-group input:focus~.bar::before,
.form-group textarea:focus~.bar::before {
	width: 100%;
	left: 0;
}

.form-radio label {
	position: relative;
	cursor: pointer;
	padding-left: 2rem;
	text-align: left;
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	display: block;
}

.form-radio input {
	width: auto;
	opacity: 0.00000001;
	position: absolute;
	left: 0;
}

.radio {
	margin-bottom: 1rem;
	display: inline-block;
	margin-right: 20px;
}

.radio .helper {
	position: absolute;
	top: -0.25rem;
	left: -0.25rem;
	cursor: pointer;
	display: block;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #ffffff;
}

.radio .helper::before,
.radio .helper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	margin: 0.25rem;
	width: 1rem;
	height: 1rem;
	-webkit-transition: -webkit-transform 0.28s ease;
	transition: -webkit-transform 0.28s ease;
	transition: transform 0.28s ease;
	transition: transform 0.28s ease, -webkit-transform 0.28s ease;
	border-radius: 50%;
	border: 0.125rem solid currentColor;
}

.radio .helper::after {
	-webkit-transform: scale(0);
	transform: scale(0);
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}

.radio label:hover .helper {
	color: #ffffff;
}

.radio input:checked~.helper::after {
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}

.radio input:checked~.helper::before {
	color: #ffffff;
}

.radio+.radio {
	margin-top: 1rem;
}

.button {
	position: relative;
	border: 1px solid currentColor;
	font-size: 18px;
	color: #4f93ce;
	padding: 12px 21px;
	cursor: pointer;
	-webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
	transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
	overflow: hidden;
	border-radius: 4px;
	background-color: #f7941d;
	box-shadow: 0px 2px 4.95px 0.05px rgba(0, 0, 0, 0.19);
	border: 1px solid #f7941d;
}

.button span {
	color: #fff;
	position: relative;
	z-index: 1;
}

.margin15 {
	margin-top: 15px
}

.option-items {
	padding: 0 50px 50px 50px;
	border-right: 1px solid rgba(255, 255, 255, .2);
	text-align: center;
	width: 50%;
	float: left;
	margin-top: 80px
}

.option-items ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.option-items li {
	padding: 20px 30px
}

.option-items-title {
	font-size: 20px;
	display: block;
	margin-bottom: 10px
}

.option-items code {
	width: 100%;
	word-wrap: break-word;
	display: block;
	margin-bottom: 20px
}

.option-items li span {
	display: block
}

.numbercss {
	font-size: 20px;
	font-weight: bold;
	background: #fff;
	border: 8px solid #dadada;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	display: inline-block !important;
	color: #4d4d4d;
	line-height: 32px
}

.numbercont {
	margin: 0 !important;
	padding: 0!important
}

.white-btn {
	background: #fff;
	border-radius: 2px;
	color: #4d4d4d;
	padding: 10px 20px;
	border-radius: 2px;
	display: inline-block;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.bg-blue {
	background-color: #16c2f4;
	padding: 0 0 70px 0;
	text-align: center;
}

.aboutus-wrap-talk .about-wrap-1 {
	display: inline-block;
	vertical-align: middle;
	padding-left: 56px;
}

.aboutus-wrap-talk .btn-yellow {
	background-color: #f7941d;
	box-shadow: 0px 2px 4.95px 0.05px rgba(0, 0, 0, 0.19);
	color: #ffffff;
	font-size: 17px !important;
	line-height: 12px;
	padding: 13px 24px;
	border-radius: 4px;
	display: block;
	margin-top: 25px;
}

.aboutus-wrap-talk .btn-yellow i {
	padding-left: 10px;
}

section#content {
	min-height: 900px;
	padding: 50px 0;
}

.two-section {
	width: 43.65%;
	float: left;
}

.two-section-right {
	width: 49%;
	float: right;
}

.bg-border {
	position: relative;
}

.bg-border:before {
	content: '';
	position: absolute;
	right: 0;
	width: 66.66%;
	background: #fff;
	height: 1px;
	top: 145px;
	opacity: .2
}

.bg-border:after {
	content: '';
	background: rgba(255, 255, 255, .20);
	width: 150%;
	height: 1px;
	position: absolute;
	right: 57%;
	top: 95px;
}

.wrapper {
	float: left;
	width: 100%;
	margin: 30px 0px 0px 0px;
}

.wrap-talk .bg-blue {
	padding: 50px 0px;
}

.wrap-talk h2 {
	color: #FFFFFF;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}

.wrap-talk p {
	color: #FFFFFF !important;
	text-align: left;
	font-size: 18px;
}

.wrap-talk h4 {
	/*color: #4d4d4d;*/
	font-size: 17px;
	font-weight: 500;
	position: relative;
	display: table;
	margin: 50px auto 60px auto;
}

.wrap-talk h4:after {
	position: absolute;
	content: "";
	height: 2px;
	width: 30%;
	background-color: #606060;
	bottom: 0px;
	left: 50%;
	margin-left: -15px;
	bottom: -15px;
}

.wrap-talk ul.award-affili {
	text-align: center;
	width: 86%;
	margin: 0 auto;
	position: relative;
	padding: 0px 50px 0 50px;
}

.wrap-talk ul.award-affili li {
	width: 17%;
	display: inline-block;
	list-style-type: none;
	margin-bottom: 39px;
}

.wrap-talk ul.award-affili li img {
	display: block;
	max-width: 100%;
}

.wrap-talk .bg-grey-section {
	padding-bottom: 0px;
}

.bg-grey-section {
	background-color: #f4f4f4;
	padding-bottom: 100px;
	position: relative;
}

.main-title-wrap-blue {
	background-color: #16c2f4;
	padding: 125px 0 125px 0px;
	position: relative;
	clear: both;
}

.page-template-default .main-title-wrap-blue {
	background-color: #16c2f4;
	padding: 80px 0 125px 0px;
	position: relative;
}

.main-title-wrap-blue #content {
	color: #fff;
}

.main-title-wrap-blue,
.tools-main-title-wrap-blue,
.review-main-title-wrap-blue {
	margin-top: 79px;
}

.inner-title {
	position: relative;
	color: #ffffff;
	font-size: 75px;
	font-weight: 700;
	z-index: 4;
	margin-bottom: 10px;
}

.error404 .inner-title,
.page-template-default .inner-title {
	color: #ffffff;
	font-size: 40px;
	font-weight: 700;
	z-index: 4;
	margin-bottom: 10px;
	text-align: center;
}

.error404 #main-contents,
.page-template-default #main-contents {
	background-color: #f4f4f4;
	padding-bottom: 50px;
}

.error404 #main-contents .top-wrap,
.page-template-default #main-contents .top-wrap {
	margin-top: -50px;
	z-index: 5;
	position: relative;
}

.error404 #main-contents .white-box-wrap,
.page-template-default #main-contents .white-box-wrap {
	background-color: #FFFFFF;
	border-radius: 2px;
	box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
	-moz-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
	-webkit-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
	-o-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
	width: 100%;
	float: none;
}

.error404 #main-contents .white-box-wrap p,
.page-template-default #main-contents .white-box-wrap p {
	color: #999999;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
	padding-bottom: 20px;
}

.page-template-default #main-contents ul li {
	position: relative;
	list-style-type: none;
	margin-bottom: 25px;
}

.page-template-default #main-contents ul li:before {
	content: "\f00c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #16c1f3;
	width: 19px;
	height: 19px;
	border: 2px solid #16c1f3;
	border-radius: 100%;
	text-align: center;
	line-height: 17px;
	font-size: 11px;
	margin-right: 10px;
}

.inner-sub-title {
	font-size: 19px;
	position: relative;
	z-index: 1;
	color: #ffffff;
	font-weight: 500;
	padding-left: 5%;
}

.white-box-wrap {
	background-color: #FFFFFF;
	border-radius: 2px;
	box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
	-moz-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
	-webkit-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
	-o-box-shadow: 0px 1px 3px 1px rgba(88, 98, 101, 0.21);
	padding: 60px;
	width: 62.69%;
	position: relative;
	z-index: 1;
}

.white-box-wrap {
	float: right;
}

.white-box-wrap h1 {
	font-size: 30px;
	/*color: #4d4d4d;*/
	font-weight: 300;
	margin-bottom: 30px;
}

.white-box-wrap h2 {
	font-size: 30px;
	/*color: #4d4d4d;*/
	font-weight: 300;
	margin-bottom: 30px;
}

.white-box-wrap p {
	/*color: #999999;*/
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
}

.white-box-wrap p span {
	font-weight: bold;
}

.top-wrap {
	position: absolute;
	width: 100%;
}

.white-box-wrap p.italiq {
	font-size: 16px;
	font-style: italic;
	margin-top: 20px;
}

.inner-maintitle {
	color: #555555;
	font-size: 34px;
	font-weight: 300;
	display: table;
	margin: 15px auto 0 auto;
	position: relative;
}

.inner-maintitle:after {
	position: absolute;
	width: 20px;
	height: 2px;
	background-color: #16c2f4;
	bottom: -10px;
	content: "";
	left: 50%;
	margin-left: -5%;
}

.btn-yellow {
	box-shadow: 0px 2px 4.95px 0.05px rgba(0, 0, 0, 0.19);
	border-radius: 4px;
	background-color: #f7941d;
	color: #ffffff;
	font-size: 17px !important;
	line-height: 12px;
	padding: 11px 24px;
	cursor: pointer;
}

.btn-yellow i {
	padding-left: 10px;
}

.btn-schedule .btn-yellow {
	padding: 14px 24px;
}

.form-open.btn-yellow {
	display: inline-block;
}

.project-section .project-right .btn-yellow {
	padding: 13px 24px;
}

.back {
	display: none;
	float: left;
	width: 100%;
}

.front {
	float: left;
	width: 100%;
	/*padding: 27px 0px;*/
}

#manage_reply_enquiry {
	display: none;
}

#manage_reply_enquiry .form-inline .form-group {
	display: inline-block;
	width: 40%;
	margin-right: 40px;
	text-align: left;
}

#manage_reply_enquiry .form-inline {
	width: 80%;
	display: table;
	margin: 0 auto;
	text-align: center;
	padding: 0 80px;
}

.modal {
	display: none;
	position: fixed;
	z-index: 99;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
}


/* Modal Content */

.modal-content {
	position: relative;
	background-color: #FFFFFF;
	margin: auto;
	padding: 0;
	display: table;
	border: 1px solid #888;
	width: 60%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

.modal-header {
	padding: 2px 16px;
	background-color: #5cb85c;
	color: white;
}


/*.modal-body .modal-left{width:39%;display:inline-block;background-color:#FFFFFF;padding:45px 45px;}
.modal-body .modal-right{width:60%;display:inline-block;background-color:#f7f7f7;padding:45px 45px;}*/

.modal-body .modal-wrap-box p {
	font-size: 16px;
	color: #999999;
}

.modal-body .modal-wrap-box h3 {
	/*color: #4d4d4d;*/
	font-size: 22px;
	margin-bottom: 15px;
	font-weight: 400;
}

.modal-body .modal-wrap-box {
	margin-bottom: 20px;
}

.modal-body .modal-wrap-box-border {
	border-bottom: 1px solid #b5b5b5;
	opacity: 0.3;
	padding-top: 35px;
}

.modal-body .modal-wrap-box h6 {
	/*color: #4d4d4d;*/
	font-size: 16px;
	margin-bottom: 10px;
}

p.short-form span {
	font-size: 16px;
	padding-left: 20px;
	display: inline-block;
	position: relative;
}

p.short-form span:before {
	content: " ";
	position: absolute;
	left: 3px;
	top: 9px;
	height: 5px;
	width: 5px;
	border-radius: 100%;
	background: #00BCD4;
}

.get-quote-form .form-group {
	margin-bottom: 2rem;
}

.lst-gt-quote .modal-content .modal-left.modal-lft {
	min-height: 790px;
}

.modal-body .modal-wrap-box h3 {
	margin-bottom: 8px;
}

@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}
	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}
	to {
		top: 0;
		opacity: 1
	}
}


/* The Close Button */

.close {
	color: #4d4d4d;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	right: 0;
	opacity: 1;
	width: 30px;
	height: 30px;
	z-index: 99;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.close1 {
	color: #4d4d4d;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	right: 0;
	opacity: 1;
	width: 30px;
	height: 30px;
	z-index: 99;
}

.close1:hover,
.close1:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.get-quote-form .form-group .bar {
	border-bottom: 1px solid rgba(153, 153, 153, 0.43);
}

.get-quote-form .form-group .control-label {
	color: #999999;
	font-size: 14px;
}

.modal-content .modal-body .modal-left {
	float: left;
	width: 35%;
	/*padding:45px 0px 45px 45px;*/
	padding: 45px 0px 34px 45px;
	min-height: 618px;
}

.modal-content .modal-body .modal-right {
	float: right;
	width: 55%;
	background-color: #f7f7f7;
	/*padding:45px 45px;*/
	padding: 0px 45px;
	min-height: 618px;
}

.modal-content .modal-body .modal-right .modal-left {
	float: left;
	width: 49%;
	padding: 0px;
	min-height: initial;
}

.modal-content .modal-body .modal-right .modal-right {
	float: right;
	width: 49%;
	padding: 0px;
	min-height: initial;
}

.modal-content .modal-body .modal-right .modal-right .control-label {
	top: -1rem;
	font-size: 0.8rem;
}

.modal-content .modal-body .modal-right .modal-right select {
	margin-bottom: 5px;
}

.modal-content .modal-body .modal-height.sameheight {
	border: 1px solid #f12;
}

.btn-right {
	float: right;
}

.blue-border {
	height: 3px;
	width: 30px;
	background: #20b9e5;
	margin-top: 15px;
}

.modal .form-group select,
.modal .form-group input:focus,
.modal .form-group input:valid,
.modal .form-group input.form-file,
.modal .form-group input.has-value,
.modal .form-group textarea:focus,
.modal .form-group textarea:valid,
.modal .form-group textarea.form-file,
.modal .form-group textarea.has-value {
	color: #4d4d4d;
}

.modal textarea {
	line-height: 20px !important;
}


/* Flip Form */

.form-con {
	position: relative;
}

.disble-form {
	padding: 15px 0px;
	position: relative;
}

.round-check {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	border: 3px solid #16c1f3;
	margin: 0 auto 20px auto;
	text-align: center;
	font-size: 21px;
	color: #16c1f3;
	line-height: 53px;
}

.disble-form h3 {
	color: #4d4d4d;
	font-size: 22px;
	text-align: center;
	margin-bottom: 30px;
}

.disble-form p {
	color: #959595;
	font-size: 16px;
	text-align: center;
	margin-bottom: 30px;
}

.disble-form.form-group .bar {
	border-bottom: 1px solid rgba(153, 153, 153, 0.43);
}

.disble-form .form-group .control-label {
	color: #999999;
	font-size: 14px;
}

.disble-form .form-group .bar {
	border-bottom: 1px solid rgba(153, 153, 153, 0.43);
}

.disble-form .form-group input[type="date"] {
	color: #4d4d4d;
}

.disble-form .form-group input[type="date"] {
	height: 1.9rem;
	-webkit-appearance: none;
}

.disble-form .form-group input {
	color: #4d4d4d;
}

.thank-form {
	color: #4e4e4e;
	text-align: center;
	display: table;
	clear: both;
	padding-top: 30px;
	border-bottom: 1px solid #4d4d4d;
	margin: 0 auto;
}

.btn-schedule {
	text-align: center;
}

.disble-form .form-inline {
	width: 60%;
	margin: 0 auto;
}

.disble-form .form-group .control-label {
	top: -0.8rem;
}

.disble-form .form-group .date {
	position: absolute;
	top: 0px;
	right: 0px;
}

.form-group.fgroup {
	width: 60%;
	left: 20%;
}

.space20 {
	margin-top: 20px;
}

.space30 {
	margin-top: 30px;
}

.space40 {
	margin-top: 40px;
}

.space50 {
	margin-top: 50px;
}

.space60 {
	margin-top: 60px;
}

.space70 {
	margin-top: 70px;
}

.space90 {
	margin-top: 90px;
}

.space100 {
	margin-top: 100px !important;
}

.thank-form:hover {
	color: #232323;
}


/* The Close Button */

.close {
	color: #4d4d4d;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	right: 0;
	opacity: 1;
	width: 30px;
	height: 30px;
	z-index: 99;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.map {
	height: 320px;
	width: 100%;
	overflow: hidden;
}

#webdevelopment .map {
	height: 320px;
	width: 100%;
}

.map .place-desc div {
	padding: 3px 0;
}

#webdevelopment .map .place-desc div {
	padding: 10px 0;
	color: #848484;
}

.fa-chevron-down:before {
	content: "" !important;
}

.admin_footer {
	padding: 30px;
	padding-top: 50;
	background-color: #16c2f4;
	color: white;
	font-size: 18px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.google-maps-link a {
	position: inherit !important;
}

.admin_footer a {
	color: white;
}


/******************************
*******************************
**    CSS for Search bar     **
*******************************
*******************************/

#info-bar {
	background-color: #28779f;
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
}

#navigation-bar {
	position: relative;
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
}

#navigation-bar #input input {
	transition: all 800ms linear;
	-webkit-transition: all 800ms linear;
	-moz-transition: all 800ms linear;
}

#navigation-bar ul.search-scan-form li {
	padding: 15px 20px 15px 0px;
	float: none;
	display: table-cell;
	border-bottom: 1px solid #d3d3d3;
	text-align: center;
	overflow: hidden;
}

#navigation-bar.intro ul.search-scan-form li {
	visibility: visible;
}

#navigation-bar ul.search-scan-form li:last-child {
	padding: 15px 0px 15px 0px
}

#analize_form {
	opacity: 0;
	position: absolute;
	float: right;
	right: 0px;
	width: 90%;
	z-index: -1;
	top: 0px;
	padding: 12px 0px;
	overflow: hidden;
}

.open-form #analize_form {
	opacity: 1;
	overflow: hidden;
	z-index: 30;
	background-color: #FFFFFF;
}

#input input {
	border: 0px;
	width: 95%;
	font-family: 'Nunito', sans-serif;
	font-size: 15px;
}

ul.close-nav-section-new {
	opacity: 1;
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
}

ul.close-nav-section-new>li:first-child {
	transition: all 1500ms ease-in;
	-webkit-transition: all 1500ms ease-in;
}

ul.close-nav-section-new>li:nth-child(2) {
	transition: all 1500ms ease-in;
	-webkit-transition: all 1500ms ease-in;
}

ul.open-nav-section-new>li:last-child .btn-yellow {
	opacity: 0;
}

.close-nav-section-new .new-li {
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
}

.search-wrap {
	background-color: #FFFFFF;
	width: 90%;
	float: right;
	display: block;
	transform: translateX(0px);
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
}

.open-form .search-wrap {
	transform: translateX(0px);
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	background-color: #FFFFFF;
}

#input input:focus {
	outline: none
}

#input.focus {
	z-index: 20
}

#input.focus input {
	right: 0px;
	transition: all 800ms linear;
	-webkit-transition: all 800ms linear;
	-moz-transition: all 800ms linear;
}

nav {
	width: 100%;
	float: left;
	padding-left: 10px;
	position: relative;
	z-index: 10;
}

nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.search-scan-form {
	display: flex;
	width: 70%;
	text-align: right;
	margin: 0 auto;
	background-color: #FFFFFF;
}

ul.search-scan-form li {
	display: inline-block;
	list-style: none;
	padding: 0px 40px;
}

ul.search-scan-form li .loader-img {
	width: 15px;
	height: 15px;
}

ul.search-scan-form li:first-child {
	width: 70%;
}

.btn {
	padding: 4px 7px;
	color: #16c2f4;
}

.search-wrap-form {
	position: relative;
	overflow: hidden;
}

ul.search-scan-form li i {
	font-size: 18px;
	color: #777777;
	margin: 0 10px 0px 0px;
}

input[type="url"] {
	color: #777777;
	font-family: 'Nunito', sans-serif;
	font-size: 15px;
}

ul.header-right li a.btn-scan-report {
	border: 1px solid #16c2f4;
	color: #16c2f4;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 800;
	padding: 6px 17px;
	box-shadow: 0px 1px 2.91px 0.09px rgba(0, 0, 0, 0.21);
	font-weight: bold;
	font-family: 'Nunito', sans-serif;
}

ul.search-scan-form li a#close {
	color: #a6a6a6;
	font-size: 0px;
	font-weight: normal;
}

ul.search-scan-form li a.loader {
	font-size: 0px;
	font-weight: normal;
}

.open-form-hide #analize_form {
	opacity: 0;
}

.myBtnyell {
	background: #FFFFFF;
	border: 1px solid #f7941d;
	color: #f7941d !important;
	font-weight: 500;
	box-shadow: 0px 2px 5.95px -0.95px rgba(0, 0, 0, 0.19);
	font-size: 17px !important;
	line-height: 12px;
	padding: 11px 20px;
	border-radius: 4px;
}

.well-report {
	display: block;
	margin: 20px 0 0 0;
}

.scan-wrap-mask .mask:before {
	display: block;
}

.well-report img {
	display: block;
	width: 100%;
	box-shadow: none;
	padding: 0px;
}

.loader-img {
	visibility: hidden;
}

.loader-img {
	visibility: hidden;
}

#myModal-scan .get-quote-form input {
	color: #999;
}

#myModal-scan .get-quote-form .form-group .control-label {
	top: -1rem;
}

.red {
	color: #ff0000 !important;
}

#myModal-scan.modal1 {
	padding-top: 50px;
}

#myModal-scan .get-quote-form input {
	color: #999;
}

#myModal-scan .get-quote-form .form-group .control-label {
	top: -1rem;
}

.red {
	color: #ff0000 !important;
}

#myModal-scan.modal1 {
	display: none;
	padding-top: 50px;
}

#slideshow {
	margin: 20px auto;
	position: relative;
	height: 335px;
	max-width: 100%;
	display: block;
	float: left;
	width: 100%;
}

#slideshow>div {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	height: 334px;
}

#slideshow>div img {
	width: 100%;
	max-width: 100%;
	height: 100%;
	display: block;
}

.modal-generate-report .modal-content.modal-scan .modal-body .modal-left {
	padding: 20px 20px 0 20px;
}

.modal-generate-report .modal-content .modal-body .modal-wrap-box {
	margin-bottom: 0px;
}

.modal-generate-report .modal-content .modal-body .disble-form {
	padding: 15px 0 0 0;
}

ul.nav-sections li,
ul.nav-sections li>a {
	opacity: 1;
}


/*
    ul.open-nav-section-new .li_btn{
        opacity: 0;
    }
    */

.li_btn {
	-webkit-transition-delay: 0;
	/* Safari */
	transition-delay: 0;
	animation-delay: 0;
	animation-duration: 0;
}

ul.open-nav-section li {
	/*transform: scale(0);*/
	animation-name: zoomout;
	animation-duration: 800ms;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

ul.open-nav-section li:nth-child(1) {
	animation-delay: 400ms;
}

ul.open-nav-section li:nth-child(2) {
	animation-delay: 300ms;
}

ul.open-nav-section li:nth-child(3) {
	animation-delay: 200ms;
}

ul.open-nav-section li:nth-child(4) {
	animation-delay: 100ms;
}

ul.open-nav-section li:nth-child(5) {
	animation-delay: 0ms;
}

ul.close-nav-section li {
	opacity: 1;
	transform: scale(1);
	animation-name: zoomin;
	animation-duration: 800ms;
	animation-iteration-count: 1;
}

ul.close-nav-section li:nth-child(1) {
	animation-duration: 400ms;
}

ul.close-nav-section li:nth-child(2) {
	animation-duration: 500ms;
}

ul.close-nav-section li:nth-child(3) {
	animation-duration: 600ms;
}

ul.close-nav-section li:nth-child(4) {
	animation-duration: 700ms;
}

ul.close-nav-section li:nth-child(5) {
	animation-duration: 800ms;
}

ul.close-nav-section li>a {
	/*
        opacity: 1;
        transform: scale(1);
        animation-delay: 5s;
        animation-name: zoomin;
        animation-duration: 5s;
        animation-iteration-count: 1;
        */
}

ul.close-nav-section li {
	/*display: none !important;*/
	/*Temp*/
}

@-webkit-keyframes zoomout {
	0% {
		transform: scale(1);
		opacity: 0.6;
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
}

@keyframes zoomout {
	0% {
		transform: scale(1);
		opacity: 0.6;
	}
	100% {
		transform: scale(0);
		opacity: 0;
	}
}

@-webkit-keyframes zoomin {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 0.6;
	}
}

@keyframes zoomin {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 0.6;
	}
}

@-webkit-keyframes slide {
	100% {
		left: 0;
	}
}

@keyframes slide {
	100% {
		left: 0;
	}
}

#menu ul.header-right li:last-child,
ul.header-right>li:last-child {
	/*
        display: none;
        opacity: 1;     
        -webkit-animation-duration: 0; /* Safari 4.0 - 8.0 * /
        animation-duration: 0;           
        */
}

ul.close-nav-section-new>li:last-child {
	opacity: 0;
	/*
        -webkit-animation-duration: 0.001s; /* Safari 4.0 - 8.0 * /
        animation-duration: 0.001s;          
        */
}


/*
    ul.open-nav-section-new>li:last-child{
        -webkit-animation-delay: 5s; /* Safari 4.0 - 8.0 * /
        animation-delay: 5s;
        
        opacity: 1;      
        transition: all 1500ms linear;
        -webkit-transition: all 1500ms linear;
        -moz-transition: all 1500ms linear;

    }
    */

ul.open-nav-section-new>li:first-child {
	opacity: 0;
}

ul.header-right .open-form #analize_form {
	/*display: none;    Temp*/
}

.open-nav-section-new .li_btn {
	opacity: 0;
}

.close-nav-section-right .li_btn {
	opacity: 0;
	animation-name: appear;
	animation-duration: 0.1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	animation-delay: 0.5s;
}

ul.header-right .open-form #analize_form {
	opacity: 0;
	animation-name: appear;
	animation-duration: 0.1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	animation-delay: 0.5s;
}

ul.header-right .open-form ul.search-scan-form {
	opacity: 0;
	/*display: none;*/
	animation-name: appear;
	animation-duration: 0.7s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	/* Safari 4.0 - 8.0 */
	animation-fill-mode: forwards;
	animation-delay: 0.3s;
}

ul.header-right .open-form #analize_form #input {
	opacity: 0;
	animation-name: slideeffect;
	animation-duration: 0.7s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	/* Safari 4.0 - 8.0 */
	animation-fill-mode: forwards;
	animation-delay: 0.3s;
	;
}

@-webkit-keyframes slideeffect {
	0% {
		opacity: 0;
		margin-left: 0;
	}
	50% {
		opacity: 0;
		margin-left: 80px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

@keyframes slideeffect {
	0% {
		opacity: 0;
		margin-left: 0;
	}
	50% {
		opacity: 0;
		margin-left: 80px;
	}
	100% {
		opacity: 1;
		margin-left: 0;
	}
}

ul.header-right .close-form ul.search-scan-form {
	animation-name: disappear;
	animation-duration: 0.7s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	/* Safari 4.0 - 8.0 */
	animation-fill-mode: forwards;
}

ul.header-right .close-form #analize_form {
	opacity: 1;
}

ul.header-right .close-form #analize_form #input {
	animation-name: slideouteffect;
	animation-duration: 0.7s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	/* Safari 4.0 - 8.0 */
	animation-fill-mode: forwards;
}

@-webkit-keyframes slideouteffect {
	100% {
		opacity: 0;
		margin-left: 0px;
	}
	50% {
		opacity: 0;
		margin-left: 80px;
	}
	0% {
		opacity: 1;
		margin-left: 0;
	}
}

@keyframes slideouteffect {
	100% {
		opacity: 0;
		margin-left: 0px;
	}
	50% {
		opacity: 0;
		margin-left: 80px;
	}
	0% {
		opacity: 1;
		margin-left: 0;
	}
}

@-webkit-keyframes appear {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes appear {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes disappear {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes disappear {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

#spinner {
	display: none;
}

#audit_modal .modal-body .modal-wrap-box {
	padding: 45px;
}

#audit_modal .modal-body .modal-wrap-box p {
	font-size: 16px;
	color: #999999;
}

#audit_modal .form-group input,
.form-group textarea {
	color: #999999;
}

#audit_modal .form-group .control-label {
	color: #999999;
	font-size: 14px;
}

#audit_modal .form-group .bar {
	border-bottom: 1px solid rgba(153, 153, 153, 0.43);
}

#audit_modal .close_audit_modal {
	color: #4d4d4d;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	right: 0;
	opacity: 1;
	width: 30px;
	height: 30px;
	z-index: 99;
}

#audit_modal .form-group {
	float: none;
}

.g-partnersbadge {
	height: 82px;
	width: 220px;
	/* background-image: url(https://supple.com.au/wp-content/uploads/2017/07/css-images.png); */
	background-position: -5px -498px;
	background-repeat: no-repeat;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.25);
	box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.25);
	transform: scale(0.87);
	transform-origin: left;
}

nav#menu:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background: #16c2f4;
	position: absolute;
	left: 0;
	bottom: 0;
	/*
    -webkit-animation-name: header_overlay_animation;
    -webkit-animation-duration: 4s;
    animation-name: header_overlay_animation;
    animation-duration: 4s
    */
}

@keyframes header_overlay_animation {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-webkit-keyframes header_overlay_animation {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

.menu_overlay_freeze {
	transition: visibility 0s, opacity 0.5s linear;
}

.menu_overlay_freeze:after {
	/*background: url(https://supple.com.au/wp-content/uploads/2017/06/arrow_cta.png);*/
	content: "";
	width: 800px;
	height: 380px;
	position: absolute;
	top: 60px;
	display: block;
	visibility: visible;
	opacity: 1;
	margin-left: 30%;
	/*margin-left: calc(50% - 40px);*/
}

.menu_overlay_freeze:after {
	background: none;
}

.testimonial-bottom>.testimonial-left>img {
	border-radius: 37px;
}

.breadcrumb {
	position: absolute;
	bottom: 24px;
	color: #fff;
	color: #9de9ff;
	font-size: 14px;
}

.breadcrumb i {
	margin: 0 6px;
}

.breadcrumb i,
.breadcrumb .breadcrumb_last {
	color: #fff;
}

.page-template-tools-facebook-template .breadcrumb {
	margin: 0;
	padding: 0;
	background: none;
	bottom: 12px;
	z-index: 99;
}

.page-template-default .breadcrumb,
.page-template-tools-local-schema-template .breadcrumb,
.page-template-tools-operators-template .breadcrumb,
.page-template-google-review-template .breadcrumb,
.page-template-casestudies-inner-template .breadcrumb {
	bottom: 65px;
}

body.page-template-homepage-v2-template {
	background: #222;
	padding: 0;
	margin: 0;
    font-family: 'Nunito', sans-serif;
	font-weight: 300;
	font-size: 13px;
	text-transform: uppercase;
	color: #000;
}

.page-template-homepage-v2-template .scrolling_section {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100vh;
	letter-spacing: 4px;
	overflow: hidden;
	clip: rect(0, auto, auto, 0);
}

.page-template-homepage-v2-template .scrolling_section .fixed {
	overflow: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
}

.page-template-homepage-v2-template .scrolling_section .white {
	color: #fff;
}

.page-template-homepage-v2-template .scrolling_section:nth-child(1) {
	background-color: #16c2f4;
	color: #fff;
	top: 0;
	z-index: 1;
}

.page-template-homepage-v2-template .scrolling_section:nth-child(1) .fixed {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-template-homepage-v2-template .scrolling_section:nth-child(2) {
	box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
	background-color: #c2850a;
	color: #fff;
	top: 100vh;
	z-index: 2;
}

.page-template-homepage-v2-template .scrolling_section:nth-child(2) .fixed {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-template-homepage-v2-template .scrolling_section:nth-child(3) {
	box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
	background-color: #0a0ac2;
	color: #fff;
	top: 200vh;
	z-index: 3;
}

.page-template-homepage-v2-template .scrolling_section:nth-child(3) .fixed {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-template-homepage-v2-template .scrolling_section:nth-child(4) {
	box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
	background-color: #85c20a;
	color: #fff;
	top: 300vh;
	z-index: 4;
}

.page-template-homepage-v2-template .scrolling_section:nth-child(4) .fixed {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-template-homepage-v2-template .scrolling_section:nth-child(5) {
	box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
	background-color: #850ac2;
	color: #fff;
	top: 400vh;
	z-index: 5;
}

.page-template-homepage-v2-template .scrolling_section:nth-child(5) .fixed {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-template-homepage-v2-template .scrolling_section:nth-child(6) {
	box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
	background-color: #0ac20a;
	color: #fff;
	top: 500vh;
	z-index: 6;
}

.page-template-homepage-v2-template .scrolling_section:nth-child(6) .fixed {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-template-homepage-v2-template .scrolling_section:nth-child(7) {
	box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
	background-color: #c20a85;
	color: #fff;
	top: 600vh;
	z-index: 7;
}

.page-template-homepage-v2-template .scrolling_section:nth-child(7) .fixed {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-template-homepage-v2-template .scrolling_section:nth-child(8) {
	box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
	background-color: #0ac285;
	color: #fff;
	top: 700vh;
	z-index: 8;
}

.page-template-homepage-v2-template .scrolling_section:nth-child(8) .fixed {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-template-homepage-v2-template .scrolling_section:nth-child(9) {
	box-shadow: inset 0 1px 80px rgba(0, 0, 0, 0.14);
	background-color: #c20a0a;
	color: #fff;
	top: 800vh;
	z-index: 9;
}

.page-template-homepage-v2-template .scrolling_section:nth-child(9) .fixed {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-template-homepage-v2-template .scrolling_section:nth-child(10) {
	background-color: #000;
	color: #fff;
	top: 900vh;
	z-index: 10;
}

.page-template-homepage-v2-template .scrolling_section:nth-child(10) .fixed {
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.page-template-homepage-v2-template .oop {
	position: relative;
	z-index: auto;
	height: 10px;
	background: -webkit-linear-gradient(309deg, #48ded4 0%, #a026bf 51%, #e82c75 75%);
	background: linear-gradient(141deg, #48ded4 0%, #a026bf 51%, #e82c75 75%);
}

#seopage.body {
	background-color: #fff;
}

.supple_blg_articls .mejs-controls {
	display: none;
}

.supple_error_dialog .confirm {
	box-shadow: rgba(0, 0, 0, .188235) 0 2px 4.95px 0.05px !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: rgb(247, 148, 29) !important;
	color: rgb(255, 255, 255);
	line-height: 12px;
	padding: 11px 24px;
	font-size: 17px!important;
}

.no-padding {
	padding: 0;
}


/*SOC - New Model Css*/

.lst-gt-quote .modal-body .modal-left .modal-wrap-box h3 {
	font-size: 20px;
	margin-bottom: 10px;
	padding-bottom: 15px;
}

ul.quote-list-nw li {
	position: relative;
	list-style-type: none;
	margin-bottom: 12px;
}

ul.quote-list-nw li i {
	position: absolute;
	left: 0px;
	color: #16c1f3;
	width: 19px;
	height: 19px;
	border: 2px solid #16c1f3;
	border-radius: 100%;
	text-align: center;
	line-height: 17px;
	font-size: 11px;
	top: 1px;
}

ul.quote-list-nw li p {
	color: #999999;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	padding-left: 27px;
}

.quote-border {
	position: absolute;
	content: "";
	bottom: 0px;
	height: 1px;
	width: 100%;
	background-color: #e4e4e4;
	left: 0px;
}

.lst-gt-quote .image-talk-3 {
	width: 48%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	text-align: center;
	margin-bottom: 21px;
}

.lst-gt-quote .modal-body .modal-left .modal-wrap-box {
	position: relative;
	padding-bottom: 20px;
}

.lst-gt-quote .modal-body .modal-wrap-box h4 {
	font-size: 18px;
	margin-bottom: 10px;
	font-family: 'AvenirNextLTPro-Regular';
	padding-bottom: 15px;
	color: #4d4d4d;
}

.lst-gt-quote .business-trusted .business-box {
	float: left;
	width: 33.33%;
}

.lst-gt-quote .modal-content .modal-body .modal-left {
	width: 45%;
	padding: 45px 45px 34px 45px;
	padding: 45px 0 45px 0;
}

.lst-gt-quote .modal-content .modal-body .modal-left .sprite {
	background-image: url(/wp-content/uploads/2019/10/Supple_Sprite_20191030.png);
	background-repeat: no-repeat;
	/* display: block;
    min-height: 90px;
    max-width: 100%; */
}

h4.with_line {
	position: relative;
}

.lst-gt-quote h4.with_line:after {
	position: absolute;
	content: "";
	width: 10%;
	height: 2px;
	background-color: #4d4d4d;
	bottom: 0px;
	left: 45%;
}

.lst-gt-quote .divider {
	border-bottom: 1px solid #efefef;
	float: left;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 30px;
}


/* .lst-gt-quote .modal-content .modal-body .modal-left .sprite-bedback {
    background-position: 57% 17.555%;
    background-size: 500%;
}

.lst-gt-quote .modal-content .modal-body .modal-left .sprite-hawks {
    background-position: -7.5% 49%;
    min-height: 90px;
    background-size: 600%;
}

.lst-gt-quote .modal-content .modal-body .modal-left .sprite-maroondah {
    background-position: 44% 74%;
    width: 159px;
    height: auto;
    background-size: 600%;
    margin: 0;
}

.lst-gt-quote .modal-content .modal-body .modal-left .sprite-laserplm {
    background-position: 31.1% 84%;
    background-size: 700%;
}

.lst-gt-quote .modal-content .modal-body .modal-left .sprite-aeon {
    background-position: 39% 8%;
    margin: 0 auto;
    background-size: 656%;
} */


/* 
.lst-gt-quote .modal-content .modal-body .modal-left .sprite-hodgestone {
    background-position: 22% 73%;
    width: 180px;
    background-size: 500%;
}

.lst-gt-quote .business-trusted {
    float: left;
    width: 100%;
    padding: 0 6%;
    text-align: center;
}

.lst-gt-quote .modal-content {
    width: 70%;
}

.lst-gt-quote .business-trusted .business-box1 {
    width: 37%;
    display: inline-block;
}

/* .lst-gt-quote .modal-content .modal-body .modal-left .sprite-google {
    background-size: 500%;
    width: 169px;
    height: 75px;
    background-position: -527px -412px;
    margin: 0 auto;
} */


/* .lst-gt-quote .modal-content .modal-body .modal-left .sprite-awia {
    background-position: 0% 23%;
    margin: 0;
    background-size: 505%;
    width: 169px;
    height: 75px;
    background-position: -1px -189px;
    margin: 0 auto;
} */

.lst-gt-quote .modal-content .modal-body .modal-left .business-box1 .sprite {
	min-height: auto;
}

.lst-gt-quote .modal-content .modal-body .modal-right {
	padding: 30px;
}

.lst-gt-quote .modal-left .modal-wrap-box-quet h4,
.lst-gt-quote .modal-left .modal-wrap-box h4 {
	text-align: center;
}

.lst-gt-quote .modal-body .modal-wrap-box.modal-wrap-box-quet {
	padding: 0 0 25px 45px;
}

.lst-gt-quote .modal-body .modal-right .modal-wrap-box {
	margin-bottom: 0px;
}

.lst-gt-quote .modal-wrap-box ul {
	margin-left: 18px;
}

.lst-gt-quote .modal-content {
	background-color: rgb(247, 247, 247);
}

.lst-gt-quote .modal-content .modal-left.modal-lft {
	background-color: #FFFFFF;
	min-height: 738px;
}


/* =================================
   ======= Responsive Css ========== */

@media(max-width:1720px) {
	.lst-gt-quote .modal-content {
		width: 86%;
	}
}

@media(max-width:1440px) {
	.lst-gt-quote .modal-content {
		width: 92%;
	}
}

@media(max-width:1240px) {
	.lst-gt-quote .business-trusted {
		padding: 0 3%;
	}
	.lst-gt-quote .modal-content {
		width: 96%;
	}
	.lst-gt-quote .business-trusted .business-box1 {
		width: 46%;
	}
}

@media(max-width:992px) {
	.lst-gt-quote .business-trusted {
		padding: 0 1%;
	}
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite,
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite-hawks {
		min-height: 69px;
	}
	.lst-gt-quote .business-trusted .business-box {
		float: left;
		width: 21%;
		margin: 0 0 20px 0px;
	}
	.lst-gt-quote .business-trusted .business-box {
		width: 33%;
	}
}

@media(max-width:800px) {
	.lst-gt-quote .modal-content .modal-body .modal-left {
		width: 100%;
	}
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite,
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite-hawks {
		min-height: 92px;
	}
	.lst-gt-quote .business-trusted .business-box1 {
		width: 26%;
	}
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite-awia {
		background-position: 0% 23%;
		background-size: 513%;
	}
	.lst-gt-quote .business-trusted .business-box {
		width: 21%;
	}
	.infoline, .career .web-wrap-box p{width: 100% !important;}
}

@media(max-width:767px) {
	.lst-gt-quote .business-trusted .business-box {
		width: 33.33%;
		margin: 0px;
	}
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite-awia {
		background-position: 0% 23%;
	}
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite,
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite-hawks {
		min-height: 113px;
	}
	
	
}

@media(max-width:580px) {
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite-awia {
		background-position: 0% 22%;
	}
	.lst-gt-quote .business-trusted .business-box1 {
		width: 31%;
	}
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite,
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite-hawks {
		min-height: 90px;
	}
}

@media(max-width:480px) {
	.lst-gt-quote .business-trusted .business-box {
		width: 45%;
		margin: 0px;
	}
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite,
	.lst-gt-quote .modal-content .modal-body .modal-left .sprite-hawks {
		min-height: 85px;
	}
}

@media(max-width:420px) {
	.lst-gt-quote .business-trusted .business-box1 {
		width: 45%;
	}
}

#myModal .captcha-section {
	margin: 0px 0px 0px 0px;
}

#myModal button#flip_content.space30 {
	margin-top: 10px;
}

button .phone #myModal,
.tablet #myModal {
	padding-top: 65px;
}

.tablet #myModal #flip_content,
.phone #myModal #flip_content {
	float: left;
}

.tablet #myModal .modal-content,
.phone #myModal .modal-content {
	width: 100%;
	display: block;
}

.tablet #myModal.lst-gt-quote .modal-body .modal-wrap-box.modal-wrap-box-quet,
.phone #myModal.lst-gt-quote .modal-body .modal-wrap-box.modal-wrap-box-quet {
	padding: 0 0 25px 25px;
}

.tablet #myModal .close,
.phone #myModal .close {
	position: fixed;
}

.phone .modal {
	position: absolute !important;
}


/*EOC - New Model Css*/

#ajax-spinner,
.ajax-spinner {
	width: 50px;
	height: 42px;
	background-repeat: no-repeat;
	display: none;
}



#get-quote-form .captcha-section .ajax-spinner {
	float: right;
}

.aa-dropdown-menu .autocomplete-header-title,
.aa-dropdown-menu .autocomplete-header-more {
	letter-spacing: 0!important;
}

.hideheader header{display:none}

.cnt-desc{
	float: left;
}
.breadcrumb.brdcrm_inpg {
	padding: 15px 0px;
}
.bredcrms ol.breadcrumb li{
    font-size: 14px;
    list-style: none;
    display: block;
    float: left;    
    color:#4b4136;
    padding: 0;
}
.no-padding{
	padding: 0;
}
.no-margin{
	margin: 0;
}

.infoline{
	
	color:#FFFFFF;
width: 70%;
margin:0px auto;
font-size: 18px;
font-weight: 500;
line-height: 26px;
}

.infoline a{color: #fff; text-decoration:underline;}

.yellowText{
    color: #f7941d !important;
}
.whiteText{
    color: #ffffff !important;
}

#myModal .modal-wrap-box h4 {text-align: center; color: #999; font-family: Nunito,sans-serif; font-weight: normal; font-size: 20px;}
#myModal .modal-wrap-box h3 {color: rgb(153, 153, 153); font-family: Nunito,sans-serif; font-weight: 700;}

#soft_warning {
	background: #fff3cd;
	padding: 10px;
	margin: 25px 0;
	color: #9a5d00;
	border-radius: 4px;
	border: 1px solid #cabd96;
	font-size: 14px;
}


.typeform-share.button56{
	display:inline-block;
	text-decoration:none;
	background-color:#F7941D;
	color:white !important;
	cursor:pointer;
	text-align:center;
	margin:0;
	/*height:50px;
	padding:0px 33px;
	border-radius:25px;*/
	max-width:100%;
	white-space:nowrap;
	overflow:hidden;
	/*text-overflow:ellipsis;*/
	font-weight:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;

	box-shadow: 0 2px 5.95px -0.95px rgb(0 0 0 / 19%);
    font-size: 17px!important;
    /*line-height: 12px;
    padding: 11px 20px;*/
    border-radius: 4px;
    background: rgb(247, 148, 29);
    border: 1px solid rgb(247, 148, 29);
    font-weight:400;
    height: 45.33px;
    margin-top: 4px;
}

.jRMtza,
.fHFwCc{
    z-index:9999999999  !important;
}
.rplg{
    z-index:999999999 !important;
}