@charset "utf-8";

 a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
body {
font-family: "Open Sans", Calibri, Arial, sans-serif;
font-size: 14px;
background-color: #f4f4f6;
color: #424242;
line-height: 25px
}
.clear {
clear: both
}
.aligncenter {
margin: 0 auto 15px
}
.alignleft {
float: left;
margin: 0 15px 15px 0
}
.alignright {
float: right;
margin: 0 0 15px 15px
}
.alignnone {
float: none
}
img {
max-width: 100%
}
h1 {
font-size: 25px;
color: #6c6f74
}
h2 {
font-size: 24px;
color: #6c6f74
}
.widget-title {
font-size: 24px;
color: #6c6f74;
margin: 10px 0;
}
h3 {
font-size: 18px;
color: #6c6f74
}
h4 {
font-size: 16px;
font-weight: 700
}
h1,
h2,
h3,
h4 {
margin: 1em 0;
font-family: Ubuntu, Helvetica, Arial, sans-serif
}
a {
color: #E59C2C;
text-decoration: none
}
a:hover {
color: #8FBF4D;
text-decoration: underline
}
h2.title {
margin-bottom: 10px
}
input,
textarea:focus {
outline: 0
}
::-webkit-input-placeholder {
color: #6C6F74
}
:-moz-placeholder {
color: #6C6F74
}
::-moz-placeholder {
color: #6C6F74
}
:-ms-input-placeholder {
color: #6C6F74
}
strong {
font-weight: 700
}
em {
font-style: italic
}
#header-top {
background-color: #8FBF4D;
padding: 2px 0
}
#logo {
float: left;
margin: 10px 40px 0 0
}
#menu-bg {
background-color: #fff
}
#menu {
max-width: 966px;
margin: 0 auto
}
#menu-wrapper {
overflow: hidden;
margin-top: 0;
margin-bottom: 0
}
#nav-primary {
background-color: #fff;
margin: 0;
padding: 0
}
#nav-primary a {
display: inline-block;
padding: 18px 17px;
float: left;
box-shadow: inset 0 0 0 0 #e7eedc;
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
transition: all ease .8s
}
#nav-primary li:hover a {
box-shadow: inset 0 310px 0 0 #e7eedc;
color: #333;
text-decoration: none
}
#nav-primary li.current-menu-item a {
color: #fff;
text-decoration: none;
background-color: #8FBF4D
}
#nav-primary li.current-menu-item a:hover {
color: #333;
text-decoration: none
}
#right-menu {
background-color: #E59C2C;
margin-bottom: 10px
}
#right-menu a {
text-decoration: none;
font-size: 28px;
font-family: Ubuntu, Helvetica, Arial, sans-serif;
color: #fff;
padding: 14px 0;
margin: 0 auto;
text-align: center;
display: block;
text-shadow: 3px 1px 1px rgba(109, 97, 83, 1)
}
#right-menu-mob {
display: none;
background-color: #E59C2C;
margin-bottom: 10px
}
#right-menu-mob a {
text-decoration: none;
color: #fff;
font-family: Ubuntu, Helvetica, Arial, sans-serif;
padding: 10px 0;
font-size: 24px;
margin: 0 auto;
text-align: center;
display: block
}
#slider-bg {
border-top: 2px solid #d3d3d8;
border-bottom: 2px solid #d3d3d8;
background-color: #dedee4
}
#slider {
max-width: 966px;
margin: 0 auto
}
#slider-content {
margin-bottom: 0
}
#menu-services-menu li {
background-color: #fff;
margin-bottom: 4px;
border-left: 4px solid #8FBF4D;
box-shadow: inset 0 0 0 0 #e7eedc;
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
transition: all ease .8s
}
#menu-services-menu li a {
display: block;
color: #333;
font-size: 16px;
padding: 12px 17px
}
#menu-services-menu a:hover {
text-decoration: none
}
#menu-services-menu li:hover {
color: #d68e1f;
box-shadow: 310px 0 0 0 #e7eedc inset
}
#menu-services-menu li.current-menu-item a {
color: #2B5216
}
.banner-mob {
display: none
}
.banner-mob ul li.first-in-line,
.banner-mob ul li.three-in-line,
.banner-mob ul li.two-in-line {
width: 100%;
background-color: #f4f4f6;
margin-bottom: 5px;
padding: 6px 0
}
.banner-mob .first-in-line img,
.banner-mob .three-in-line img,
.banner-mob .two-in-line img {
display: none
}
.banner-mob .banner_description {
margin: 0 auto;
display: block;
padding: 0 2%;
text-align: center
}
.banner-mob .first-in-line .banner_description a,
.banner-mob .three-in-line .banner_description a,
.banner-mob .two-in-line .banner_description a {
margin-top: 5px;
padding: 1% 2%
}
.banner-mob .first-in-line .banner_description span,
.banner-mob .three-in-line .banner_description span,
.banner-mob .two-in-line .banner_description span {
margin-top: .5em
}
.banner-mob .three-in-line .banner_description span {
margin-bottom: .5em
}
.banner-mob ul li.first-in-line {
border-bottom: 3px solid #E59C2C
}
.banner-mob ul li.two-in-line {
border-bottom: 3px solid #8FBF4D
}
.banner-mob ul li.three-in-line {
border-bottom: 3px solid #877B6D
}
.banner ul li {
position: relative;
display: inline-block;
width: 32.333%
}
.banner ul li.two-in-line {
margin: 0 1%
}
.first-in-line .banner_description span {
color: #E59C2C!important;
margin-bottom: .5em;
font-size: 24px;
display: block;
margin-top: 1em;
font-family: Ubuntu, Helvetica, Arial, sans-serif;
margin-right: 10px;
}
.first-in-line .banner_description p {
font-weight: 700;
font-size: 28px
}
.banner ul li .banner_description {
position: absolute;
left: 0;
padding: 0 50% 0 4%;
top: 1px
}
.first-in-line .banner_description a {
color: #fff;
display: inline-block;
font-weight: 700;
padding: 10%;
background-color: #E59C2C;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
margin-top: 7%
}
.first-in-line img {
padding-bottom: 1px;
border-bottom: 3px solid #E59C2C;
margin-bottom: 0!important;
max-width: 100%
}
.two-in-line .banner_description span {
color: #8FBF4D!important;
margin-bottom: .5em;
font-size: 24px;
display: block;
margin-top: 1em;
font-family: Ubuntu, Helvetica, Arial, sans-serif;
margin-right: 10px;
}
.two-in-line .banner_description p {
font-weight: 700;
font-size: 28px
}
.two-in-line .banner_description a {
color: #fff;
display: inline-block;
font-weight: 700;
padding: 10%;
background-color: #8FBF4D;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
margin-top: 7%
}
.two-in-line img {
padding-bottom: 1px;
border-bottom: 3px solid #8FBF4D;
margin-bottom: 0!important;
max-width: 100%
}
.three-in-line .banner_description span {
color: #877B6D!important;
margin-bottom: .5em;
font-size: 24px;
display: block;
margin-top: 1em;
font-family: Ubuntu, Helvetica, Arial, sans-serif;
margin-right: 10px;
}
.three-in-line .banner_description p {
font-weight: 700;
font-size: 28px
}
.three-in-line .banner_description a {
color: #fff;
display: inline-block;
font-weight: 700;
padding: 10%;
background-color: #877B6D;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
margin-top: 6%
}
.three-in-line img {
padding-bottom: 1px;
border-bottom: 3px solid #877B6D;
margin-bottom: 0!important;
max-width: 100%
}
#content caption {
font-size: 18px;
font-weight: 700;
text-align: left;
border-bottom: 1px solid #f0dbbc
}
#content td {
font-size: 16px;
padding: 4px 0
}
#content span {
color: #CE4324;
font-size: 22px;
font-weight: 700
}
table tr:nth-child(2n+1) {
border-bottom: 1px solid #f0dbbc;
border-top: 1px solid #f0dbbc
}
.content-price {
overflow: hidden
}
.content-price table {
width: 75%
}
.content-price img,
.content-price table {
float: left
}
.content-price img {
margin: 24px 0 0 32px;
border-top: 1px solid #DEDEE4
}
#content-wrapper {
max-width: 966px;
margin: 0 auto
}
#content {
text-align: justify;
background-color: #fff
}
#content article {
padding: 0 10px
}
#content img {
padding-bottom: 1px;
border-bottom: 3px solid #8FBF4D
}
#content p,
#content table,
#content ul {
margin-bottom: 1em
}
#content li:before {
content: "\➡ ";
font-family: FontAwesome;
font-size: 20px;
color: #E59C2C
}
input {
height: 28px
}
textarea {
height: 105px
}
#content input[type=text],
#content input[type=tel],
#content input[type=email],
#content input[type=password],
textarea {
width: 98%;
margin-bottom: 8px;
padding: 2px 0 0 6px;
font-family: Arial;
border: 1px solid #E59C2C
}
#content input[type=submit] {
background-color: #E59C2C!important;
color: #fff;
font-style: normal;
font-size: 18px;
width: 40%!important;
min-width: 100px;
border: none;
display: block;
margin: 0 auto;
padding: 4px 0;
cursor: pointer
}
#right-sidebar input[type=text],
#right-sidebar input[type=tel],
#right-sidebar input[type=email],
#right-sidebar input[type=password],
textarea {
width: 98%;
margin-bottom: 8px;
padding: 2px 0 0 6px;
font-family: Arial;
border: 1px solid #E59C2C
}
#right-sidebar input[type=submit] {
background: #E59C2C;
color: #fff;
font-style: normal;
font-size: 20px;
width: 100%;
border: none;
margin: 0 auto;
cursor: pointer
}
.ajax-loader {
display: none
}
#text-9 .textwidget {
background: #fff!important;
border: 1px solid #DEDEE4
}
#text-9 {
border-bottom: 3px solid #8FBF4D;
padding-bottom: 1px
}
#text-8 .textwidget {
background-color: #8FBF4D;
border-bottom: 3px solid #fff;
padding-bottom: 4px
}
#text-8 p {
color: #fff;
font-family: Ubuntu, Helvetica, Arial, sans-serif;
font-size: 18px;
text-align: center;
line-height: 36px
}
#text-8 p:last-child {
font-size: 44px
}
#footer-bg {
background-color: #DEDEE4;
border-top: 2px solid #d3d3d8
}
#footer {
max-width: 966px;
margin: 0 auto
}
#menu-footer-menu li {
display: inline-block;
padding: 0 10px
}
#menu-footer-menu li:first-child {
padding-left: 0
}
#menu-footer-menu a:hover,
#menu-footer-menu li.current-menu-item a {
color: #E59C2C
}
#menu-footer-menu a {
color: #363636
}
#footer-content p {
color: #363636;
font-size: 14px;
margin-left: 0
}
#footer-picture img {
float: right
}
#mobile-menu {
display: none
}
.slicknav_menu {
background: #F4F4F6!important
}
.slicknav_btn {
background: #E59C2C!important;
max-width: 150px!important
}
.slicknav_nav a {
text-align: left!important;
padding: 12px 17px
}
.slicknav_nav li:hover {
box-shadow: 310px 0 0 0 #e7eedc inset;
color: #333!important
}
.slicknav_nav li {
background: #fff;
border-left: 4px solid #8FBF4D;
box-shadow: inset 0 0 0 0 #e7eedc;
-webkit-transition: all ease .8s;
-moz-transition: all ease .8s;
transition: all ease .8s
} .price-contact-tabs h3 {
margin: 10px 0;
}
#content .price-contact-tabs p {
margin-bottom: 0;
}
#content ul.tab {
margin-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
}
ul.tab {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
border-bottom: 3px solid #8FBF4D;
}
ul.tab li {float: left;}
ul.tab li a {
display: inline-block;
color: #526d2e;
text-align: center;
padding: 14px 16px;
margin-right: 6px;
text-decoration: none;
transition: 0.3s;
border: 2px solid #8FBF4D;
border-bottom: none;
font-size: 17px;
}
ul.tab li a:hover {
background-color: #e7eedc;
}
ul.tab li a:focus, ul.tab li a.active {
background-color: #e7eedc;
-webkit-box-shadow: 2px -1px 5px 0px rgb(173, 173, 173);
-moz-box-shadow: 2px -1px 5px 0px rgb(173, 173, 173);
box-shadow: 2px -1px 5px 0px rgb(173, 173, 173);
}
.tabcontent {
display: none;
padding: 6px 0px;
}
#content ul.tab li:before {
content: none;
} .btn-contact a {
background: url(//www.topcarpetcleaning.co.uk/wp-content/uploads/2017/02/mail.png) no-repeat 10px center / 60px, #CE4324;
color: #fff;
display: block;
text-align: center;
font-size: 22px;
font-weight: 700;
max-width: 270px;
padding: 8px;
padding-left: 80px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 auto 15px auto;
border-bottom: 4px solid #e59c2c;
}
.btn-contact a:hover {
text-decoration: none;
background: url(//www.topcarpetcleaning.co.uk/wp-content/uploads/2017/02/mail.png) no-repeat 10px center / 60px, #e59c2c;
}
.before {
float: left;
width: 49%;
position: relative;
margin-top: 10px;
}
.after {
float: right;
width: 49%;
position: relative;
margin-top: 10px;
}
.before img, .after img{
height: auto;
}
#content .before span.title, #content .after span.title {
position: absolute;
top: -12px;
left: 0;
right: 0;
width: 90px;
margin: 0 auto;
text-align: center;
font-size: 26px;
color: #526d2e;
background: #e7eedc;
}
.section {
clear: both;
padding: 0;
margin: 0
}
.col {
display: block;
float: left;
margin: 1% 0 1% 1.6%
}
.col:first-child {
margin-left: 0
}
.group:after,
.group:before {
content: "";
display: table
}
.group:after {
clear: both
}
.group {
zoom: 1
}
.span_3_of_3 {
width: 100%
}
.span_2_of_3 {
width: 66.13%
}
.span_1_of_3 {
width: 32.26%
}
@media only screen and (max-width:1024px) {
#content-wrapper,
#footer,
#header-top,
#menu,
#slider {
padding: 0 1%
}
.first-in-line .banner_description span,
.three-in-line .banner_description span,
.two-in-line .banner_description span {
font-size: 22px
}
.first-in-line .banner_description p,
.three-in-line .banner_description p,
.two-in-line .banner_description p {
font-size: 24px
}
.first-in-line .banner_description a,
.three-in-line .banner_description a,
.two-in-line .banner_description a {
font-size: 12px;
padding: 0 5%
}
.first-in-line .banner_description span,
.three-in-line .banner_description span,
.two-in-line .banner_description span {
margin-bottom: .2em
}
}
@media only screen and (max-width:860px) {
.first-in-line .banner_description span,
.three-in-line .banner_description span,
.two-in-line .banner_description span {
font-size: 16px;
margin-top: .2em
}
.first-in-line .banner_description p,
.three-in-line .banner_description p,
.two-in-line .banner_description p {
font-size: 18px
}
.first-in-line .banner_description a,
.three-in-line .banner_description a,
.two-in-line .banner_description a {
font-size: 10px;
padding: 0 5%
}
#right-menu-mob {
display: block;
position: fixed;
z-index: 1;
right: 5px
}
#right-menu-mob a {
text-shadow: 3px 1px 1px rgba(109, 97, 83, 1)
}
#right-menu {
display: none
}
#logo,
#menu-wrapper {
width: 100%
}
.banner ul li.two-in-line {
margin: 0 .8%
}
}
@media only screen and (max-width:768px) {
#right-menu-mob {
width: 50%
}
}
@media only screen and (max-width:640px) {
#content,
#footer-menu,
#footer-picture,
#logo,
#right-sidebar {
width: 100%
}
#footer-picture,
#right-sidebar {
margin-left: 0
}
#text-6 img,
#text-9 img {
display: block;
margin: 0 auto
}
#slider,
.banner {
display: none
}
#mobile-menu,
.banner-mob {
display: block
}
.first-in-line .banner_description h2,
.three-in-line .banner_description h2,
.two-in-line .banner_description h2 {
font-size: 20px;
margin-top: .2em
}
.first-in-line .banner_description p,
.three-in-line .banner_description p,
.two-in-line .banner_description p {
font-size: 20px
}
.first-in-line .banner_description a,
.three-in-line .banner_description a,
.two-in-line .banner_description a {
font-size: 12px;
padding: 0 5%
}
#menu-mobile {
display: block
}
#nav_menu-2 {
display: none
}
#footer-content p {
text-align: center
}
#footer-picture img {
margin: 0 auto;
display: block;
float: none
}
.menu-footer-menu-container {
margin: 0 auto;
display: block;
max-width: 255px
}
}
@media only screen and (max-width:480px) {
#nav-primary a {
padding: 18px 10px
}
#logo {
margin-top: 60px
}
#logo img {
margin: 0 auto;
display: block
}
#right-menu-mob {
width: 100%;
padding-left: 2%
}
#contact-mob a span {
display: none
}
.col {
margin: 1% 0
}
}
@media only screen and (max-width:480px) {
.span_1_of_3,
.span_2_of_3,
.span_3_of_3 {
width: 100%
}
}
.vcard img {display: block;
} .g-schema {
text-align:  center;
}
.g-schema ul {
text-align:  left;
list-style: none;
padding: 0;
}
.g-schema ul li {
list-style: none;
margin-bottom: 5px;
}
.g-schema ul li:before {
content: none;
}
.g-schema ul li span {
margin-bottom: 5px;
display: inline-block;
font-size: 18px;
font-weight: bold;
}
.g-schema p {
text-align:  center;
}
.g-schema ul ul {
list-style: disc;
line-height: 1.3;
}
.g-schema ul ul li { }
.g-schema ul ul li:before {
content: '';
}
.g-schema ul ul li div {
display: inline-block;
}
.g-schema ul ul li span {
font-weight: normal;
font-size: inherit;
}
.schema-review {display: none;
}
blockquote {
max-width: 100%;
margin: 20px;
padding: 20px;
text-align: center;
font-family: sans-serif;
font-size: 16px;
color: #7f7f7f;
border-top: 2px solid #38b6cd;
border-bottom: 2px solid #38b6cd;
}
.parag {display: block;
}.slicknav_btn { max-width:140px;position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; text-shadow: 0 1px 1px #fff;}
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both } .slicknav_menu { *zoom: 1 } .slicknav_menu {
font-size:18px;
} .slicknav_btn {
text-decoration:none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #DFCDB2;
margin:0 auto;
display: block;
float:none;
overflow: hidden;
} .slicknav_menu  .slicknav_menutxt {
color: #000;
font-weight: bold;
text-shadow: 0 1px 1px #fff;
} .slicknav_menu .slicknav_icon-bar {
background-color: #000;
text-shadow: 0 2px 1px #fff;
}
.slicknav_menu {
padding:5px;
background-color: #F3EDDD;
}
.slicknav_nav {
color:#fff;
margin:0;
padding:0;
font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
list-style: none;
overflow:hidden;
}
.slicknav_nav ul {
padding:0;
margin:0 0 0 20px;
}
.slicknav_nav .slicknav_row {
padding:5px 10px;
margin:2px 5px;
}
.slicknav_nav li{
margin:4px 0;    
}
.slicknav_nav li:hover a{
color:#f2783c;
}
.slicknav_nav a{
margin:2px 5px;
text-decoration:none;
display:block;
color:#1e0e0e;
text-align: center;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
padding:0;
margin:0;
}
.slicknav_nav .slicknav_row:hover {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background:#95D4E8;
color:#fff;
}
.slicknav_nav a:hover{
color:#000;
}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;   
}