@charset "utf-8";
/* CSS Document */

/*
 Theme Name:     SEOFast - Divi Child
 Theme URI:      http://www.seofast.com.au/
 Description:    Divi Child theme by SEOFast
 Author:         SEOFast
 Author URI:     http://www.seofast.com.au/
 Template:       Divi
 Version:        1.0
*/

 
/* =Theme customization starts here
------------------------------------------------------- */

/* = Contact From
------------------------------------------------------- */
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-submit {
color: #2EA3F2 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.wpcf7-submit:hover {
background-color: #eee;
border-color:#eee;
padding: 6px 20px !important;
}



/* =Mobile Parallax
------------------------------------------------------- */

#parallaxtest {
background-image: url('');
background-attachment:fixed;
}

/* =iPad Portrait
----------------------------------------------------------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 


#parallaxtest {
background-image:none !important;
background-color:transparent !important;
}

#parallaxtest:before {
content:"";
background-image: url('');
display:block;
position:fixed;
z-index:-1;
/*height:100%;*/
width:100%;
background-size: auto 100%;
background-position:0 0;
height:100vh !important;
background-repeat:no-repeat;
margin-top:-160px;
}

}



/* =iPad Landscape
----------------------------------------------------------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

#parallaxtest {
background-image:none !important;
background-color:transparent !important;
}

#parallaxtest:before {
content:"";
background-image: url('');
display:block;
position:fixed;
z-index:-1;
/*height:100%;*/
width:100%;
background-size: 100% auto;
background-position:0 0;
height:100vh !important;
background-repeat:no-repeat;
margin-top:-160px;
}

}


/* =iPhone Portrait
----------------------------------------------------------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px) 
and (orientation : portrait) {

.et_pb_button {
padding: 5px 10px;
}

#parallaxtest {
background-image:none !important;
background-color:transparent !important;
}

#parallaxtest:before {
content:"";
background-image: url('');
display:block;
position:fixed;
z-index:-1;
/*height:100%;*/
width:100%;
background-size: auto 100%;
background-position:0 0;
height:100vh !important;
background-repeat:no-repeat;
margin-top:-160px;
}

}





/* =iPhone Landscape
----------------------------------------------------------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px) 
and (orientation : landscape) {

.et_pb_button {
padding: 5px 10px;
}

#parallaxtest {
background-image:none !important;
background-color:transparent !important;
}
#parallaxtest:before {
content:"";
background-image: url('');
display:block;
position:fixed;
z-index:-1;
/*height:100%;*/
width:100%;
background-size: auto 100%;
background-position:0 0;
height:100vh !important;
background-repeat:no-repeat;
margin-top:-160px;
}

}

#top-menu a:hover{
color: #09aeed !important;
}

@media (max-width: 980px) {
#main-header #logo {
max-height: 80px !important;
max-width: 200px !important;
}
}


.et_pb_fullwidth_code.et_pb_module {
    padding-top: 0 !important;
}


#logo {
    display: inline-block;
    float: none;
    margin-bottom: 0;
    max-height: 80%;
    transition: all 0.4s ease-in-out 0s;
    vertical-align: middle;
}


/*Custom CTA button*/
a.demo-cta {
  display: inline-block;
  line-height: 35px;
  font-size: 20px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.0);
  border: 2px solid #FFffff;
  border-radius: 3px;
  padding: 0.3em 1em;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 20px;
  -moz-transition: all 0.7s; 
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
a.demo-cta:hover {
  background-color: #000000
  color: #fff;
}
a.demo-cta:hover:after {
 	display: inline-block; 
 	font-family: 'ETmodules';
 	content: "\35";
}



.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row_0 {
max-width: 100% !important;
width: 100% !important;
}

.home .et_pb_row_0 {
background-size: cover;
}

.et_pb_fullwidth_code.et_pb_module {
    padding-top: 0 !important;
}

*make images responsive*
.et_pb_row_0 {
background-size: cover;
}

@media only screen and (max-width: 1250px) and (min-width: 981px){
#et_mobile_nav_menu {display: block;}}
@media only screen and (max-width: 1250px) and (min-width: 981px){
#top-menu {display: none;}}

.et_pb_bg_layout_light .et-pb-arrow-prev, .et_pb_bg_layout_light .et-pb-arrow-next {
    color: #fff !important;
}

.et-pb-arrow-prev, .et-pb-arrow-next {
     font-size: 90px;
}

/* =Phone Number
--------------------------------------------------*/
#jy-contact {
background-color: rgba(0,0,0,0.27);
position:fixed;
width: 100%;bottom:0px;
z-index: 100;
text-align:center;
veritcal-align:middle;
padding:20px;}

#jy-contact-phone {
color: #fff;
width: 100%;
height: 50px;
font-size: 30px;
}

/* =Mobile Menu
--------------------------------------------------*/
.et_mobile_menu {
    background-color: rgba(0,0,0,0.6) !important;
}
/* =GRAVITY FORM STYLING
------------------------------------------------------- */

.gfield input, .gfield textarea {
background-color: #eee !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gform_footer input[type=submit] {
color: #fff !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 6px 20px;
line-height: 1.7em;
background: #3d3d3d;
border: 2px solid #3d3d3d;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.gform_footer input[type=submit]:hover {
background-color: #3d3d3d;
border-color:#3d3d3d;
padding: 6px 30px !important;
}
.gfield label {
	display: none !important;
}
.g-form-half {
width: 50% !important;
min-height: 61px;
display: inline-block;
vertical-align: bottom;
}

.gfield input.datepicker {
width: calc(100% - 25px) !important;
width: -webkit-calc(100% - 25px) !important;
width: -moz-calc(100% - 25px) !important;
}

@media only screen 
and (max-width: 645px) {
.g-form-half {
width: 100% !important;
}
}