@import url(https://fonts.googleapis.com/css?family=PT+Sans:700);

// This part should re-consider as an internal part of any page, so I commented out them for now. -ömer
// header .container {
//   margin-right: auto;
//   margin-left: auto;
//   padding-left: 15px;
//   padding-right: 15px;
// }
// @media (min-width: 768px) {header .container { width: 750px;} }
// @media (min-width: 992px) {header .container { width: 970px;} }
// @media (min-width: 1200px) {header .container {  width: 1170px;} }

header {width: 100%;height: 63px;-webkit-transition: height 0.15s ease-in;transition: height 0.15s ease-in;background: url('./tile-black-min.jpg?v=0.1') #323232 repeat top left;border-bottom: 1px solid #000;top: 0;z-index: 100010;}
.clearer{clear:both;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.form-multiple-column .clearfix{display:inline-block;}
.header{min-width:720px;max-width:1140px;width:98%;margin:0 auto;padding-bottom:9px;position:relative;z-index:999;min-height:70px;}.header:before,.header:after{content:" ";display:table;}
.header:after{clear:both;}
.header>a{padding-top:9px;float:left;position:absolute;top:0;left:0;}
#logo-cont{position:absolute !important;top:0;left:0;}#logo-cont a img{margin-left:-7px;margin-top:-3px;}
#main-nav{float:right;}
#new-nav,.index-new-navbg{font-family:"PT Sans",sans-serif;list-style:none inside;float:right;padding:0;border:1px solid #000;position:relative;top:-1px;margin-left:15px;margin-top:0;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:0 1px 3px 0 #000000;box-shadow:0 1px 3px 0 #000000;-moz-box-shadow:0 1px 3px 0 #000000;behavior:url('pie.htc');background:#464646;background:-moz-linear-gradient(top, #464646 0%, #343434 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #464646), color-stop(100%, #343434));background:-webkit-linear-gradient(top, #464646 0%, #343434 100%);background:-o-linear-gradient(top, #464646 0%, #343434 100%);background:-ms-linear-gradient(top, #464646 0%, #343434 100%);background:linear-gradient(to bottom, #464646 0%, #343434 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#464646, endColorstr=#343434, GradientType=0);}#new-nav>li,.index-new-navbg>li{float:left;cursor:pointer;position:relative;border-bottom:1px solid #434343;border-right:1px solid #434343;border-left:1px solid #212121;}#new-nav>li:hover,.index-new-navbg>li:hover{-webkit-box-shadow:inset 0 -3px 6px -6px rgba(255, 165, 0, 0.75);box-shadow:inset 0 -3px 6px -6px rgba(255, 165, 0, 0.75);-moz-box-shadow:inset 0 -3px 6px -6px rgba(255, 165, 0, 0.75);behavior:url('pie.htc');}
#new-nav>li:first-child,.index-new-navbg>li:first-child{border-left:1px solid #434343;-webkit-border-radius:0 0 0 6px;-moz-border-radius:0 0 0 6px;border-radius:0 0 0 6px;behavior:url('pie.htc');}
#new-nav>li:last-child,.index-new-navbg>li:last-child{-webkit-border-radius:0 0 6px 0;-moz-border-radius:0 0 6px 0;border-radius:0 0 6px 0;behavior:url('pie.htc');}
#new-nav>li>a,.index-new-navbg>li>a{font-size:13px;color:#f5f5f5;font-weight:bold;display:block;text-decoration:none;padding:12px 14px;text-shadow:0px 1px 1px #000000;filter:dropshadow(color=#000000, offx=0, offy=1);behavior:url('pie.htc');text-transform:uppercase;cursor:pointer;outline:none;}
#new-nav li:hover>a,.index-new-navbg li:hover>a{color:orange;}
#nav-signup-open li:hover>a{color:orange;}
.apps-link:after{display:inline-block;content:"";width:72px;height:19px;position:absolute;top:44px;left:2px;background:url("//www.jotform.com/images/new-tag.png?v=2") top left no-repeat;z-index:-1;}
#nav-profile li:hover .nav-acc img{opacity:1;filter:alpha(opacity=100);behavior:url('pie.htc');}
#nav-profile li:hover .nav-dd{z-index:9999;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
#nav-profile li .nav-acc{padding:8px 12px 7px;display:block;}
.nav-acc{background:url("/images/common/ic-user-big.png") no-repeat center center transparent;}.nav-acc img{display:block;width:30px;height:30px;opacity:0;filter:alpha(opacity=100);behavior:url('pie.htc');}
.nav-dd{overflow:hidden;list-style:inside none;position:absolute;right:-15px;top:46px;height:0;max-height:0;cursor:default;padding:0 12px;border:1px solid transparent;background:transparent;z-index:-1;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}.nav-dd:link,.nav-dd:visited{overflow:hidden;list-style:inside none;position:absolute;right:-15px;top:46px;height:0;max-height:0;cursor:default;padding:0 12px;border:1px solid transparent;background:transparent;z-index:-1;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
.nav-dd li{margin:0;padding:18px;color:#444;}.nav-dd li a{display:block;text-decoration:none;font-weight:bold;color:#444;font-size:14px;padding:6px 12px;outline:none;}
.nav-dd .profile{color:#ccc;}.nav-dd .profile div{font-size:16px;font-weight:bold;line-height:18px;color:#444;max-width:150px;overflow:hidden;text-overflow:ellipsis;}
.nav-dd .profile a{display:inline;font-weight:normal;font-size:13px;margin-left:0;color:orange;padding:0;border-bottom:1px solid transparent;}
.nav-dd .profile>a:hover{border-bottom:1px solid orange;}
.nav-dd-cont{-webkit-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.3);box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.3);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior:url('pie.htc');background:#fff;}.nav-dd-cont a{margin-left:6px;}
.nav-help-dd{width:180px;height:211px;max-height:515px;z-index:10000;display:none;}
.nav-acc-dd{width:240px;}.nav-acc-dd .nav-dd-arrow{margin-right:12px;}
.nav-login-dd,.nav-signup-dd{width:280px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.nav-dd-active .nav-acc-dd,.nav-dd-active .nav-login-dd{height:400px;max-height:500px;z-index:10000;}
.nav-dd-active .nav-signup-dd{height:auto;z-index:10000;max-height:500px;padding-bottom:12px;}
.nav-help-dd li{padding:0;}.nav-help-dd li:first-child{padding-top:9px;}
.nav-help-dd li:last-child{padding-bottom:9px;}
#navHelp.open #navHelpA{color:orange;}
#navHelp.open .nav-help-dd{display:block;}
.nav-dd-arrow{height:15px;position:relative;top:3px;margin-right:6px;background:url("/images/common/nav-dd-arrow2.png") no-repeat top right transparent;}
.nav-help-dd .nav-dd-arrow,.nav-login-dd .nav-dd-arrow,.nav-signup-dd .nav-dd-arrow{margin-right:24px;}
#nav-gravatar{width:36px;height:36px;display:block;float:left;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;behavior:url('pie.htc');margin-right:12px;margin-bottom:12px;}
.new-account-line{margin-bottom:12px;width:100%;}.new-account-line label{display:block;font-size:16px;font-weight:bold;line-height:18px;margin-bottom:6px;}
.new-account-line input{display:block;width:100%;padding:6px 9px 5px;background:#eee;border:none;color:#444;font-size:14px;line-height:14px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 3px 0 #aaaaaa;box-shadow:inset 0 1px 3px 0 #aaaaaa;-moz-box-shadow:inset 0 1px 3px 0 #aaaaaa;behavior:url('pie.htc');margin:0 !important;}.new-account-line input:focus{outline:none;background-color:#FFEFD0;}
.new-account-line span{font-size:13px;margin-bottom:3px;color:#999;display:block;}
.new-account-line-login{overflow:hidden;margin-top:18px;margin-bottom:0;color:#888;}.new-account-line-login button{display:block;width:100%;margin-bottom:9px;padding:9px 12px 8px;border:1px solid #d17600;cursor:pointer;font-weight:bold;font-size:14px;color:#fff;text-shadow:0 -1px 0 #d17600;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.8);box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.8);-moz-box-shadow:inset 0 1px 0 0 rgba(255, 255, 255, 0.8);behavior:url('pie.htc');background:#fd9f00;background:-moz-linear-gradient(top, #fd9f00 0%, #fe6b00 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd9f00), color-stop(100%, #fe6b00));background:-webkit-linear-gradient(top, #fd9f00 0%, #fe6b00 100%);background:-o-linear-gradient(top, #fd9f00 0%, #fe6b00 100%);background:-ms-linear-gradient(top, #fd9f00 0%, #fe6b00 100%);background:linear-gradient(to bottom, #fd9f00 0%, #fe6b00 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#fd9f00, endColorstr=#fe6b00, GradientType=0);height:auto;}.new-account-line-login button:hover{-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset,0 0 0 100px rgba(255, 255, 255, 0.3) inset;-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset,0 0 0 100px rgba(255, 255, 255, 0.3) inset;box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset,0 0 0 100px rgba(255, 255, 255, 0.3) inset;}
.new-account-line-login button:focus{outline:none;}
.new-account-line-login label{display:inline;float:left;font-weight:normal;font-size:12px;}.new-account-line-login label input{display:inline;width:auto;margin-right:3px;position:relative;bottom:-1px;background:transparent;padding:0;margin-right:5px!important;float:left;}
.new-account-line-login span{float:right;font-size:12px;line-height:18px;color:orange;border-bottom:1px solid transparent;cursor:pointer;}.new-account-line-login span:hover{border-bottom:1px solid orange;}
.new-account-line.error input{background:#FFE1E1;border:none;}
.new-account-line.correct input{background:#E6F4E2;border:none;}
.new-account-line .fieldMessage{display:block;margin-left:0;position:static;width:auto;font-size:11px;}
.new-account-line.error div.errorMessage,.new-account-line.correct div.correctMessage,.new-account-line.neutral div.neutralMessage{display:block;margin-top:6px;}
.new-account-line .errorMessage span{color:tomato;}
.new-account-line .correctMessage span{color:green;}
.new-account-line .errorMessage img,.new-account-line .correctMessage img,.new-account-line .neutralMessage img{position:static;margin:0 0 -1px;}
.new-account-line .errorMessage span,.new-account-line .correctMessage span,.new-account-line .neutralMessage span{position:static;margin-left:3px;display:inline;font-size:11px;}
.stats{font-size:10px;padding-top:12px;padding-bottom:9px;cursor:default;border-top:1px solid #ddd;}.stats li{padding:0;margin-top:12px;}.stats li:first-child{margin-top:6px;}
.stats-bar{padding:3px;height:12px;background:#eee;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow:inset 0 1px 3px 0 #aaaaaa;box-shadow:inset 0 1px 3px 0 #aaaaaa;-moz-box-shadow:inset 0 1px 3px 0 #aaaaaa;behavior:url('pie.htc');-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.stats-bar div{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow:inset 0 -1px 3px 0 rgba(0, 0, 0, 0.5);box-shadow:inset 0 -1px 3px 0 rgba(0, 0, 0, 0.5);-moz-box-shadow:inset 0 -1px 3px 0 rgba(0, 0, 0, 0.5);behavior:url('pie.htc');background:#888;width:0;height:100%;}
.stats-info p{margin:4px 0 0 6px;color:#999;}
.stats-usage{float:right;margin-right:6px;}
#registrationForm .new-account-line{margin-bottom:12px;}
#registrationForm .error.new-account-line{margin:0 0 12px;}
#registrationForm .new-account-line-login #signupButton{height:auto;margin-left:0;font-size:14px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;behavior:url('pie.htc');}
.stats-table{padding:10px 8px 10px 4px;}.stats-table p{margin:3px 0;font-size:10px;text-shadow:0 1px 0 #fff;color:#666;margin-left:32px;}
.stats-table img{float:left;margin:10px 0;}
.stats-container{padding:10px 24px 10px 0;border-bottom:1px solid #ddd;border-top:1px solid #fff;}
.bar-out{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url('pie.htc');height:11px;margin:2px 0 2px 32px;background-color:#ededed;-moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3) inset,0 1px 0 #ffffff;-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.3) inset,0 1px 0 #ffffff;box-shadow:0 2px 4px rgba(0, 0, 0, 0.3) inset,0 1px 0 #ffffff;}
.bar-in{height:9px;width:0%;border:1px solid transparent;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url('pie.htc');-moz-box-shadow:0 -2px 3px rgba(0, 0, 0, 0.2) inset,0 3px 3px rgba(255, 255, 255, 0.5) inset;-webkit-box-shadow:0 -2px 3px rgba(0, 0, 0, 0.2) inset,0 3px 3px rgba(255, 255, 255, 0.5) inset;box-shadow:0 -2px 3px rgba(0, 0, 0, 0.2) inset,0 3px 3px rgba(255, 255, 255, 0.5) inset;}
.stats-container.big .bar-out{height:20px;}
.stats-container.big .bar-in{height:17px;}
.stats-container.big p{font-size:14px;}
.error-div{color:red;clear:both;font-size:12px;}
//  Jquery HEADER
#new-nav li.opened a { color: orange}
#new-nav li.opened .nav-dd.nav-help-dd { display: block}
.js-firstElement {border-left: 1px solid #434343;-webkit-border-radius: 0 0 0 6px;-moz-border-radius: 0 0 0 6px;border-radius: 0 0 0 6px;behavior: url('pie.htc')}

.hamburger-wp {
	display: none;
	float: right;
	font-family: freight-sans-pro,sans-serif;
}
.hamburger-icon-wp {
	position: relative;
	width: 63px;
	height: 63px;
	cursor: pointer;
    z-index: 1000000;
}
	.hamburger-icon {
		width: 30px;
		height: 4px;
		background: #FFF;
		top: 30px;
		left: 50%;
		position: relative;
		margin-left: -15px;
		border-radius: 5px;
	}
	.hamburger-icon:after {
		content:'';
		top: -9px;
		left: 0;
		position: absolute;

		width: 30px;
		height: 4px;
		background: #FFF;
		border-radius: 5px;
	}
	.hamburger-icon:before {
		content:'';
		top: 9px;
		left: 0;
		position: absolute;

		width: 30px;
		height: 4px;
		background: #FFF;
		border-radius: 5px;
	}


.hamburger-list {
	display: none;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0;
    padding: 63px 0 0 0;
    background: #494949;
    top: 0;
    bottom: 0;
    text-align: center;
    height: 100%;
    overflow: hidden;
    z-index: 100000;
}
	.hamburger-linklist {
		border-bottom: 1px solid #3a3a3a;
	}
	.hamburger-linklist h4 {
	    margin: 60px 0 0 0;
	    font-weight: 700;
	    color: #FFFFFF;
	    line-height: 2.8;
	    text-transform: uppercase;
	    letter-spacing: 5px;
	    font-size: 16px;
	}
	.hamburger-linklist ul {
		margin: 21px 0 60px 0;
		padding: 0;
		list-style: none;
	}
	.hamburger-linklist ul li {
		width: 100%;
		margin-bottom: 18px;
	}
	.hamburger-linklist ul li a {
	    color: #f38632;
	    font-size: 26px;
	    font-weight: 400;
	    text-decoration: none;
	}
	.hamburger-userarea {
		border-top: 1px solid #555555;
		padding-top: 50px;
	}
	.hamburger-userarea a {
		border: 1px solid #F38633;
		border-radius: 5px;
		background-color: transparent;
		min-width: 120px;
		color: #F38633;
		text-align: center;
		text-transform: uppercase;
	    padding: 8px 0;
	    display: inline-block;
	    font-size: 20px;
	    font-weight: 400;
	    text-decoration: none;
	}

	.hamburger-userarea a.massy {
		background-color: #F38633;
		color: #FFF;
		margin-left: 15px;
	}


.hamburger-podo  {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
	.hamburger-podo img {
		width: 60%;
		margin: 0 auto;
	}

@-webkit-keyframes hamburgercontent {
	from {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes hamburgercontent {
	from {
		-webkit-transform: scale3d(0, 0, 0);
		transform: scale3d(0, 0, 0);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@media screen and (max-width: 790px) {
	#nav-login, #nav-profile, #new-nav, .index-navbg {
		display: none !important;
	}

	.hamburger-wp {
		display: block;
	}

	.hamburger-wp input[type=checkbox]{
		display: none;
	}

	.hamburger-wp input[type=checkbox]:checked ~ .hamburger-list {
		display: block;
		-webkit-animation-name: hamburgercontent;
		animation-name: hamburgercontent;

		-webkit-animation-duration: .5s;
		animation-duration: .5s;

		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.hamburger-wp input[type=checkbox]:checked ~ .show-menu .hamburger-icon {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);

		-webkit-transition: all .5s ease;
		transition: all .5s ease;
	}

	.hamburger-wp input[type=checkbox]:checked ~ .show-menu .hamburger-icon:before {
	    -webkit-transform: rotate(-90deg);
	    transform: rotate(-90deg);
		top: 0px;
	}

	.hamburger-wp input[type=checkbox]:checked ~ .show-menu .hamburger-icon:after {
		-webkit-transform: rotate(-90deg);
	    transform: rotate(-90deg);
		top: 0px;
	}
}



.newyear #logo-img {
	background: url(//cdn.jotfor.ms/myforms3/images/logo@4x_2017_decoration.png) 0 0 no-repeat transparent;
	background-size: 164px auto;
}

.newyear.free .navPremium {
	position: relative;
}
.newyear.free .navPremium:after {
  position: absolute;
  top: 2px;
  left: 1px;
  content: '';
  width: 78px;
  pointer-events: none;
  height: 43px;
  background: url(//cdn.jotfor.ms/myforms3/images/sale_label-2017.png) 0 0 no-repeat transparent;
  background-size: 76px auto;
}