/*
Theme Name: Whiteblack Digital
Theme URI: http://whiteblackdigital.com.au
Author: Whiteblack Digital
Author URI: http://whiteblackdigital.com.au
Version: 1.0
*/




/* ==========================================================================
   Witeblack Digital Custom Styles
   ========================================================================== */



/* Payment Form */


#gform_3{text-align: center!important;}


#input_3_1,#input_3_2, #input_3_3,#input_3_4,#input_3_5,#input_3_6{
    border: solid 1px #333333;
    height: 70px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    outline: none!important;
}


#input_3_8_1,#input_3_8_3,#input_3_8_5,#input_3_8_2_month,#input_3_8_2_year{
	border: solid 1px #333333;
    height: 70px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    outline: none!important;

}


#gform_submit_button_3{
    background-color: #FFD600;
    border: solid 1px #FFD600;
    border-radius: 5px;
    text-transform: uppercase;
        padding-top: 20px;
    padding-bottom: 15px;
    margin-bottom: -10px;
    width: 170px;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}


#gform_submit_button_3:hover{
    background-color: #fff;
    border: solid 1px #333333;
  }
  
  
  #gform_submit_button_3:focus{
    background-color: #fff!important;
    border: solid 1px #333333!important;
  }





/* Direct Debit Form */


#gform_7{text-align: center!important;}



.smwidth{
    max-width: 600px;
    margin: 0 auto;
    }


#input_7_1,#input_7_2,#input_7_3,#input_7_4,#input_7_5,#input_7_7{
    border: solid 1px #333333;
    height: 70px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    outline: none!important;
}


#input_7_6_1,#input_7_6_3,#input_7_6_5,#input_7_6_2_month,#input_7_6_2_year{
	border: solid 1px #333333;
    height: 70px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    outline: none!important;

}


#gform_submit_button_7{
    background-color: #FFD600;
    border: solid 1px #FFD600;
    border-radius: 5px;
    text-transform: uppercase;
        padding-top: 20px;
    padding-bottom: 15px;
    margin-bottom: -10px;
    width: 170px;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}


#gform_submit_button_7:hover{
    background-color: #fff;
    border: solid 1px #333333;
  }
  
  
  #gform_submit_button_7:focus{
    background-color: #fff!important;
    border: solid 1px #333333!important;
  }


#field_7_8 {
    margin-top: 30px;
    margin-bottom: 40px;
}



#field_7_6{
    margin-top: 30px;
}


#input_7_8{text-align: left!important;}



/* Remove outline firefox
-------------------------------------------------- */



a:focus { 
    outline: none!important; 
}

button::-moz-focus-inner {
  border: 0 !important;
}



/* Social
-------------------------------------------------- */


.foo img:last-child{display:none;
	width:40px;
	height: 40px;
}
.foo:hover img:first-child{display:none;
	width:40px;
	height: 40px;
}
.foo:hover img:last-child{display:inline-block;
	width:40px;
	height: 40px;
}

.foo img{width:40px;
	height: 40px;
          }





/* Adwords Form
-------------------------------------------------- */

#gform_submit_button_4{
    background-color: #FFD600;
    border: solid 1px #FFD600;
    border-radius: 5px;
    text-transform: uppercase;
        padding-top: 20px;
        color: #fff;
    padding-bottom: 15px;
    margin-bottom: -10px;
    width: 100%;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}




#gform_submit_button_4:hover{
    background-color: #fff;
    border: solid 1px #333333;
    color: #333;
  }
  
  
  #gform_submit_button_4:focus{
    background-color: #fff!important;
    border: solid 1px #333333!important;
  }



body #gform_wrapper_4 .gform_body .gform_fields .gfield input[type=text] {border: solid 1px #333333;
    height: 50px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;}



body #gform_wrapper_4 .gform_body .gform_fields .gfield textarea {border: solid 1px #333333;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;}



body #gform_wrapper_4 .gform_body .gform_fields .gfield .gfield_label{margin-top: 30px;}


#input_4_15_2, #input_4_15_1, #input_4_15_3{border: solid 1px #333333;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;}





#field_2_14 > label{display: none;}


#input_2_1, #input_2_2,#input_2_13, #input_2_10_3, #input_2_10_3, #input_2_10_6, #input_2_9,#input_2_8{
    border: solid 1px #333333;
    height: 50px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
}



#input_2_1:hover, #input_2_2:hover,#input_2_13:hover, #input_2_10_3:hover, #input_2_10_3:hover, #input_2_10_6:hover, #input_2_9:hover,#input_2_8:hover, #input_2_5:hover, #input_2_7_1:hover, #input_2_7_2_month:hover, #input_2_7_2_year:hover, #input_2_7_3:hover,#input_2_7_5:hover { border: solid 1px #ffd600;}



#input_2_5{ border: solid 1px #333333;
    height: 50px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;}



#input_2_7_1{ border: solid 1px #333333;
    height: 50px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    width:48%!important;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;}
    
    
    #input_2_7_2_month, #input_2_7_2_year{ border: solid 1px #333333;
    height: 50px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;}
    
    
    


#input_2_7_3{ border: solid 1px #333333;
    height: 50px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    width: 230px!important;}
    
    
    #input_2_7_5{ border: solid 1px #333333;
    height: 50px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
     width:48%!important;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;}


#gform_submit_button_2{
    background-color: #FFD600;
    border: solid 1px #FFD600;
    border-radius: 5px;
    text-transform: uppercase;
        padding-top: 20px;
        color: #fff;
    padding-bottom: 15px;
    margin-bottom: -10px;
    width: 100%;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}




#gform_submit_button_2:hover{
    background-color: #fff;
    border: solid 1px #333333;
    color: #333;
  }
  
  
  #gform_submit_button_2:focus{
    background-color: #fff!important;
    border: solid 1px #333333!important;
  }


.gform_wrapper span.ginput_total {
    color: #FFD600!important;
    font-size: 1.2em;
}


#field_2_12 > label{display: none;}

#field_2_12{margin-top: 20px;}


#gform_confirmation_wrapper_2{text-align:center; }




a.tc{
    text-decoration: underline!important;
}




/* Maintenance Table
-------------------------------------------------- */




.btn-success {
    color: #fff;
    background-color: #ffd600;
    border: solid 1px #ffd600;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    margin-top: 15px;
    margin-bottom: 15px;
}


.btn-success:hover {
    color: #333;
    background-color: transparent;
    border: solid 1px #333;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    margin-top: 15px;
    margin-bottom: 15px;
}


.btn-success:focus {
    color: #333!important;
    background-color: transparent!important;
    border: solid 1px #333!important;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    margin-top: 15px;
    margin-bottom: 15px;
}




 hr.main{
    width: 70%;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
    
}

.m1{border: solid 1px #333;
	border-radius: 4px;
}



.table-header{
    text-align: center;
    background-color: #333;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0px;
    color: #fff;
}



.table-price{
    text-align: center;
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.1);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -10px;
}


p.main-but{
    text-align: center;
    margin-bottom: 20px;
    background-color: rgba(0, 0, 0, 0.1);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0px;
    margin-top: 20px;
}


.imain{
    max-width: 80%;
    margin: 0 auto;
}




/* Community
-------------------------------------------------- */


 .col-md-6.com1{border-right: 1px solid #e0e0e0;}





/* Our Work
-------------------------------------------------- */

.btn-primary {
    color: #fff;
    background-color: TRANSPARENT;
    border-color: #FFF;
    font-family: 'Canaro-ExtraLight', Helvetica, Arial, sans-serif;
    padding-top: 12px;
    padding-bottom: 8px;
    width: 120px;
    -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out;
}


.btn-primary:hover {
	background-color:#fff!important;
	border-color: #FFF!important;
	color: #333!important;
	}
	
	
	.btn-primary:focus {
	background-color:#fff!important;
	border-color: #FFF!important;
	color: #333!important;
	}
	



.work_text_right{
    float: right;
    margin-top: 11%;
    max-width: 40%;
    
}

.work_text_left{
    float: left;
    margin-top: 11%;
    max-width: 40%;
}


.work_text_right h1, .work_text_left h1, .work_text_right p, .work_text_left p{color: #fff;}




#clients{
    margin-top: -21px;
    margin-bottom: -25px;
    color: #fff;
}






.clientdaniel{
	background-image: url(images/dsbg.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}








.clientkim{
	background-image: url(images/kim.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}









.clientavenue{
	background-image: url(images/avenue.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}







.clientsukkah{
	background-image: url(images/sukkah.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}



.clientcr8{
	background-image: url(images/cr8.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}









.clientkewchiro{
	background-image: url(images/kewchiro.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}








.clientten55{
	background-image: url(images/ten55.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}






.clientburbank{
	background-image: url(images/burbank.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}



.clientglove{
	background-image: url(images/glove.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}






.clientaccent{
	background-image: url(images/accent.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}








.clienttingle{
	background-image: url(images/tingle.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}






.clientrhp{
	background-image: url(images/rhp.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}





.clientpps{
	background-image: url(images/pps.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}





.clientjago{
	background-image: url(images/jago_bg.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}



.clientsz{
	background-image: url(images/sz.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}




.clientkml{
	background-image: url(images/kml.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}









.clientpixis{
	background-image: url(images/pixis.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}



.clientltek{
	background-image: url(images/ltek2.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}



.client01{
	background-image: url(images/financial.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}
	




.client0{
	background-image: url(images/strive.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}



.client_beit_rafael{
	background-image: url(images/beit.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}







.client1{
	background-image: url(images/exopest.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}
	
	
	
.client2{
	background-image: url(images/squires-loft.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}


.client3{
	background-image: url(images/clearwater.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}


.client4{
	background-image: url(images/fisher-bros.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}


.client5{
	background-image: url(images/ms.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}


.client6{
	background-image: url(images/rodney.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}


.client7{
	background-image: url(images/ticketblaster.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}
	
	.client8{
	background-image: url(images/wholefood-merchants.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}


.client9{
	background-image: url(images/init-biz.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}
	
	.client10{
	background-image: url(images/sculptura.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}


.client11{
	background-image: url(images/slade.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}
	
	.client12{
	background-image: url(images/mwc.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}
	
	
	.client13{
	background-image: url(images/ns.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}
	
	.client14{
	background-image: url(images/mon.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}
	
	
	.client15{
	background-image: url(images/breeze.jpg);
	background-position: left center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}
	
	
	.clientend .container{
	background-image: url(images/clientend.png);
	background-position: center top;
	 background-repeat: no-repeat;
	 margin-bottom: -50px;
         
	}




.client16{
	background-image: url(images/seat.jpg);
	background-position: right center;
	 background-repeat: no-repeat;
         -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
	}






/* Map
-------------------------------------------------- */


#map-canvas{
	width:60%;
	height:350px;
	margin: 0 auto;
	padding: 0;
	margin-bottom: -30px;
	margin-top: 20px;
   }

#gmap{
margin-bottom:-10px;
}



/* Contact Form
-------------------------------------------------- */


#gform_1{text-align: center;}


#input_1_1, #input_1_2,#input_1_3{
    border: solid 1px #333333;
    height: 70px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    outline: none!important;
    width: 60%;

}

#input_1_4{
    border: solid 1px #333333;
    height: 170px;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 60%;
    padding-left: 15px;
    font-size: 1em;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
margin-bottom: -10px;
padding-top: 20px;
outline: none!important;
}



#input_1_1:hover,#input_1_1:focus, #input_1_2:hover, #input_1_2:focus, #input_1_3:hover, #input_1_3:focus{

border: solid 1px #ffd600;
}



#input_1_4:hover, #input_1_4:focus{ border: solid 1px #ffd600!important;}




input:focus, textarea:focus {border-color:#FFD600; color: #72777a;}





::-webkit-input-placeholder { /* Safari, Chrome and Opera */
    font-size: 1em;
    color: #72777a;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
  font-size: 1em;
    color: #72777a;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;

}

::-moz-placeholder { /* Firefox 19+ */
  font-size: 1em;
    color: #72777a;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;

}

:-ms-input-placeholder { /* IE 10+ */
  font-size: 1em;
    color: #72777a;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;

}

::-ms-input-placeholder { /* Edge */
  font-size: 1em;
    color: #72777a;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;

}

:placeholder-shown { /* Standard one last! */
 font-size: 1em;
    color: #72777a;
    font-weight: normal;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;

}




#gform_submit_button_1{
    background-color: #FFD600;
    border: solid 1px #FFD600;
    border-radius: 5px;
    text-transform: uppercase;
        padding-top: 20px;
    padding-bottom: 15px;
    margin-bottom: -10px;
    width: 170px;
    font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
    -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}


#gform_submit_button_1:hover{
    background-color: #fff;
    border: solid 1px #333333;
  }
  
  
  #gform_submit_button_1:focus{
    background-color: #fff!important;
    border: solid 1px #333333!important;
  }



.gform_wrapper div.validation_error {
    color: #FFD600!important;
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 1.6em;
    border-top: 2px solid #FFD600!important;
    border-bottom: 2px solid #FFD600!important;
    padding: 1em 0;
    clear: both;
    width: 97.5%;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgba(255, 214, 0, 0.22)!important;
    margin-bottom: .375em!important;
    padding: 0;
    border-top: 1px solid #FFD600!important;
    border-bottom: 1px solid #FFD600!important;
}

.gform_wrapper .validation_message {
    color: #333!important;
    font-weight: 700;
    letter-spacing: normal;
}




/* Home Page Icon Flip
-------------------------------------------------- */


.flip-container {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
}

	.flip-container:hover .flipper,  
  .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container, .front, .front2, .front3, .back {
	width: 247px;
	height: 200px;
	margin: 0 auto;
}

.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
  -o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

.front,.front2, .front3, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.front {
	background: url(images/i1.png) 0 0 no-repeat;
	z-index: 2;
	background-size: contain;
}




.front2 {
	background: url(images/i2.png) 0 0 no-repeat;
	z-index: 2;
	background-size: contain;
}


.front3 {
	background: url(images/i3.png) 0 0 no-repeat;
	z-index: 2;
	background-size: contain;
}




.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	
}




.back-title {
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	text-align: center!important;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
    width: 100%;
    font-size:1em;
	color: #72777a;
	font-weight: normal;
	font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
}





video::-webkit-media-controls-start-playback-button {
  display: none !important;
}












  /* About Page Header
-------------------------------------------------- */
   
   .page-header.about .container{background-image: url(images/graphic.png);
	   background-size: cover;
	   height: 500px;
	   background-position: center center;
   }
   
   
   .page-header.about{background-color: #333333!important;
	     margin-top: 0px;
	     padding-bottom: 0px;
	     height: 500px;
   }
   
   
   
 
 .content{padding-top: 14%;}
 
  
  .full-width-content{
  padding-top: 40px;
  padding-bottom: 80px;
}
   

.page-id-6 .home-icon {display: none!important;}


.home-icon{
    margin-left: 30px;
    margin-top: 21px;
}




  /* About Clients Section
-------------------------------------------------- */


.clients{background-color: #EAEAEA;
	padding-bottom: 30px;
}


.clients .container{background-image: url(images/graphic-clients.png);
	    background-repeat: no-repeat;
	   }


.clients h1{padding-top: 80px;}



ul.clients{zoom:1;border-top:1px solid #e0e0e0;border-top:none;overflow:hidden;list-style: none;
	margin-top: 80px;
}

ul.clients:before,ul.clients:after{content:"";display:table}

ul.clients:after{clear:both}ul.clients li{float:left;position:relative;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0}

ul.clients li{float:left;margin-top:-1px;border-top:1px solid #e0e0e0;border-bottom:none}@media only screen and (min-width: 500px){ul.clients li img{width:53%}}@media only screen and (max-width: 760px){ul.clients li{width:33.33%;padding-top:23.331%}}@media only screen and (max-width: 760px) and (max-width: 760px){ul.clients li:nth-child(3n){border-right:none}}@media only screen and (min-width: 760px){ul.clients li{width:25%;padding-top:14%}ul.clients li:nth-child(4n){border-right:none}}ul.clients li img{position:absolute;left:50%;top:50%;line-height:0;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}





  /* About Community Section
-------------------------------------------------- */


.community{background-color: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
}








/* Video Background Home Page
-------------------------------------------------- */

#background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(images/wbd-bg.jpg) no-repeat;
    background-size: cover;
}

/*.container h1 {
    color: white;
}
*/



/*.logo{
    text-align: center;
    margin-top: 200px;
}
*/



video::-webkit-media-controls {
    display:none !important;
}



/* Navbar Home Page
-------------------------------------------------- */



.navbar-inverse{
    background-color: transparent!important;
    border-color: transparent!important;
}



/* Footer Home Page
-------------------------------------------------- */



.home footer {
        display: none!important;
}




/* Body Home Page
-------------------------------------------------- */

.hbuttons{text-align: center;
	margin-top: 80px;
}



#home-content{
    position: absolute;
    top: 20%;	
    left: 0;
    bottom: 0;
    right: 0;
}



.tag h2{font-family: 'Canaro-ExtraLight', Helvetica, Arial, sans-serif;
	margin-top: 80px;
	}




/* Off Canvas Menu Button
-------------------------------------------------- */

a.nav-expander {
  background: none repeat scroll 0 0 transparent;
  color: #FFFFFF;
  display: block;
  font-size: 25px;
  font-weight: 400;
  height: 50px;
  margin-right: -15px;
  padding: 1em 1.6em 2em;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  transition: right 0.3s ease-in-out 0s;
  width: 130px;
  z-index: 12;

  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;

}

a.nav-expander:hover {
  cursor: pointer;
  color:#ffd600;
}

a.nav-expander.fixed {
  position: fixed;
}

.nav-expanded a.nav-expander.fixed {
    right: 14em;
}




/* Off Canvas Menu Container
-------------------------------------------------- */

nav {
  background: #ebebeb;
  text-align: center;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -25em;
  font-size: 15px;
  top: 0;
  width: 25em;
  z-index: 2000;

  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;

}
.nav-expanded nav {
  right: 0;
}

body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}

#nav-close {
  font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 30px;
  padding-right: 10px;
}


.navbar-inverse {
    background-color: #333333;
    border-color: #333333;
}




/* Off Canvas Menu Font Sizes, Links Etc
-------------------------------------------------- */

.main-menu {
  padding-top: 12px;
}

.main-menu li {
  border-bottom: none;
  margin-left: 20px;
  font-size: 18px;
  padding: 12px;
  padding-bottom: 30px;
}

.main-menu li a {
  color: #323432;
  text-decoration: none;
  font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
  font-size: 30px;
}

.main-menu li a:hover {
  color: #ffd600;
  text-decoration: none;
}



.main-menu li .sub-nav {
  border-bottom: 0px;
  padding: 4px;
}


body > nav > ul > li.text-right{margin-bottom: 60px;}


 /* Image Responsive
-------------------------------------------------- */


img{max-width: 100%;}
img{ -ms-interpolation-mode: bicubic; }
  
   
   
    /* Full Width Title
-------------------------------------------------- */
   
   .page-header{background-color:#afcb08;
	     margin-top: -20px;
	     padding-bottom: 0px;
   }
   
   .page-header h1 {color:#fff!important;}
   
  
   
  
/* Button
-------------------------------------------------- */

.btn-default {
  color: #fff;
  padding-top: 23px;
  padding-bottom: 23px;
  letter-spacing: 2px;
  font-size: 16px;
  font-family: 'Canaro-ExtraLight', Helvetica, Arial, sans-serif;
  width: 210px;
  background-color: transparent;
  border-color: #fff;
  border-radius: 5px;
    margin-left: 25px;
    margin-right: 25px;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out;
}

.btn-default:hover {
  color: #333;
  background-color: #fff;
  border-color: #fff;
}



/* Footer Style
-------------------------------------------------- */

footer ul, ol {
margin-top: 0;
margin-bottom: 10px;
list-style: none;
margin-left: -40px;
}

footer{color:#fff!important;}

footer a{color:#fff!important;
	-webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border 0.25s ease-out;
}

footer a:hover{color:#aecd2e!important;
	text-decoration:none;
}


footer .current-menu-item > a, .current-menu-parent > a{background: none;
	color:#aecd2e!important;
}


.footer-widgets h3{font-size: 1em!important;
	color: #afcb08;
}

   
.footer-widgets{padding-top: 40px;
  font-size: 0.8em;
  line-height: 26px;
}   


#copyright p{font-size: 0.8em;
	color: #fff!important;
	text-align: center;
	padding-top: 20px;
}

#copyright a{
	color: #aecd2e!important;
}

#copyright a:hover{
	color: #fff!important;
	text-decoration: underline;
}








/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}




/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}





/* Sticky footer
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 150px;
}
footer {
  position: absolute;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 150px;
}




/* Typography
-------------------------------------------------- */



@font-face {
  font-family: 'Canaro-ExtraLight';
  src: url('fonts/Canaro-ExtraLight.eot?#iefix') format('embedded-opentype'),  url('fonts/Canaro-ExtraLight.otf')  format('opentype'),
	     url('fonts/Canaro-ExtraLight.woff') format('woff'), url('fonts/Canaro-ExtraLight.ttf')  format('truetype'), url('fonts/Canaro-ExtraLight.svg#Canaro-ExtraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Canaro-Light';
  src: url('fonts/Canaro-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Canaro-Light.otf')  format('opentype'),
	     url('fonts/Canaro-Light.woff') format('woff'), url('fonts/Canaro-Light.ttf')  format('truetype'), url('fonts/Canaro-Light.svg#Canaro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}






h1 {font-size: 2.25em;
	color: #333333;
	letter-spacing: .5px;
	font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
	line-height: 1.4;
}

h2 {font-size: 1.5em;
	letter-spacing: .5px;
	color: #333333;
	font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
	line-height: 1.4;
}

h3 {font-size: 1.3125em;
	letter-spacing: .5px;
	color: #333333;
	line-height: 1.4;
	font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
}

h4 {font-size: 1.125em;
	letter-spacing: .5px;
	color: #333333;
	line-height: 1.4;
	font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
}

h5 {font-size: 1em;
	font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
	line-height: 1.4;
}

p {font-size:1em;
	color: #72777a;
	font-weight: normal;
	font-family: 'Canaro-Light', Helvetica, Arial, sans-serif;
	
}

body{font-size: 100%;
	line-height: 1.4;
	font-weight:400;
	letter-spacing: .5px;
}

html { font-size:100%; }

b, strong {}



a {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: none!important;
}


a:focus {
    color: #333;
    text-decoration: none!important;
}



ol {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0px;
    list-style: decimal;
}


ul {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: -20px;
    list-style: disc;
}




#content-full {
	margin-bottom:20px;
	margin-top:40px;
	}


body {
    padding-bottom: 20px;
}


footer {
  width: 100%;
  background-color: #333333;
}



.sidebar { 
	margin-top: 40px;
	color: #444;
}

.sidebar h3 {
	color: #888;
}

.widget {
	margin: 10px 0 30px;
}

article.post {
	margin: 20px 0 40px;
}

.featured-image img,
.portfolio-piece img,
.portfolio-image img {
	max-width: 100%;
}

.prev-next {
	font-size: 24px;
	margin-top: 30px;
	text-align: right;
}



/*
 * RESPONSIVE STYLES
 * --------------------------------------------------
 */


/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
	    
	    
	    .client1, .client2
	    {height:550px;}
	    
	    
	    .work_text_right {
    margin-top: 10%;
}


.work_text_left {
    margin-top: 10%;
}


.page-header.about{height: 450px;}
	    
	 
	 .clientpixis, .client01,.client0, .client1, .client2, .client3, .client4, .client5, .client6, .client7, .client8, .client9, .client10, .client11, .client12, .client13, .client14 , .client15, .client16, .client_beit_rafael, .clientltek, .clientjago, .clientsz, .clientrhp, .clientpps , .clientkml, .clientpixis, .clienttingle,.clientglove,.clientaccent,.clientburbank,.clientten55, .clientkewchiro, .clientcr8, .clientsukkah, .clientkim, .clientavenue, .clientdaniel {
    height: 550px;
}

	 
	    
	    
	    

    }




@media (min-width:768px) {
	
}




@media (max-width:992px) {

/* Sticky footer
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 150px;
}
footer {
  position: absolute;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 150px;
}



.clientpixis, .client01,.client0, .client1, .client2, .client3, .client4, .client5, .client6, .client7, .client8, .client9, .client10, .client11, .client12, .client13, .client14 , .client15, .client16, .client_beit_rafael, .clientltek, .clientjago, .clientsz, .clientrhp, .clientpps , .clientkml, .clientpixis, .clienttingle,.clientglove,.clientaccent,.clientburbank,.clientten55, .clientkewchiro, .clientcr8, .clientsukkah, .clientavenue, .clientkim, .clientdaniel {
    height: 300px;
}

.work_text_right {
    margin-top: 1%;
    max-width: 55%;
}



.work_text_left {
    margin-top: 1%;
    max-width: 62%;
}


.work_text_right h1, .work_text_left h1{font-size: 2em;}




.btn-default{width: 180px;}


#input_1_1, #input_1_2, #input_1_3,#input_1_4{width: 80%;}


#map-canvas{width: 80%;}


.page-header.about {
    height: 400px;
}


.col-md-6.com1{border: none;}



}





/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
  
  
/* Sticky footer
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 150px;
}
footer {
  position: absolute;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 150px;
}

#copyright p {
  font-size: 0.8em;
  color: #fff!important;
  text-align: center;
}



.btn-default {
    width: 160px;
    padding-top: 20px;
    padding-bottom: 20px;
    letter-spacing: 2px;
    font-size: 14px;
    margin-left: 13px;
    margin-right: 13px;
}




#home-content{top: 220px;}

.hbuttons {
    text-align: center;
    margin-top: 80px;
}


a.nav-expander {
    margin-right: -45px;
    }



nav {
    height: 100%;
    right: -100%;
    width: 100%;
    }



#input_1_1, #input_1_2, #input_1_3,#input_1_4{width: 85%;}


#map-canvas{width: 85%;}



.work_text_right, .work_text_left {
    margin-top: 70px;
}


.work_text_right p, .work_text_left p{display: none;}


.work_text_right h1, .work_text_left h1 {
    color: #fff;
    max-width: 150px;
    font-size: 1.25em;
}


.page-header.about {
    padding-top: 30px;
}


.t1, .t2{
    margin-bottom: 30px!important;
    max-width: 90%;
    margin: 0 auto;
}


.t3{
    max-width: 90%;
    margin: 0 auto;
}


.a1, .a2{
    margin-bottom: 40px;
}


  
}




@media screen and (max-width: 600px) {
	
	
	.btn-default {
    width: 140px;
    padding-top: 20px;
    padding-bottom: 20px;
    letter-spacing: 2px;
    font-size: 14px;
    margin-left: 3px;
    margin-right: 3px;	
	}
	
	
	ul.clients li img{width: 80%;
    height: auto;}


}



@media (min-width:481px) {
	
.mleft{display: none;}
	
}






/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
	    
	    
	    .mleft{width: 300px;
		    height: 300px;
	    }
	    
	    
	    
	    .btn-default {
    width: 225px;
    padding-top: 20px;
    padding-bottom: 20px;
    letter-spacing: 2px;
    font-size: 15px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}
	    
	    
	   .work_text_right, .work_text_left{display: none;}
  
	    
	    
	    #home-content{top: 90px;}
	    
	    
	    .hbuttons{
	margin-top: 40px;
}





.tag h2{
	margin-top: 40px;
	}
	    
	    
	 body > nav > ul > li.text-right {
    margin-bottom: 20px;
}


	   	    

    }







/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after,
.gform_page_footer:before,
.gform_page_footer:after,
.gform_page_fields:before,
.gform_page_fields:after,
.gfield_radio:before,
.gfield_radio:after,
.clear-multi:before,
.clear-multi:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after,
.gform_page_footer:after,
.gform_page_fields:after,
.gfield_radio:after,
.clear-multi:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix,
.gform_page_footer,
.gform_page_fields,
.gfield_radio,
.clear-multi {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}