/*
Theme Name: mainspecplumbing
Theme URI: http://www.mainspecplumbing.com.au
*/

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




/*
========================================
	Default Element
========================================
*/
*{ margin:0; padding:0;}
img{ border:none;}
li{ list-style: none;}
.clearfix:after{ height:0; content:"."; display:block; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
.clear{clear:both;}
a{text-decoration:none;}



body{margin:0px;  padding: 0px 0 0 ;
font-family:Arial, Helvetica, sans-serif; 
line-height:18px;
 background-size:cover; -moz-background-size:cover;
 -webkit-background-size:cover;}
/*
========================================
	Wrapper
========================================
*/
.wrapper{width:100%; max-width:1000px; margin:0 auto;}






@font-face {
    font-family: 'PatuaOneRegular';
    src: url('fonts/patuaone-regular.eot');
    src: url('fonts/patuaone-regular.eot') format('embedded-opentype'),
         url('fonts/patuaone-regular.woff') format('woff'),
         url('fonts/patuaone-regular.ttf') format('truetype'),
         url('fonts/patuaone-regular.svg#PatuaOneRegular') format('svg');
}



@font-face {
    font-family: 'avantgarde_bk_btbook';
    src: url('fonts/avgardn_0-webfont.eot');
    src: url('fonts/avgardn_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avgardn_0-webfont.woff2') format('woff2'),
         url('fonts/avgardn_0-webfont.woff') format('woff'),
         url('fonts/avgardn_0-webfont.ttf') format('truetype'),
         url('fonts/avgardn_0-webfont.svg#avantgarde_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avantgarde_bk_btbook_oblique';
    src: url('fonts/avgardni_0-webfont.eot');
    src: url('fonts/avgardni_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avgardni_0-webfont.woff2') format('woff2'),
         url('fonts/avgardni_0-webfont.woff') format('woff'),
         url('fonts/avgardni_0-webfont.ttf') format('truetype'),
         url('fonts/avgardni_0-webfont.svg#avantgarde_bk_btbook_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avantgarde_bk_btdemi_oblique';
    src: url('fonts/avgarddo_0-webfont.eot');
    src: url('fonts/avgarddo_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avgarddo_0-webfont.woff2') format('woff2'),
         url('fonts/avgarddo_0-webfont.woff') format('woff'),
         url('fonts/avgarddo_0-webfont.ttf') format('truetype'),
         url('fonts/avgarddo_0-webfont.svg#avantgarde_bk_btdemi_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avantgarde_bk_btdemi';
    src: url('fonts/avgardd_0-webfont.eot');
    src: url('fonts/avgardd_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avgardd_0-webfont.woff2') format('woff2'),
         url('fonts/avgardd_0-webfont.woff') format('woff'),
         url('fonts/avgardd_0-webfont.ttf') format('truetype'),
         url('fonts/avgardd_0-webfont.svg#avantgarde_bk_btdemi') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'avantgarde_bk_btbook';
    src: url('fonts/avgardn_1-webfont.eot');
    src: url('fonts/avgardn_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avgardn_1-webfont.woff2') format('woff2'),
         url('fonts/avgardn_1-webfont.woff') format('woff'),
         url('fonts/avgardn_1-webfont.ttf') format('truetype'),
         url('fonts/avgardn_1-webfont.svg#avantgarde_bk_btbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
.bgconatiner {
  background: rgba(0, 0, 0, 0) url("images/bakground.jpg") no-repeat scroll center top / cover ;
  float: left;
  width: 100%;
}
.naveare {
  background: #0784bf none repeat scroll 0 0;
  float: left;
  width: 100%;
}

.headersection {
  float: left;
  width: 100%;
}
.logocl {
  float: left;
  width: 446px;
}

.model {
  float: left;
  margin: 0 95px 0 100px;
  max-width: 126px;
  width: 100%;
}
.phonenp {
  background: rgba(0, 0, 0, 0) url("images/phone.png") no-repeat scroll 0 1px;
  float: right;
  font-family: Arial;
  font-size: 23px;
  line-height: 47px;
  margin-top: 17px;
  padding-left: 50px;
  width: 30%;
}
.slocialsec {
  float: right;
  width: 52%;
}
.slocialsec a:hover{color:#5F6164;}
.phonenp a{color:#0784BF;}
.emailsec a{color:#0784BF;}
.emailsec {
  background: rgba(0, 0, 0, 0) url("images/mail.png") no-repeat scroll 0 1px;
  float: left;
  font-family: Arial;
  font-size: 23px;
  line-height: 47px;
  margin-top: 17px;
  padding-left: 50px;
  width: 50%;
}
.otherdet {
  background: url("images/home.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #fff;
  float: left;
  font-family: PatuaOneRegular;
  font-size: 18px;
  line-height: 35px;
  text-align: right;
  width: 100%;
}

.navigationss {
  float: left;
  width: 100%;
}
nav {
	width:100%;
	display:block;
	position:relative;
	z-index:2;
}
.menutriger {
	display:none;
}
nav ul {
	width:auto;
	margin:auto;
	list-style-type:none;
background:;
}
nav ul li {
  color: #f1f1f1;
  float: left;
  line-height: 36px;
  padding: 0 28px;
  position: relative;
}
nav ul li:last-child {
  padding-right: 0;
}
nav ul li:first-child {
  padding-left: 0;
}
nav ul li a {
  color: #fff;
  display: block;
  font: 24px/45px arial;
  text-align: center;
  text-decoration: none;
}
nav ul li a:hover, nav ul li a.selected {
  color: #414142;
  text-decoration: none;
}

nav ul li ul {
display:none;
}
nav ul li:hover ul {
  background: none repeat scroll 0 0 #97999c;
  display: block;
  left: 30%;
  padding: 10px 7px 0;
  position: absolute;
  top: 40px;
  width: 194px;
  z-index: 10000;
}
nav ul li ul li {
float:none;
margin:0px;
border-bottom:1px solid #626264;
background:none; position:relative;  font:normal 16px 'MyriadProRegular'; line-height:26px; color:#b5b28d; height:30px; padding:0; border-right:none;
border-left:none;
border-top:none;
}
nav ul li ul li:last-child {
	border-bottom:none;
}
nav ul li ul li a {
	font:normal 16px Arial, Helvetica, sans-serif;
	line-height:26px;
	color:#FFF;
	height:30px;
	padding:0 0 0 5px !important;
}
nav ul li ul li a:hover {
	height:30px;
	background:none;
}
nav ul li ul li ul {
	display:none;
	visibility:hidden;
}
nav ul li ul li:hover ul {
	display:block;
	visibility:visible;
	left:180px;
	top:0px;
}
.bannersec {
 
  float: left;
  width: 100%;
  
}
.headlines {
  float: left;
  padding: 10px 0;
  width: 100%;
}
.headlinse {
  background: #0784bf none repeat scroll 0 0;
  float: left;
  width: 100%;
}

.headlines h1 {
  color: #fff;
  font-size: 29px;
  margin-bottom: 10px;
  margin-top: 7px;
  text-align: center;
}
.headlines p {
  color: #fff;
  font-family: Arial;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}

.mainblock {
  float: left;
  width: 100%;
}
.block1 {
  background: none repeat scroll 0 0 #000;
  border-radius: 13px;
  float: left;
  margin-right: 10px;
  padding: 0 0 12px;
  width: 326px;
}
.rowhw {
  float: left;
  height: 404px;
  width: 100%;
}
.row_details {
  float: left;
  margin-bottom: 15px;
  padding: 9px 9px 0;
  width: 90.5%;
}
.row_details h5 {
  color: #fff;
  font: italic bold 15px/25px Arial,Helvetica,sans-serif;
  margin-bottom: 12px;
}
.row_details img {
  border-radius: 8px;
  float: left;
  margin: 0 5px 10px 0;
  max-width: 28%;
}
.row_details h4 {
  color: #fff;
  font: bold 15px/18px Arial,Helvetica,sans-serif;
  margin-top: 31px;
}
.block1cont {
  float: left;
  width: 100%;
}

.block2 {
  background: none repeat scroll 0 0 #000;
  border-radius: 13px;
  float: left;
  margin-right: 10px;
  padding-bottom: 10px;
  width: 328px;
}

.block3 {
  background: none repeat scroll 0 0 #000;
  border-radius: 13px;
  float: left;
 
  width: 326px;
}

.title1 {
  border-bottom: 1px solid #fff;
  color: #0784bf;
  font-family: PatuaOneRegular;
  font-size: 35px;
  line-height: 70px;
  text-align: center;
}
.title2 {
  border-bottom: 1px solid #fff;
  color: #0784bf;
  font-family: PatuaOneRegular;
  font-size: 35px;
  line-height: 70px;
  text-align: center;
}
.title3 {
  border-bottom: 1px solid #fff;
  color: #0784bf;
  font-family: PatuaOneRegular;
  font-size: 35px;
  line-height: 70px;
  text-align: center;
}


.inp1 {
  border: 0 none;
  border-radius: 8px;
  color: #171113;
  float: left;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 9px 0 9px 11px;
  width: 97%;
}
.mea {
  border: medium none;
  border-radius: 8px;
  color: #171113;
  float: left;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  height: 146px;
  margin-bottom: 10px;
  padding: 9px 0 8px 11px;
  width: 97%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .mea {
  border: medium none;
  border-radius: 8px;
  color: #171113;
  float: left;
  font-family: Arial;
  font-size: 20px;
  font-weight: bold;
  height: 159px;
  margin-bottom: 10px;
  padding: 9px 0 8px 11px;
  width: 97%;
}
}
.block2cont {
  float: left;
  padding: 10px 10px 0;
  width: 94%;
}
.contact3 {
  float: left;
  padding: 37px 14px 22.2px;
  width: 91%;
}
.contact3 img {
  float: left;
  margin-right: 18px;
}
.contact3 h3 {
  color: #ffffff;
  float: left;
  font: bold 16px/20px Arial,Helvetica,sans-serif;
  margin: 16px 0 0;
  width: 68%;
}


.contact3 a {
  color: #fff;
}

.contact3 a:hover {
  color: #0784bf;
}

.readmoerepd {
  background: none repeat scroll 0 0 #0784bf;
  border-radius: 8px;
  color: #fff;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  line-height: 27px;
  padding: 8px 40px;
  text-align: center;
  text-decoration: none;
}
.readbutomn {
  float: left;
  margin: 10px 0 0;
  text-align: center;
  width: 100%;
}

.sendbutn {
  background: none repeat scroll 0 0 #0784bf;
  border: medium none;
  border-radius: 8px;
  color: #fff;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 45px;
}

.submitbut {
  float: left;
  margin-top: 10px;
  text-align: center;
  width: 100%;
}
.bakholder {
  float: left;
  padding: 10px 0 0;
  width: 100%;
}


.subfooterc {
  color: #fff;
  float: left;
  font-family: Arial;
  font-size: 16px;
  width: 34%;
   line-height: 37px;
}
.copm {
  float: left;
  margin-left: 70px;
  margin-top: 5px;
  text-align: right;
}

.ssla {
  float: right;
  text-align: right;
}

.subfooterb {
  float: left;
  font-family: Arial;
  font-size: 16px;
  text-align: center;
  width: 33%;
   line-height: 37px;
}

.subfootera {
  float: left;
  font-family: Arial;
  font-size: 16px;
  width: 33%;
   line-height: 37px;
}
.mainfooter {
  float: left;
  width: 100%;
}
.footerarea {
  background: none repeat scroll 0 0 #000000;
  float: left;
  width: 100%;
}

.mainfooter a{color:#fff;}
.mainfooter a:hover{color:#0784bf;}

.alignrights {
  float: right;
  margin-top: -8px;
}
.mainbldleft h2 {
  color: #000;
  font-size: 30px;
  font-weight: bold;
  line-height: 65px;
}
.mainbldleft p {
  font-family: Arial;
  font-size: 17px;
  line-height: 22px;
}

.mainbld {
  float: left;
  width: 100%;
}
.mainbldleft dl {
counter-reset: my-badass-counter;
}
.mainbldleft dl dt {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 10px;
  padding-left: 55px;
  padding-top: 10px;
  position: relative;
}

.mainbldleft dl dt::before {
  color: #0784bf;
  content: counter(my-badass-counter, decimal);
  counter-increment: my-badass-counter;
  font: bold 45px/54px sans-serif;
  left: 0;
  position: absolute;
  top: 0;
}
.mainbldleft dl dt:nth-of-type(3)::before {
  font: bold 43px/71px sans-serif;
}
.mainbldleft dl dt:nth-of-type(4)::before {
  font: bold 43px/71px sans-serif;
}

.mainbldleft dl dt:nth-of-type(2)::before {
  font: bold 45px/85px sans-serif;
}
.container_d {
  background: none repeat scroll 0 0 #fff;
  float: left;
  padding: 10px;
  width: 98%;
}
.container_left {
  float: left;
  padding-top: 10px;
  width: 69%;
}
.aboutarea {
  width: 100%;
}
.aboutarea h1 {
  color: #5f6164;
  font-family: "PatuaOneRegular";
  line-height: 40px;
  text-align: left;
}
.aboutarea p {
  color: #5f6164;
  font: 14px/23px Arial,Helvetica,sans-serif;
  padding-bottom: 19px;
}
.aboutarea li {
    color: #5f6164;
    font-family: Arial;
    font-size: 14px;
    list-style-type: square;
    margin: 0 0 0 13px;
    padding: 0 0 0.5em;
}
.container {
  float: left;
  padding: 10px 0;
  width: 100%;
}
.latest_newss li img {
  float: left;
  margin-bottom: 3px;
  margin-right: 9px;
}
.container_right {
  background: #0784bf none repeat scroll 0 0;
  float: right;
  padding: 15px 12px 0;
  width: 27%;
}
.tsl {
  float: left;
  margin-bottom: 20px;
  padding-bottom: 20px;
  width: 100%;
}
.tsl h3 {
  background-color: #5f6164;
  color: #ffffff;
  font-family: Arial;
  font-size: 18px;
  line-height: 45px;
  padding: 2px 10px;
  text-align: center;
  text-transform: uppercase;
}
.latest_newss {
  border-radius: 5px;
  float: right;
  width: 100%;
}
.latest_newss li {
  float: left;
  margin: 10px 0 0;
  padding: 5px;
  width: 96%;
}
.latest_newss li h4 {
  color: #fff;
  font: bold 16px/24px Arial,Helvetica,sans-serif;
}

.latest_newss li p {
  color: #ffffff;
  font: 13px/20px Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0 0 10px;
  text-align: left;
}
.latest_newss li p a {
  color: #fff;
  font: 14px/20px Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.from_about {
  float: left;
  margin: 4% 0 0 4%;
  width: 96%;
}
.aboutarea a:hover {
  color: #0784bf;
}
.aboutarea a {
  color: #5f6164;
}
.about_namess {
  background-color: #fff;
  border: 1px solid #0061af;
  color: #000000;
  float: left;
  font: 14px Arial,Helvetica,sans-serif;
  margin: 0 5px 6px 0;
  padding: 7px;
  width: 91%;
}
.ee a {
  display: none;
}

.subrotaing {
  background: #5f6164 none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  padding: 7px 20px;
}
.subrotaing:hover {
  background: #000 none repeat scroll 0 0;
}
.blog_area {
  background: none repeat scroll 0 0 #fff;
  float: left;
  padding: 0 10px;
  width: 98%;
}
.contact {
  float: left;
  padding: 18.2px 0 18px;
  width: 100%;
}
.contact h1 {
  color: #000;
  font: bold 20px/20px "MyriadProBold";
  margin-bottom: 20px;
}

.contact_part {
  float: left;
  max-width: 315px;
  width: 100%;
}
.contact_part img {
  float: left;
  padding-right: 12px;
}
.contact p {
  color: #000;
  font: 16px/40px Arial,Helvetica,sans-serif;
  padding-right: 18px;
}
.contact p span {
  color: #000;
  font: 20px Arial,Helvetica,sans-serif;
}
.contact p a {
  color: #000;
  font: 16px/34px Arial,Helvetica,sans-serif;
  text-decoration: none;
}
.contact_part2 {
  float: right;
  max-width: 312px;
  width: 100%;
}
.contact_part2 {
  float: right;
  max-width: 312px;
  width: 100%;
}
.contact p {
  color: #000;
  font: 16px/40px Arial,Helvetica,sans-serif;
  padding-right: 18px;
}
.contact p a {
  color: #000;
  font: 16px/34px Arial,Helvetica,sans-serif;
  text-decoration: none;
}
.contact_address {
  float: left;
  margin-bottom: 20px;
  width: 98%;
}
.contact_address_name {
  border: 1px solid #0061af;
  color: #0061af;
  float: left;
  font: 14px Arial,Helvetica,sans-serif;
  height: 26px;
  margin: 0 5px 8px 0;
  padding: 2px 5px 2px 10px;
  width: 43.2%;
}
.contact_address_phone {
  border: 1px solid #0061af;
  color: #0061af;
  float: left;
  font: 14px Arial,Helvetica,sans-serif;
  height: 26px;
  margin: 0 0 8px;
  max-width: 500px;
  padding: 2px 5px 2px 10px;
  width: 100%;
}
.contact_message {
  border: 1px solid #0061af;
  color: #0061af;
  float: left;
  font: 14px Arial,Helvetica,sans-serif;
  height: 195px;
  margin-bottom: 8px;
  padding: 2px 5px 2px 10px;
  width: 96.5%;
}
.singlcontent p {
  color: #5f6164;
  font-size: 14px;
  line-height: 24px;
  margin: 12px 0;
}
.singlcontent li {
    color: #5f6164;
    font-family: Arial;
    font-size: 14px;
    list-style-type: square;
    margin: 0 0 0 13px;
    padding: 0 0 0.5em;
}
.contact h4 {
  color: #5f6164;
  font-family: Arial;
  font-size: 22px;
  margin-bottom: 14px;
}

.backcc {
  background: none repeat scroll 0 0 #fff;
  float: left;
}
#news_leftpanel {
  float: left;
  width: 71%;
}
.news_blog {
  float: left;
}
.news_blog h2 {
  color: #828284;
  font: 22px/42px "HelveticaNeueLTPro75Bold";
}
.blog_pic {
  float: left;
  margin: 0 16px 0 0;
  max-width: 300px;
  width: 100%;
}
.news_blog p {
  color: #000;
  float: left;
  font: 14px/24px Arial,Helvetica,sans-serif;
  margin-bottom: 1%;
  width: 51%;
}
.news_blog p {
  color: #000;
  float: left;
  font: 14px/24px Arial,Helvetica,sans-serif;
  margin-bottom: 1%;
  width: 51%;
}
.permalink_box {
  border-bottom: 1px solid #0061af;
  border-top: 1px solid #0061af;
  float: left;
  margin: 15px 0;
  padding: 10px 0;
  width: 656px;
}

.permalink_box ul {
  float: left;
  list-style: outside none none;
  margin-bottom: 0;
  width: 440px;
}

.permalink_box ul li {
  color: #000;
  float: left;
  font: 12px/18px Arial,Helvetica,sans-serif;
  padding: 0 25px 0 0;
  vertical-align: top;
}
.permalink_box ul li img {
  float: left;
}
.permalink_box ul li a {
  color: #000;
  float: left;
  font: 12px/18px Arial,Helvetica,sans-serif;
  text-decoration: none;
}
.permalink_right {
  float: right;
  width: 93px;
}
.permalink_right ul {
  float: left;
  list-style: outside none none;
  margin-bottom: 0;
  width: 440px;
}
.permalink_right ul li {
  color: #42413f;
  float: left;
  font: 12px/18px Arial,Helvetica,sans-serif;
  padding: 0 25px 0 0;
  vertical-align: top;
}
.permalink_right ul li img {
  float: left;
}
.permalink_right ul li a {
  color: #000;
  float: left;
  font: 12px/18px Arial,Helvetica,sans-serif;
  text-decoration: none;
}
.read_more > a {
  background: none repeat scroll 0 0 #0061af;
  border-radius: 6px;
  color: #fff;
  padding: 8px 15px;
  text-decoration: none;
}
.read_more > a:hover {
  background: none repeat scroll 0 0 rgba(0, 97, 197, 0.6);
  border-radius: 6px;
  color: #000;
  padding: 8px 15px;
  text-decoration: none;
}

#news_rightpanel {
  background: none repeat scroll 0 0 #3fbae1;
  float: right;
  padding: 15px 12px 0 16px;
  width: 24.5%;
}
.archives {
  float: left;
  margin-top: 20px;
  padding-bottom: 20px;
  width: 100%;
}
.archives h3 {
  background-color: #5f6164;
  color: #ffffff;
  font: 18px/40px Arial,Helvetica,sans-serif;
  padding: 2px 10px;
  text-transform: uppercase;
}
.archives ul {
  list-style: outside none none;
  padding: 16px 0 0 11px;
}
.archives ul li {
  background: url("images/arrowss.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
  float: left;
  width: 96%;
}
.archives ul li a {
  color: #fff;
  float: left;
  font: 13px/25px Arial,Helvetica,sans-serif;
  text-decoration: none;
}

.testimmonials_containt {

  float: left;
  margin-top: 25px;
  padding: 0 10px;
  width: 98%;
}
.testimmonials_containt h4 {
  color: #444b50;
  font: bold 21px/20px Arial;
  margin-bottom: 20px;
}
.testimonial_box {
 
  border: 1px solid #242021;
  float: left;
  margin: 3px 9px 6px 14px;
  width: 97%;
}
.testimonial_box img {
  box-shadow: 1px 1px 3px #242021;
  float: left;
  height: 70px;
  margin: 10px;
  padding: 10px;
  width: 70px;
}
.testimonial_box .testimo_text {
  background: rgba(0, 0, 0, 0) url("images/quote_start.png") no-repeat scroll left top;
  float: right;
  margin: 10px 10px 10px 19px;
  padding: 0 0 0 5px;
  width: 81%;
}

.testimonial_box .testimo_text2 {
  background: rgba(0, 0, 0, 0) url("images/quote_end.png") no-repeat scroll right bottom;
  padding: 0 10px 0 26px;
}
.testimonial_box .testimo_text2 p {
  color: #6d6e6e;
  font: 13px/20px Arial,Helvetica,sans-serif;
  text-align: justify;
}
.name {
  color: #000;
  float: right;
  font: 16px/20px Arial,Helvetica,sans-serif;
  margin: 10px 10px 10px 0;
  width: 200px;
}
.name b {
  color: #6d6e6e;
  float: right;
  font: bold 15px/20px Arial,Helvetica,sans-serif;
  text-align: right;
}
.readmoerepd:hover {
  background: #5f6164 none repeat scroll 0 0;
}
.sendbutn:hover {
  background: #5f6164 none repeat scroll 0 0;
}

.gallerytem {
    
    float: left;
    padding: 10px 0;
    width: 100%;
}
.gallerytem h1 {
    color: #414142;
    font-family: Arial;
    padding-bottom: 20px;
    padding-top: 10px;
}
.gallerytem dl {
    border: 1px solid #414142;
    border-radius: 4px;
    float: left;
    margin: 6px 8px 6px 0;
    padding: 3px;
}

.grayscale:hover{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

.grayscale{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.servise li {
  float: left;
  list-style: outside none none;
  margin-bottom: 5px;
  margin-right: 34px;
  margin-top: 8px;
  width: 310px;
}
.servise h3 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 4px;
  text-align: center;
}
.servise {
  float: left;
  padding: 7px 0;
  width: 100%;
}
.servise li:nth-child(3n+3) {
  margin-right: 0;
}
.servise span {
  font-weight: normal;
}