/*
 Theme Name:     Shetland Industrial Laundry Services
 Theme URI:      https://sils.dev.rw.digital/
 Description:    shetland-industrial-laundry Theme
 Author:         Rebel Fitness
 Author URI:     https://sils.dev.rw.digital/
 Template:       twentytwentyone
 Version:        1.4
*/

@charset "utf-8";
/* CSS Document */
/*  -----------------------------------------------------
  ------------------- General Styles ------------------
  ----------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
* {margin:0; padding:0; outline:none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after,  {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
a, a:hover, a:active, a:focus {outline:none; outline-style:none; outline-width:0; }
img {width:auto\9; height:auto; max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button;}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor:pointer;}
input[type="search"] {-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
textarea {overflow:auto; vertical-align:top;}

body{margin:0; padding:0px; background:#fff; font-family: "Inter", sans-serif!important; color:#000; font-size:14px; font-weight:400; line-height:normal;}

@-webkit-keyframes flash {
  0% {
    opacity: .7;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .7;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes floating-arrow {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.clr {font-size:0; height:0; line-height:0; clear:both;}
.left {margin:0; padding:0; width:auto; height:auto; float:left;}
.right {margin:0; padding:0; width:auto; height:auto; float:right;}

a{text-decoration:none; box-shadow:none; transition: all 0.4s ease-in-out 0s;}
a:hover{text-decoration:none; box-shadow:none; border-bottom:none; }
a:focus{text-decoration:none; box-shadow:none; border-bottom:none;}
strong{font-weight:600;}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}
.full-img{ width:100%; height:auto; }


h1, h2, h3, h4, h5, h6, p{margin-top:0px; letter-spacing:0px;}
.pull-left{float:left;}
.pull-right{float:right;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-transform{text-transform:uppercase;}
.image-left{ float:left; margin:0px 25px 15px 0px;}
.image-right{ float:right; margin:0px 0px 15px 25px;}
.alignleft{ float:left; margin:0px 25px 20px 0px;}
.alignright{ float:right; margin:0px 0px 20px 25px;}
.image-left img, .image-right img{ border:0px solid #fff;}
.image-middle{margin:0px auto 20px;}
.image-responsive{width:100%;}
.container{ max-width:1200px;}


html{overflow-x:hidden;}



/*==============topsection start=============*/
.topbanner-section{ width:100%; height:auto; padding:0px; margin:0px auto; position:relative;}
.topnav-section{ width:100%; height:auto; display:table; padding:0px 0px; margin:0px; position:absolute; left:0px; top:0px; z-index:88;}
.topnav-section .logosec{ width:178px; margin:0px;}

.topnav-section02{ padding-top:12px;}

.topnav-section .topphone-sec{ width:200px; float:right; display:table; padding:0px 0px 0px 38px; min-height:46px; position:relative; margin-top:19px;}
.topnav-section .topphone-sec .imagesec{ width:30px; height:auto; position:absolute; left:0px; top:0px;}
.topnav-section .topphone-sec p{ color:#ffffff; font-size:20px; line-height:25px; font-weight:600; font-family: "Playfair Display", serif;}
.topnav-section .topphone-sec p a{color:#ffffff;}
/*==============topsection end=============*/

/*==========banner-section start===========*/
.banner-section{ width:100%; height:auto; padding:0px; margin:0px auto; position:relative; background:#000;  }
.banner-section img.fullimg{ width:100%; height:auto; }

/*.banner-section::after{ width:60%; height:100%; background: rgba(0, 0, 0, 0.5); content:''; position:absolute; left:-11%;
top:0px;  transform: translate(0px, 0px) skew(-28deg, 0deg); z-index:3}

.banner-section::before{ width:65%; height:100%; background: rgba(255, 255, 255, 0.3); content:''; position:absolute; left:-11%;
top:0px;  transform: translate(0px, 0px) skew(-28deg, 0deg); z-index:2}*/


.banner-section .full-img-text{ width:100%; height:auto; position:absolute; left:0px; top:0px; z-index:99999; 
top:50%; color:#000; transform:translateY(-50%); -ms-transform:translateY(-50%); 
-webkit-transform:translateY(-50%); -o-transform:translateY(-50%); text-align:center; color:#FFF;}
.banner-section-text01{ float:right; }

.banner-section .full-img-text h1{ color:#ffffff; font-size:86px; line-height:90px; font-weight:800; text-shadow:2px 2px 5px #565658; text-align:center; margin-bottom:30px;}
.banner-section .full-img-text h6{ color:#ffffff; font-size:24px; line-height:30px; font-weight:500;}


/*.banner-section .bx-prev{left:2%; background: url(assets/images/banner-prev.png) no-repeat; width:41px; height:41px; position:absolute; 
top:45%; text-indent:-999999px; transition: all 0.4s ease-in-out 0s;}
.banner-section .bx-next{right:2%; background: url(assets/images/banner-next.png) no-repeat; width:41px; height:41px; position:absolute; 
top:45%; text-indent:-999999px; transition: all 0.4s ease-in-out 0s;}

.banner-section .bx-controls .bx-pager-item { margin:4px 4px; float:left; }
.banner-section .bx-controls .bx-pager-item .bx-pager-link{ width:14px; height:14px; background:#45484c; color:#45484c;
text-align:center; font-size:3px; line-height:14px; -webkit-border-radius:50%; -moz-border-radius:50%;
border-radius:50%; border:2px solid #FFF; display:inline-block; float:left;}
.banner-section .bx-controls .bx-pager-item .active{ background:#FFF!important; color:#FFF!important; border:2px solid #FFF!important; }*/

/*==========banner-section end===========*/

/*=============homesection01 start==================*/
.homesection01{background: url(assets/images/homesection01-bg.jpg) no-repeat top center; width:100%; height:auto;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
  background-size: cover; padding-top:70px; padding-bottom:70px; margin:0px auto;}

.homesection01 .titlesec{ text-align:center; margin-bottom:34px;}
.homesection01 .titlesec h5{ margin-bottom:7px;}
.homesection01 .titlesec h2{ margin-bottom:10px; color:#183862; font-size:45px; line-height:50px; font-weight:600;}
.homesection01 .titlesec h6{ color:#4b4b4b; font-size:17px; line-height:23px; font-weight:400;}

.homesection01-middle01box{ width:100%; height:auto; padding:0px; margin:0px auto;}
.homesection01-middle01:nth-child(2) { margin-top:40px;}
.homesection01-middle01:nth-child(4) { margin-top:40px;}

.homesection01-middle01box .imgsec{ width:100%; height:auto: padding:0px; margin:0px auto 20px auto; position:relative;}
.homesection01-middle01box .imgsec img{ width:100%; border-radius:16px;}
.homesection01-middle01box .imgsec .iconsec{ width:89px; height:89px; background:#0259cd; border:6px solid #FFF; border-radius:50%; position:absolute; left:-20px; bottom:-38px;}
.homesection01-middle01box .textsec{ width:100%; padding:10px 0px 5px 56px;}
.homesection01-middle01box .textsec h4{ color:#183862; font-size:27px; line-height:30px; font-weight:600; margin-bottom:10px;}
.homesection01-middle01box .textsec p{ color:#4b4b4b; font-size:17px; line-height:24px; font-weight:400;}

.homesection01-bottom{ padding-top:30px; text-align:center;}
.homesection01-bottom a.learnmore-btn{ background:#c65004; color:#FFF; font-size:18px; line-height:45px; font-weight:600; display:inline-block; padding:5px 40px; text-align:center; text-transform:uppercase; border-radius:15px;}
.homesection01-bottom a.learnmore-btn:hover{ background:#294385;}

/*=============homesection01 end==================*/

/*============homesection02 start================*/
.homesection02{ width:100%;  height:auto; padding-top:70px; padding-bottom:70px; margin:0px auto;}
.homesection02 .container{background: url(assets/images/homesec02-bg.jpg) no-repeat top center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
  background-size: cover; padding-top:80px; border-radius:15px 15px 15px 40px;}

.homesection02-main-left .textsec{ padding-left:20px; padding-top:30px;}
.homesection02-main-left .textsec h3{ color:#ffffff; font-size:65px; line-height:65px; font-weight:700; margin-bottom:17px;}
.homesection02-main-left .textsec p{ color:#FFF; font-size:18px; line-height:24px; font-weight:400;}
.homesection02-main-right .datesec{ width:90%; background:#FFF; padding:20px; border-radius:20px 20px 0 0; margin:0px auto;}
/*============homesection02 start================*/

/*============homesection03 start================*/
.homesection03{background: url(assets/images/homesection03-bg.jpg) no-repeat top center; width:100%; height:auto;  -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
  background-size: cover; padding-top:70px; padding-bottom:70px;}

.homesection03-mainleft .textsec h5{ margin-bottom:6px;}
.homesection03-mainleft .textsec h2{ color:#183862; font-size:45px; line-height:50px; font-weight:700; margin-bottom:15px;}
.homesection03-mainleft .textsec p{ color:#4b4b4b; font-size:17px; line-height:27px; font-weight:400; margin-bottom:22px;}

/*============homesection03 end================*/

/*===========homesection04 start================*/
.homesection04{ width:100%; height:auto; padding-top:60px; padding-bottom:130px; margin:0px auto;}
.homesection04 .container{background: url(assets/images/homesec02-bg.jpg) no-repeat top center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
  background-size: cover; padding-top:40px; padding-bottom:40px; border-radius:15px 15px 15px 40px;}
.homesection04-main-left .imagesec{ padding-left:30px; padding-top:10px;}
.homesection04-main-left .imagesec img{ border-radius:20px 20px 20px 45px; width:100%; box-shadow:2px 3px 15px #000;}

.homesection04-main-right .textsec{ padding-right:30px;}
.homesection04-main-right .textsec h2{ color:#FFF; font-size:42px; line-height:45px; font-weight:700; margin-bottom:15px; text-align:center;}

.faq-block{ border-bottom:1px solid #cfd8ee; padding:14px 0px;}

 .faq-block h3 {color: #FFF; font-size:22px; line-height:30px; font-weight:600!important; padding:4px 12px; margin-bottom:5px; }
 .faq-text{  padding-left:15px; padding-right:15px;  }
 .faq-text p{ padding:10px 0px; color:#fff; font-size:17px; line-height:23px; font-weight:normal; }


/*===========homesection04 end================*/

/*=============contactsec start=================*/
.homesection05{background: url(assets/images/contact-bg.jpg) no-repeat top center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;
  background-size: cover; padding-top:0px; padding-bottom:40px; }

.homesection05-left{ width:47%; float:left; height:auto; padding:85px 0px 0px 0px; margin:0px;}
.homesection05-right{ width:45%; float:right; height:auto; padding:0px; margin:0px;}

.homesection05-left .textsec h5{ margin-bottom:10px;}
.homesection05-left .textsec h2{ color:#183862; font-size:45px; line-height:48px; font-weight:700; margin-bottom:15px;}
.homesection05-left .textsec p{ color:#183862; font-size:19px; line-height:25px; font-weight:600; margin-bottom:36px;}

.contactinfosec01{ width:100%; height:auto; display:table; margin:0px auto 10px auto;}
.contactinfosec01-left{ width:50px; height:50px; float:left;  padding:10px 0px 0px 0px; margin:0px; background:#1c70e2; text-align:center; border-radius:50%;}

.contactinfosec01-right{ width:78%; float:left; height:auto; padding:0px; margin:0px 0px 0px 15px;}
.contactinfosec01-right p a{ color:#183862; font-size:19px; line-height:50px; font-weight:700;}
.contactinfosec01-right p{color:#183862; font-size:19px; line-height:50px; font-weight:700;}
.contactinfosec01-right p a:hover{ color:#1c70e2;}

.contactform01 h6{ color:#ffffff; font-size:16px; line-height:24px; font-weight:600; text-transform:uppercase; margin-bottom:4px;}
.contactform01 input[type="text"]{ background:none; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #FFF!important; width:100%; height:45px; padding:0px 15px; color:#FFF; font-size:16px; line-height:45px; font-weight:600; font-size:16px; line-height:45px; font-weight:500; margin-bottom:10px;}
.contactform01 input[type="email"]{ background:none; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #FFF!important; width:100%; height:45px; padding:0px 15px; color:#FFF; font-size:16px; line-height:45px; font-weight:600; font-size:16px; line-height:45px; font-weight:500; margin-bottom:10px;}
.contactform01 input[type="tel"]{ background:none; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #FFF!important; width:100%; height:45px; padding:0px 15px; color:#FFF; font-size:16px; line-height:45px; font-weight:600; font-size:16px; line-height:45px; font-weight:500; margin-bottom:10px;}
.contactform01 textarea{ background:none; border-top:none; border-left:none; border-right:none; border-bottom:2px solid #FFF!important; width:100%; height:90px; padding:15px; color:#FFF; font-size:16px; line-height:25px; font-weight:600; font-size:16px; line-height:45px; font-weight:500; margin-bottom:10px;}

.contactform01 input[type="submit"]{ background:#c65004!important; color:#FFF!important; font-size:20px; line-height:35px; font-weight:600; width:100%; display:block; text-align:center; border:none!important; padding:10px 0px!important; border-radius:15px;}
.contactform01{ margin-bottom:10px!important;}
.contactform01 p{ margin-bottom:0px;}


.contactformsec-main{ width:100%; background:#13449b; color:#FFF; padding:45px 45px 50px 45px; margin:-21px auto 0px auto; position:relative; border-radius:0px 0px 20px 20px;}
.contactformsec-main::after{ content:''; background: url(assets/images/contact-formpic.png) no-repeat 0 0; width:28px; height:21px; position:absolute; left:-28px; top:2px;}

/*=============contactsec start=================*/

/*===============innersection start===============*/
.inner-section{ width:100%; height:auto; padding-top:50px; padding-bottom:50px;}
.inner-section p{ color:#000; font-size:17px; line-height:25px; font-weight:400; margin-bottom:30px;}
/*===============innersection start===============*/


/*===============footer-section start==============*/
.footer-section{width:100%; background:#282830; color:#FFF; height:auto; padding-top:48px; padding-bottom:48px; margin:0px auto;}

.footer-section03-main-top{ width:100%; padding-bottom:20px; height:auto; display:table; margin:0px auto;}
.footer-section03-main-top01{ width:70%; float:left; height:auto;}
.footer-section03-main-top02{ width:30%; float:right; height:auto;}

.footer-section03-main-top01 h4{color:#ffffff; font-size:20px; line-height:25px; font-weight:600; text-transform:uppercase; margin-bottom:20px;}
.footer-section03-main-top01 p{ margin-bottom:6px; color:#a6a6a6; font-size:16px; line-height:24px; font-weight:500;}
.footer-section03-main-top01 p a{ color:#a6a6a6; font-size:16px; line-height:24px; font-weight:500;}
.footer-section03-main-top01 p a:hover{ color:#FFF;}

.footer-section03-main-top02 h4{color:#ffffff; font-size:20px; line-height:25px; font-weight:600; text-transform:uppercase; margin-bottom:20px;}
.footer-section03-main-top02 p a{ width:34px; height:34px; background:#8f8f91; color:#282830; font-size:18px; line-height:34px; display:inline-block; border-radius:50%; text-align:center; }
.footer-section03-main-top02 p a:hover{ background:#FFF;}

.footer-section03-main-bottom{ padding-top:20px; width:100%; border-top:2px solid #8d8d8e;}
.footer-section03-main-bottom p{ color:#7d7d7f; font-size:17px; line-height:24px; font-weight:400;}
.footer-section03-main-bottom p span{ color:#FFF; font-weight:600;}


.footer-nav{ width:100%; height:auto; padding:0px; margin:0px}
.footer-nav h3{ color:#ffffff; font-size:20px; line-height:25px; font-weight:600; text-transform:uppercase; margin-bottom:20px;}
.footer-nav ul{ list-style:none; padding:0px; margin:0px;}
.footer-nav ul li{ color:#a6a6a6; font-size:17px; line-height:24px; font-weight:400; margin:7px 0px; text-transform:capitalize;}
.footer-nav ul li a{ color:#a6a6a6; font-size:17px; line-height:24px; font-weight:400;}
.footer-nav ul li a:hover{ color:#FFF;}
/*===============footer-section end==============*/