/*
Theme Name: CSNZ
Theme URI:
Description:    Theme Creation
Author:         Ayaz Mehmood
Author URI:		

*/
@font-face {

    font-family: "calibri", Geneva, sans-serif;

    src: url(solzsoft.com/projects/cleaningService/wp-content/themes/csnz/fonts/CALIBRI_1.otf) format("truetype");
    src: url(solzsoft.com/projects/cleaningService/wp-content/themes/csnz/fonts/CALIBRI_1.TTF) format("truetype");
    src: url(solzsoft.com/projects/cleaningService/wp-content/themes/csnz/fonts/CALIBRI_1.woff) format("truetype");

}

body {background:#FFF;font-family: "calibri", Geneva, sans-serif;; color:#464646;}

*{margin:0px; padding:0px;}
left {float:left;}
.right {float:right;}
.clear {clear:both;}
.center-box {margin:0px auto; width:73%;}
.header-bg {width:100%; height:160px;}
p{line-height:25px;}
strong {color:#0574af !important; line-height:70px; font-size:24px; font-weight:normal;}
.header {width:73%; height:160px; margin: 0px auto;}

.header-left {width:20%; float:left; margin-top: 12px;}
.logo {margin-top:10px;}
.header-right {width:71%; height:160px; float:right;}
.header-right-no-box {float:right; clear:both; margin-top:10px; margin-bottom:20px;}
.phone-heading {font-size:20px; background:url(image/phone.png) no-repeat;padding-left: 30px;}
.phone-fist {font-size:22px; font-weight:normal; padding-left:10px; margin-top:5px; text-align:right;}
.phone-two {font-size:22px; font-weight:normal; margin-top:5px; text-align:right;}
.menu {list-style:none;}
.menu li a {list-style:none; float:left; padding:0 0px 0 44px; color:#666; text-decoration:none; text-transform: uppercase; font-size: 22px;}
.menu li a:hover { color:#7dba33; cursor:pointer;}

.menu li.current-menu-item a { color:#7dba33;}

.slider {width:100%; height:566px; margin: 0px auto; background:#fff; overflow: hidden;}

.slider img {width:100%;height:566px; clear:both;}

.center-box ul li { list-style:inside url(image/list-img.png);}

.slider-bottom {width:100%; height:315px; background:#7dba33;}

.slider-bottom-box {float:left; width:24%; margin:60px 5px 0 3px; text-align:center;}
.slider-bottom-box img {margin:0px auto;}
.slider-bottom-box h5 {text-align:center; color:#FFF; margin-top:30px; font-size:20px;}

.content-contact-box {margin-top:50px; width:100%;}
.content-contact-box h2 {color:#363636; font-size:18px;}
.content-title{background:#0574af;line-height:44px; color:#FFF; text-align:center; text-transform: uppercase; margin-bottom:10px;  margin-top:30px; font-size: 30px; font-weight: normal;}
.green{ color:#7dba33 !important;}
.content-contact-box h4 {background:#7dba33;line-height:44px; color:#FFF; text-align:center; margin-bottom:45px; font-size: 30px; font-weight: normal;}
.content-contact-box-left {width:40%; float:left;}
.content-contact-box-right {width:40%; float:right;}

.input-text {width:98%; height:28px; border:solid 1px #9c9c9c; margin-top:8px; text-indent:5px; outline:none;}

.input-text:focus{border:solid 1px #7dba33;}
span.wpcf7-list-item{margin-left: 0.7em !important;}
.submit {width:220px; height:45px; background:#7dba33; border:none; margin:20px auto; font-size:24px; color:#FFF;}
.submit:hover {background:#025784; cursor:pointer;}

.customer-heading {text-align:center; margin-top:45px;}

.content-testimonial {width:28%; float:left; margin:25px 15px 0 15px; text-align:center;} 
.content-testimonial img {text-align:center;clear:both; float:none !important;}
.content-testimonial a { display:none;}
.testi-img-mast{width: 49%; margin: 0px auto; height: 126px; border: 3px solid #959595; border-radius: 50%; overflow: hidden; position:relative;}

.single-testimonial h3{ margin:20px 0px;}

.ranking-pic {text-align:center;}
.content-testimonial p{text-align:center; padding:5px;}

.content-last-box {min-height:405px; background:#069; width:100%; margin-top:100px;}
.content-top-box h1 {text-align:center; color:#FFF; padding-top:30px;}
.content-top-box p {text-align:center; color:#FFF; width:40%; margin:15px auto; line-height:20px; }

.content-left-box {float:left; width:52%; color:#FFF; text-align:justify;}
.content-left-box p {line-height:20px; font-size:14px;}
.content-left-box h2 {margin-bottom:10px;}

.content-right-box {float:right; width:20%; color:#FFF;}
.content-right-box  h2 {margin-bottom:10px;}
.content-right-box p {line-height:20px;}

.footer {height:63px;}

.footer-text {line-height:54px; float:left;}

.icons {float:right; margin-top:5px;}

.icons ul li{ display:inline-block; width:39px; height:39px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; text-align:center; background:#cadef3; margin-left: 8px;}

.icons ul li:hover{ background:#025784;}

.icons ul li a{ width:25px;  margin:4px auto; display:block; text-align:center; height: 33px;}

.icons ul li.twitter a{ background:url(image/social-icons.png) no-repeat -7px 0px;}
.icons ul li.fb a{ background:url(image/social-icons.png) no-repeat -34px 0px;}
.icons ul li.linkdin a{ background:url(image/social-icons.png) no-repeat -57px 0px;}
.icons ul li.gmail a{ background:url(image/social-icons.png) no-repeat -86px 0px;}
.icons ul li.rss a{ background:url(image/social-icons.png) no-repeat -117px 0px;}

.display_none{ display:none;}

.res-menu{ display:none;} 

.contact-page .wpcf7{margin-left: 0px;}

.contact-page .submit{ margin:20px auto;}

/* Smartphones*/
@media only screen  and (max-width : 1024px) {
	.header, .center-box { width:95%;}
	.slider { height:auto;}
	

}

@media only screen  and (max-width : 768px) {
	.header-bg, .header, .header-right { height:128px;}
	.header-left img{ width:100%;}
	.header-right { width:74%;}
	.header-right-no-box{ margin-bottom:10px;}
	.phone-fist, .phone-two { margin-top:0px;}
	.phone-heading, .phone-fist, .phone-two, .menu li a{ font-size:100%;} 
	.slider-bottom-box { width:23%;}
	.input-text{ width:100%;}
	.testi-img-mast { height:101px;}
	.contact-page .wpcf7{margin-left: 0px;}
}

@media only screen  and (max-width : 640px) {
	.menu { display:none;}
	.res-menu{ display:block;} 
	.slider-bottom { height:auto; padding-bottom:20px;}
	.slider-bottom-box { width:47.5%;}
	.content-contact-box-left, .content-contact-box-right { width:100%; float:none; margin-bottom:15px;}
	.content-testimonial{ width:45%;}
	.testi-img-mast { height:135px;}
	.content-last-box{ padding-bottom:10px;}
	.content-top-box p { width:auto;}
	.content-left-box, .content-right-box  { float:none; width:100%; margin-bottom:20px;}
	.footer{ height:auto;}
	.footer .center-box{ padding-bottom:10px;}
	.footer-text, .icons { float:none; text-align:center;}
}

@media only screen  and (max-width : 480px) {
	.content-testimonial{ width:43%;}
	.testi-img-mast { height:97px;}
}

@media only screen  and (max-width : 360px) {
	.slider-bottom-box {
    	width: 100%;
	}
	.submit {margin: 20px auto; width: 220px;}
	.content-testimonial { width:92%;}
	.testi-img-mast { height:155px;}
	.footer-text { line-height:normal;}
}

@media only screen  and (max-width : 320px) {
	testi-img-mast { height:138px;}
}