@charset utf-8;
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}.panel-grid.panel-has-style>.panel-row-style,.panel-grid.panel-no-style{display:flex;-ms-flex-wrap:wrap;flex-wrap:nowrap;-ms-justify-content:space-between;justify-content:space-between}.panel-grid .so-parallax{position:relative}.panel-grid .so-parallax>:not(.simpleParallax){position:relative;z-index:1}.panel-grid .so-parallax .simpleParallax{overflow:hidden}.panel-grid .so-parallax .simpleParallax,.panel-grid .so-parallax img[data-siteorigin-parallax]{bottom:0;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.panel-layout.panel-is-rtl .panel-grid.panel-has-style>.panel-row-style,.panel-layout.panel-is-rtl .panel-grid.panel-no-style{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.panel-grid-cell{-ms-box-sizing:border-box;box-sizing:border-box}.panel-grid-cell .panel-cell-style{height:100%}.panel-grid-cell .so-panel{zoom:1}.panel-grid-cell .so-panel:before{content:"";display:block}.panel-grid-cell .so-panel:after{content:"";display:table;clear:both}.panel-grid-cell .panel-last-child{margin-bottom:0}.panel-grid-cell .widget-title{margin-top:0}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container){overflow-x:hidden}body.siteorigin-panels-before-js:not(.siteorigin-panels-css-container) .siteorigin-panels-stretch{margin-right:-1000px!important;margin-left:-1000px!important;padding-right:1000px!important;padding-left:1000px!important}
   html,
body {
min-width:320px;
}
body{
background-image:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/bg-body.gif);
background-position:center top;
background-repeat:repeat-x;
background-color: #fff;
color: #6d6d6d;
font: 12px/18px Arial, Helvetica, sans-serif;
position:relative;
}
#main {
width: 100%;
max-width: 1160px;
padding:0;
margin: 0px auto;
background:none;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
img {
max-width: 100%;
height: auto;
}
.ie8 img {max-width: none !important;} dl dt {
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/list-arrow.gif) no-repeat 0 3px;
padding:0 0 3px 32px;
margin-bottom:.2em;
font-size:18px;
line-height:1.2em;
color:#191919;
}
dl dd {
padding:0 0 0 32px;
margin:0 0 1.5em 0;
}
ul {
list-style-type:none;
padding:0;
margin:0 0 26px 0;
}
ul li {
vertical-align:top;
list-style-type:none; 
color: #6d6d6d;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/list-marker.png) 0px 5px no-repeat;
padding:0px 0 0px 20px;
margin:0 0 6px 0;
}
ul li a {
color:#6d6d6d;
text-decoration:none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
ul li a:hover {color: #d3280b;}
#wpadminbar li a {
-webkit-transition:none;
-moz-transition: none;
-o-transition: none;
transition: none;
background:none;
padding:0;
}
ul ul {
margin:0;
padding:10px 0 0 0;
} #header {
min-height:221px;
position:relative;
z-index:99;
background:none;
margin:0px;
padding:0;
}
.row-top {
position:relative;
min-height:40px;
background:none;
padding:13px 0 0 0;
}
.row-address {
position:relative;
min-height:46px;
background:#2f2f2f;
border-radius:4px 4px 0 0;
}
.row-logo {
position:relative;
min-height:117px;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/bg-row-logo.gif) 0 0 repeat-x #ededed;
box-shadow: 0px 5px 0px 0px #d4d4d4, 0px 6px 0px 0 #bebebe, 0 8px 16px rgba(0,0,0, .09);
border-radius:0 0 4px 4px;
} .logo {
margin:0;
padding:27px 0 0 24px;
position:relative;
z-index:100;
display:inline-block;
}
.logo img {margin-bottom:10px;}
.logo h1,
.logo h2 {
font-size:39px;
line-height:45px;
color:#2f2f2f;
font-family: 'Anton', sans-serif;
font-weight:400;
margin-bottom:4px;
padding:7px 0 0 7px;
text-transform:uppercase;
}
.logo h1 a,
.logo h2 a {
color:#2f2f2f;
text-decoration:none;
}
.logo .tagline {
font-size:11px;
line-height:14px;
text-transform:uppercase;
color:#909090;
margin:-5px 0 0px 7px;
} #widget-top-header {float:left;}
#widget-top-header h3 {display:none;}
ul.meta, .widget-top-header ul {
float:left; 
overflow:hidden;
margin:0px;
padding:5px 0 0 0;
}
ul.meta li, .widget-top-header ul li {
vertical-align:top;
float:left;
list-style-type:none; 
color: #2f2f2f;
border:none;
background:none;
margin:0 0px 0 23px;
padding:0;
font-size:12px;
line-height:17px;
}
ul.meta a, .widget-top-header ul li a  {
font-size:12px;
line-height:17px;
color:#2f2f2f;
display:inline-block;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/top-menu-marker.png) 0 6px no-repeat;
padding:0 0 0 12px;
text-decoration:none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
ul.meta a:hover, .widget-top-header ul li a:hover {color: #e50f0f; background-position:0 -16px;} #widget-header {
position:relative;
padding:14px 18px 14px 19px;
font-size:12px;
line-height:17px;
color:#a4a3a3;
}
.widget-header {} .vcard {overflow:hidden; width:100%;}
.adr {float:left;}
.site-link {margin-right:3px;}
.site-link a{
color:#a4a3a3; 
text-decoration:none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.site-link a:hover {color:#fff;}
.tel, .fax {color:#a4a3a3; margin-right:15px;}
.tel .value, .fax .value{color:#fff;}
.mail, .mail a {color:#e50f0f;}
.mail a {
text-decoration:none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.mail a:hover {color:#fff;} .tooltip {
background: none repeat scroll 0 0 #FF0000;
border: 1px solid #fff;
color: #fff;
display: none;
font-size: 11px;
line-height:1.2em;
margin: 25px 0 0;
padding: 5px;
z-index:99;
} #top-search {
float:left;
z-index:2;
padding:0px 0 0 0;
}
.bg-form {
overflow:hidden;
position:relative;
}
#top-search .input-search {
width:172px;
margin-right:7px;
height:31px;
line-height:15px;
position:relative;
float:left;
color:#6d6d6d;
}
#top-search #submit {
width:26px;
height:31px;
background:none;
border:none;
cursor:pointer;
padding:0;
margin:0;
text-indent:-5000px;
text-decoration:none;
z-index:3;
display:block;
float:left;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/bg-submit.png) 0 50% no-repeat;
} #widget_my_requestquotewidget {}
.top-box {
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/bg-box.gif) 0 0 repeat-x #fff;
border:1px solid #dcdcdc;
padding:22px 29px 33px 29px;
margin-bottom:40px;
overflow:hidden;
zoom:1;
position:relative;
border-radius:4px;
box-shadow:0 5px 13px rgba(0,0,0, .05); 
}
.top-box .button {
display:block;
padding:11px 0px 11px 0px;
width:100%;
color:#fff;
font-size:16px;
line-height:20px;
font-family: 'Oswald', sans-serif;
font-weight:400;
text-decoration:none;
text-align:center;
text-transform:uppercase;
border-radius:4px;
background: #FF0000;
border-top:1px solid #f44612;
border-bottom:1px solid #FF0000;
border-left:1px solid #FF0000;
border-right:1px solid #FF0000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.top-box .button:hover {
color:#fff;
background:#353535;
border-top:1px solid #595959;
border-bottom:1px solid #353535;
border-left:1px solid #353535;
border-right:1px solid #353535;
}  nav.primary {
position:absolute;
right:0;
top:0;
padding:0px;
z-index:99;
}
#topnav {margin:0;} .sf-menu {
padding:0px 0px 0px 0px;
position:relative;
background:none;
text-align:left;
}
.sf-menu li {
position:relative;
list-style:none;
}
.sf-menu > li{
display:block;
float:left;
text-align:center;
position:relative;	
margin:0;
padding:0;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/menu-separator.png) 0 0 repeat-y;
}
.sf-menu > li.last, .sf-menu > li.last .bg-menu {border-radius:0 0px 4px 0;}
.sf-menu .bg-menu{
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/bg-menu.gif) 0 bottom repeat-x #dd2a0b;
cursor:pointer;
bottom: 50%;
left: 50%;
right: 50%;
top: 50%;
opacity: 0;
position: absolute;
z-index: 2;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;	
}
.sf-menu > li:hover .bg-menu, .sf-menu > li.sfHover .bg-menu, .sf-menu > li.current-menu-item .bg-menu{
bottom: 0;
left: 0;
opacity: 1.0;
right: 0;
top: 0;
}
.sf-menu > li > a >.menu-marker {
display:inline-block;
width:7px;
height:4px;
position:absolute;
bottom:36px;
left:50%;
margin-left:-3px;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/main-menu-marker.png) center 0 no-repeat;
z-index:4;
}
.sf-menu > li:hover > a >.menu-marker, .sf-menu > li.sfHover > a >.menu-marker, .sf-menu > li.current-menu-item > a >.menu-marker {background-position:0 -4px;}
.sf-menu li a {
display:block;
text-decoration:none;
position:relative;
z-index:3;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.sf-menu > li > a {
font-size:16px; 
line-height:20px;
background:none;
padding:52px 21px 51px 22px;
color:#656464;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:400;
}
.sf-menu > li:hover > a, .sf-menu > li.sfHover > a, .sf-menu > li.current-menu-item > a {color:#fff;}
.sf-menu ul {
position:		absolute;
width:			213px; padding:0px 0 0px 0;
z-index:200;
display:none;
margin:0;
background:#2f2f2f;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:			0;
top:			123px; z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
width:213px;
padding:0;
margin:0;
background:#2f2f2f;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:			-213px; top:			0px;
z-index:99;
}
.sf-menu ul li, .sf-menu ul li li {
margin:0;
padding:0;
text-align:left;
background:none;
display:block;
border-top:1px solid #3c3b3b;
}
.sf-menu ul li:first-child, .sf-menu ul li li:first-child {border-top:none;}
.sf-menu li li a {
text-align:left;
color:#fafafa;
font-size:12px;
line-height:18px;
padding:8px 5px 8px 23px;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/menu-marker.png) 88% 51% no-repeat;
display:block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.sf-menu li li.current-menu-item > a, .sf-menu li li.sfHover > a, .sf-menu li li:hover > a {color:#e50f0f;} .select-menu {
border:1px solid #c8c8c8;
background-color:#e4e4e4;
width:100%;
height:30px;
padding:5px;
cursor:pointer;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.select-menu:focus {border-color:#999;}
.select-menu option {
padding:5px;
cursor:pointer;
}
.select-menu option.main_item {font-weight:bold;} #slider-wrapper {
width:100%;
position:relative;
overflow:hidden;
z-index:1;
height:auto;
padding:0;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/loading.gif) center center no-repeat; 
margin:41px 0 0px;
} .primary_content_wrap {
position:relative;
z-index:1;
padding: 41px 0 0px;
}
body.home .primary_content_wrap {padding: 39px 0 0px;}
#content {padding:0px 0 0 0;}
#content.left {float:right !important;}
.right-content-area .box, .left-content-area .box {margin-top:40px;}
.right-content-area .box:first-child, .left-content-area .box:first-child {margin-top:0px;}
.left-content-area .box {padding:26px 25px 24px 30px;}
.left-content-area .box .buttons {
position:absolute;
bottom:27px;
right:30px;
}
.right-content-area .box {padding:33px 30px 25px 30px;}
.right-content-area .box h3 {
padding:0 0 15px 0;
margin:0 0 23px 0;
}
.right-content-area #widget_search.box {
background:#2f2f2f;
border:none;
position:relative;
border-radius:4px;
padding:23px 30px 31px 30px;
}
.right-content-area #widget_search.box h3 {
color:#fff;
border-bottom:1px solid #444444;
padding:0 0 25px 0;
margin:0 0 20px 0;
}
.right-content-area #widget_search.box h3 span {
font-size:30px;
line-height:35px;
color:#FF0000;
font-family: 'Anton', sans-serif;
font-weight:400;
margin-right:5px;
}
.right-content-area #widget_search.box #searchform {overflow:hidden;}
.right-content-area #widget_search.box #searchform .searching {
width:100%;
margin-right:0px;
margin-bottom:21px;
height:35px;
line-height:19px;
color:#9b9b9b;
background:#373737;
border:1px solid #444444;
}
.right-content-area #widget_search.box #searchform .submit {
margin:0;
font-size:16px;
line-height:20px;
width:100%;
text-align:center;
padding:8px 0;
height:44px;
} .header-title {margin-bottom:25px;}
.header-title h1 {
font-size:18px;
line-height:25px;
color:#3b3b3b;
margin:0;
padding:0;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:400;
}
.header-title .page-desc {color:#727272;}
.post-holder {
margin:0 0px 30px 0;
position:relative;
overflow:hidden;
padding:6px 0px 0px 0px;
border-top:1px solid #e2e2e2;
}
.post-holder.no-border {
border-top:none;
padding:0;
}
.single .post-holder {
padding:0px 0 16px 0;
margin:0 0px 35px 0;
border-top:none;
border-bottom:1px solid #e2e2e2;
} .entry-header {margin-bottom:23px;}
.post-holder .entry-title {
font-size:14px;
line-height:18px;
color:#FF0000;
text-transform:uppercase;
margin:0 0 13px 0;
font-family: 'Oswald', sans-serif;
font-weight:400;
letter-spacing:normal;
overflow:hidden;
}
.post-holder .entry-title a{
display:inline-block;
text-decoration:none;
color:#FF0000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.post-holder .entry-title a:hover {color: #727272;}
.single-post .post-holder .entry-title {
font-size:18px;
line-height:25px;
color:#3b3b3b;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:400;
letter-spacing:normal;
margin:0 0 6px 0;
padding:0 0 26px 0;		
border-bottom:1px solid #e2e2e2;
} .post-meta {
font-size:12px;
line-height:18px;
color:#e4e4e4;
}
.post-meta a{
text-decoration:none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.post-meta .separator {display:inline-block; margin:0 12px;}
.post-meta time {
font-size:12px;
line-height:18px;
color:#FF0000;
font-weight:bold;
}
.post-meta .author-meta {
font-size:12px;
line-height:18px;
color:#6d6d6d;
}
.post-meta .author-meta a {
font-weight:bold;
color:#6d6d6d;
}
.post-meta .author-meta a:hover {color:#FF0000;}
.post-meta .category-meta {
font-size:12px;
line-height:18px;
color:#6d6d6d;
}
.post-meta .category-meta a {color:#FF0000;}
.post-meta .category-meta a:hover {color:#6d6d6d;}
.post-meta .comments-meta {
font-size:12px;
line-height:18px;
color:#6d6d6d;
}
.post-meta .comments-meta a {color:#6d6d6d; text-decoration:underline;}
.post-meta .comments-meta a:hover {color:#FF0000;} .featured-thumbnail {
position:relative;
float:left;
margin:4px 19px 10px 0;
border-radius:4px;
}
.featured-thumbnail a {
display:block; 
text-decoration:none;
}
.featured-thumbnail img {
position:relative;
border-radius:4px;
width:100%;
height:auto;
} .featured-thumbnail.large {
margin-right:0;
overflow:hidden;
margin-bottom:15px;
} .post-content {padding:0;}
.post-content .excerpt {margin-bottom:22px;} .post-holder .post-footer {
clear:both;
padding:0;
overflow:hidden;
}
.post-holder .post-footer a {
float:left;
margin-right:11px;
}
p.gravatar {
float:left;
margin-right:20px;
} .post-edit-link {}
.post-edit-link:hover {} .related-posts {
overflow:hidden;
padding:0 0 19px 0px;
margin:0 0 36px 0;
border-bottom:1px solid #e2e2e2;
}
.related-posts li{
list-style-type:none;
padding:0;
margin:0 2% 10px 0;
display:inline-block;
background:none;
width:22.5%;
border:none;
}
.related-posts li a {
background:none;
padding:0;
}
.related-posts li .featured-thumbnail {
float:none;
margin:0 0 10px 0;
overflow:hidden;
} h3#comments {
font-size:18px;
line-height:25px;
color:#3b3b3b;
margin:0 0 15px 0;
padding:0;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:400;
border-bottom:none;
}
.commentlist {
list-style-type:none;
padding:0 0px 40px 0px;
margin:0px 0 0 0;
}
li.comment {
list-style-type:none;
overflow:hidden;
padding: 0;
margin: 0!important;
background:none;
text-transform:none;
}
li.comment .comment-body {
padding:14px 20px 25px 19px;
position:relative;
zoom:1;
background:none;
margin-top:10px;
border:1px solid #dcdcdc;
border-radius:4px;
}
li.comment .comment-body p {margin-bottom:21px;} .comment-meta {
font-size:12px;
line-height:18px;
color:#FF0000;
display:inline-block;
overflow:hidden;
margin:0 0 4px 0;
} 
.comment-meta a {}
.author-comment{
display: inline-block;
font-size:12px;
line-height:18px;
color:#FF0000;
}
.comment-author {
float:left;
margin:5px 19px 0 0;
} li.comment .avatar {
float:none;
display:block;
vertical-align:top;
overflow:hidden;
border-radius:4px;
}
.commentlist ul.children {
margin:0 0 0 30px;
padding:0;
overflow:hidden;
}
.commentlist ul.children li.comment {} .reply {
float: right;
display:inline-block;
}
.reply a {
display:inline-block;
padding:0px 15px 0px 0px;
color:#3b3b3b;
font-size:12px;
line-height:18px;
text-decoration:none;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:400;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/link-marker.png) 100% 5px no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.reply a:hover {color:#FF0000;} #respond {
padding-top:19px;
margin-top:17px;
}
#respond h3 {
font-size:18px;
line-height:25px;
color:#3b3b3b;
margin:0 0 25px 0;
padding:0;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:400;
border-bottom:none;
}	
.cancel-comment-reply small {font-size:12px;}
.cancel-comment-reply a {
color: #f15a23 !important;
text-decoration:underline;
background:none;
padding:0;
margin-bottom:5px;
display:inline-block;
}
.cancel-comment-reply a:hover {text-decoration:none;}
.allowed_tags {
background:#eee;
padding:15px;
font-size:11px;
font-family:"Courier New", Courier, monospace;
color:#666;
}
.allowed_tags strong {font-family:Tahoma, Geneva, sans-serif;} .alignleft {
float:left;
margin:0 20px 10px 0;
}
.alignright {
float:right;
margin:0 0 10px 20px;
}
.aligncenter {
text-align:center;
margin:0 auto;
}
.alignnone {margin:0 0 10px 0;}
article .post-content img {max-width:710px;}
.frame {
padding:7px;
background:#fff;
border:1px solid #dbdbdb;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-align:center;
}
.frame img.alignleft,
.frame img.alignright{
margin:0;
padding:0;
border:none;
} .pagenavi {
clear:both;
background:#fff;
border:1px solid #dcdcdc;
padding:19px 25px 19px 29px;
border-radius:4px;
margin-top:40px;
position:relative;
font-family: 'Oswald', sans-serif;
font-weight:400;
text-transform:uppercase;
overflow:hidden;
}
.author .pagenavi {margin-bottom:40px;}
.pagenavi span, .pagenavi a {
display:block;
float:left;
margin: 2px 10px 2px 0;
padding:5px 0px 0px 0px;
color:#3b3b3b;
text-decoration:none;
width:auto;
font-size:18px;
line-height:24px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.pagenavi span.pages {display:none;}
.pagenavi a:hover, .pagenavi .current{
color:#FF0000;
}
.pagenavi a.page-nav {
font-size:12px;
line-height:17px;
padding:8px 22px 8px 22px;
border-radius:4px;
background: #FF0000;
color:#fff;
border-top:1px solid #f44612;
}
.pagenavi a.page-nav:hover {
color:#fff;
background:#353535;
border-top:1px solid #595959;
} .tags-cloud a,
.tagcloud a{
display:inline-block;
padding:5px 10px 5px 10px;
color:#fff;
font-size:12px !important;
line-height:16px;
text-decoration:underline;
text-decoration:none;
border-radius:4px;
position:relative;
background: #FF0000;
border-top:1px solid #f44612;
border-left:1px solid #FF0000;
border-right:1px solid #FF0000;
border-bottom:1px solid #FF0000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin:0 1px 4px 0;
vertical-align:top;
}
.tags-cloud a:hover,
.tagcloud a:hover{
color:#3b3b3b;
background:#f8f8f8;
border:1px solid #e4e4e4;
} nav.oldernewer {
overflow:hidden;
background:#fff;
border:1px solid #dcdcdc;
padding:19px 25px 19px 29px;
border-radius:4px;
margin-top:40px;
position:relative;
}
.older {float:left;}
.newer {float:right;}
nav.oldernewer a {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
nav.oldernewer a:hover {color:#3b3b3b;}  .recent-posts .format-image {
float:left;
margin:0 20px 20px 0;
}	
.image-post-format {
float:left;
margin:0 0 10px 0;
padding:7px;
background:#f6f6f6;
position:relative;
} .recent-posts .format-quote {
} .recent-posts .format-link {
} .recent-posts .format-link {
} .recent-posts .format-audio {
margin-bottom:2em;
}
.recent-posts .format-audio .audio-wrapper {
margin-bottom:.5em;
} .recent-posts .format-video {
}
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin:0 0 2% 0;
}
.video iframe,  
.video object,  
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .slides_container_gallery {
width:600px;
margin-bottom:10px;
height:300px;
}
.slides_container_gallery .g_item {
width:600px;
display:block;
}
.slides_container_gallery .g_item img {
width:100%;
height:auto;
}  #recent-author-posts {margin-bottom:35px;} #recent-author-comments {}
.author-info {
position:relative;
overflow:hidden;
background:#fff;
border:1px solid #dcdcdc;
padding:26px 25px 30px 30px;
border-radius:4px;
margin-bottom:40px;
}
.author-info h1 {padding-left:0px;}
.author-info .avatar {margin:0 20px 5px 0;}
.author-info .avatar img {
float:left;
border-radius:4px;
position:relative;
} #error404 {padding:30px 0 100px 0;}
.error404-num {
font-size:250px;
line-height:1.2em;
color:#3b3b3b;
text-align:center;
}
#error404 hgroup {
margin:0 0 2em 0;
padding-top:50px;
}
#error404 hgroup h2 {} .latestwork {
width:100%;
overflow:hidden;
list-style-type:none;
padding:0;
margin:0;
}
.latestwork li {
float:left;
margin-right:20px;
}  #gallery {
padding:6px 0px 0px 0px;
border-top:1px solid #e2e2e2;
}
#gallery .portfolio {
overflow:hidden;
list-style-type:none;
padding:24px 0 0 0px;
margin:0;
}
#gallery .portfolio li {
list-style-type:none;
display:-moz-inline-box;
display:inline-block;
zoom:1;
vertical-align:top; 
width: 30.5%;
margin: 0 3.7% 40px 0;
position:relative;
background:none;
padding:0;
text-transform:none;
border:none;
}
* + html #gallery .portfolio li {display:inline;}
#gallery .portfolio li.nomargin {margin-right:0 !important;}
#gallery .portfolio li a.image-wrap {
display:block;
overflow:hidden;
width:100%;
height:auto;
margin-bottom:16px;
position:relative;
border-radius:4px;
padding:0;
background:#fff url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/loading-folio.gif) 50% 50% no-repeat;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
}
#gallery .portfolio li a.image-wrap img {
position:relative;
border-radius:4px;
width: 100%;
height: auto;
}
#gallery .portfolio .folio-desc {
margin-bottom:0;
padding:0;
}
#gallery .portfolio .folio-desc h4 {}
#gallery .portfolio .folio-desc h4 a{color:#FF0000;}
#gallery .portfolio .folio-desc h4 a:hover {color:#3b3b3b;}
#gallery .portfolio p.excerpt {padding:0; margin-bottom:5px;} #gallery.one_column .portfolio li {
width:100%;
margin-right:0;
margin-left:0;
}
#gallery.one_column .portfolio li a.image-wrap {
width:56.8%;
height:auto;
float:left;
margin:0 1.85% 1.5% 0;
}
#gallery.one_column .folio-desc {padding:0;}
#gallery.one_column .folio-desc h4 {margin-bottom:10px;}
#gallery.one_column p.excerpt {margin-bottom:39px;} #gallery.two_columns .portfolio li {
width:47.75%;
margin: 0 3.8% 40px 0;
} #gallery.four_columns .portfolio li {
width:22.17%;
margin: 0 3.2% 40px 0;
}	
.zoom-icon {
display:block;
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
cursor:pointer;
background:rgba(0, 0, 0, .5);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
opacity:0;
}
.no-rgba .zoom-icon {
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/black-opacity.png);
visibility:hidden;
}
.zoom-icon:before {
content:"";
display:block;
position:absolute;
left:50%;
top:40%;
width:36px;
height:36px;
margin:-18px 0 0 -18px;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/magnify-alt.png) 50% 0 no-repeat;
}
.zoom-icon:after {
content:"zoom";
font-size:15px;
line-height:18px;
color:#d9dadc;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:400;
position:absolute;
left:0%;
top:55%;
width:100%;
height:auto;
text-align:center;
}
.image-wrap:hover .zoom-icon {opacity:1;}
.no-rgba .image-wrap:hover .zoom-icon {visibility:visible;} #sidebar {padding:0px;}
#sidebar.left {margin-left:0px;}
#sidebar h3{
font-size:18px;
line-height:25px;
color:#3b3b3b;
margin:0 0 25px 0;
padding:0 0 26px 0;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:400;
border-bottom:1px solid #e2e2e2;
}
.widget ul {margin-bottom:0px;}
.widget {
background:#fff;
border:1px solid #dcdcdc;
padding:25px 29px 20px 29px;
overflow:hidden;
zoom:1;
position:relative;
border-radius:4px;
margin-bottom:40px;
} #calendar_wrap {padding:0;}
#wp-calendar {width:100%;}
#wp-calendar td {
text-align:center;
padding:6px 0;
border:none;
}
#wp-calendar caption {
font-size:19px;
line-height:24px;
color:#3b3b3b;
text-align:center;
font-weight:400;
font-family: 'Oswald', sans-serif;
padding:4px 0;
margin-bottom:5px;
text-align:center;
text-transform:uppercase;
}
#wp-calendar thead {
border-top:1px solid  #e5e5e5;
border-bottom:1px solid  #e5e5e5;
}
#wp-calendar tfoot {border-top:1px solid  #e5e5e5;}
#wp-calendar thead th {
padding:7px 0;
font-size:14px;
line-height:20px;
color:#3b3b3b;
text-align:center;
font-weight:400;
font-family: 'Oswald', sans-serif;
}
#wp-calendar #prev {text-align:left;}
#wp-calendar #next {text-align:right;} .faq_list {}
.faq_list dt {
color:#3b3b3b;
position:relative;
padding:0 0 5px 28px;
font-size:15px;
font-weight:normal;
margin:0;
background:none;
background:none;
}
.faq_list span.marker {
display:block;
position:absolute;
left:0;
top:0;
font-size:15px;
color:#3b3b3b;
font-family: 'Oswald', sans-serif;
font-weight:400;
}
.faq_list dd {
padding:0 0 0 28px;
position:relative;
margin:0 0 2em 0;
}  ul.recentcomments {
padding:0;
margin:0;
}
ul.recentcomments li {
border-top:1px solid #e5e5e5;
padding:25px 0 25px 0;
margin:0;
border-bottom:none;
background:none;
overflow:hidden;
list-style-type:none;
}
ul.recentcomments li:first-child {
padding-top:0;
border-top:none;
}
ul.recentcomments li img {
float:left;
margin:0 12px 0 0;
}
ul.recentcomments .comment-body {padding:15px 0 0 0;}
ul.recentcomments .comment-body a {
text-decoration:none;
color:#6d6d6d;
}
ul.recentcomments .comment-body a:hover {color:#FF0000;}
ul.recentcomments li h4 {margin-bottom:.1em;}
ul.recentcomments li h4 a {text-decoration:none; color:#FF0000;}
ul.recentcomments li h4 a:hover {color:#3b3b3b;}
ul.recentcomments li small {
font-size:11px;
color:#6d6d6d;
} .post_list {
list-style-type:none;
padding:0;
margin:0;
}
.post_list li {
list-style-type:none;
overflow:hidden;
margin:0 0 15px 0;
padding:0;
background:none;
}
.post_list li .post-title {color:#FF0000;}
.post_list li .post-title:hover {color:#3b3b3b;}
.post_list li .featured-thumbnail {margin:5px 15px 5px 0;} .testimonials {
padding: 0;
margin: 0;
}
.testimonials div.testi_item {
padding: 0;
margin: 0 0 2em 0;
background: none;
}
.testimonials div.testi_item blockquote {
display: block;
position: relative;
margin: 0;
padding: 20px;
background: #dcdcdc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.testimonials div.testi_item blockquote:before {
content: "";
display: block;
position: absolute;
left: 65px;
bottom: -20px;
width:0;
height:0;
border-left: 20px solid transparent;
border-right: 0 solid transparent;
border-top: 20px solid #dcdcdc;
}
.testimonials div.testi_item blockquote:after {
content: "";
display: block;
position: absolute;
left: 20px;
top: 10px;
width: 41px;
height: 38px;
background: url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/quotes.png) 0 0 no-repeat;
}
.testimonials div.testi_item blockquote a {
text-decoration: none;
color: #3b3b3b;
display: block;
font-style: normal;
position: relative;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.testimonials div.testi_item blockquote a:hover {color: #d2280b;}
.testimonials div.testi_item .featured-thumbnail {
position:relative;
z-index:2;
margin:0 20px 0 0px;
}
.name-testi {
padding: 20px 0 0 0;
text-align: right;
display: block;
}
.name-testi a {font-weight: normal;}
.testimonials .thumb {
float: left;
margin-right: 20px;
} .latestpost {
list-style-type:none;
margin:0;
padding:0;
}
.latestpost li {
margin:24px 0 0px 0;
list-style-type:none;
background:none;
padding:0;
}
.latestpost li:first-child {margin:0;}
.latestpost li h3 {margin-bottom:6px;}
.latestpost li h3 a{color:#3b3b3b;}
.latestpost li h3 a:hover{color:#FF0000;}
.latestpost li .post-meta {margin-bottom:23px;}
.latestpost li .excerpt {margin-bottom:35px;}
#sidebar .latestpost .featured-thumbnail {
width:100%;
height:auto;
float:none;
margin:4px 0px 5px 0;
}
#sidebar .latestpost .post-meta {display:none;}
#sidebar .latestpost .excerpt {margin-bottom:10px;} .latestnews {
list-style-type:none;
margin:0;
padding:0;
}
.latestnews li {
margin:0 0 24px 0;
list-style-type:none;
background:none;
padding:0;
}
.latestnews li h6 {margin-bottom:0px;}
.latestnews li h6 a{color:#FF0000;}
.latestnews li h6 a:hover{text-decoration:underline;}
.latestnews li time {
font-size:12px;
line-height:17px;
font-weight:bold;
color:#6d6d6d;
display:block;
margin-bottom:9px;
}
.latestnews li .excerpt {margin-bottom:0px; margin-top:0px;} .twitter {position:relative;}
.twitter_update_list {overflow:hidden;}
.twitter ul li {
list-style-type:none;
margin:0 0 15px 0;
padding:0 0 0 37px;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/twitter-icon.png) no-repeat 0 0;
}
.twitter ul li .twitt-body {padding:0 0 5px 0;}
.twitter ul li .twitt-body a {font-weight:bold; color:#dc2a0b;}
.twitter ul li a.timesince {font-size:11px; color:#dc2a0b;}
.twitter ul li .twitt-body a:hover, .twitter ul li a.timesince:hover {color:#3b3b3b;}
.twitter .profileLink {}
.twitter  .preloader {
position:absolute;
top:60px;
left:0;
height: 25px;
line-height:25px;
padding-left: 30px;
background-position:0 50%;
background-repeat:no-repeat;
background-image:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/loading-twitter.gif);
} .flickrImages {
overflow:hidden;
position:relative;
}
.flickrImages a {
float:left;
display:block;
width:75px;
height:75px;
background:#000;
margin:0 1px 1px 0;
}
.flickrImages a img {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.flickrImages a:hover img {
opacity:.5;
}
.flickrImages a.link {
display:inline;
float:none;
width:auto;
height:auto;
margin:0;
background:none;
} .banners-holder {
list-style-type:none;
padding:0;
margin:0;
}
.banners-holder li {
list-style-type:none;
float:left;
margin:0 3px 3px 0;
padding:0;
background:none;
width:93px;
height:auto;
}
.banners-holder li img {
vertical-align:top;
float:left;
width:100%;
height:auto;
}  article.testimonial, .single article.testimonial  {
border:none;
padding:10px 0 0 0;
width:auto;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/quotes.png) no-repeat 195px 4px #fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:14px;
line-height:20px;
font-weight:normal;
margin-bottom:45px;
}
.single article.testimonial {margin-bottom:20px;}
article.testimonial .featured-thumbnail, 
.single article.testimonial .featured-thumbnail {
margin:4px 19px 5px 0;
width:190px;
height:145px;
}
article.testimonial .name-testi {
display:block;
text-align:right;
font-style:normal;
font-size:13px;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
padding:10px 0 0 0;
}
article.testimonial .name-testi .user {color:#FF0000; font-family:Georgia, "Times New Roman", Times, serif;}
article.testimonial .name-testi a {
text-decoration:none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
article.testimonial .name-testi a:hover {
text-decoration:underline;
color:#3b3b3b;
}  .recent-posts {
margin:0;
padding:0;
width:100%;
overflow:hidden;
border:none;
}
.recent-posts li {
list-style-type:none;
margin:0 0 21px 0;
padding:0;
border:none;
background:none;
}
.recent-posts li .featured-thumbnail {
margin:5px 19px 10px 0;
}
.recent-posts li h4 {margin-bottom:13px;}
.recent-posts li h4 a{color:#FF0000;}
.recent-posts li h4 a:hover{color:#3b3b3b;}
.recent-posts li .excerpt {margin-bottom:23px;}
.recent-posts li span.meta {
display:block;
margin-bottom:.5em;
font-size:10px;
text-transform:uppercase;
overflow:hidden;
}
.recent-posts li .post-date {float:left;}
.recent-posts li .post-comments {float:right;} .recent-posts.about li .featured-thumbnail {margin:5px 19px 0px 0;} .recent-posts.team {
margin: 0;
padding: 0;
}
.recent-posts.team li {
float: left;
width: 20%;
margin: 0 3% 20px 0;
overflow: hidden;
}
.recent-posts.team li:nth-child(4n) {margin-right: 0;}
.recent-posts.team li.nomargin {margin-right: 0;}
.recent-posts.team li .featured-thumbnail {
overflow: hidden;
float: none;
margin: 0 0 13px 0;
background:none;
padding:0;
border:none;
}
.recent-posts.team li .excerpt {margin-bottom: 0;} .recent-posts.services {
list-style-type:none;
padding:0;
margin:0;
overflow:hidden;
}
.recent-posts.services li {
float:left;
width:30.6%;
margin:0 3.9% 34px 0;
background:none;
padding:0;
}
.recent-posts.services li:nth-child(3n) {margin-right:0;}
.recent-posts.services li.nomargin{margin-right:0;}
.recent-posts.services li .featured-thumbnail {
float:none;
margin:5px 0 16px 0;
} .popular_posts {
list-style-type:none;
padding:0;
margin:0;
}
.popular_posts li {
list-style-type:none;
padding:0 0 20px 0;
margin:0;
overflow:hidden;
} .recent-comments {
list-style-type:none;
padding:0;
margin:0;
}
.recent-comments li {
padding:0;
margin:0;
border:none;
padding-bottom:.5em;
} #footer {
background:none;
padding:0;
position:relative;
z-index:2;
}
.footer-top {
border-bottom:1px solid #dcdcdc;
padding:45px 0 45px 0;
} #widget-footer {float:right;} nav.footer {
overflow:hidden;
float:left;
padding:9px 0 0px 0px;
}
nav.footer ul {
margin:0;
padding:0;
}
nav.footer ul li {
list-style-type:none;
float:left;
padding:0px;
font-size:16px;
line-height:20px;
margin:0 27px 0 0;
background:none;
border:none;
}
nav.footer ul li a {
font-size:16px;
line-height:20px;
text-transform:uppercase;
color:#656464;
text-decoration:none;
font-family: 'Oswald', sans-serif;
font-weight:400;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
nav.footer ul li a:hover, nav.footer ul li.current-menu-item a{color:#FF0000;} .social-networks {
list-style-type:none;
padding:0;
margin:0 -1px 0 0;
border:none;
}
.social-networks li {
display:inline-block;
list-style-type:none;
padding:0;
margin:0;
background:none;
margin-left:7px;
line-height:30px;
}
.social-networks li a {
text-decoration:none;
color:#656464;
display:block;
}
.social-networks li a:hover {text-decoration:none; color:#FF0000;}
#sidebar .social-networks li {display:block; margin-bottom:5px;}
#copyright {
background:none;
padding:39px 0 58px;
margin:0;
} #footer-text {
font-size:12px;
line-height:17px;
color:#6d6d6d;
float:left;
padding:0 0 0 0px;
}
#footer-text a {
color:#6d6d6d;
text-decoration:none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#footer-text a:hover {color:#FF0000;} .box {
background:#fff;
border:1px solid #dcdcdc;
padding:26px 25px 9px 30px;
overflow:hidden;
zoom:1;
position:relative;
border-radius:4px;
}
.box.team {padding:26px 25px 20px 30px;}
.box-with-shadow {
padding:22px 25px 6px 30px;
overflow:hidden;
zoom:1;
position:relative;
border-radius:4px;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/bg-box.gif) 0 0 repeat-x #fff;
border:1px solid #dcdcdc;
box-shadow:0 5px 13px rgba(0,0,0, .05); 	
}
.button {
display:inline-block;
padding:8px 21px 7px 21px;
color:#fff;
font-size:12px;
line-height:17px;
font-family: 'Oswald', sans-serif;
font-weight:400;
text-decoration:none;
text-align:center;
text-transform:uppercase;
border-radius:4px;
background: #FF0000;
border-top:1px solid #f44612;
border-left:1px solid #FF0000;
border-right:1px solid #FF0000;
border-bottom:1px solid #FF0000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.button:hover {
color:#3b3b3b;
background:#f8f8f8;
border:1px solid #e4e4e4;
}
.link{
display:inline-block;
padding:0px 15px 0px 0px;
color:#3b3b3b;
font-size:12px;
line-height:18px;
text-decoration:none;
text-transform:uppercase;
font-family: 'Oswald', sans-serif;
font-weight:400;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/link-marker.png) 100% 5px no-repeat;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.link:hover {color:#FF0000;}
.buttons {text-align:right; overflow:hidden;}
.more-link {color:#FF0000;}
.more-link:hover {color:#3b3b3b;}
.no-results {margin-bottom:30px;}
.no-results strong {color:#000;} .button.small {
font-size:10px;
text-transform:uppercase;
padding:3px 8px;
} .button.large {
font-size:18px;
padding:16px 32px;
} .lightbox {
display:block;
position:relative;
} #back-top-wrapper {
width:100%;
position:absolute;
overflow:hidden;
}
#back-top {
position: fixed;
bottom: 217px;
left:50%;
margin-left:625px;
display:none;
}
#back-top a {
width: 35px;
height:28px;
padding:7px 0 0 0;
border-radius:18px;
display: block;
text-align: center;
font-size:12px;
line-height:17px;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-family: 'Oswald', sans-serif;
font-weight:400;
background:#FF0000; -webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}
#back-top a:hover {background:#353535;} #back-top span {
width: 100%;
height: 4px;
display: block;
margin-bottom: 0px;
background: url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/up-arrow.png) no-repeat center top; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; -webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
} .tabs {
margin: 1px 0 20px 0;
}
.tabs .tab-wrapper {
border: 1px solid #dddddd;
border-radius: 0 5px 5px 5px;
-moz-border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
margin: -1px 0 0 0;
}
.tabs .tab-menu ul {
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.tabs .tab-menu li {
display: inline;
float: left;
margin: 0;
padding: 0;
}
.tabs .tab-menu a {
background-color: #fafafa;
border: 1px solid #dddddd;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
color: #aaaaaa;
display: block;
font-size: 12px;
letter-spacing: 1px;
margin: 0 2px 0 0;
padding: 8px 20px;
}
.tabs .tab-menu a:hover {
background-color: #f2f2f2;
color: #666666;
}
.tabs .tab-menu a.active {
background-color: #ffffff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#fafafa');
background: -moz-linear-gradient(bottom , #fafafa 0px, #f6f6f6 90%) repeat scroll 0 0 transparent;
background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #fafafa),color-stop(90%, #f6f6f6));
border-bottom: none;
color: #666666;
padding: 8px 20px 9px 20px;
}
.tabs .tab {
background-color: #fafafa;
border-radius: 0 5px 5px 5px;
-moz-border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
padding: 20px;
} .toggle {
padding: 0 0 2px 0;
}
.toggle .trigger {
background-color: #f5f5f5;
background: -moz-linear-gradient(bottom, #F2F2F2 0px, #ffffff 100%);
background: -webkit-gradient(linear,left bottom,left top, color-stop(0, #f2f2f2),color-stop(1, #ffffff));
border: 1px solid #dddddd;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #666666;
display: block;
padding: 10px 12px 10px 40px;
position: relative;
text-decoration:none;
height:1%;
}
.toggle .trigger span {
background: url(//www.pro2clean.co.za/wp-content/themes/theme1798/includes/images/toggle.png) 0 0 no-repeat;
display: block;
position: absolute;
top: 9px;
left: 10px;
text-indent: -9999px;
width: 22px;
height: 20px;
}
.toggle .trigger:hover,
.toggle .active {
background:#191919;
color:#fff;
}
.toggle .active span {
background-position: 0 -20px;
}
.toggle .box {
background-color: #fafafa;
border: 1px solid #dddddd;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 20px;
} .dropcap {
display: block;
float: left;
margin: 5px 18px 0px 0;
text-transform: uppercase;
width: 50px;
height: 49px;
overflow:hidden;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/bg-dropcap.gif) 0 0 repeat-x #FF0000;
border-top:1px solid #f44612;
border-radius:4px;
font-size: 40px;
line-height: 48px;
color: #fff;
text-align: center;
font-weight: 400;
font-family: 'Oswald', sans-serif;
}
.widget-area {
}
.hr {
height:1px;
background:#eee;
overflow:hidden;
font-size:0;
line-height:0;
margin:30px 5px;
}
.grid_1 .hr, .grid_2 .hr, .grid_3 .hr, .grid_4 .hr, .grid_5 .hr, .grid_6 .hr, .grid_7 .hr, .grid_8 .hr, .grid_9 .hr, .grid_10 .hr, .grid_11 .hr, .grid_12 .hr, .grid_13 .hr, .grid_14 .hr, .grid_15 .hr, .grid_16 .hr, .grid_17 .hr, .grid_18 .hr, .grid_19 .hr, .grid_20 .hr, .grid_21 .hr, .grid_22 .hr, .grid_23 .hr, .grid_24 .hr {
margin-left:0;
margin-right:0;
}
.sm_hr {
height: 1px;
background: #eee;
overflow: hidden;
font-size: 0;
line-height: 0;
margin: 25px 10px;
}
.grid_1 .sm_hr,
.grid_2 .sm_hr,
.grid_3 .sm_hr,
.grid_4 .sm_hr,
.grid_5 .sm_hr,
.grid_6 .sm_hr,
.grid_7 .sm_hr,
.grid_8 .sm_hr,
.grid_9 .sm_hr,
.grid_10 .sm_hr,
.grid_11 .sm_hr,
.grid_12 .sm_hr {
margin-left: 0;
margin-right: 0;
}
.spacer {
height:40px;
overflow:hidden;
font-size:0;
line-height:0;
} .address {
overflow:hidden;
width:100%;
margin:0;
padding:0;
}
.address dt {
float:left;
width:165px;
margin:0 20px 20px 0;
padding:0 0 0 55px;
background:none;
font-size:1em;
line-height:18px;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/address-icon1.png) no-repeat 0 3px;
}
.address dd {
float:left;
width:217px;
padding:0 0 0 53px;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/address-icon2.png) no-repeat 0 3px;
}
.address dd ul {
list-style-type:none;
padding:0;
margin:0;
}
.address dd ul li {
background:none;
padding:0;
margin:0;
}
.address dd span {
float:left;
width:100px;
}
.address dd a {
font-style:italic;
text-decoration:underline;
}
.address dd a:hover {text-decoration:none;} .google-map {
margin-bottom:20px;
position:relative;
overflow:hidden;
background-repeat:no-repeat;
background-position:50% 50%;
background-image:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/loading-map.gif);
} .video-wrap {
margin-bottom: 10px;
position:relative;
zoom:1;
}
.video-wrap object {
position:relative;
z-index:2;
}
.video-bg {
background-color:black;
position:absolute;
left:0;
top:0;
z-index:1;
} .audio-wrapper {
margin-bottom:1.5em;
}
.audio-desc {
font-size:.91em;
color:#999;
padding:.5em 0 0 0;
}
.audiojs audio { position: absolute; left: -1px; }
.audiojs { width: 460px; height: 36px; background: #404040; overflow: hidden; font-family: monospace; font-size: 12px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
.audiojs .play-pause { width: 25px; height: 40px; padding: 4px 6px; margin: 0px; float: left; overflow: hidden; border-right: 1px solid #000; }
.audiojs p { display: none; width: 25px; height: 40px; margin: 0px; cursor: pointer; }
.audiojs .play { display: block; }
.audiojs .scrubber { position: relative; float: left; width: 280px; background: #5a5a5a; height: 14px; margin: 10px; border-top: 1px solid #3f3f3f; border-left: 0px; border-bottom: 0px; overflow: hidden; }
.audiojs .progress { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #ccc; z-index: 1;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); }
.audiojs .loaded { position: absolute; top: 0px; left: 0px; height: 14px; width: 0px; background: #000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); }
.audiojs .time { float: left; height: 36px; line-height: 36px; margin: 0px 0px 0px 6px; padding: 0px 6px 0px 12px; border-left: 1px solid #000; color: #ddd; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); } 
.audiojs .time em { padding: 0px 2px 0px 0px; color: #f9f9f9; font-style: normal; }
.audiojs .time strong { padding: 0px 0px 0px 2px; font-weight: normal; }
.audiojs .error-message { float: left; display: none; margin: 0px 10px; height: 36px; width: 400px; overflow: hidden; line-height: 36px; white-space: nowrap; color: #fff;
text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
.audiojs .error-message a { color: #eee; text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #999; white-space: wrap; }
.audiojs .play { background: url(//www.pro2clean.co.za/wp-content/themes/theme1798/js/audiojs/player-graphics.gif) -2px -1px no-repeat; }
.audiojs .loading { background: url(//www.pro2clean.co.za/wp-content/themes/theme1798/js/audiojs/player-graphics.gif) -2px -31px no-repeat; }
.audiojs .error { background: url(//www.pro2clean.co.za/wp-content/themes/theme1798/js/audiojs/player-graphics.gif) -2px -61px no-repeat; }
.audiojs .pause { background: url(//www.pro2clean.co.za/wp-content/themes/theme1798/js/audiojs/player-graphics.gif) -2px -91px no-repeat; }
.playing .play, .playing .loading, .playing .error { display: none; }
.playing .pause { display: block; }
.loading .play, .loading .pause, .loading .error { display: none; }
.loading .loading { display: block; }
.error .time, .error .play, .error .pause, .error .scrubber, .error .loading { display: none; }
.error .error { display: block; }
.error .play-pause p { cursor: auto; }
.error .error-message { display: block; } .alert-box, .wpcf7-response-output {
padding:20px 20px 20px 90px !important;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-size:.91em;
line-height:1.4em;
border:1px solid #dbdbdb;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:15px;
}
.error-box, .wpcf7-mail-sent-ng {
border-color:#ff9999;
color:#c31b00;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/icons/alert/icon-error.png) no-repeat 20px 50% #ffcccc;
}
.attention-box, .wpcf7-validation-errors, .wpcf7-spam-blocked {
border-color:#e6c555;
color:#9e660d;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/icons/alert/icon-note.png) no-repeat 20px 50% #fdebae;
}
.notice-box {
border-color:#68a2cf;
color:#2e6093;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/icons/alert/icon-info.png) no-repeat 20px 50% #bfe4f9;
}
.approved-box, .wpcf7-mail-sent-ok {
border-color:#a3c159;
color:#5e6f33;
background:url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/icons/alert/icon-download.png) no-repeat 20px 50% #ccff99;
}  input, select, textarea { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
vertical-align:middle;
font-weight:normal;
border:1px solid #dcdcdc;
outline:none;
color:#6d6d6d;
}
input[type="text"], textarea {
background:none;
border:1px solid #dcdcdc;
padding:8px 7px 8px 7px;
border-radius:4px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
resize:none;
-webkit-appearance: none;
}
input[type="submit"], input[type="reset"] {
display:inline-block;
padding:8px 23px 8px 23px;
color:#fff;
font-size:12px;
line-height:17px;
font-family: 'Oswald', sans-serif;
font-weight:400;
text-decoration:none;
text-align:center;
text-transform:uppercase;
position:relative;
height:34px;
cursor:pointer;
margin-right:4px;
border-radius:4px;
background: #FF0000;
border-top:1px solid #f44612;
border-left:1px solid #FF0000;
border-right:1px solid #FF0000;
border-bottom:1px solid #FF0000;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="submit"].submit-hover, input[type="reset"].submit-hover {
color:#3b3b3b;
background:#f8f8f8;
border:1px solid #e4e4e4;
} #commentform {}
#commentform a {color: #f15a23; text-decoration:underline;}
#commentform a:hover {color: #3a3a3a;}
#commentform p.field {margin-bottom:10px;}
#commentform p.area {margin-bottom:26px;}
#commentform input[type="text"] {
width:40.9%;
height:31px;
line-height:15px;
}
#commentform textarea {
width:66.1%;
height:131px;
overflow:auto;
} .wpcf7-form p.field {
margin-bottom:11px;
overflow:hidden;
vertical-align:top;
position:relative;
}
.wpcf7-form p.field input {
height:31px;
line-height:15px;
}
.wpcf7-form p.field small {color:red;}
.wpcf7-form .input-file {
width: 79px;
height: 22px;
background: url(//www.pro2clean.co.za/wp-content/themes/theme1798/images/btn-choose-file.gif) 0 0 no-repeat;
display: block;
overflow: hidden;
cursor: pointer;
position:relative;
}
.wpcf7-form input[type="file"] {
position: relative;
height: 100%;
width: auto;
opacity: 0;
cursor: pointer;
-moz-opacity: 0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.wpcf7-form textarea {
width:100%;
height:255px;
overflow:auto;
margin-bottom:17px;
}
.wpcf7-form .submit-wrap {
padding:0 0 10px 0;
margin:0;
}
span.wpcf7-form-control-wrap {display:block;}
.wpcf7-not-valid-tip {
width:100% !important;
position:absolute;
left:0 !important;
top:0 !important;
padding:6px 0 5px 10px !important;
background:#f3b7b7 !important;
color:red !important;
border:1px solid red !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
div.wpcf7-response-output {
margin-left:0 !important;
margin-right:0 !important;
} #searchform {overflow:hidden;}
#searchform .searching {
width:65%;
margin-right:5px;
height:34px;
line-height:18px;
float:left;
}
#sidebar #searchform .searching {
width:100%;
margin-right:0;
margin-bottom:10px;
}
#searchform .submit {margin:0; float:left;} .one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:79.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth{ position:relative; margin-right:4%; float:left; }
.last { margin-right:0 !important; clear:right; }
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.wrapper { 
width:100%;
overflow:hidden;
}
.extra-wrap {
overflow:hidden;
} .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
} .gallery_box ul li {
background: none !important;
padding-left: 0 !important;
}
.gallery_box li img {
border: none !important;
margin: 0px 0px 10px 0px !important;
}