/* theme name: Cleaners */

@import url(http://fonts.googleapis.com/css?family=Alfa+Slab+One);
@import url(http://fonts.googleapis.com/css?family=Patua+One);

* { margin: 0; padding: 0; outline:0; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; box-sizing: border-box; }

html { height: 100%; }
body {font-size: 13px; height: 100%; font-family: "Arial", sans-serif;}

a{text-decoration: none; color: #000; transition:all .3s ease;}
a:hover {text-decoration: none;	}
a:focus {text-decoration: none;	}
a img { border: none; }
#sidebar li {list-style: none;}

.alignleft { margin-right: 20px /* !important;  */}
.alignright { margin-left: 20px /* !important; */ }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
.center { text-align:center; } 
.phone { font-weight: bold; color: #1C76AD; font-size: 15px; }


h1,h2,h3,h4,h5,h6 { margin-bottom: 20px; font-family: 'Patua One', cursive;  color: #d93d33;   font-weight: normal;}
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 16px;margin-top:20px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }

.shell {max-width: 940px; margin: 0 auto; padding: 0;}
.clear {display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both;}
#mobile-catcher{height: 0;}
.mean-container .mean-bar { margin-bottom: 20px;}
.main-btn { -webkit-transition:.5s ease; -moz-transition:.5s ease; -ms-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease; }
.title {color: #202020; font-size: 28px; margin-top: 10px; margin-bottom: 10px; display: block; font-family: 'Patua One', cursive; font-weight: normal;}
#cookie-policy{ background-color:#555; text-align:center; }
#cookie-policy p{ margin:0 5%;padding: 10px 5%;position:relative;color:#fff;font-size:12px; }
#cookie-policy span{ position:absolute;right:4%;top:0;color:#000;cursor:pointer;font-weight:bold;font-size:16px; }

.page-title { color: #202020; font-size: 28px; font-family: 'Patua One', cursive; font-weight: normal; }

/*blog*/
small { font-size: 13px; color: #8f8f8f; }
.postmetadata { font-size: 13px; margin: 20px 0 !important;  }
.entry .post { border-bottom: 1px solid #d4d4d4; margin-bottom: 20px; }

.widget_search .widgettitle { background: url(../images/cleansearch.png) no-repeat top left; padding-top: 40px;  font-family: 'Patua One', cursive; color: #202020; font-size: 28px; font-weight: normal; }
.widget_recent_entries .widgettitle { background: url(../images/cleanresent-post.png) no-repeat top left; padding-top: 40px;  font-family: 'Patua One', cursive; color: #202020; font-size: 28px; font-weight: normal; margin-top: 10px; }
.widget_recent_entries ul li { font-size: 14px; border-bottom: 1px solid #d4d4d4; padding: 17px 0px; }
.widget_recent_entries ul li:first-child { padding-top: 0px; }
.widget_recent_entries ul { margin-bottom: 30px; }
#sidebar #searchsubmit { background: #fff !important; color: #fff !important; border: 0px !important; }
.navigation { display: block;
    margin-bottom: 20px;
    overflow: hidden;}
/*end blog*/

/*main-nav*/
#menu-top li a:hover{
	//border-bottom:4px solid #d93d33;
}

#menu-background {
	width: 100%;
	background: #202020;
}
#main-nav {
	min-height: 38px;
        //width: 455px ;
        width: 500px ;
        margin: 0 auto;
}
#main-nav ul li {
	display: inline-block;
}
#main-nav ul li a {
	display: inline-block;
	font-weight: bold;
	padding: 11px 13px 8px 13px;
	color:#fff;
	font-size: 18px;
}
#main-nav ul li a:hover {
	text-shadow: 0px 0px 8px rgba(255, 255, 255, 1);
}
#tmp-li {
	display: none !important;
}
/*end main-nav*/

/*header*/
header {
	position: relative;
}
#header-background {
	background: #202020 url(../images/blue-background.jpg);
        background-repeat: no-repeat;
        background-position: bottom;
	min-height: 200px;
	width: 100%;
        -webkit-box-shadow: inset 0px 0px 18px -3px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 0px 0px 18px -3px rgba(0,0,0,0.75);
        box-shadow: inset 0px 0px 28px -3px rgba(0,0,0,0.75);
}

#tsn-bgr {
    height: 200px;
    background: url(../images/banerblack.png) no-repeat;
}

#logo-link {
    position: relative;
    width: 50%;
    height: 200px;
    display: block;
}

#logo-wrap {
	width: 30%;
	padding-top: 53px;
}
#logo-wrap span {
	display: block;
	font-size: 29px;
	font-family: Alfa Slab One, serif;
	color: #202020;
	margin-top:-5px;
}

#logo-wrap a{
	color:#202020;

}

.quote-btn {
	background: #202020 url(../images/cleanicons-sprite.png) 13px -19px no-repeat;
	display: inline-block;
	border: 1px solid #FFDA7B;
	padding-left: 62px;
}

.quote-btn a{
	background: #d93d33 ;
	color: #202020;
	font-size: 28px;
	font-family: 'Patua One', cursive;
	font-weight: bold;
	display: inline-block;
	padding: 15px 0;
	float: right;
	width: 100%;
	text-align: center; 
}
.quote-btn a:hover {
	background: #202020;
	color: #d93d33;
}
#quote-btn {
	position: absolute;
	right: 0;
	top: -20px;       
}
#quote-btn a {
	padding: 15px 19px;
	
}
#breadcrumb {
	margin-bottom: 20px; 
	font-size: 11px; 
	color: #8f8f8f; 
	font-family: Arial, sans-serif;
}
#breadcrumb a {
	font-size: 11px; 
	color: #8f8f8f; 
	font-family: Arial, sans-serif;
}
#breadcrumb > div {
    display: inline;
}
#contact-btn {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 66px;
	color:#202020;	
	font-size: 38px;
	-webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 18px -3px; 
}
#contact-btn div {
	background:#d93d33  url(../images/cleanicons-sprite.png) 13px -90px no-repeat ;
	padding: 10px 20px 10px 50px ;
}
#contact-btn a {
	border-left: 1px solid #fff;
	font-size: 28px;
	font-family: 'Patua One', cursive;
	font-weight: bold; 

	color:#fff;	
	font-size: 38px;
	padding-left:6px;
}
#contact-btn div {text-align: right;}
#contact-btn span {
	display: block;
	font-size: 14px;
	color: #fff;
	padding: 12px 20px 12px 57px;
	background: #202020;
}
/*end header*/

/*all-content*/

.entry ul li{
	list-style-image: url(/wp-content/themes/cleaners/images/pin1.png);

}

#all-content {
        -webkit-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.75);
         box-shadow: 0px 0px 18px -3px rgba(0,0,0,0.75);
         padding-top: 20px;
         background-color: #fff;
         padding-right: 3%;
         margin-top: 20px;
}
#content {
	width: 66.6%;
	padding-right: 10px;
	float: left;
}
#content p {
	line-height: 18px;
	color: #202020;
	display: inline-block;
	text-align: justify;
	margin-bottom: 10px;
}
#breadcrumb-span {
	background: url(../images/cleanicons-sprite.png) 0 -234px no-repeat;
	display: block;
	width: 40px;
	height: 40px;
}
#sidebar {
	width: 30%;
	padding-left: 10px;
	float: right;
}
#services-logo {
	width: 40px;
	height: 40px;
	display: none;
	background: url(../images/cleanicons-sprite.png) 0 -159px no-repeat;
}
#sidebar-service li{
	display: block;
	height: 37px;
	background:#d93d33 ;
	border-bottom: 1px solid #fff;
}
#sidebar-service li a{
	display: inline-block;
	position: relative;
	padding-left: 26px; 
	width: 100%;
	height:100%;
	padding: 8px 15px;
	color:#fff ;
	font-weight:bold;
	font-size:17px;

}
.tmp-line{
	width: 15px;
	height: 10px;
	border-bottom: 1px solid #202020;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	display:none;
}
#sidebar-service li a:hover {
	background:#202020;
	color:#fff;
}
#sidebar-service li a:hover > span{ 
	width: 100%;
}
#testimonial-logo {
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/cleanicons-sprite.png) 0 -310px no-repeat;
}
#testimonials-auth {
	color: #202020;
	font-weight: bold;
	float: left;
}
#testimonial-wrap {
	margin-top: 50px;
}
#testimonial-wrap p {
	text-align: justify;
	margin-bottom: 20px;
	color: #202020;
	font-style: italic;
}
#testimonial-wrap a {
	color: #202020;
	font-weight: bold;
	float: right;
}
#testimonial-wrap a:hover {
	text-decoration: underline;
}
#offer-wrap {
	margin-top: -5px;
}
#offer-logo {
	width: 40px;
	height: 40px;
	display: block;
	background: url(../images/cleanicons-sprite.png) 0 -374px no-repeat;
}
#photo-wrap {
	width: 100%;
	height: 250px;
	border: 1px solid #cacfd7;
	display:none;
}
#sidebar-quote-btn {
	display: block;
        width: 80%;
        padding-left: 60px;
        margin: 0 auto;
        border: none;
}
#sidebar-quote-btn a {
	float: right;
        margin-top: 10%;;
}
.content-wrap {
	width: 100%;
	margin-bottom: 15px;
}
.content-wrap-title {
	float: left;
	width: 25%;
	padding-right: 10px;
}
.content-wrap-content {
	float: right;
	width: 85%;
	padding-left: 10px;
}
.content-wrap-content a, .entry a {
	color: #d93d33;
}
.content-wrap-content a:hover, .entry a:hover {
	text-decoration: underline;
}

/*fix*/

.gallery-item { float: left; margin-right: 2px; }

.entry > ol, .entry > ul {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 20px 45px;
        color: #202020;
        font-size: 13px !important;
        font-family	"Arial",​sans-serif;
}

/*end fix*/

	/*reviews*/
	#box-testimonials {
		margin: 0px; 
	}
	#box-testimonials li {
		margin-bottom: 20px;
		border-bottom: 1px solid #E4E9E2;
		padding-bottom: 12px
	}
	#reviews-h1-background {
		width: 100%; 
		border-top: 2px solid #d8e2e6;
		background: #eaf2f5;
		padding-top: 40px;
		padding-bottom: 35px;
	}
	.rating-reviews {
		position: relative;
		height: 20px; 
	}
	.text-testimonials {
		color: #202020;
	    font-style: italic; 
	    text-align: justify;
	}
	.auth {
		color: #202020;
		font-size: 13px;
		font-weight: bold; 
		display: inline; 
	}
	/*end reviews*/
	/* form */
	.content-form {
		background: #0077cb;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,#0077cb 0,#fff 100%);
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#0077cb),color-stop(100%,#fff));
		background: -webkit-linear-gradient(top,#0077cb 0,#fff 100%);
		background: -o-linear-gradient(top,#0077cb 0,#fff 100%);
		background: -ms-linear-gradient(top,#0077cb 0,#fff 100%);
		background: linear-gradient(to bottom,#e5f0f6 0,#fff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5f0f6',endColorstr='#ffffff',GradientType=0);
		border-top-left-radius: 5px;
		padding: 10px 100px 10px 30px;
		margin-bottom: 20px;
	}
	 
	ul.gform_fields li {
		height: 100%;
		margin-bottom: 20px; 
		float: left;
		margin-right: 5%; 
	}
	textarea, keygen, select, button, isindex {
		margin: 0em;
		font: -webkit-small-control;
		color: initial;
		letter-spacing: normal;
		word-spacing: normal;
		text-transform: none;
		text-indent: 0px;
		text-shadow: none;
		display: inline-block;
		text-align: start;
	}
	ul.gform_fields li label {
		display: inline-block;
		width: 28%;
		text-align: right;
		font-size: 15px;
		height: 32px;
		line-height: 32px;
		color: #0077cb;
	}
	ul.gform_fields li>div {
		display: inline-block; 
	}
	ul.gform_fields li div select, ul.gform_fields li div input {
		border: 1px solid #cbd9e0;
		height: 32px;
		color: #808080;
		outline: none;
		width: 100%;

	}
	 ul.gform_fields li div textarea, #commentform textarea {
	 	border: 1px solid #cbd9e0;
	 	height: 100px;
	 	outline: none;
	 	color: #202020;
	 	width: 100%; 	 	
		background: #e1e1e1;
		padding: 6px 23px 6px 6px ; 
		font-family: Arial, sans-serif; 
		font-size: 15px;
		border: 1px solid #e1e1e1; 
	}
	ul.gform_fields li div input, #searchform input, #commentform input {
		width: 100%;
		padding: 6px 28px 6px 6px;
		line-height: 20px;
		color: #202020;
		font-size: 15px; 
		outline: none;
		background: #e1e1e1; 
		font-family: Arial, sans-serif;
		border: 1px solid #e1e1e1; 
	}
	ul.gform_fields li div input:focus, ul.gform_fields li div select:focus, ul.gform_fields li div textarea:focus {
		border: 1px solid #0077cb;
	}
	.gform_title {
		color: #005896;
		font-size: 20px;
		text-align: center;
		margin: 18px 0 11px 0;
		text-align: center !important;
	}
	.button {
		border: none;
		padding: 10px 25px;
		font-size: 19px;
		font-weight: bold;
		cursor: pointer;
		margin: 10px auto 20px;
		width: 200px;
		display: block;
		background: #0077cb;
		color: #fff;
	}
	.button:hover {
		background: #005896;
	}
	.gform_footer .button, #commentform #submit, .entry #searchsubmit {
		background: #87c428; 
		color: #202020; 
		font-size: 22px; 
		display: inline;
		padding: 3px 25px;
		margin: 0px; 
		font-family: 'Patua One', cursive;
		font-weight: normal;
	}
	.entry #searchsubmit {
		width: 48%;
		border: 0px !important; 
		margin: 10px 0; 
	}
	.gform_fields.top_label.description_below {
	    overflow: hidden;
	}
	.gfield_captcha { 
		float: right;
	}
	.gfield_captcha_input_container.simple_captcha_medium {
	    float: left;
	}
	.validation_message { display: none !important; }
	.gfield_error input { border: 1px solid red !important; }
	.validation_error { color: red; padding: 20px 0; }
	#commentform p {  float: left;
    margin-right: 1%;
    width: 48%; }
    #commentform p.comment-form-comment {
    	width: 98%;
    }
	/* end form */
/*end all-content*/
/*footer*/
#footer-background {
	width: 100%;
	background: #202020;
	min-height: 100px;
	margin-top: 30px;
	overflow: hidden;
}

#footer-nav {
	float: right;
	display: block;
	width: 60%;
}
#footer-nav li {
	display: inline-block;
}
#footer-nav li a {
	display: inline-block;
	color: #fff;
	padding: 17px 2px;
}
#footer-nav li a:hover {
	text-decoration: underline;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	overflow: hidden;
	margin: 0 auto;
        background: url("../images/swirl_pattern.png") repeat;
}
.footer, .push {
	height: 100px;
	clear: both;
}
#copyright-wrap {
	padding: 17px 0;
	width: 40%;
	float: left;
}
#copyright-wrap p,#copyright-wrap p a {
	color: #fff;
}
/*footer*/

/*responsive tablet*/
@media only screen and (max-width: 959px)  {
	#menu-top li{
		background:#202020;
	}
        #sidebar-service li a{
                font-size: 14px;
        }
	.shell {
		max-width: 720px;
		padding: 0 10px;
	}
	#quote-btn {
		top: 10px;
	}
	#contact-btn {
		top: 85px;
	}
	#footer-nav li a {
		padding-left: 8px;
		padding-right: 8px;
	}
	#footer-nav {
		width: 100%;
	}
}
/*end responsive tablet*/

/*responsive mobile767*/
@media only screen and (max-width: 767px)  {
	#logo-wrap, #sidebar, #content {
		width: 100%;
	}
        .mean-container .mean-bar, #all-content{ 
              margin-top: 0px;
        }
        #header-background{
              background: url("../images/swirl_pattern.png") repeat;
        }
        img.contpic.alignleft{
                margin-right: -20px;
                display: block;
                float: none;
                margin: 0 auto;
                margin-bottom: 2%;
         }
         img.contpic.alignright{
                margin-left: -20px;
                display: block;
                float: none;
                margin: 0 auto;
                margin-bottom: 2%;
         }
        .page-title, h1, h2, h3, h4{
                text-align: center;
        }
           #sidebar-service li a{
                font-size: 17px;
        }
        #tsn-bgr {
              background: none;
        } 
        #logo-link{
              display: none;
        }
	#contact-btn span {
		padding: 12px 0;
	}
	#sidebar-service-wrap {
		margin-top: 20px;
	}
	#quote-btn {
		position: relative;
		top: 0;
		margin-top: 20px;
		width: 100%;
		background: none;
		padding: 0;
	}
	#sidebar-quote-btn {
		background: none;
		padding-left: 0;
	}
	#sidebar-quote-btn a {
		padding-left: 0;
	}
	#contact-btn {
		position: relative;
		top: 0;
		margin-top: 20px;
		width: 100%;
	}
	#contact-btn div {
		background-image: none;
		padding: 0;
	}
	#contact-btn div a {
		display: block;
		width: 100%;
		padding: 17px 0;
		border: none;
	}
	#header-background {
		text-align: center;
	}
	#footer-nav ul {
		text-align: center;
	}
	#footer-nav li {
		display: block;

	}
	#footer-nav li a {
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
	}	
	#sidebar{
		padding-left: 0;
	}
	#content {
		padding-right: 0;
	}
	#copyright-wrap {
		width: 100%;
		float: none;
	}
	#footer-background {
		text-align: center;
	}
	#footer-nav {
		padding: 15px 0;
		float: none;
	}
	.content-wrap-title {
		width: 100%;
		float: none;
		padding-right: 0;
		margin-bottom: 15px;
	}
	.content-wrap-content {
		width: 100%;
		float: none;
		padding-left: 0;
	}
	ul.gform_fields li {
		float: none;
	}
	ul.gform_fields li > div {
		width: 100%;
	}
	#contact-btn div { text-align: center;}
	#footer-nav li, #footer-nav li a { display: inline;}
}
/*responsive mobile*/

/*responsive mobile650*/
@media only screen and (max-width: 650px)  {
	
	#logo-wrap, #sidebar, #content {
		width: 100%;
	}
	#header-background {
		text-align: center;
	}
	#tmp-li {
		display: block !important;
	}
	#mobile-catcher {
		margin-top: 20px;
	}
/*	#sidebar-service-wrap {
		display: none ;
	}*/
	.content-form {
		padding-right: 0;
	}
	.quote-btn a {
		border-left: none;
	}
	#contact-btn div { text-align: center;}
	#footer-nav li, #footer-nav li a { display: inline;}
}
/*end responsive mobile650*/