/*
Theme name: Whiteys Painting & Maintenane
*/

@charset "utf-8";
/* CSS Document */

body { 
font-family: 'Open Sans', sans-serif; 
font-size:14px; 
margin:0; 
padding:0; 
line-height:28px; 
background:#909090;
color:#666;
font-weight:normal;
}
.nobotpad{padding-bottom:0px;}
.mycontainer{width:1200px; margin:3% auto 0; padding:0; background:#fff;}
.bgcolor{background:#fff;}

/*Basic Styles*/
a:focus img { border:none !important; outline:none !important}
img a:focus { border:none !important; outline:none !important}
a:focus  { border:none !important; outline:none !important}
a {transition: .2s ease-in; }

ul { margin:0; padding:0}
li { list-style:none; line-height:30px;}

.no-pad { padding:0 !important}
.no-pad-L { padding-left:0 !important}
.no-pad-R { padding-right:0 !important}

.full-img  img {width:100%; height:auto;}
textarea { resize:vertical;}


/* This hides the dropdowns */
.nav li ul {
  background: #000000 none repeat scroll 0 0;
  display: none;
  font-family: "Open Sans" !important;
  font-size: 13px !important;
  left: 0;
  top: 100%;
  width: 170px;
}
.nav li ul ul { left:250px; top:0}
.nav ul li a {display: block;padding:5px 15px;text-decoration: none;color: #fff;}
.nav ul li a:hover { background: #000;}

/* Display the dropdown */
.nav li:hover > ul {display: block;position: absolute;z-index:9999999;}
.nav li:hover li { float: none;}
.nav li li:hover a { background: #C73832;}
.nav li:hover a { background: #C73832; }
.nav li:hover li a:hover { background: #982F2A;}
.nav ul ul ul {left: 100%;top: 0;background:#000;}
p {font-family: 'Open Sans', sans-serif; font-size: 14px}
.rows { width:100%; float: left; margin: 20px 0;}
.carousel-control.left { background: none transparent !important}
.carousel-control.right { background: none transparent !important}
.navbar-default {
background: none transparent !important ;
border: none !important;
box-shadow:none !important;
}
.navbar { margin-bottom: 0 !important}

.navbar-default .navbar-nav > li > a {color: #000 !important; font-size:14px;}

.nav > li > a {
display: block;
padding: 19px 10px;
position: relative;
text-transform: capitalize;
width: 100%;
float: left;
}
.nav > li {}
.nav > li:hover {}
.navbar-collapse { padding:0}
.carousel-indicators .active {
background-color: #207eca !important;
height: 11px;
margin: 0;
width: 11px;
}

.carousel-indicators li {
background-color: rgba(0, 0, 0, 1);
border:none;
border-radius: 10px;
cursor: pointer;
display: inline-block;
height: 11px;
margin: 0;
text-indent: -999px;
width: 11px;
}
.carousel-indicators {
bottom: 50px !important;
}


iframe { width:100%;}

/* =================================  Home page Css ================================= */
/*====================================================================================*/
.logo {width: 100%; float: left;}
.logo img { width:100%; height:auto}

.logo-2 {width: 100%; float: left;}
.logo-2 img { width:100%; height:auto; margin-top:15px}

.stamp {width: 100%; float: left;}
.stamp img { width:100%; height:auto}

#stamp { float:right}
#my-nav { float:left}

.top-main-bar { padding:20px 0; width:100%; float:left; border-bottom:7px solid #3b2423}
.slider {width: 100%; float: left; position:relative}
.slider .carousel-inner img { width:100%; height:auto}
.ban-txt { position:absolute; top:40%; left:8%; z-index:999999; background:#f0ece5; padding:15px; color:#c73832; text-transform:uppercase }
.ban-txt img { width:auto !important; float:left}
.ban-txt h1 { font-size:31px; margin:0 0 0 5px; padding:0;float:left;color:#c73832!important;;}
.ban-txt h1 i {font-size:39px; font-style:normal; font-weight:bold;color:#c73832!important;}
.ban-form {
  background: #c73832 none repeat scroll 0 0;
  border: 11px solid #982f2a;
  padding: 2px;
  position: absolute;
  right: 8%;
  top: 7%;
  width: 30%;
  z-index: 99999;
}
.ban-form input[type="text"],
.ban-form input[type="tel"],
.ban-form input[type="email"],
.ban-form textarea { width:100%; padding:0px 7px; border:1px solid #ccc; color:#000}
.ban-form input[type="submit"] { background:#444242; color:#fff; padding:5px 30px; border:none; cursor:pointer; display:table}

.ban-form h3 {
  background: rgba(0, 0, 0, 0) url("images/heading-border.jpg") repeat-x scroll center bottom;
  color: #ffffff;
  margin-bottom: 0;
  margin-top: 7px;
  padding-bottom: 10px;
  font-size:17px;
  text-align: center;
  text-transform: uppercase;
}
.ban-form p { color:#fff;}
.ban-form form { margin:13px;}
.ban-form2 { width:100%; background:#c73832; border:11px solid #982f2a; padding:2px;}
.ban-form2 input[type="text"],
.ban-form2 input[type="tel"],
.ban-form2 input[type="email"],
.ban-form2 textarea { width:100%; padding:7px; border:1px solid #ccc; color:#000}
.ban-form2 input[type="submit"] { background:#444242; color:#fff; padding:5px 30px; border:none; cursor:pointer; display:table}
.ban-form2 h3 { color:#fff; text-transform:uppercase; text-align:center; background:url(images/heading-border.jpg) repeat-x bottom center; padding-bottom:10px; margin-bottom:10px; font-size:20px}
.ban-form2 p { color:#fff;}
.ban-form2 form { margin:15px;}

.contacat-form { width:100%; background:#f3f2f2; border:2px solid #d1d1d1; padding:2px; border-radius:5px;}
.contacat-form input[type="text"],
.contacat-form input[type="tel"],
.contacat-form input[type="email"],
.contacat-form textarea { width:100%; padding:7px; border:1px solid #ccc; color:#000}
.contacat-form input[type="submit"] { background:#3b2423; color:#fff; padding:5px 30px; border:none; cursor:pointer; display:table;border-radius:5px;}
.contacat-form h3 { color:#fff; text-transform:uppercase; text-align:center; background:url(images/heading-border.jpg) repeat-x bottom center; padding-bottom:10px; margin-bottom:10px; font-size:20px}
.contacat-form p { color:#fff;}
.contacat-form form { margin:35px;}

.contact-add {
  background: #3b2423 none repeat scroll 0 0;
  border-radius: 8px;
  color: #ffffff;
  float: left;
  margin: 40px 0 26px;
  padding: 15px;
  width: 100%;
}
.contact-map {width:100%; float:left;border-radius:8px; overflow:hidden; border:2px solid #ccc; height:210px}
.contact-add .main-icons { width:80%; float:left; padding:0}
.contact-add i { font-size:20px;}

.contact-add .icon-size { width:9%; float:left; padding-top:5px; text-align:center}
.contact-add .icon-txt {
  float: left;
  width: 90%;
  padding-left: 10px;
  padding-top: 2px;
}

.wpm-contents { width:100%; float:left; margin:50px 0}
.wpm-contents h1 { font-size:29px; color:#c73832; margin-top:0}
.wpm-contents ul { margin:0; padding:0;}
.wpm-contents ul  ul{ margin:15px 0 15px 25px; padding:0}
.wpm-contents ul li {
  border-top: 1px solid #ccc;
  line-height: 20px;
  list-style-image: url("images/bullet.png");
  margin: 0 13px 0px;
  padding: 12px 0;
}.wpm-contents ul li:first-child{border-top:none;}
.wpm-contents ul li  li { list-style-image:url(images/bull.png);}
.wpm-contents p {text-align:justify}
.img-block { width:100%; float:left; text-align:center;}
.img-block img { margin:10px 0; display:inline-table}




.ban-bot-txt {padding:20px 0; width:100%; float:left; border-top:7px solid #3b2423; text-align:center; background:#473131; color:#fff; font-size:25px; font-weight:bold}

.cols {width:100%; float:left; margin-bottom:20px}
.cols img { width:100%; height: 163px;}
.cols h3 { font-size:18px; color:#555455;}
.cols p { width:100%; float:left; margin:0; padding:0; text-align:justify;}
.cols a { background:#676464; padding:5px 10px; color:#fff; font-size:12px;}
.m-services {width:100%; float:left; margin:50px 0}

.why-use {
  background: #be5544 url("images/bg1.png") no-repeat scroll center top;
  float: left;
  padding: 4%;
  width: 100%;
}
.white-bg { width:100%; float:left; background:#fff; padding:2%; margin:0}

.block1 {width:100%; float:left;}
.block1 h2 { color:#bc1515; font-size:29px; margin-top:0}
.block1 li { list-style-image:url(images/bullet.png); margin-left:10px }


.block2 {width:100%; float:left;}
.block2 img { width:100%;}


.block3 {width:100%; float:left;}
.block3 img { width:100%;}


.warrant-main {width:100%; float:left; margin:30px 0}
.warrant { width:75%; float:left; text-align:right}
.warrant h1 {
  color: #2e2c2c;
  font-size: 27px;
  margin-top: 35px;
}
.warrant h1 i { font-style:normal; font-weight:bold; color:#000}
.warrant-logo { width:125px; float:left; text-align:right}



.footer-main {
  background: #1f1213 none repeat scroll 0 0;
  border-top: 12px solid #d6d8d9;
  color: #c3c4c4;
  float: left;
  padding: 15px 45px;
  width: 100%;
}
.footer-main a {color:#c3c4c4; text-decoration:none;text-transform: capitalize;}
.footer-main a:hover {color:#fff; text-decoration:none;}
.footer-main h4 { font-family: 'Roboto Condensed', sans-serif; font-size:23px; color:#fff; border-bottom:1px solid #593b3e; padding-bottom:8px;}
.footer-main i { font-size:25px;}


.main-icons { width:100%; float:left; padding:12px 0}
.icon-size { width:9%; float:left; padding-top:5px}
.icon-txt {width:90%; float:left}

.f-block1 {width:100%; float:left;}


.f-block2 {width:100%; float:left;}

.f-block3 {width:100%; float:left; padding-top:40px}
.f-block3 img { width:100%; height:auto}

.copyright {width:100%; float:left; margin:20px 0; border-top:1px solid #222121; padding:10px 0}
.copy-Left {width:80%; float:left; font-size:11px; color:#abaaaa}
.copy-Right {width:14%; float:right;}
.copy-Right i { font-size:18px !important; margin-top:3px; color:#fff;}
.copy-Right a { background:#40292b; width:32px; height:32px; text-align:center; border-radius:50%; float:left; margin:0 5px; border:1px dotted #fff; padding-top:2px}

.testimonial-row { width:100%; float:left; margin:8px 0; background:#f7f6f6; border-radius:5px; padding:10px;}
.testimonial-word { width:100%; float:left;font-style:italic}
.testimonial-persone { width:100%; float:left; color:#c73832; text-align:right; font-weight:bold}
.testimonial-persone p {text-align:right !important;}

.blog-row { width:100%; float:left; margin:10px 0; border-bottom:4px solid #ececec; padding-bottom:20px;}
.blog-row:last-child { border:none}
.blog-row-R {width:100%; float:left; margin:10px 0;}
.blog-row-R figcaption { float:right; width:60%; line-height:19px}

.shedule {width:100%; float:left; margin:10px 0; font-size:12px;}
.shedule a.ss { background:#ccc; border-radius:50%; width:20px; height:20px; text-align:center; display:inline-block; line-height:21px; color:#fff}
.shedule a.ss:hover {background:#c73832;}
.blog-row .b-link {width:100%; float:left; text-align:right}

.blog-row .b-link a { background:#3b2423; color:#fff; text-decoration:none; padding:5px 10px; border-radius:5px;}
.contact-map img{width:100%;}
.blog-right h4 { color:#c73832; font-size:22px; border-bottom:4px solid #ececec; padding-bottom:8px; margin:0 0 15px 0}
.recent {width:100%; float:left; margin-bottom:20px;}
.recent ul { margin:0; padding:0;}
.recent li {
	width: 100%;
	float: left;
	list-style: inside;
}
.f-block1 a {
  padding: 0 9% 0 0;
}
.f-block1 li{
 display:inline;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  margin-right: -60px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  margin-left: -60px;
}
.blog-row > figure> img{width:100%;}
.dropdown:hover .dropdown-menu {
display: block;
}

.main_outer_m {
  background: #ffffff none repeat scroll 0 0;
  float: left;
  margin: 0;
  padding: 1% 3%;
  width: 100%;
}

/*********************************** add custom css *************************************/

.ban-txt > p {
  float: left;
  margin: 0;
}
.blog-row h4 {
  color: #c73832 !important;
  font-size: 20px;
  margin: 0 0 20px;
}
.single h4 {
  color: #c73832;
  font-size: 21px;
  margin: 0 0 20px;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -moz-appearance: none;
  background-color: #ffffff;
  border-color: #cccccc;
  border-radius: 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-sizing: border-box;
  display: block;
  font-family: inherit;
  margin: 0 0 1rem;
  padding: 0.5rem;
  transition: border-color 0.15s linear 0s, background 0.15s linear 0s;
  width: 100%;
}
label {
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
}
.submit {
  background: #c73832 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
  padding: 10px;
}
#archives-3 a {
  color: #666;
}
.cols12 {
  float: left;
  min-height: 400px;
  width: 100%;
}
div.wpcf7 img.ajax-loader {
  border: medium none;
  margin-left: 4px;
  vertical-align: middle;
  float: left;
  margin-bottom: 0px;
}

.main_outer_m {
  background: #ffffff none repeat scroll 0 0;
  float: left;
  margin: 0;
  padding: 1% 3%;
  width: 100%;
}
.jq-overlay-item img {
  max-height: 80% !important;
  max-width: 88% !important;
  position: relative;
}
.sld {
  float: left;
  margin: 5% 0;
  padding: 0;
  width: 100%;
}
.jq-scroller {
  border: 0 !important;
  border-radius: 0px !important;
  box-shadow:none !important;
  padding-top: 0px !important;
}
.jq-scroller-preview {opacity:1 !important;height: 100% !important;}
.jq-scroller-item  {width:25% !important;  }

.map {
  margin: 20px 0;
}
.steps_main {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
.steps_main > h2 {
  border-bottom: 1px dashed #c73832;
  color: #c73832;
  font-size: 24px;
  margin: 0 0 20px;
  padding: 0 0 15px;
}
.steps_main h4 {
  color: #000;
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}
.steps_main h5 {
  color: #000;
  font-size: 20px;
  margin: 15px 0;
}
.steps_main strong {
  color: #000;
}
.four-col a {
  color: #000;
  font-size: 13px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.four-col a:hover {
  color: #c73832;
}
.scroll_box_b {
  float: left;
  height: 330px;
  overflow-y: scroll;
  width: 100%;
}.single img{width:100%; height:auto;}@media(max-width:767px){.container { margin:0 !important; width: 100% !important; float: left; text-align: justify;}}@media(max-width:480px) {h1, h2, h3, h4, h5, h6 { text-align:center;}}.one-col { column-count:1; -moz-column-count:1; -webkit-column-count:1}.two-col { column-count:2; -moz-column-count:2; -webkit-column-count:2}.three-col { column-count:3; -moz-column-count:3; -webkit-column-count:3}.four-col { column-count:4; -moz-column-count:4; -webkit-column-count:4}@media (min-width:320px) and (max-width: 480px) {.two-col { column-count:1; -moz-column-count:1; -webkit-column-count:1}.three-col { column-count:1; -moz-column-count:1; -webkit-column-count:1}.four-col { column-count:1; -moz-column-count:1; -webkit-column-count:1}}@media (min-width:580px) and (max-width: 767px){.two-col { column-count:2; -moz-column-count:2; -webkit-column-count:2}.three-col { column-count:2!; -moz-column-count:2; -webkit-column-count:2}.four-col { column-count:2; -moz-column-count:2; -webkit-column-count:2}}@media (min-width:768px) and (max-width: 979px){.two-col { column-count:2; -moz-column-count:2; -webkit-column-count:2}.three-col { column-count:3; -moz-column-count:3; -webkit-column-count:3}.four-col { column-count:3; -moz-column-count:3; -webkit-column-count:3}}@media (min-width:980px) and (max-width: 1500px){.two-col { column-count:2; -moz-column-count:2; -webkit-column-count:2}.three-col { column-count:3; -moz-column-count:3; -webkit-column-count:3}.four-col { column-count:4; -moz-column-count:4; -webkit-column-count:4}}@media (min-width:992px)and (max-width:1199px){	.top-main-bar{padding:15px 0 0;}	.nav > li > a{padding:19px 20px;}	.ban-txt{left:3.5%;}	.ban-txt img{width:45px!important;height:45px!important;}	.ban-txt h1{font-size:25px;}	.ban-form{width:36%; right:3.5%;top:7px; bottom:7px;}	.img-block img{width:100%; height:auto;}	.copy-Right{width:16%;}	.blog-right img{width:100px; height:100px;}	.footer-main{padding:15px 20px;}}@media (min-width:768px)and (max-width:991px){	.main_outer_m{padding:1%;}	.top-main-bar{padding:15px 0 0;}	.nav > li > a{padding:19px 12px;}	.ban-form{float:left; position:relative;top:0;left:auto;right:auto;bottom:auto;width:100%;}	.ban-bot-txt{margin-top:15px;}	.ban-txt{left:8%; right:8%;}	.footer-main{padding:15px 20px;}	.copy-Right{width:20%;}	.f-block1 a{padding:0 6% 0 0;}	.img-block img{width:100%; height:auto;}	.ban-form2{border:8px solid #982f2a;}	.ban-form2 form{margin:10px;}	.ban-form2 h3{font-size:15px;}	.blog-right img{width:75px; height:75px;float:left;}	.blog-right figcaption{float:left; width:100%;}}@media (max-width: 767px) {.nav > li { float:left; width:100%; }	.nav li ul { font-size:13px !important; font-family: 'Open Sans'!important;}	.nav li ul li {list-style:none !important; margin:2px 0}.nav li ul { display: none; left:0; top:100%; background:#2c355b;font-size:13px !important; font-family: 'Open Sans'!important; position:absolute; padding-left:15px;width:100%; }	.nav li ul li a { border-bottom: 1px solid #5DB5F3; background: #389BE0; font-size: 12px;}.logo, .logo-2 {text-align:center;}.logo img { width:auto; height:auto}	.logo-2 img{width:auto; height:auto;margin:15px 0;max-width:100%;}#stamp{float:none;text-align:center;}.stamp img{width:auto;}.navbar-default .navbar-toggle { background-color: #51A9E6!important; }.navbar-nav{margin:0;}.nav li ul{padding-left:0;}.navbar-default .navbar-toggle .icon-bar {  background-color: #FFF!important; }.cols12{min-height:100%;margin-bottom:30px;height:auto;}.img-block img{width:100%; height:auto;}.block2, .block3{text-align:center;}.block2 img, .block3 img{width:auto;max-width:100%;}.f-block1 li{display:block; text-align:center;}.f-block1 li a{padding:0;}.copy-Left, .copy-Right{width:100%;}.copy-Left{margin-bottom:15px;}.copyright{text-align:center;}.copy-Right a{float:none; display:inline-block;}.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right:-55px;}.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left:-55px;}.blog-right img{float:left; padding-right:15px;width:auto;height:auto;}.blog-right figcaption{float:left;width:100%; clear:both;}.block1 li{text-align:left;line-height:25px;font-size:13px;}}@media (max-width:400px){	.wpm-contents p{text-align:left;line-height:25px;}}@media (min-width:240px)and (max-width:479px){	.navbar-toggle{margin-right:0;}	.ban-txt{left:0!important; right:0;bottom:0; top:auto;text-align:center;position:relative; float:left; width:100%;}	.ban-txt > p{float:none; display:inline-block;}	.ban-txt h1{float:none;margin:0!important;}	.carousel-indicators{display:none;}.ban-txt img{width:25px!important; height:25px!important;}	.img-block img{width:100%; height:auto;}	.ban-form2 input[type="text"], .ban-form2 input[type="tel"], .ban-form2 input[type="email"], .ban-form2 textarea{padding:0 5px;}.ban-form2 h3{font-size:13px;}.wpm-contents h1{font-size:24px;}.contacat-form form{margin:15px;}.contact-add .main-icons{width:100%;text-align:center;}.contact-add .icon-size{display:inline-block; float:none;width:auto;}.contact-add .icon-txt{padding-left:0; width:100%;color:#fff;}.blog-right img{width:90px; height:90px;}.blog-row-R figcaption{font-size:11px;}.ban-bot-txt{font-size:18px; padding:20px;}.why-use{padding:2%;}.white-bg{padding:1%;}.wpm-contents ul ul{margin:15px 0;}.wpm-contents ul li{text-align:left;}}