/* 
 Theme Name:   JRemovals
 Theme URI:    
 Description:  A beautiful, responsive theme
 Author:       James Removals
 Author URI:   
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/*  Menu */

#top-menu li {
text-align:left;
}

#top-menu a:hover {
    color: #cccccc;
}

.nav li ul {
    padding: 10px 0;
}
/* Page Slider */

.et_vertical_nav .et_pb_slide_description {
    padding: 10px 20px;
	float:right;
	width: 35%;
	background-color:rgba(32, 47, 88, 0.65);
	margin-top: 40px;
	margin-bottom:40px;
}

.et_pb_slide_description h2 {
    font-weight: 200;
    font-size: 36px;
}

.et_pb_slide_description .et_pb_slide_title {
    font-size: 36px;
    font-weight: 300;
}

/* General */

h4 {
line-height: 1.4em;
}

.imgcenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.home-section-top .et_section_regular {
padding: 10px 0px;
}

.add_posts_content hr {
display:none;
}

.jr-mobile-telno h1 {
font-weight:600;
color:#000000;
}

.jr-mobile-telno a {
font-weight:600;
font-size:20px;
color:#000000;
}

/* Footer */

.footer-links {
font-size:13px;
color:#ffffff;
}

.footer-links a {
font-size:16px;
color:#ffffff;
text-decoration:none;
}

.footer-links a {
text-decoration:underline;
}

#footer-bottom {
display:none;
}
/* Contact Form */
div.wpcf7 .wpcf7-form-control { max-width: 100%; }

.home-page-contact p {
line-height:1.4em;
font-size: 16px;
font-weight: 200
}

.et_pb_slide_content {
    font-size: 16px;
	line-height: 24px;

}

.et_vertical_nav .et_pb_slide_description {
width:40%;
}

.et_pb_slider .et_pb_container {
float: right;
}

.jr-banner-contact {
font-size: 24px;
font-weight: 400;
line-height: 28px;
}

.jr-banner-contact-tel {
line-height:28px;
}	


/* Contact form truck css */

@media only screen and ( min-width: 769px ) {

/* Hide default step display */
html .formcraft-css .fc-pagination-cover {
    display: none;
}

/* New movibg truck css - Full Quote */
.jr-truck-wrapper-step1 {
background-image:url(https://www.jamesremovals.com/id2/james-full-quote-01.gif);
background-repeat:no-repeat;
width:700px;
height:225px;
}

.jr-truck-step1 {
width:134px;
height:64px;
margin-left:0px;
padding-top:135px;
}

.jr-truck-wrapper-step2 {
background-image:url(https://www.jamesremovals.com/id2/james-full-quote-02.gif);
background-repeat:no-repeat;
width:700px;
height:225px;
}

.jr-truck-step2 {
width:134px;
height:64px;
margin-left:144px;
padding-top:135px;
}

.jr-truck-wrapper-step3 {
background-image:url(https://www.jamesremovals.com/id2/james-full-quote-03.gif);
background-repeat:no-repeat;
width:700px;
height:225px;
}

.jr-truck-step3 {
width:134px;
height:64px;
margin-left:290px;
padding-top:135px;
}

.jr-truck-wrapper-step4 {
background-image:url(https://www.jamesremovals.com/id2/james-full-quote-04.gif);
background-repeat:no-repeat;
width:700px;
height:225px;
}

.jr-truck-step4 {
width:134px;
height:64px;
margin-left:435px;
padding-top:135px;
}

.jr-truck-wrapper-step5 {
background-image:url(https://www.jamesremovals.com/id2/james-full-quote-05.gif);
background-repeat:no-repeat;
width:700px;
height:225px;
}
.jr-truck-step5 {
width:134px;
height:64px;
margin-left:580px;
padding-top:135px;
}

/* New movibg truck css - Quick Quote */
.jr-truck-wrapper-qq-step1 {
background-image:url(https://www.jamesremovals.com/id2/james-quick-quote-01.gif);
background-repeat:no-repeat;
width:700px;
height:225px;
}

.jr-truck-qq-step1 {
width:134px;
height:64px;
margin-left:0px;
padding-top:135px;
}

.jr-truck-wrapper-qq-step2 {
background-image:url(https://www.jamesremovals.com/id2/james-quick-quote-02.gif);
background-repeat:no-repeat;
width:700px;
height:225px;
}

.jr-truck-qq-step2 {
width:134px;
height:64px;
margin-left:290px;
padding-top:135px;
}


.jr-truck-wrapper-qq-step3 {
background-image:url(https://www.jamesremovals.com/id2/james-quick-quote-03.gif);
background-repeat:no-repeat;
width:700px;
height:225px;
}
.jr-truck-qq-step3 {
width:134px;
height:64px;
margin-left:580px;
padding-top:135px;
}


}
/* End Contact form truck css */

@media only screen and ( min-width: 1281px ) {

}



@media only screen and ( min-width: 981px ) and ( max-width: 1280px ) {

}

@media only screen and ( min-width: 981px ) {

}

@media only screen and ( max-width: 981px ) {
.et_header_style_centered #logo {
    max-height: 100px;
}
}

@media only screen and ( min-width: 769px ) and ( max-width: 980px ) {

}

@media only screen and ( min-width: 769px ) {

}

@media only screen and ( min-width: 480px ) and ( max-width: 768px ) {

}

@media only screen and ( max-width: 768px ) {
/* New movibg truck css */
.jr-truck-wrapper-step1,
.jr-truck-wrapper-step2,
.jr-truck-wrapper-step3,
.jr-truck-wrapper-step4,
.jr-truck-wrapper-step5,
.jr-truck-step1,
.jr-truck-step2,
.jr-truck-step3,
.jr-truck-step4,
.jr-truck-step5,
.jr-truck-wrapper-qq-step1,
.jr-truck-wrapper-qq-step2,
.jr-truck-wrapper-qq-step3,
.jr-truck-qq-step1,
.jr-truck-qq-step2,
.jr-truck-qq-step3 {
display:none;
}

}

@media only screen and ( min-width: 636px ) {

}

@media only screen and ( max-width: 635px ) {

}

@media only screen and ( min-width: 480px ) {

}

@media only screen and ( max-width: 479px ) {

}

/* Contact Form 
div.wpcf7 .wpcf7-form-control { max-width: 100%; }*/

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #fff !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: 12px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}


.wpcf7-submit {
color: #1F2E57 !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: rgba(255, 255, 255, 0.5);
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;
}