@charset "utf-8";
/*
Theme Name: Lexpro 
Theme URI: http://lexpro.com.au/
Author: Hody Hong
Author URI: http://hodyhong.com/
Description: 
Version: 1.2
Update Date: 2018 Nov 7
License: Copyright Lexpro
License URI: http://lexpro.com.au/
*/

/* Gotham */
@font-face {
    font-family: 'Gotham';
    src: url('font/gotham-bold-webfont.eot');
    src: url('font/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-bold-webfont.woff') format('woff'),
         url('font/gotham-bold-webfont.ttf') format('truetype'),
         url('font/gotham-bold-webfont.svg#Gotham') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('font/gotham-medium-webfont.eot');
    src: url('font/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-medium-webfont.woff') format('woff'),
         url('font/gotham-medium-webfont.ttf') format('truetype'),
         url('font/gotham-medium-webfont.svg#Gotham') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('font/gotham-book-webfont.eot');
    src: url('font/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/gotham-book-webfont.woff') format('woff'),
         url('font/gotham-book-webfont.ttf') format('truetype'),
         url('font/gotham-book-webfont.svg#Gotham') format('svg');
    font-weight: 300;
    font-style: normal;
}


/* Transistion */
a.go:hover,
.button:hover,
.controls a{
	transform: scale(1.05);
	transition-duration: .2s;
}



*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body {height: 100%;margin: 0;padding: 0;}
html{
background: white;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

/* Font family */
*, p, a, p a, h1, h2, h3, h4, h5, h5, h6{
	font-family: "Gotham", sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 130%;
}
h1, h2, h3, h4, h5, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: briller, sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}


h1, h2, 
h1 a, h2 a{
	font-weight: 700;
}
h3, h4, h5, h6,
h3 a, h4 a, h5 a, h6 a,
.menu a,
.emergency p,
.emergency p *,
.gform_wrapper label.gfield_label,
strong{
	font-weight: 400;
}


/* Transistion */

/* Font size */
h1, h1 a{
	font-size: 40px;
}
h2, h2 a{
	font-size: 30px;
}

.page_content > section.testimonials article p.quote{
	font-size: 18px;
}


/* Color */


/* blue  00AEEF */

.menu li:last-child a,
.page_content article h2,
.page_content article p,
footer.main p,
.page-template-template-contact aside *,
.home .sub article *,
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input[type=submit]:hover,
aside,
.menu li:last-child:hover a,
.menu li.current-menu-item:last-child a,
section.testimonials *,
.slicknav_nav li:first-child a{
	color: #00AEEF;
}
.page-template-template-about .page_content,
.home .sub article.blue,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit],
.page-template-template-contact  article.main,
article.sub{
	background: #00AEEF;
}


.home .sub{
	border-color: #00AEEF;
}

/* white */
.gform_wrapper .gform_footer input.button:hover, 
.gform_wrapper .gform_footer input[type=submit]:hover, 
.gform_wrapper .gform_page_footer input.button:hover, 
.gform_wrapper .gform_page_footer input[type=submit]:hover{
	background-color: white;
}

.emergency p,
.page-template-template-contact.page_content article h2,
.page-template-template-contact .page_content article p,
.banner li,
.banner li a,
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit],
.page-template-template-about .page_content article *,
section.extra_content *,
.home .sub article.blue *,
.page-template-template-contact aside label, 
.page-template-template-contact aside label .gfield_required,
.page-template-template-contact article h2,
.page-template-template-contact article h2 a,
.page-template-template-contact aside .gform_confirmation_wrapper *{
	color: white;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
	border-color: white;
}

/* Black */
.menu a{
	color: black;
}


/* Header */
.main{
	padding: 30px calc(50% - 620px);
	width: 100%;
	margin: auto;
}
header.main div{
	width: 1300px;
	margin: auto;
	padding: 30px;
	min-height: 100px;
}
header.main{
	min-height: 95px;
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 0;
	background: white;
}
header.main a.logo {
	display: block;
	width: 400px;
	float: left;
}
header.main a.logo img {
	width: 100%;
	height: auto;
}
header.main .primary{
	width: 650px;
	float: right;
}
.emergency{
	display: none;
}
.emergency p{
	float: right;
}
.emergency p a{
	color: white;
	text-decoration: none;
}

header .banner{
	margin: auto;
	display: block;
	top: 0;
}

.banner.static {
	position: relative;
	height: 30vw;
	width: 100%;
	
}
.banner.static > img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	width: auto;
}
.menu a{
	text-transform: uppercase;
	text-decoration: none;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	display: block;
	float: left;
	text-align: center;
	padding: 10px 30px;
	margin: 0px 0px 0 15px;
	border-color: transparent;
}
.menu li:last-child a{
	padding: 8px 28px;
}
.menu li,
.menu,
.menu ul{
	margin: 0;
	padding: 0;
}
.menu li{
	list-style: none;
}
.menu li:last-child a{
	border-width: 3px;
	border-style: solid;
}
.menu li a:hover, .menu li.current-menu-item a {
	text-decoration: underline;
}
/* HOME */
.banner ul,
.banner li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.banner {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.banner li {
	background-size: cover !important;
	min-height: 500px;
	position: relative;
	overflow: hidden;
}
.banner li .content{
	padding-top: 7%;
	padding-bottom: 15%;
	margin: auto;
	text-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
	
}
.banner li .content *{
	max-width: 70%; 
	text-align: center;
	margin: auto;
	text-decoration: none;
}	
.home .sub{
	border-top-style: solid;
	border-top-width: 3px;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	overflow: hidden;
	
}


.home .sub article{
	width: 100%;
	min-width: 650px;
	float: left;
}
.home .sub article h2{
	text-transform: uppercase;
}
.home article.main {
	display: none;
}
.home .sub article div{
	width: 650px;
	margin: auto;
	padding: 30px;
	text-align: center;
}
.footer-banner {
	height: 32vw;
	position: relative;
	overflow: hidden;
}
.footer-banner img{
	position: absolute;
	left: 50%;
	height: 100%;
	width: auto;
	top: 0;
	z-index: 100;
	transform: translateX(-50%);
}

.home .sub article:last-child div{
	margin-right: auto;
}

.go,
.control a span{
	display: block;
	margin: auto;
	background: url('images/arrow.png') no-repeat center center;
	background-size: 50%;
	width: 80px;
	height: 40px;
	margin-bottom: -40px;
	position: relative;
	top: -100px;
}
.control{
	position: absolute;
	top: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
}
.control a{
	height: 80px;
	float: left;
	margin-top: calc(25% - 40px);
}
.control a.next{
	float: right;
}

.control a span{
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: calc(50% - 20px);
    margin-bottom: 0;
}
.control a.next span{
	-ms-transform: rotate(270deg); /* IE 9 */
	    -webkit-transform: rotate(270deg); /* Safari */
	    transform: rotate(270deg);
}

.footer-banner  {
	
}


/* Footer */
footer.main .logo{
	clear: both;
	margin: auto;
	margin-bottom: 20px;
	width: 250px;
	height: auto;
	display: block;
}

footer.main .logo img {
	width: 100%;
	height: auto;
}


footer.main p{
	margin: 0;
	color: white;
	text-align: center;
}
footer.main p a {
	color: white;
}
footer.main section{
	width: 330px;
	margin: auto auto 10px;
	text-align: center;
}

footer.main section:last-of-type {
	margin-top: 30px;
	width: 100%;
	font-size: 9px;
}

footer.main{
	overflow: hidden;
	background: #092056;
	padding: 50px 3%;
}

/* PAGE 8 */
.page_content article h2{
	text-transform: uppercase;	
}
article.main{
	overflow: hidden;
}

.page_content article,
aside {
	width: 50%;
	float: left;
}

.page_content article *{
	max-width: 90%;
}
aside .side{
	width: 100%;
}

.page-template-template-contact .page_content article,
.page-template-template-about .page_content article,
.page-template-template-contact aside,
.page-template-template-about aside {
	width: 50%;
}

.page-template-template-contact aside{
	padding: 4% 8%;
}


.page-template-template-contact aside .gform_wrapper .top_label input.medium, 
.page-template-template-contact aside .gform_wrapper .top_label select.medium{
	width: 100%;
}
.page-template-template-contact aside .gform_wrapper ul li.gfield{
	float: left;
	width: 48%;
	margin-right: 2%;
	clear: none;
}
.page-template-template-contact aside .gform_wrapper ul li.gfield#field_1_5 {
	width: 96%;
}

.page-template-template-contact aside .gform_wrapper ul li.gfield:nth-child(6){
	clear: both;
}
.page-template-template-contact aside .gform_wrapper ul li.gfield:nth-child(7){
	clear: both;
	width: 100%;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit]{
	border-width: 3px;
	border-style: solid;
	text-transform: uppercase;
	font-weight: 400;
	padding: 8px 28px;
}

.page-template-template-about .page_content article{
	float: right;
	padding: 4% 8%;
}
.page-template-template-about .page_content{
	overflow: hidden;
	position: relative;
}

/* Gallery */
.page_content > section{
	float: left;
	clear: both;
	overflow: hidden;
	width: 100%;
}
section.gallery {
	overflow: hidden;
	position: relative;
}
section.gallery li,
section.gallery img{
	width: 100% !important;
	height: auto;
}
section.gallery ul,
section.gallery li{
	padding: 0;
	margin: 0;
}
section.gallery li img{
	display: block;
}

article.sub{
	width: 100%;
	overflow: hidden;
}
section.extra_content{
width: 1300px;
margin: auto;
padding: 10px 30px 30px;
}
section.extra_content div{
	margin-left: 50%;
}
section.testimonials{
	padding: 15px;;
	text-align: center;
	display: table;
	width: 100%;
}
section.testimonials article{
/*	border-style: solid;
	border-width: 2px;*/
	width: calc((100% / 4) - 30px);
	padding: 15px;
	margin: 15px;
	min-height: 300px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

section.testimonials article p.quote{
	font-style: italic;
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 2em;
	
}
section.testimonials article p.quote:before{
	content: "“";
}
section.testimonials article p.quote:after{
	content: "”";
}
section.testimonials h3{
	text-align: left;
	width: 1240px;
	margin: 10px auto;

}
.slicknav_menu{
	display: none;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	border: none;
}
@media (min-width:1400px) {section.testimonials article{width: 300px;}}

@media (max-width:1240px) {}


@media (max-width:1070px){

	header.main,
	header.main div,
	img.banner,
	.banner li .content,
	.home .sub article div *,
	.main,
	article.main p img,
	.page_content article, 
	.home .sub article div,
	aside,
	section.extra_content,
	section.testimonials h3{
		width: 100%;
		min-width: 100%;
	}
	.banner li .content
	
	.home .sub article{
		width: 50%;
		min-width: 50%;
	}
	section.testimonials article{width: calc((100% / 3) - 30px);}
		
	.page-template-template-contact aside{
		padding: 0;
	}
	
	li.emergency {
		display: none;
	}
	.slicknav_menu{
		display: block;
	}
	.slicknav_menu > a {
		outline: none;
		background: transparent;
		padding-right: 20px;
		padding-bottom: 18px;
		padding-left: 8px;
		border-radius: 0;
	}
	.slicknav_menu {
		top: 0;
	}
	.slicknav_nav {
		margin-top: 100px;
		
	}
	header.main .primary{
		display: none;
	}
	

}

@media (max-width:768px){
	
	header.main,
	header.main div,
	.banner li .content,
	.home .sub article div,
	.home .sub article,
	.home .sub article div *,
	.main,
	article.main p img,
	.page_content article, 
	aside,
	section.extra_content,
	section.testimonials h3{
		width: 100%;
		min-width: 100%;
	}
	
	
	body {
		margin-top: 95px;
	}
	header.main {
		min-height: 95px;
		position: fixed;
		top: 0;
		z-index: 10001;
		height: 95px;
	}
	.slicknav_nav {
		margin-top: 95px;
		
	}
	
	a.logo{
		display: block;
		width: 52px;
		overflow: hidden;
	}
	a.logo img{
		float: right;
	}
	article.main p img{
		height: auto;
	}
	.banner li .content{
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 160px;
		padding-top: 0;
		
	}
	.emergency p{
		float: left;
	}
	.emergency p a{
			font-size: 16px;
	}
	header.main{
		overflow: hidden;
	}
	header.main .primary{
		display: none;
	}
	.home .main p img{
		width: 250%;
		margin-top: 30px;
	}
	section.extra_content div{
		margin-left: 0;
	}
	section.testimonials article{
		width: calc(100%/2 - 30px);
		height: auto;
		margin-top: 0;
		padding: 0;
		
	}
	.control{
		top: 0;
	}
	.page_content {
		margin-left: 30px;
	}
    
}


@media (max-width:415px){
	body {
		margin-top: 90px;
	}
	
	.slicknav_btn {
		margin-right: 3%;
		margin-top: 25px;
	}
	.slicknav_nav {
		margin-top: 90px;
	}
	header.main {
		min-height: 90px;
		height: 90px;
	}
	
	.banner.static {
		height: 120vw;
	}
	header.main div {
		padding: 30px 5%;
		min-height: 90px;
	}
	.banner li .content {
		margin-top: 30px;
	}
	
	.banner li .content * {
		max-width: 100%;
	}
	h1, h1 a {
		font-size: 18px;
		
	}
	h2, h2 a {
		font-size: 20px;
	}
	header.main a.logo {
	    width: calc(100% - 55px);
	}
	.page_content {
		margin-left: 3%;
		margin-right: 3%;
	} 
	section.testimonials article{
		width: calc(100% - 30px);
		height: auto;
		min-height: 100%;
		margin-top: 0;
		padding: 0;
		
	}
	
}