/*   
Theme Name: Plumber of the Year 2016
Description: This is the Plumber of the Year 2016 WordPress Website Template
Author: We are CODA
Version: 1
*/


@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	height: auto;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}



body, html {
	color: #484848;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	margin: 0;
	background-image: url(assets/main-background.gif);
	background-position: top center;
	background-repeat: repeat-x;
}



a:link, a:active, a:visited {
	color: #ffffff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;  
}

a:hover{
	color: #ffffff;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
   
}



/* Mobile Layout: 480px and below. */


h1 {
   font-family: "DINCondensedW01-Normal";
	color: #ffffff;
	font-size: 22px;
	text-align: center;
	display: block;
	margin: 10px auto 0 auto;
	line-height: 100%;
	font-weight: normal;
	background-image: url(assets/h1-background.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #1e4382;
	width: 80%;
	padding: 10px 30px 30px 30px; 
}

h2, .gform_wrapper h2.gsection_title, .gform_wrapper .gfield_radio li label {
   font-family: "DINCondensedW01-Normal";
	color: #0277b9;
	font-size: 22px;
	text-align: center;
	display: block;
	margin: 0px auto 0 auto;
	line-height: 100%;
	font-weight: normal;
	padding: 15px 10px 10px 10px !important;
	cursor: pointer; 
}


h4 {
   font-family: "DINCondensedW01-Normal";
	color: #0277b9;
	font-size: 20px;
	text-align: center;
	display: block;
	margin: 0px auto 10px auto;
	line-height: 100%;
	font-weight: normal;
}


h5 {
   font-family: "DINCondensedW01-Normal";
	color: #ffffff;
	font-size: 20px;
	text-align: center;
	display: block;
	margin: 0px auto 10px auto;
	line-height: 100%;
	font-weight: normal;
}



.header-section {
	margin: 10px 0 0 0;
	width: 100%;
	display: inline-block;
	text-align: center;
}


.top-bar {
	  width: 100%;
	  display: inline-block;
	  color: #ffffff;
	  font-weight: 400;
	  font-size: 14px;
	  line-height: 100%;
	  text-align:center;
	  padding-top: 10px

}



#enter-now {
	  position: fixed;
	  right: 3%;
	  bottom: 3%;
	  z-index: 100;
	  width: 100px;
	  height: auto;
}



.header-section-inner {
	 width: 87%;
	  margin: 0 auto 0 auto;
	  display: block;	
	  text-align: right; 
	  font-size: 16px;
	  line-height: 120%;	  
}


.section-inner {
	 width: 87%;
	  margin: 0 auto 0 auto;
	  display: block;	
	  font-size: 15px;
	  line-height: 120%;
	  color: #343637;
}


.section-inner-left-aligned {
	 width: 87%;
	  margin: 0 auto 0 auto;
	  display: block;	
	  font-size: 15px;
	  line-height: 120%;
	  color: #343637;
	  text-align: left !important;
}


.footer-inner {
	 width: 87%;
	  margin: 0 auto 20px auto;
	  padding: 0 0 20px 0;
	  display: block;	
	  font-size: 15px;
	  line-height: 120%;
	  color: #ffffff;
	  border-bottom: 1px solid #2d518b;
}



.central-roundal {
	 display: block;
	 margin: -43px auto 10px auto;
}


.left-roundal {
	 display: block;
	 margin: -64px auto 10px auto;
}


.poty-vote {
	 display: block;
	 margin: 10px auto 0 auto;
}


.central-arrow {
	 display: block;
	 margin: -20px auto 10px auto;
	 z-index: 10;
	 position: relative;
}


.half-arrow {
	 display: block;
	 margin: -20px auto 10px auto;
}


.light-blue {
	color: #0277b9;
	font-size:17px;
	
	}





.wrapper-section-1 {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  font-size: 14px;
	  line-height: 100%;
	  text-align:center;
	  padding: 20px 0 30px 0;
}


.wrapper-section-2 {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  font-size: 14px;
	  line-height: 100%;
	  text-align:center;
	  padding: 0 0 30px 0;
	  background-image: url(assets/wrapper-section-2-bg.jpg);
	  background-position: center top;
	  background-repeat: no-repeat;
	  background-color: #d9e2e9;
}


.wrapper-section-3 {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  font-size: 14px;
	  line-height: 100%;
	  text-align:center;
	  padding: 30px 0 30px 0;
	  background-image: url(assets/wrapper-section-3-bg.jpg);
	  background-position: center bottom;
	  background-repeat: no-repeat;
	  background-color: #0192d3;
}


#wrapper-section-4 {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  font-size: 14px;
	  line-height: 100%;
	  text-align:center;
	  padding: 0;
	  background-color: #006fb1;
}



#wrapper-section-4 img {
	  max-width: 100%;
}




.wrapper-section-5 {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  font-size: 14px;
	  line-height: 100%;
	  text-align:center;
	  padding: 0 0 30px 0;
	  background-image: url(assets/wrapper-section-5-bg.jpg);
	  background-position: center top;
	  background-repeat: no-repeat;
	  background-color: #d9e2e9;
}




.wrapper-section-6 {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  font-size: 14px;
	  line-height: 100%;
	  text-align:center;
	  padding: 10px 0 30px 0;
	  background-color: #d9e2e9;
}



.footer-section {
	  width: 100%;
	  display: block;
	  float: left;
	  font-weight: 400;
	  font-size: 14px;
	  line-height: 100%;
	  text-align:center;
	  padding: 30px 0 30px 0;
	  background-color: #01266d;
	  background-image: url(assets/footer-bg.jpg);
	  background-position: center top;
	  background-repeat: no-repeat;
}





#half-width-form-left, #half-width-form-right {
	text-align: left;
	width: 93%;
	margin: 0 auto;
	background-color: #eeeeee;
	border-radius: 3px;
	padding: 10px;
	margin: 0 0 20px 0;
}



#half-width-left, #half-width-right {
	text-align: left;
	width: 93%;
	margin: 0 auto;
	border-radius: 3px;
	padding: 10px;
}







#logo {
	display: none;
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#logo img {
	width: 100%;
	height: auto;
}



#logo-mobile {
	display: block;
	text-align: center;
	width: auto;
	height: auto;
	margin: 0 auto;
}

#logo-mobile img {
	width: auto;
	height: auto;
}


#top-logo img {
	width: auto;
	height: 35px;
	float: right;
	margin-top: 5px;
	z-index: 100;
}



.ujic_center {
    text-align: center;
    border-top: 1px solid #a6bbcb;
	border-bottom: 1px solid #a6bbcb;
	padding: 10px 0;
	margin: 0 0 20px 0 !important;
}



#terms {
   padding: 10px;
   background-color: #d2d2d2;
   border-radius: 2px;
   font-size: 12px;
   line-height: 110%;
   margin-top: 10px; 
}

a.terms-link:link, a.terms-link:active, a.terms-link:visited {
   color: #0277b9; 
}


a.terms-link:hover {
   text-decoration: underline; 
}


.partners-link {
	height: 25px;
	width: auto;
	margin: 0 25px 20px 25px;
	
	}
	
	
	
	
	
	
	
	
	
	
	
/* VOTE FOR YOUR PLUMBER */
	
	
.gform_wrapper .top_label input.medium {
	width: 100% !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	font-family: "Lato",sans-serif !important;
	padding: 10px 10px 6px 10px !important;
	border-radius: 3px !important;
	background-color: rgb(255, 255, 255) !important;
	border: 1px solid rgb(227, 227, 227) !important;
	margin: 0 auto;
	display: block;
	}
	
	
.gform_wrapper p {
	font-size: 15px !important;
	color: #343637 !important;
	text-align:left;
	font-weight: 400 !important;
	font-family: 'Lato', sans-serif !important;
	text-decoration: none;
	padding: 10px 10px 6px 10px !important;
	line-height: 120%;
	margin: 0 0 10px 0;
	}
	
.gform_wrapper h3 {
	font-family: 'Lato', sans-serif !important;
	font-size: 18px;
	text-align: center;
	display: block;
	margin: 5px auto 0 auto;
	line-height: 100%;
	font-weight: normal;
	color: #343637 !important;
}

.gform_wrapper a:link, .gform_wrapper a:visited, .gform_wrapper a:active {
	color: #343637 !important;
	text-decoration: underline;
}


.gform_wrapper a:hover {
	text-decoration: underline;
}


	
.gform_wrapper .top_label .gfield_label {
	display: none;
	}
	
	
.gform_wrapper .gsection {
	border-bottom: solid 1px #ffffff;
	}
	
.gform_wrapper ul.gform_fields li.gfield {
	padding: 0 !important;
	}
	
.gform_wrapper li.gfield.field_description_below + li.gsection {
    margin: 24px 0 0 0 !important;
}


.gform_wrapper .top_label li ul.gfield_radio {
    width: 100%;
}


li.gchoice_1_5_0, li.gchoice_1_5_1, li.gchoice_1_5_2, li.gchoice_1_5_3, li.gchoice_1_5_4, li.gchoice_1_5_5, li.gchoice_1_5_6, li.gchoice_1_5_7, li.gchoice_1_5_8, li.gchoice_1_5_9, li.gchoice_1_5_10, li.gchoice_1_5_11, li.gchoice_1_5_12, li.gchoice_1_5_13, li.gchoice_1_5_14 {
	width: 100%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	
}

.gform_wrapper ul.gfield_radio li input[type="radio"] {
    width: auto !important;
    display: none;
}

.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
    font-weight: normal !important;
    background-color: #ebf1f5;
    line-height: 100%;
	border-radius: 2px !important;
	margin: 0 auto !important;
}



.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
	text-transform: uppercase;
	width: 75%;
	cursor: pointer;
	margin: 10px auto 0px;
	font-family: "DINCondensedW01-Normal";
	border-radius: 3px;
	color: rgb(255, 255, 255);
	font-size: 22px;
	text-align: center;
	display: block;
	line-height: 100%;
	font-weight: normal;
	padding: 10px 0px 5px;
	background-color: rgb(2, 119, 185);
	border: 0px none;
}


.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    text-align: center;
}


/* VOTE FOR YOUR PLUMBER */












/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

#top-logo img {
	width: auto;
	height: auto;
	margin-top: 0;
}


.header-section {
	margin: 0;
	width: 100%;
	display: inline-block;
	text-align: center;
}

h1 {
	background-color: transparent;   
}



#logo {
	display: block;
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#logo img {
	width: 100%;
	height: auto;
}

#logo-mobile {
	display: none;
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
}



#enter-now {
	  position: fixed;
	  right: 3%;
	  bottom: 3%;
	  top: auto;
	  z-index: 100;
	  width: 120px;
	  height: auto;
}



}









/* Desktop Small Layout: 768px to a max of 963px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {


h1 {
   font-family: "DINCondensedW01-Normal";
	color: #ffffff;
	font-size: 26px;
	text-align: center;
	display: block;
	margin: 10px auto 0 auto;
	line-height: 100%;
	font-weight: normal;
	background-image: url(assets/h1-background.png);
	background-position: center top;
	background-repeat: no-repeat;
	width: 640px;
	padding: 10px 60px 30px 60px;
   
}

h2, .gform_wrapper h2.gsection_title, .gform_wrapper .gfield_radio li label {
	font-size: 26px;
   
}


h4 {
   font-family: "DINCondensedW01-Normal";
	color: #0277b9;
	font-size: 26px;
	text-align: center;
	display:block;
	margin: 0px auto 0 auto;
	line-height: 100%;
	font-weight: normal;
	padding: 0px 0px 20px 0px;
   
}


h5 {
   font-family: "DINCondensedW01-Normal";
	color: #ffffff;
	font-size: 26px;
	text-align: center;
	display:block;
	margin: 0px auto 0 auto;
	line-height: 100%;
	font-weight: normal;
	padding: 0px 0px 20px 0px;
   
}



#enter-now {
	  position: fixed;
	  right: 3%;
	  bottom: 3%;
	  z-index: 100;
	  width: auto;
	  height: auto;
}



#half-width-form-left {
	text-align: left;
	float: left;
	width: 43%;
	margin: 0 auto;
	background-color: #eeeeee;
	border-radius: 3px;
	padding: 20px;
}


#half-width-form-right {
	text-align: left;
	float: right;
	width: 43%;
	margin: 0 auto;
	background-color: #eeeeee;
	border-radius: 3px;
	padding: 20px;
}



#half-width-left {
	text-align: left;
	float: left;
	width: 43%;
	margin: 0 auto;
	border-radius: 3px;
	padding: 20px;
}


#half-width-right {
	text-align: left;
	float: right;
	width: 43%;
	margin: 0 auto;
	border-radius: 3px;
	padding: 20px;
}



#logo {
	 width: 760px;
}

#logo img {
	 width: 760px;
}



.header-section-inner {
	 width: 760px;
	  
}


.section-inner, .footer-inner, .section-inner-left-aligned {
	 width: 760px;
	  
}




.header-section {
	 margin: -10px 0 0 0;
	width: 100%;
	display: inline-block;
	text-align: center;
}


.half-arrow {
	 display: block;
	 margin: -30px auto 10px auto;
}


.left-roundal {
	 display: block;
	 margin: -94px auto 10px auto;
}





/* VOTE FOR YOUR PLUMBER */


li.gchoice_1_5_0, li.gchoice_1_5_1, li.gchoice_1_5_2, li.gchoice_1_5_3, li.gchoice_1_5_4, li.gchoice_1_5_5, li.gchoice_1_5_6, li.gchoice_1_5_7, li.gchoice_1_5_8, li.gchoice_1_5_9, li.gchoice_1_5_10, li.gchoice_1_5_11, li.gchoice_1_5_12, li.gchoice_1_5_13, li.gchoice_1_5_14 {
	width: 50%;
}



.gform_wrapper .top_label input.medium {
	width: 50% !important;
	}


/* VOTE FOR YOUR PLUMBER */





}









/* Desktop Large Layout: 964px to a max of 1219px.  Inherits styles from: Mobile Layout and Tablet Layout and Deskop Small Layout. */

@media only screen and (min-width: 964px) {

#logo {
	 width: 944px;	 
}

#logo img {
	 width: 944px;	 
}



.header-section-inner {
	 width: 944px;	  
}


.section-inner, .footer-inner, .section-inner-left-aligned {
	 width: 944px;
}





}


































/* Desktop Layout: 1220px to a max of 1500px.  Inherits styles from: Mobile Layout and Tablet Layout and Desktop Large Layout. */

@media only screen and (min-width: 1220px) {
	




}