Takaya213

body {
    padding-top: 40px;
}

header {
    background: #f5b335;
    height: 40px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;

Takaya213

$(document).ready(function(){
  $('.showpassword').each(function (index, input){
	    var $input = $(input);
		$("#passwordshow").click(function () {
			var change = $(this).is(":checked") ? "text" : "password";
			var text = $(this).is(":checked") ? "Hide Password" : "Show Password";
			var rep = $("<input type='" + change + "' />")
                .attr("id", $input.attr("id"))
                .attr("name", $input.attr("name"))
                .attr('class', $input.attr('class'))

Takaya213

$(document).ready(function(){
    $('a').click(function(){
	    $('html, body').animate({
	        scrollTop: $( $.attr(this, 'href') ).offset().top
	    }, 500);
	    return false;
	});
});

Takaya213

(function($) {
    $.fn.watermark = function() {

        return this.each(function() {
            var obj = $(this);
            var initialText = obj.val();

            obj.focus(function() {
                if (obj.val() === initialText)
                    obj.val("");

Takaya213

function scrolled_menu() {
	if ($(window).scrollTop() > $('header').height()) {
		$('header').addClass('fixed_type');
		$('html').addClass('fixed_type_html');
	} else {
		$('header').removeClass('fixed_type');
		$('html').removeClass('fixed_type_html');
	}
}

Takaya213

        $.fn.equalizeHeights = function() {
            var maxHeight = this.map(function(i,e) {
                return $(e).height();
            }).get();

            return this.height( Math.max.apply(this, maxHeight) );
        };

        $('.equal').equalizeHeights();

Takaya213

<div class="input_fields_wrap">
    <div>
    	<input type="text" name="fields[contact][new1][fields][contactName]" /><br />
    	<input type="text" name="fields[contact][new1][fields][contactSurname]" /><br />
    	<input type="text" name="fields[contact][new1][fields][contactEmail]" />
    </div>
    <button class="add_field_button">Add More Fields</button>
</div>

Takaya213

@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

.wrap {
  @include clearfix;

Takaya213

<!-- UX Compatible Meta Tag -->
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />

<!-- Viewport Meta Tag -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<!-- Favicon Meta Tag -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/general/favicon.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/general/favicon.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/general/favicon.png" />

Takaya213

.parent-element {
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);