/*======== HEADER BACKGROUNDS ============*/

.headerbck {
background-repeat: no-repeat;
background-size:100%; 
background-position: top center;
position: relative; 
}

@media screen and (max-width: 800px){
.headerbck {background-image: url('/userdata/weru19/media/uploads/images/mob2.jpg') !important;}}

.content-container {margin-top: 200px;}
@media screen and (max-width: 800px){.content-container {margin-top: 500px;}}

.cr {border-radius: 10px;}


/*======== FOOTER  ===========================*/
.footer {margin-top: 50px; font: 400 16px/18px 'Raleway', sans-serif; text-align: center; background: url('/userdata/weru19/media/uploads/images/footerbck.jpg') no-repeat; background-size: 100% auto; background-position: top center;}

.footer>.footer-text {padding-top: 190px; padding-bottom: 25px;}




html,
body {
font: 400 24px/28px 'Raleway', sans-serif;
color: #fff;
background: #000000;
}


h1 {
color:#d8d8d8;
font-weight: 800;
font-size: 60px;
letter-spacing: -4px;
}


h2 {color:#bf1e2d; font-weight: 800;font-size: 46px; letter-spacing: -3px;}
h3 {color:#cccccc; font-weight: 400;font-size: 34px; letter-spacing: -2px;}
h4 {color:#cccccc; font-weight: 400;font-size: 22px; letter-spacing: -1px;}


@media screen and (max-width: 890px){
h1 {color:#bf1e2d; font-size: 60px; letter-spacing: -2px;}
h2 {color:#bf1e2d; font-size: 26px; letter-spacing: -2px;}
h3 {color:#bf1e2d; font-size: 22px; letter-spacing: -1px;}
h4 {color:#bf1e2d; font-size: 20px; letter-spacing: -1px;}
}


ul {color: #ffffff;}
li {color: #ffffff;}
.slash{ list-style-image: url('/userdata/weru19/media/uploads/images/bullet.png');}

a {
    font: inherit;
    color: var(--link-color);
    text-decoration: none;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

a:hover,
a:focus {
    color: var(--link-color);
}

a:active {
    color: inherit;
    background: transparent;
}

a:focus {
    outline: none;
}


strong {
    font-weight: 700;
}


.grad1 {
background: rgb(150,150,150);
background: linear-gradient(0deg, rgba(150,150,150,1) 0%, rgba(230,230,230,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-right: 10px;
}


.btn.btn-primary {
    background: #444444;
	font-weight: 700;
	font-size: 24px;
    background-color: #444444;
    border: solid 2px #ff1000;
	padding-left: 15px;
	border-radius: 10px;
	padding-right: 15px;
}

.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    background: var(--bs-primary-dark);
    background-color: #bababa;
    border-color: #ff1000;
}


/*======== ICONS ============================*/
.icon.icon-star {
	display: inline-block;
	content: " ";
	height: 25px;
	width: 25px;
	background: url('../images/star.png') no-repeat;
}

/*========= MENU ===============*/
.menucont {
position: relative;
width: 100%;
}


.menuinner {
position: absolute;
z-index: 999;
width: 100%;
background: url('/userdata/weru19/media/uploads/images/menubck.png') repeat-x; 
margin-top: 13px; 

}


#menu {
margin-left: 850px;
color: #fff;
height: 50px;
padding-left: 50px;
padding-right: 15px;
padding-top: 2px;
}

@media screen and (max-width: 1639px){
#menu {
margin-left: 0;
padding-left: 0;
padding-right: 8px;
float: right;
margin-right: 10px;
}}
	

	
#menu ul, #menu li {
    margin: 0 auto;
    padding: 0;
    list-style: none
}
#menu ul {
    width: 100%;
}
#menu li {
    float: left;
    display: inline;
    position: relative;
}
#menu a {
    display: block;
    line-height: 45px;
    padding: 0 14px;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
	font-weight: 700;
}
#menu a.dropdown-arrow:after {
    content: "\25BE";
    margin-left: 5px;
}
#menu li a:hover {
    color: #e3e3e3;
    background: #4c5a64;
	border-radius: 8px;
}
#menu input {
    display: none;
    margin: 0;
    padding: 0;
    height: 45px;
    width: 100%;
    opacity: 0;
    cursor: pointer
}
#menu label {
    display: none;
    line-height: 45px;
    text-align: center;
    position: absolute;
    left: 35px
}
#menu label:before {
    
/*=  content: "\2261"; ==*/
    margin-left: 20px;
}
#menu ul.sub-menus{
    height: auto;
    overflow: hidden;
    width: 270px;
    background: #4a5a67;
    position: absolute;
    z-index: 99;
    display: none;
	border-radius: 8px;
}

#menu ul.sub-menus li {
    display: block;
    width: 100%;
}
#menu ul.sub-menus a {
    color: #FFFFFF;
    font-size: 16px;
}
#menu li:hover ul.sub-menus {
    display: block
}
#menu ul.sub-menus a:hover{
    background: #89949d;
    color: #ff0000;
}
@media screen and (max-width: 750px){
    #menu {position:relative; background: url('/userdata/weru19/media/uploads/images/mobmenu-open.png') no-repeat; margin-top: 10px; padding-right: 55px;}
    #menu ul {width:270px; background: #4a5a67; position:absolute;top:100%;right:0px;left:55px;z-index:3;height:auto;display:none;margin-left: -270px;}
    #menu ul.sub-menus {width:100%;position:static;margin-left: 20px;}
    #menu ul.sub-menus a {padding-left:30px;}
    #menu li {display:block;float:none;width:auto;}
    #menu input, #menu label {position:absolute;top:0;left:0;display:block;}
    #menu input {z-index:4;}
    #menu input:checked + label {height:70px; width:70px; display:block; 
		background: url('/userdata/weru19/media/uploads/images/mobmenu-close.png') no-repeat;}
    #menu input:checked + label:before {/*===content:"\00d7";=====*/ }
    #menu input:checked ~ ul {display:block;}
}


#menu li.navlink-with-icon>a::before {
    display: inline-block;
    content: "";
    margin-top: -5px;
    margin-right: 8px;
    vertical-align: middle;
    width: 30px; 
    height: 31px;
    background-image: url('/userdata/weru19/media/uploads/images/icons.png'); /* Default image icons */
    /* Replace path below to use custom icon image sprite. Learn more about sprites https://tinyurl.com/2p9a89b4 ! */
    /* background-image: url('/userdata/<--ADD_USER_FOLDER_HERE-->/media/uploads/images/icons/icons-sprite-32x32-ED0012 (red).png'); */
    background-repeat: no-repeat;
    background-position: -1px -1px;
}

#menu li.navlink-with-icon.bullet-icon>a::before {
    background-position: -1px -1px;
}

#menu li.navlink-with-icon.appt-icon>a::before {
    background-position: -34px -1px;
}

#menu li.navlink-with-icon.email-icon>a::before {
    background-position: -66px -1px;
}

#menu li.navlink-with-icon.profile-icon>a::before {
    background-position: -98px -1px;
}

#menu li.navlink-with-icon.name-icon>a::before,
#menu li.navlink-with-icon.profile-icon>a::before {
    background-position: -98px -1px;
}

#menu li.navlink-with-icon.time-icon>a::before {
    background-position: -130px -112px;
}

#menu li.navlink-with-icon.phone-icon>a::before,
#menu li.navlink-with-icon.contact-icon>a::before {
    background-position: -1px -33px;
}

#menu li.navlink-with-icon.car-icon>a::before {
    background-position: -33px -33px;
}

#menu li.navlink-with-icon.checklist-icon>a::before,
#menu li.navlink-with-icon.request-icon>a::before {
    background-position: -66px -35px;
}

#menu li.navlink-with-icon.company-icon>a::before {
    background-position: -98px -33px;
}

#menu li.navlink-with-icon.home-icon>a::before {
    background-position: -130px -33px;
}

#menu li.navlink-with-icon.coupons-icon>a::before {
    background-position: -1px -66px;
}

#menu li.navlink-with-icon.map-icon>a::before {
    background-position: -33px -66px;
}

#menu li.navlink-with-icon.star-icon>a::before,
#menu li.navlink-with-icon.ratings-icon>a::before {
    background-position: -66px -66px;
}

#menu li.navlink-with-icon.wrench-icon>a::before,
#menu li.navlink-with-icon.services-icon>a::before {
    background-position: -96px -66px;
}





input[type=text], input[type=email] {
border-radius: 10px;
box-sizing: border-box;
color: #333333;
padding-top: 6px;
padding-bottom: 6px;
max-width: 450px;
}


.Name {
background-color: white;
color: #333333;
background-image: url('/userdata/weru19/media/uploads/images/icon-appt-name.png');
background-position: 5px 0px;
background-repeat: no-repeat;
padding-left: 50px;
max-width: 450px;
}

.Email {
background-color: white;
color: #333333;
background-image: url('/userdata/weru19/media/uploads/images/icon-appt-email.png');
background-position: 5px 3px;
background-repeat: no-repeat;
padding-left: 50px;
box-sizing: border-box;
max-width: 450px;
}

.Phone {
background-color: white;
color: #333333;
background-image: url('/userdata/weru19/media/uploads/images/icon-phone.png');
background-position: 5px 5px;
background-repeat: no-repeat;
padding-left: 50px;
max-width: 450px;
}

.Time {
background-color: white;
color: #333333;
background-image: url('/userdata/weru19/media/uploads/images/icon-appt-time.png');
background-position: 5px 3px;
background-repeat: no-repeat;
padding-left: 50px;
max-width: 450px;
}

.Vehicle {
background-color: white;
color: #333333;
background-image: url('/userdata/weru19/media/uploads/images/icon-appt-vehicle.png');
background-position: 5px 2px;
background-repeat: no-repeat;
padding-left: 50px;
max-width: 450px;
}

.Date {
background-color: white;
color: #333333;
background-image: url('/userdata/weru19/media/uploads/images/icon-appt-date.png');
background-position: 5px 2px;
background-repeat: no-repeat;
padding-left: 50px;
max-width: 450px;
}





/*========= LOGOS SLIDER =================*/

* {
box-sizing: border-box;
}

.sscontain {
width: 100%;
}
.ssrow {
width: 100%;
overflow: hidden;
border-top: solid 1px #747474;
border-bottom: solid 1px #747474;
height: 100px;
padding: 0;
}
.ssrow__inner { transition: 450ms transform;  font-size: 0;  white-space: nowrap;  margin: 10px 0; padding-bottom: 10px; animation: scroll 30s linear infinite;}
.tile {position: relative; display: inline-block;  height: 80px;  margin-right: 30px;  cursor: pointer;  transition: 450ms all;  transform origin: center left;}
.tile__img { height: 80px;}
.tile__title {  position: absolute;  bottom: 0;  padding: 10px;}
.ssrow__inner:hover {transform: translate3d(-62.5px, 0, 0);}
.ssrow__inner:hover .tile {opacity: 0.3;}
.ssrow__inner:hover .tile:hover {transform: scale(1.5);opacity: 1;}
.ssrow:hover  {overflow: visible;max-width: 1200px;}
.tile:hover ~ .tile { transform: translate3d(125px, 0, 0);}

@-webkit-keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50px * 7));
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-150px * 7));
  }
}