@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
------------------------------------------------------- */
#hplistb h2 {
text-transform:uppercase;
font-weight:900;
font-size:30px;
margin-bottom:20px;
color:#fff;
}
#hplistb strong {
color:#fff;
line-height: 50px;
}
#hplistb ul {
margin-top: 10px;
}
#hplistb ul li {
font-size:23px;
line-height:60px;
color:#fff;
list-style:none;
border-bottom:1px solid #ccc;
}
#hplistb ul li:before {
font-family: 'FontAwesome';
content: '\f105';
margin:0 15px 0 -15px;
color: #fff;
}
#hplistb li a {
color:#fff !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#hplistb li a:hover {
color:#fff !important;
font-weight:800;
}
/* = 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) {

#hplistb ul li {
font-size:18px;
line-height:60px;
color:#111;
list-style:none;
border-bottom:1px solid #ccc;
}
	
.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;
}

}