/* Theme Name:     Easy Hire Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0*/

.et_fullwidth_nav #main-header .container{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.et_header_style_centered.et_hide_primary_logo #main-header:not(.et-fixed-header) .logo_container, .et_header_style_centered.et_hide_fixed_logo #main-header.et-fixed-header .logo_container {
    height: 0px !important;
}
.et-fixed-header div#et-top-navigation {
    border-top: 0px;
}
.et-fixed-header .nav li a {
    color: #fff !important;
}
#top-menu li a {
    padding: 0 20px !important;
    line-height: 60px !important;    
}
#top-menu li a:hover {
    
    color: #fe0000;
    transform: rotate(360deg);
    transition: 1.2s;
}
#top-menu li{
    padding-right: 0px;
    color: #fff;
}
div#et-top-navigation{
        border-top: 1px solid #eee;
}
header#main-header:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -40px;
    height: 40px;
    width: 100%;
    background: no-repeat center center;
    background-image: url(http://easyhireltd.co.uk//wp-content/uploads/2021/03/shadow_1.png);
}
.et_pb_slide {
    height: 60vh;
}
.et_pb_bg_layout_dark .et_pb_slide_description{
	text-shadow: none !important;
}
.banner-data {
    text-align: left;
    width: 70%;
    float: right;
   padding: 5px 150px 5px 125px;
        position: absolute;
    top: 70px;
    right: 0;
	margin-right: -160px
}
.banner-data-2{
	text-align: right;
    width: 70%;
    padding: 5px 125px 5px 150px;
    position: absolute;
    top: 70px;
    left: 0;
	margin-left: -160px;
}

.banner-data h2 {
    font-size: 45px;
    font-weight: 900;
    text-transform: capitalize;
    color: #111 !important;
}
.banner-data-2 h2 {
    font-size: 45px;
    font-weight: 900;
    text-transform: capitalize;
    color: #111 !important;
}
.banner-data span {
    font-size: 45px;
    font-weight: 300;
    text-transform: lowercase;
}
.banner-data-2 span {
    font-size: 45px;
    font-weight: 300;
    text-transform: lowercase;
}
.banner-data h3 {
    font-size: 20px;
    color: #ff0000 !important;
    text-transform: capitalize;
    font-weight: 800;
}
.banner-data-2 h3 {
    font-size: 20px;
    color: #ff0000 !important;
    text-transform: capitalize;
    font-weight: 800;
}
.banner-data, .banner-data-2 p{
	font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !IMPORTANT;
}
.btn-cst {
    margin-top: 25px;
    display: inline-flex;
}
a.btn-one {
    color: #fff;
    background: #f00;
    padding: 10px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
}
a.btn-one:hover{
	background: #222;
	color: #fff;
}
a.btn-two {
    color: #fff;
    background: #555;
    padding: 10px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    margin-left: 20px;
}
a.btn-two:hover{
	background: #222;
	color: #fff;
}



.hire-cst span {
    font-size: 40px;
    font-weight: 300;
}
.hire-cst p span {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    text-align: center;
}
.second-hire-cst h2 {
    font-weight: 300;
    line-height: 1.2em;
    color: #000;
}
.second-hire-cst span{
	font-weight: 900;
}
.list-cst ul li{
    list-style-type: none;
    line-height: 1.7em;
    font-family: "Lato", sans-serif;
}
.list-cst ul{
	padding-left: 0px;
}
.list-cst ul li:before {
    content: '\52';
    color: #fe0000;
    font-family: ETmodules !important;
    margin-right: 10px;
    font-size: 16px;
}
.services p span {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}
.services span {
    font-size: 40px;
    font-weight: 300;
}
.hire-cst  ul li{
    list-style-type: none;
    line-height: 1.7em;
    font-family: "Lato", sans-serif;
    font-size: 17px;
    color: #000;
}
.hire-cst  ul li:before {
    content: '\52';
    color: #fe0000;
    font-family: ETmodules !important;
    margin-right: 10px;
    font-size: 16px;
}
.hire-cst ul{
	padding-left: 0px;
}
h5.et_pb_toggle_title:before {
    content: '\59';
    font-family: ETmodules!important;
    font-size: 20px;
}
.box-text:hover {
    background: red;
    color: #fff;
}
.col-width .et_pb_gallery_item {
width: 20% !important;
clear: none !important;
}
.location p{
	padding-top: 20px;
}
.location hr {
    width: 30px;
    float: left;
    margin: 8px auto;
}
.contact-cst .input {
    width: 100%;
    display: block;
    background: #fff;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    /* color: #555555; */
    font-size: 1.786rem;
    line-height: 1;
    font-weight: 300;
    font-family: "Lato", sans-serif;
    color: #b2b2b2;
    margin-bottom: 20px;
    padding: 0.56em 0.76em;
}
.contact-cst textarea#et_pb_contact_message_0{
	    width: 100%;
}
.contact-cst button.et_pb_contact_submit.et_pb_button {
    width: 100%;
    position: absolute;
    left: 0;
    margin-left: 0;
    background: #f00;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 5px 5px;
    font-size: 16px;
    font-weight: 600;
}
.contact-cst button.et_pb_contact_submit.et_pb_button:hover{
	background-color: #000;
}
.et_pb_button:after, .et_pb_button:before{
	display: none;
}
div#footer-bottom {
    display: none;
}
.copy-right{
    padding-top: 10px;
}

/* Mobile views */
@media screen and (max-width: 460px){

	.et_pb_slider .et_pb_slide_0{
		background-size: cover !important;
	}
	.banner-data {
    width: 90% !important;
    position: absolute;
    top: -25px !important;
    left: 5px !important;
    background: #eeeeeed4;
    padding: 10px 10px 10px 10px !important;
    margin-left: -20px !important;
		margin-top: -20px !important;
}
	.banner-data p {
    line-height: 1.3em !important;
}
	.banner-data h2{
		font-size: 24px;
	}
	.banner-data span{
		font-size: 24px;
	}
	.banner-data h3{
		font-size: 16px;
	}
	.btn-cst{
		margin-top: 5px !important;
	}
	a.btn-one{
		padding: 6px 4px 6px 4px !important;
		font-size: 14px;
	}
	a.btn-two{
		padding: 6px 4px 6px 4px !important;
		margin-left: 5px;
		font-size: 14px;
	}
	.et_pb_slider .et_pb_slide_1{
		background-size: cover !important;
	}
.banner-data-2 {
    text-align: left !important;
    width: 90% !important;
    padding: 10px 10px 10px 10px;
    top: -25px !important;
    background: #eeeeeed4;
    margin-left: -20px !important;
    left: 5px;
    margin-top: -20px !important;
}
	.banner-data-2 h2{
		font-size: 24px !important;
	}
	.banner-data-2 span{
		font-size: 24px !important;
	}
	.banner-data-2 h3{
		font-size: 16px !important;
	}
}