/* Commen css */
*
{
    padding: 0px;
    margin: 0px;
}
   
@font-face
{
    font-family:FjallaOne-Regular;
    src:url(../fonts/FjallaOne-Regular.ttf);
}

@font-face
{
    font-family:OpenSans-Regular;
src:url(../fonts/OpenSans-Regular.ttf);
    
}
h1,h2,h3,h4,h5,h6
{
    font-family:FjallaOne-Regular; 
  padding: 0px;
  margin: 0px;
}

body,p
{
    font-family:OpenSans-Regular;
    margin: 0;
    padding: 0;
}
a
{
     text-decoration: none;
    color:#a9aaab;
}
p
{
    color: #777777;
    font-size: 15px;
}
img
{
    max-width:100%;
    height:auto;
}

/* commen css */

.top-header-div, .services-div
{
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.top-header-div
{
  -webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: sticky;
top: 0;
background-color: #fff !important;
z-index: 1030;
padding-top: 10px;
padding-bottom: 10px;
}
.shrink.top-header-div {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 1s ease-in-out;
  padding-top:7px !important;
  padding-bottom:7px !important;
}
.top-header-div img 
{
  transition: all 1s ease-in-out;
}
.shrink .logo 
{
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 1s ease-in-out;
  width:40%;
}
.top-checktrade
{
	width:85%;
	transition: all 1s ease-in-out;
	
}
.shrink .top-checktrade
{
	width:80%;
}
.main-header
{
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: sticky;
  top: 0;
  background-color: #fff !important;
  z-index: 1030;
}
.logo
{
  width:50%;
  transition: all 0.4s;
  cursor: pointer;
	transform: rotate(45deg);
}
.logo:hover
{
transform: rotate(135deg);
}
.top-phone
{
  width: 100%;
  margin: 0 auto;
  height: auto;
  padding:25px 0px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 1s ease-in-out;
}
.shrink .top-phone
{
  padding:20px 0px;
}
.top-phone span
{
  font-weight:bold;
  font-size:22px;
  color: #666;
  letter-spacing: 1px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 1s ease-in-out;
}
.shrink .top-phone span
{
  font-size:18px;
}
.top-phone p a
{
  color: #000!important;
  font-size:25px;
  transition: all 0.4s;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 1s ease-in-out;
}
.shrink .top-phone p a
{
   font-size:20px;
}
.top-phone p a:hover
{
  text-decoration:none!important;
  color:#ff0000!important;
}
.top-phone a i
{
  font-size:30px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 1s ease-in-out;
}
.navigation-bar
{
  background-color: #285380;
}
.navbar .nav-item.active 
{
  color: #fff !important;
  transition: all 0.4s;
  border-bottom: 2px solid #fff;
}
.nav-item
{
  border-bottom: 2px solid transparent;
}
.nav-item:hover
{
  border-bottom: 2px solid #fff;
}
.navbar-light .navbar-nav .nav-link
{
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 18px;
  margin-left: 5px;
  margin-right: 5px;
  transition: all 0.4s;
  font-weight: bold!important;
}
.navbar-light .navbar-nav .nav-link:hover
{
  color: #fff!important;
}
.dropdown-menu
{
  background-color: #285380!important;
  border-radius: 0px!important;
  border:none!important;
  
}
.dropdown-item
{
  color: #fff!important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  border-bottom: 2px solid transparent;
  transition: all 0.4s;
}
.dropdown-item:hover
{
  background-color: transparent!important;
  color: #fff!important;
  border-bottom: 2px solid #fff;
}
.banner-header p 
{
  font-size: 60px;
  text-transform: uppercase;
  color: #fff;
  line-height:70px;
  font-weight: bold;
}
.header-text 
{
  color: #fff !important;
  text-transform: capitalize!important;
  line-height:30px!important;
  font-weight:normal!important;
  letter-spacing: 2px!important;
  font-size:18px!important;
}
.carousel-caption 
{
  bottom:170px !important;
}

.top-about
{
  width: 100%;
  height: auto;
  margin: 0 auto;
  background-color: #f0f0f0;
}
.top-about h1
{
  letter-spacing: 1px;
  font-size:80px;
  text-transform: capitalize;
}
.top-about span
{
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size:25px;
}
.top-about p
{
  letter-spacing: 1px;
  font-size:16px;
  line-height: 30px;
}
.services-div h2
{
  letter-spacing: 1px;
  font-size:40px;
  text-transform: capitalize;
}
.chose-div h2
{
  color: #fff !important;
  font-size: 40px;
}
.services-div h3
{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 20px;
}
.ser-no
{
  font-size: 30px;
  font-weight: bold;
}
.chose-div
{
  background-image: url(../images/rutland-tiling-van.jpg);
  margin: 0 auto;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.chose-div p
{
  color: #fff;
  font-size:20px;
  line-height: 30px;
  letter-spacing: 1px;
}
.trust-box p
{
  color:#858383;
  font-size:18px !important;
  text-transform: capitalize;letter-spacing: 2px;
}
.trust-box
{
  width: 100%;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
  font-weight:bold;
  border-left: 5px solid #ff0000;
}
.review-section{
 /* background: #dedede; */
}
.review-section h2 a
{
  color:#000 !important;
  text-transform: capitalize;
  letter-spacing: 1px;
  font-size: 40px;
  transition: all 0.4s;
}
.review-section h2 a:hover
{
  text-decoration: none !important;
}
.review-section i
{
  font-size:60px;
  color: #cfcfcf;
}
.review-section strong,.review-section p
{
  letter-spacing: 1px;
}
.review-1
{
  width: 100%;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0px 5px 8px #cfcfcf;
  border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
  border-bottom:5px solid #285380;
}
.checkatrade-div
{
  width: 100%;
  height: auto;
  margin: 0 auto;
  background-color: #f0f0f0;
}
.checkatrade-div p
{
  font-size:35px;
  letter-spacing: 1px;
  color: #000;
  font-family: FjallaOne-Regular !important;
  text-transform: capitalize;
}

.cnt-btn
{
  background-color: #ff0000;
  color: #fff;
  font-size:20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid #ff0000;
  transition: all 0.4s;
}
.cnt-btn:hover
{
  color: #fff!important;
}

.checkatrade-div img
{
  box-shadow: 0px 5px 8px #cfcfcf;
}
.main-footer-div
{
  width: 100%;
  height: auto;
  margin: 0 auto;
  background-color: #212121;
}
.main-footer-div span
{
  letter-spacing: 1px;
  color: #fff;
  font-size: 20px;
}
.footer-heading
{
  color:#b5b3b3!important;
  font-size: 16px!important;
}
.main-footer-div p a, .main-footer-div p
{
  color: #777777;!important;
  letter-spacing: 1px;
}
.main-footer-div p a
{
  color:#777777;!important;
  text-decoration: none!important;
  transition: all 0.4s;
}
.main-footer-div p a:hover
{
  color: #ff0000;
}
.main-footer-div p a i
{
  font-size:30px;
}
.main-footer-div ul li
{
  color:#777777;!important; 
  letter-spacing: 1px;
  list-style-type: none;
  font-size: 15px;
  line-height: 30px;
}
.bottom-line
{
  background-color: #7d7d7d;
}
.about-text-1 h1
{
  letter-spacing: 1px;
font-size: 40px;
text-transform: capitalize;
}
.about-text-1 p
{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
}
.about-text-1 img
{
  box-shadow: 0px 5px 5px #cfcfcf;
border-radius: 10px;
border: 5px solid #0000ff;
}

.input-box {
  background-color: #ededed !important;
  border: none;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom:2px solid #ababab;
  border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
  border-top-left-radius:0px;
  border-top-right-radius: 0px;
}
.submit-btn {
  background-color: #ff0000;
  display: block;
  border: 1px solid #ff0000;;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all 0.4s;
}
.submit-btn:hover
{
  color: #fff;
}
.l-icon
{
  font-size: 50px;
}
.cnt-info i
{
  color: #0000ff;
}
.cnt-info span
{
 
  letter-spacing: 1px;
  color: #000;
  text-transform: uppercase;
}
.cnt-info p a
{
  transition: all 0.4s;
}
.cnt-info p a:hover
{
  text-decoration: none!important;
  color:#ff0000;!important; 
}

.newsoutline 
{
  width: 100%;
height: auto;
margin: 0 auto;
background-color: #fff;
box-shadow: 0px 5px 8px #cfcfcf;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom: 5px solid #285380;
}
.newsdesc 
{
  padding: 20px;
  border: 1px solid #d8d8d8;
}
.newsoutline .news-heading
{
font-size:25px;
font-weight: 500;
}
.newsoutline .news-heading a
{
  color: #000!important;
  text-transform: capitalize;
  letter-spacing: 
}
.newsdesc  p 
{
  font-size: 15px;
  letter-spacing: 1px;
}

.newsdesc a
{
  color: #0000ff;
  text-decoration: none;
  margin-top: 10px;
  letter-spacing: 1px;
}

.more-btn {
  background-color: #ff0000;
  color: #fff !important;
  font-size:15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 1px solid #ff0000;
  transition: all 0.4s;
  width: 50%;
  margin: 0 auto;
}
.details-div img
{
  box-shadow: 0px 5px 8px #cfcfcf;
  border: 5px solid #c4c4c4;
}
.details-div h1
{
  font-size:35px;
  line-height:50px;
}
.details-div p
{
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 1px;
}
.privacy-div p
{
  font-size: 30px;
  color: #000;
}
.relaible-box
{
  width:100%;
  height: auto;
  background-color: #f5f5f5;
  border-bottom:5px solid #ababab;
  border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
}
.relaible-box h3
{
  font-size:18px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #000!important;
}
.about-trust-box
{
  display: block;
  margin:0px 20px;
  letter-spacing: 1px;
line-height: 30px;
  color: #777777;
  font-size:16px;
}
.test-quote
{
  font-size:35px;
  color: #0000ff;
}
.rut-cnt
{
  font-size: 18px!important;
  line-height:35px!important;
}
.company-about-subtext p
{
  font-size:18px !important;
  letter-spacing: 1px;
  line-height: 35px;
}
.home-tiling
{
  width: 100%;
height: auto;
margin: 0 auto;
background-color: #fff;
}
.home-tiling h2 a
{
  color: #000 !important;
text-transform: capitalize;
letter-spacing: 1px;
font-size: 40px;
transition: all 0.4s;
}
.home-tiling h2 a:hover 
{
  text-decoration: none !important;
}
.home-tiling p
{
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 30px;
}
.home-tiling span
{
  font-size:20px;
  text-transform: uppercase;
  font-weight:bold;
  font-family: FjallaOne-Regular!important;
  letter-spacing: 2px;
  color: #333;
  display: block;
}
.con-rut
{
  display:block;
  text-align:center;
}
.service-btn
{
  display:block;
  text-align:center;
}
.relaible-box-1
{
  width: 100%;
height: auto;
background-color: #f5f5f5;;
border-bottom: 5px solid #ababab;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.relaible-box-1 span
{
  text-align: center;
  display: block;
  font-size:25px;
}
.relaible-box-1 p
{
  font-size:17px !important;
  font-weight:normal;
  text-transform: up;
  line-height: 28px!important;
  
}
.main-footer-div li a
{
  transition: all 0.4s;
}
.main-footer-div li a:hover 
{
  text-decoration: none;
  color: #ff0000;
}
.rut-cnt-1
{
  color: #000;
  font-size: 25px!important;
  line-height: 40px!important;
}
.tiling-content i
{
  font-size: 10px;
}
.tiling-content 
{
  font-size:16px!important;
  text-transform: uppercase;
  font-weight: bold;
}
.tiling-bottom-cnt
{
  font-size: 18px !important;
letter-spacing: 1px;
line-height:35px !important;
}
.bath-text
{
  line-height:60px!important;
}
.company-head h2
{
  font-size: 25px!important;
}
.company-head p
{
  font-size: 18px !important;
letter-spacing: 1px!important;
line-height: 35px !important;
}
.tiled-text
{
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #0000ff;
}
.customer-name
{
	color: #000;
}
.customer-head
{
	font-size:30px; !important;
}

.highslide-container{ z-index:1050 !important;}
.watermark {
	position: absolute;
	bottom: 5px;
	left: 50%;
	opacity: 0.3;
	z-index: 99;
	color: lightgreen;
	user-select: none;
	transform: translate(-50%,-50%);
	top: 36%;
	font-size: 100px;
}