#preloader {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff
}
nav, nav .side-nav {
	background-color: rgba(255,255,255,.95)
}
#preloader .preloader-wrapper {
	margin: 0 auto
}
#preloader .preloader-wrapper .spinner-blue-only.actually-black {
	border-color: #000
}
#status {
	display: none;
	position: fixed;
	top: 100px;
	right: 50px
}
.card .card-image img, .toast a {
	display: block
}
#ajax-status {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -32px
}
#ajax-status .spinner-blue-only.actually-green, #status .spinner-blue-only.actually-green {
	border-color: #449eb5
}
nav .brand-logo, nav ul a {
	color: #000;
	padding: 0 15px
}
nav .brand-logo {
	font-weight: 400;
	letter-spacing: -2px
}
nav .brand-logo .tighter {
	letter-spacing: -3px
}
nav .mdi-navigation-menu, nav .side-nav a {
	color: #18456e;
	font-size: 2rem
}
nav .table-of-contents li {
	padding: 0;
	height: 64px
}
nav .table-of-contents a {
	display: block;
	height: 64px;
	line-height: 64px;
	font-weight: 400;
	color: #000;
	border: none
}
nav .table-of-contents a.active, nav .table-of-contents a:hover {
	color: #000;
	border: none;
	padding-left: 20px
}
nav .table-of-contents a.active {
	font-weight: 400;
	background-color: rgba(0,0,0,.1);
	border-bottom: 4px solid #449eb5
}
#triangles .h1-wrapper h1, h2 {
	text-align: center;
	font-weight: 200
}
#ajax-box {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
	-webkit-transition-duration: .6s, .6s;
	-moz-transition-duration: .6s, .6s;
	transition-duration: .6s, .6s;
	-webkit-transition-timing-function: ease-out, ease;
	-moz-transition-timing-function: ease-out, ease;
	transition-timing-function: ease-out, ease
}
#ajax-box.translate.enter {
	will-change: transform, opacity;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1
}
#ajax-box.translate {
	will-change: transform, opacity;
	-webkit-transform: translate3d(0, 50%, 0);
	-moz-transform: translate3d(0, 50%, 0);
	-ms-transform: translate3d(0, 50%, 0);
	-o-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
	opacity: 0
}
#ajax-box .parallax img {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}
#ajax-box #close-ajax {
	position: absolute;
	z-index: 8888;
	top: .75rem;
	left: .75rem
}
#ajax-box .padding-text {
	padding: 1rem
}
#ajax-box h1 {
	text-transform: uppercase;
	letter-spacing: 5px
}

@media only screen and (max-width:600px) {
#ajax-box h1 {
	font-size: 36px;
	letter-spacing: 3px
}
}

@media only screen and (max-width:992px) and (min-width:601px) {
#toast-container {
	right: 5%
}
}
.toast {
	height: auto;
	line-height: 1.75rem;
	padding: 20px
}
.toast a {
	color: #fff;
	text-decoration: underline
}
.toast.error {
	background-color: #f44336
}
.toast.success {
	background-color: #00e676;
	color: #000
}
.card {
	opacity: 0;
	-webkit-transform: translate3d(0, 150px, 0);
	-moz-transform: translate3d(0, 150px, 0);
	-ms-transform: translate3d(0, 150px, 0);
	-o-transform: translate3d(0, 150px, 0);
	transform: translate3d(0, 150px, 0);
	-webkit-transition: all .4s cubic-bezier(.075, .82, .165, 1);
	-moz-transition: all .4s cubic-bezier(.075, .82, .165, 1);
	transition: all .4s cubic-bezier(.075, .82, .165, 1)
}
.card.animate {
	opacity: 1;
	transform: translate3d(0, 0, 0)
}
.card.animate, .card:hover a.btn-floating {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0)
}
.card:hover {
	-webkit-box-shadow: 0 16px 28px 0 rgba(0,0,0,.22), 0 25px 55px 0 rgba(0,0,0,.21);
	-moz-box-shadow: 0 16px 28px 0 rgba(0,0,0,.22), 0 25px 55px 0 rgba(0,0,0,.21);
	box-shadow: 0 16px 28px 0 rgba(0,0,0,.22), 0 25px 55px 0 rgba(0,0,0,.21)
}
.card:hover a.btn-floating {
	transform: translate3d(0, 0, 0)
}
.card.active a.btn-floating {
	visibility: hidden
}
.card a, .card i {
	color: #18456e;
	text-transform: none
}
.card a:hover, .card i:hover {
	color: #2b3ad3
}
.card a.btn-floating {
	position: absolute;
	bottom: 10px;
	right: 10px;
	-webkit-transition: all .2s cubic-bezier(.075, .82, .165, 1);
	-moz-transition: all .2s cubic-bezier(.075, .82, .165, 1);
	transition: all .2s cubic-bezier(.075, .82, .165, 1);
	-webkit-transform: translate3d(0, 200px, 0);
	-moz-transform: translate3d(0, 200px, 0);
	-ms-transform: translate3d(0, 200px, 0);
	-o-transform: translate3d(0, 200px, 0);
	transform: translate3d(0, 200px, 0)
}
.card .card-date {
	color: #9e9e9e
}
.card .card-reveal {
	background: rgba(255,255,255,.8)
}
.card .card-title {
	text-transform: uppercase;
	letter-spacing: 4px
}
#subscribe button {
	margin-top: 2rem
}

@media only screen and (max-width:600px) {
#subscribe button i {
	display: none
}
}
.responsive-img, h2:after {
	display: block
}
#subscribe input.error {
	border-bottom: 1px solid #f44336;
	box-shadow: 0 1px 0 0 #f44336
}
input[type=email]:focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
	color: #449eb5
}
input[type=email]:focus:not([readonly]), input[type=text]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom: 1px solid #449eb5;
	box-shadow: 0 1px 0 0 #449eb5
}
input:-webkit-autofill, textarea:-webkit-autofill {
background-color:#fff!important
}
.cant-touch-this {
	position: absolute;
	left: -5000px
}
#contact .modern-connect i {
	width: 1.2rem
}
.tabs .tab {
	text-transform: none;
	letter-spacing: normal
}
.tabs .tab a {
	color: #18456e
}
.tabs .tab a:hover, a:hover {
	color: #2b3ad3
}
.tabs .indicator {
	background-color: #449eb5
}
.tab-contents {
	margin: 2rem 0
}
body {
	
	overflow-x: hidden
}
a {
	color: #18456e;
	-webkit-transition: color .3s ease;
	-moz-transition: color .3s ease;
	transition: color .3s ease
}
a[role=button] {
	cursor: pointer
}
.container {
	max-width: 1700px;
	width: 90%
}

@media only screen and (min-width:601px) {
.container {
	width: 90%
}
}

@media only screen and (min-width:993px) {
.container {
	width: 90%
}
}
.wide-container {
	padding: 0 .75rem
}
.section {
	padding-top: 3rem;
	padding-bottom: 3rem
}
.section.grey-section {
	background: #f2f2f2
}
.waves-effect.waves-secondary-color .waves-ripple, h2:after {
	background-color: #449eb5
}
h2 {
	margin-bottom: 50px;
	text-transform: uppercase;
	font-size: 64px;
	line-height: 110%;
	letter-spacing: 5px
}
.picture-item h5, .services h5 {
	text-transform: uppercase;
	letter-spacing: 3px
}

@media only screen and (max-width:600px) {
h2 {
	font-size: 46px;
	letter-spacing: 3px
}
}
h2:after {
	content: '';
	position: absolute;
	left: 50%;
	width: 100px;
	height: 5px;
	margin-left: -50px;
	margin-top: 35px
}
.social i {
	margin: 0 .25rem
}
blockquote {
	border-left: 5px solid #449eb5
}
#triangles {
	height: 600px
}
#triangles .h1-wrapper {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff
}
#triangles .h1-wrapper h1 {
	font-size: 3rem;
	line-height: 3.92rem;
	text-shadow: 1px 1px 1px rgba(0,0,0,.2)
}
@media only screen and (max-width:600px) {
#triangles .h1-wrapper h1 {
	font-size: 2.0rem;
	line-height: 3.2rem
}
}

@media only screen and (min-width:601px) and (max-width:992px) {
#triangles .h1-wrapper h1 {
	font-size: 3.0rem;
	line-height: 4.2rem
}
}

@media only screen and (min-width:993px) {
#triangles .h1-wrapper h1 {
	font-size: 4.5rem;
	line-height: 6rem
}
}
#triangles .h1-wrapper i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}
#triangles #explore {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -27.75px
}
.services {
	margin-top: 3rem
}
.services h5 {
	font-weight: 400
}
.services .col {
	text-align: center;
	font-size: 16px
}

@media only screen and (max-width:992px) {
.services .col {
	margin-bottom: 40px
}
}
.services .col .divider {
	margin: 15px 0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	transition: background-color .3s ease
}
.services .col p {
	font-weight: 300
}

@media only screen and (min-width:601px) and (max-width:992px) {
.services .col p {
	margin: 0 auto 20px;
	max-width: 300px
}
}
.services .col:hover .divider {
	background-color: #18456e
}
.services .col i {
	color: #18456e
}
.filter-options {
	text-align: center;
	padding-top: 30px
}
.filter-options a {
	color: #18456e;
	-webkit-transition: background-color .2s linear .3s;
	-moz-transition: background-color .2s linear .3s;
	transition: background-color .2s linear .3s
}
.filter-options a.active {
	background-color: #449eb5
}

@media only screen and (max-width:600px) {
.filter-options a {
	margin-bottom: 10px
}
}
.picture-item {
	margin-bottom: 3rem;
	top: 100px!important;
	opacity: 0!important;
	-webkit-transition: all 250ms cubic-bezier(.075, .82, .165, 1)!important;
	-moz-transition: all 250ms cubic-bezier(.075, .82, .165, 1)!important;
	transition: all 250ms cubic-bezier(.075, .82, .165, 1)!important
}
.picture-item.animate {
	top: 0!important;
	opacity: 1!important
}
.picture-item h5 {
	font-size: 18px
}

@media only screen and (max-width:600px) {
.team.row>.col {
	background: #f2f2f2;
	margin-bottom: 1rem
}
}
.team>.col {
	padding-top: .75rem;
	padding-bottom: .75rem;
	position: relative;
	overflow: hidden;
	opacity: 0;
	-webkit-transform: translate3d(0, 150px, 0);
	-moz-transform: translate3d(0, 150px, 0);
	-ms-transform: translate3d(0, 150px, 0);
	-o-transform: translate3d(0, 150px, 0);
	transform: translate3d(0, 150px, 0);
	-webkit-transition: all .4s cubic-bezier(.075, .82, .165, 1);
	-moz-transition: all .4s cubic-bezier(.075, .82, .165, 1);
	transition: all .4s cubic-bezier(.075, .82, .165, 1)
}
.team>.col.animate {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.team>.col:hover .description-ball {
	-webkit-transform: scale3d(50, 50, 50);
	-moz-transform: scale3d(50, 50, 50);
	-ms-transform: scale3d(50, 50, 50);
	-o-transform: scale3d(50, 50, 50);
	transform: scale3d(50, 50, 50)
}
.team>.col:hover .description {
	opacity: 1;
	-webkit-transition: opacity .5s ease .1s;
	-moz-transition: opacity .5s ease .1s;
	transition: opacity .5s ease .1s
}

@media only screen and (min-width:601px) {
.right-on-med-and-up {
	float: right
}
.team .description-ball {
	will-change: transform;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transform: scale3d(0, 0, 0);
	-moz-transform: scale3d(0, 0, 0);
	-ms-transform: scale3d(0, 0, 0);
	-o-transform: scale3d(0, 0, 0);
	transform: scale3d(0, 0, 0);
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background: rgba(105,240,174,.9)
}
.team .description {
	opacity: 0;
	-webkit-transition: opacity .1s ease 0s;
	-moz-transition: opacity .1s ease 0s;
	transition: opacity .1s ease 0s;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.team .description .h4-row {
	margin-top: 20%
}
.team .description .h4-row h4 {
	margin-left: auto;
	margin-right: auto
}
.team .description .h4-row h4 small {
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 60%
}
}
.currency-switcher [type=radio]:checked+label, .currency-switcher [type=radio]:not(:checked)+label {
	padding-left: 25px
}
.currency-switcher [type=radio]:checked+label:after {
	border: 2px solid #449eb5;
	background-color: #449eb5
}
.contact-details .col:hover .divider, .price-container:hover .divider {
	background-color: #18456e
}
.currency-switcher label {
	margin-right: .25rem;
	color: #000
}
.price-container {
	padding: 4rem 0;
	text-align: center;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out;
	border-radius: .1px
}

@media only screen and (max-width:600px) {
.price-container {
	margin-bottom: 2rem
}
}
.price-container .offer {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px
}

@media only screen and (min-width:601px) and (max-width:992px) {
.team .description .h4-row {
	margin-top: 10%
}
.price-container .offer {
	font-size: 18px;
	letter-spacing: 2px
}
}
.price-container .offer.best-value {
	font-weight: 600
}
.price-container .divider {
	margin: 15px 0;
	transition: background-color .3s ease
}
.contact-details .col .divider, .price-container .divider {
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease
}
.price-container .price {
	font-size: 64px;
	font-weight: 200
}
.price-container ul {
	margin-bottom: 3rem
}
.price-container ul li {
	font-size: 16px;
	line-height: 32px
}
address {
	font-style: normal;
	margin: 1em 0
}
.map {
	margin-top: 5rem
}
#map-canvas {
	height: 550px;
	margin-bottom: 1rem
}
.contact-details .col .divider {
	transition: background-color .3s ease
}
.contact-details h5 {
	text-transform: uppercase;
	letter-spacing: 4px
}
footer.page-footer {
	margin-top: 2rem;
	padding-top: 0;
	background-color: rgba(0,0,0,.05)
}
footer.page-footer .footer-copyright {
	color: #000
}
/*# sourceMappingURL=wata.min.css.map */