@font-face {
    font-family: HelveticaNeueLTPro-ThEx;
    src: url(./fonts/HelveticaNeueLTPro-ThEx.otf); 
   }

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; 
}


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	line-height: 1.3;
}

h1 {
	font-size: 48px;
	margin: 33px 0;
}

h2 {
	font-size: 30px;
	margin: 25px 0;
}

h3 {
	font-size: 22px;
	margin: 27px 0 22px;
}

h4 {
	font-size: 20px;
	margin: 25px 0;
}

h5 {
	font-size: 18px;
	margin: 30px 0;
}

h6 {
	font-size: 16px;
	margin: 36px 0;
}

p {
	margin: 0;
}

div#freedemocontent ul li,
div#freedemocontent p{font-family: HelveticaNeueLTPro-ThEx,Helvetica,Arial,sans-serif;
font-size: 18px;}

div#freedemocontent ul li {

}


div#freedemocontent ul{
div#freedemocontent ul {
  margin: 10px 0;
}
}

form {
	display: initial;
}

.step , .territories{
	margin:0;
}

.windy-demo img {
	float: none !important;
	margin: 0 !important;
}

.triangle-right {
    border: 13px solid transparent;
	border-left: 17px solid white;
	vertical-align: middle;
	font-size: 0px;
	margin-left: 20px;
}

/* Tips / Note */

.tip_note {
	width: 100%;
	margin: 0;
}

.timeline {
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.event label,
.event input[type="radio"] {
	width: 43px;
	height: 42px;
	position: absolute;
	display: block;
	margin-top: 10px;
}

.event input[type="radio"] {
	opacity: 0;
	z-index: 10;
	cursor: pointer;
}

.event label {
	background: url("../img/tip-gray.jpg");
	width: 43px;
	height: 42px;
}

@media screen and (min-width:401px) {
	.content-perspective {
		margin-left: 150px;
		position: relative;
	}
	
	.single .windy-demo p {
		width: 386px;
	}
	
	.back {
	width: 136px;
	height: 45px;
	padding-left: 10px;
	background: #ee5b27;
	color: #fff;
	line-height: 45px;
	text-align: center;
	font-size: 28px;
	border-radius: 7px;
	font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	float: right;
	margin-top: 10px;
}
}
@media screen and (max-width:400px) {
	.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
		font-size: 17px;
	}
	.content-perspective {
		margin-left: 55px;
		position: relative;
	}
	
	.single .windy-demo p {
		width: 256px;
	}
	
	.back {
	width: 136px;
	height: 45px;
	padding-left: 10px;
	background: #ee5b27;
	color: #fff;
	line-height: 45px;
	text-align: center;
	font-size: 28px;
	border-radius: 7px;
	font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	float: none;
	margin: 10px auto;
	display: block;
	padding: 0;
	}
}

.content-inner {
	position: relative;
	color: #d1d3d4;
	border: 3px solid #d1d3d4;
	border-radius: 15px;
	background: #fff;
	margin-bottom: 30px;
	padding: 10px;
	float: left;
}

.content-inner h3 {
	font-size: 24px;
}

.content-inner p {
	max-height: 0px;
	overflow: hidden;
	color: transparent;
	color: rgba(0,0,0,0);
	font-size: 21px;
	letter-spacing: -1px;
}

/* Transitions */

.content-inner h3 {
	-webkit-transition: all 0.6s ease-in-out 0.2s;
	-moz-transition: all 0.6s ease-in-out 0.2s;
	-o-transition: all 0.6s ease-in-out 0.2s;
	-ms-transition: all 0.6s ease-in-out 0.2s;
	transition: all 0.6s ease-in-out 0.2s;
	margin: 0;
}

.content-inner {
	-webkit-transition: box-shadow 0.8s linear 0.2s;
	-moz-transition: box-shadow 0.8s linear 0.2s;
	-o-transition: box-shadow 0.8s linear  0.2s;
	-ms-transition: box-shadow 0.8s linear 0.2s;
	transition: box-shadow 0.8s linear 0.2s;
}

.content {
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-o-transition: -o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-ms-transition: -ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
}

.content-inner p {
	-webkit-transition: max-height 0.5s linear, color 0.3s linear;
	-moz-transition: max-height 0.5s linear, color 0.3s linear;
	-o-transition: max-height 0.5s linear, color 0.3s linear;
	-ms-transition: max-height 0.5s linear, color 0.3s linear;
	transition: max-height 0.5s linear, color 0.3s linear;
}

/* Checked */

.event input[type="radio"]:checked + label {
	background: url("../img/tip-orange.jpg");
	margin-top: 30px;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner h3 {
	color: #FFF;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner {
	background: #ee5b27;
	border-radius: 15px;
	border: none;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
	max-height: 300px; /* Add media queries */
	font-weight: bold;
	color: #424143;
	width: 100%;
	-webkit-transition-delay: 0s, 0.6s;
	-moz-transition-delay: 0s, 0.6s;
	-o-transition-delay: 0s, 0.6s;
	-ms-transition-delay: 0s, 0.6s;
	transition-delay: 0s, 0.6s;

}



/* End Tips / Note */

		input {
			width: 280px;
			margin-bottom: 10px;
		}
		textarea {
			width: 280px;
			height: 130px;
			resize: none;
			margin-bottom: 10px;
		}

	.not-checked img {
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%); 
	opacity: 0.5;
	filter: url(desaturate.svg#greyscale);
	}

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

	body { 
	width:960px; 
	color: #424143;
	margin: 0 auto;
	}

	header, section {
		margin: 0 60px;
	}

	.sep {
	width: 845px;
	background: #d1d1d1;
	height: 2px;
	margin: 0px auto 23px;
	float: left;
	}

	.home h2 {
		text-align: center;
		font-size: 50px;
		font-weight: normal;
		letter-spacing: -1px;
		margin: 38px 0;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.item {
		margin: 0;
	}

	.item h3 {
		font-size: 39px;
		font-weight: normal;
		color: #ef5a28;
		margin: 0;
	}

	.item div {
		display: inline-block;
		width: 330px;
		margin: 0px 60px 22px;
	}
	.item img {
		display: inline-block;
		width: 140px;
	}
	.item a {
		width: 240px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		font-size: 28px;
		text-decoration: none;
		color: #fff;
		background: #ee5b27;
		border-radius: 7px;
		display: inline-block;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
		font-weight: normal;
	}

	.not-checked h3{
		color: #cccccc;
	}

	/* registration page */

	.login {
		width: 560px;
		margin: 0 auto;
	}

	.login h2 {
		text-align: center;
		font-size: 50px;
		letter-spacing: -1px;
		margin: 13px 0;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.login article {
		font-weight: bold;
		margin: 40px 0 36px;
	}

	.login label {
		color: #ef5a28;
		margin-right: 10px;
		font-size: 36px;
		display: inline-block;
	}

	.login div {
		margin-bottom: 40px;
	}

	.login input {
		font-size: 18px;
		border: 3px solid #d1d2d4;
		border-radius: 15px;
		line-height: 33px;
		float: right;
		width: 340px;
		display: inline-block;
		padding: 0 10px;
	}

	.login input:focus {
		outline: 0px;
	}

	.single h2 {
	display: inline-block;
	font-size: 56px;
	margin: 21px 0;
	font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.single img {
		float: right;
		margin: 70px -138px 0px 68px;
	}

	.single p {
		font-size: 21px;
		letter-spacing: -1px;
		/*width: 630px;*/
	}

	.gallery h2, .step h2, .tip h2, .territories h2 {
		font-size: 50px;
		letter-spacing: -1px;
		margin: 13px 0;
		color: #ef5a29;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
		padding-top: 23px;
		border-top: 2px solid #d1d1d1;
		width: 100%;
	}

	.step h3 {
		font-size: 31px;
		margin: 0;
		color: #ef5a29;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.step pre {
		/*font-weight: bold;*/
		font-size: 17px;
		margin-bottom: 30px;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}


	.territories div{
		width:400px;
		display: inline-block;
		margin: 5px 8px 30px 8px;
		float: left;
	}

	.territories img {
		border: 8px solid #fff;
		outline:  1px solid #f1f1f2;
		height: auto;
		box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
		float: none !important;
		margin: 0px;
		width: 100%;
	}

	.territories .fancybox:hover .loop{
			background: url("../img/loop.png") no-repeat;
			height: 27px;
			width: 26px;
			position: relative;
			float: right;
			top: -45px;
			left: -45px;
	}

	.territories h3 {
		color: #ef5a29;
		font-size: 28px;
	}

	.territories pre {
		font-size: 18px;
		/*font-weight: bold;*/
		font-family: arial;
	}
	
	#wp-submit{
	width: 30%;
	background: #ee5b27 !important;
	border:none !important;
	}
	
	#lostpasswordform p.myinput{
	margin: 0 auto 20px;
	width: 300px;
	display: block;
	}

	.b-popup .b-popup-content{
			padding: 0px 10px;
	    margin:100px auto 0px auto;
	    width:300px;
	    height: 350px;
	    background-color: #c5c5c5;
	    border-radius:5px;
	    box-shadow: 0px 0px 10px #000;
	    display: block;
	    font-size: 14px;
	}

	.b-popup-content img {
			width: 30px !important;
			height: 30px;
			float: right;
			position: relative;
			top: -15px;
			right: -25px;
			cursor: pointer;
	}
	.b-popup{
	    width:100% !important;
	    min-height:100%;
	    background-color: rgba(0,0,0,0.5);
	    overflow:hidden;
	    position:fixed;
	    top:0px;
	    right: 0px;
	    margin: 0px !important;
	    display: block;
	}
}

@media screen and (max-width:800px) {

	body { 
	width:768px; 
	color: #424143;
	margin: 0 auto;
	}

	header, section {
		margin: 0 60px;
	}

	.sep {
	width: 650px;
	background: #d1d1d1;
	height: 2px;
	margin: 0px auto 23px;
	}

	.home h2 {
		text-align: center;
		font-size: 50px;
		font-weight: normal;
		letter-spacing: -1px;
		margin: 38px 0;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.item {
		margin: 0;
	}

	.item h3 {
		font-size: 39px;
		font-weight: normal;
		color: #ef5a28;
		margin: 0;
	}

	.item div {
		display: inline-block;
		width: 330px;
		margin: 0px 60px 22px;
	}
	.item img {
		display: inline-block;
	}
	.item a {
		width: 240px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 28px;
	text-decoration: none;
	color: #fff;
	margin: 0 0 20px 290px;
	background: #ee5b27;
	display: block;
	border-radius: 7px;
	font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	font-weight: normal;
	}

	.not-checked h3{
		color: #cccccc;
	}

		/* registration page */

	.login {
		width: 560px;
		margin: 0 auto;
	}

	.login h2 {
		text-align: center;
		font-size: 50px;
		letter-spacing: -1px;
		margin: 13px 0;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.login article{
		font-weight: bold;
		margin: 40px 0 36px;
	}

	.login label {
		color: #ef5a28;
		margin-right: 10px;
		font-size: 36px;
		display: inline-block;
	}

	.login div {
		margin-bottom: 40px;
	}

	.login input {
		font-size: 18px;
		border: 3px solid #d1d2d4;
		border-radius: 15px;
		line-height: 33px;
		float: right;
		width: 340px;
		display: inline-block;
		padding: 0 10px;
	}

	.login input:focus {
		outline: 0px;
	}

	.single h2 {
		display: inline-block;
		font-size: 56px;
		margin: 21px 0;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.single img {
		float: right;
		margin: 70px -136px 0px 30px;
	}

	.single p {
		font-size: 21px;
		letter-spacing: -1px;
		width: 480px;
	}

	.gallery h2, .step h2, .tip h2, .territories h2 {
		font-size: 39px;
		letter-spacing: -1px;
		margin: 13px 0;
		color: #ef5a29;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
		padding-top: 23px;
		border-top: 2px solid #d1d1d1;
		width: 100%;
	}

	.step h3 {
		font-size: 28px;
		margin: 0;
		color: #ef5a29;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.step pre {
		/*font-weight: bold;*/
		font-size: 17px;
		margin-bottom: 30px;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.tip section {
		margin: 0;
	}

	.tip div {
		width: 470px;
		display: inline-block;
		margin-bottom: 30px;
		padding: 10px
	}

	section.tip img, section.note img{
		float: none;
		margin: 0 100px 0 0;
		top: -60px;
		position: relative;
	}

	.tip-chacked {
		font-weight: bold;
		background: #ee5b27;
		border-radius: 15px;
		width: 470px;
		display: inline-block;
		margin-bottom: 30px;
		padding: 10px;
		text-align: left;
	}

	.tip-chacked h3 {
		color: #fff;
		margin: 0;
	}

	.tip-chacked article {
		color: #000;
	}

	.tip-not-chacked {
		font-weight: bold;
		color: #d1d3d4;
		border: 3px solid #d1d3d4;
		border-radius: 15px;
		padding: 10px;
	}

	.tip-not-chacked h3 {
		margin: 0;
	}

	.tip h3 {
		font-size: 24px;
	}

	.territories div{
		width:400px;
		margin: 20px auto 60px;
	}

	.territories img {
		border: 8px solid #fff;
		outline:  1px solid #f1f1f2;
		height: auto;
		box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
		float:none !important;
		width: 100%;
	}

	.territories .fancybox:hover .loop{
			background: url("../img/loop.png") no-repeat;
			height: 27px;
			width: 26px;
			position: relative;
			float: right;
			top: -45px;
			left: -45px;
	}

	.territories h3 {
		color: #ef5a29;
		font-size: 28px;
	}

	.territories pre {
		font-size: 18px;
		font-weight: bold;
	}
	
	#wp-submit{
	width: 30%;
	background: #ee5b27 !important;
	border:none !important;
	}
	
	#lostpasswordform p.myinput{
	margin: 0 auto 20px;
	width: 300px;
	display: block;
	}

	.b-popup .b-popup-content{
			padding: 0px 10px;
	    margin:100px auto 0px auto;
	    width:300px;
	    height: 350px;
	    background-color: #c5c5c5;
	    border-radius:5px;
	    box-shadow: 0px 0px 10px #000;
	    display: block;
	    font-size: 14px;
	}

	.b-popup-content img {
			width: 30px !important;
			height: 30px;
			float: right;
			position: relative;
			top: -15px;
			right: -25px;
			cursor: pointer;
	}
	.b-popup{
	    width:100% !important;
	    min-height:100%;
	    background-color: rgba(0,0,0,0.5);
	    overflow:hidden;
	    position:fixed;
	    top:0px;
	    right: 0px;
	    margin: 0px !important;
	    display: block;
	}
	
	.windy-demo nav {
		float: none;
		}
}

@media screen and (max-width:400px) {


	body { 
	width:320px; 
	color: #424143;
	margin: 0 auto;
	}

	header, section {
		margin: 0;
	}

	.sep {
	width: 320px;
	background: #d1d1d1;
	height: 2px;
	margin: 0px auto 23px;
	}

	.home h2 {
		text-align: center;
		font-size: 23px;
		font-weight: normal;
		letter-spacing: -1px;
		margin: 20px 0;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.item {
		margin: 0;
	}

	.item h3 {
		font-size: 23px;
		font-weight: bold;
		text-align: center;
		color: #ef5a28;
		margin: 0;
		float: left;
		width: 100%;
	}

	.item div {
		display: block;
		width: 260px;
		width: 100%;
		margin: 0 auto 20px;
		font-size: 14px;
		float: left;
	}
	.item img{
		display: block;
		margin: 0 auto 20px;
	}
	.item a{
	width: 145px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: #fff;
	margin: 0 auto 20px;
	background: #ee5b27;
	display: block;
	border-radius: 7px;
	font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	font-weight: normal;
	float: left;
margin-left: calc(50% - 72px);
	}

	.not-checked h3{
		color: #cccccc;
	}

		/* registration page */

	.login {
		width: 320px;
		margin: 0 auto;
	}

	.login h2 {
		text-align: center;
		font-size: 23px;
		letter-spacing: -1px;
		margin: 13px 0;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.login article{
		margin: 40px 20px 36px;
		font-weight: normal;
	}

	.login label {
		color: #ef5a28;
		text-align: center;
		font-size: 30px;
		display: block;

	}

	.login div {
		margin-bottom: 20px;
	}

	.login input {
		font-size: 18px;
		border: 3px solid #d1d2d4;
		border-radius: 15px;
		line-height: 33px;
		width: 260px;
		float: none;
		margin: 0 auto;
		display: block;
		padding: 0 10px;
	}

	.login input:focus {
		outline: 0px;
	}

	.single h2{
		display: block;
		text-align: center;
		margin: 10px 0px;
		font-size: 56px;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.single img {
		float: none;
		margin: 10px auto;
		display: block;
	}

	.single p{
		font-size: 21px;
		letter-spacing: -1px;
		width: 100%;
	}

	.gallery h2, .step h2, .tip h2, .territories h2{
		font-size: 26px;
		letter-spacing: -1px;
		text-align: center;
		margin: 13px 0;
		color: #ef5a29;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
		padding-top: 23px;
		border-top: 2px solid #d1d1d1;
		width: 100%;
	}

	.step h3{
		font-size: 26px;
		margin: 0;
		color: #ef5a29;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.step pre {
		/*font-weight: bold;*/
		font-size: 17px;
		margin-bottom: 30px;
		font-family: HelveticaNeueLTPro-ThEx ,Helvetica, Arial, sans-serif;
	}

	.tip section, .note section {
		margin: 0;
	}

	.tip div, .note div {
		width: 300px;
		display: inline-block;
		margin: 10px 15px;
		padding: 10px;
	}


	.tip img, .note img {
		display: none;
	}

	.tip-chacked{
		font-weight: bold;
		background: #ee5b27;
		border-radius: 15px;
		width: 300px;
		display: inline-block;
		margin: 10px 15px;
		padding: 10px;
		text-align: left;
	}

	.tip-chacked h3{
		color: #fff;
		margin: 0;
	}

	.tip-chacked article{
		color: #000;
	}

	.tip-not-chacked{
		font-weight: bold;
		color: #d1d3d4;
		border: 3px solid #d1d3d4;
		border-radius: 15px;
		padding: 10px;
	}

	.tip-not-chacked h3{
		margin: 0;
	}

	.tip h3{
		font-size: 24px;
	}


	.territories div{
		width:300px;
		display: inline-block;
		margin: 5px 8px 30px 8px;
	}

	.territories img {
		border: 8px solid #fff;
		outline:  1px solid #f1f1f2;
		height: auto;
		box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
		float: none !important;
		width: 100%;

	}

	.territories .no-fancybox:hover .loop{
			background: url("../img/loop.png") no-repeat;
			height: 27px;
			width: 26px;
			position: relative;
			float: right;
			top: -45px;
			left: 53px;
	}

	.territories h3 {
		color: #ef5a29;
		font-size: 24px;
	}

	.territories pre {
		font-size: 18px;
		font-weight: normal;
		font-family: arial;
	}

	.windy-demo{
		width: 320px;
	}

	#nav-prev {
		margin: -20px -10px;
	}

	#nav-next {
		margin: -20px 50px;
	}

	.main {
		width: 100%;
	}

	ul.wi-container {
		width: 300px;
		height: 380px;
	}

	.windy-demo h4 {
		font-size: 25px;
	}

	.windy-demo p {
		font-size: 18px;
	}
	
	#wp-submit{
	width: 70%;
	background: #ee5b27 !important;
	border:none !important;
	margin: 0 auto;
	display: block;
	}
	
	#nav {
	margin: 20px;
	}
	
	#lostpasswordform p.myinput{
	margin: 0 auto 20px;
	width: 300px;
	display: block;
	}

	.b-popup .b-popup-content{
			padding: 0px 10px;
	    margin:20px auto 0px auto;
	    width:300px;
	    height: 350px;
	    background-color: #c5c5c5;
	    border-radius:5px;
	    box-shadow: 0px 0px 10px #000;
	    display: block;
	    font-size: 14px;
	}

	.b-popup-content img {
			width: 30px !important;
			height: 30px;
			float: right;
			position: relative;
			right: -10px;
			cursor: pointer;
	}
	.b-popup{
	    width:100% !important;
	    min-height:100%;
	    background-color: rgba(0,0,0,0.5);
	    overflow:hidden;
	    position:fixed;
	    top:0px;
	    right: 0px;
	    margin: 0px !important;
	    display: block;
	}
}


img{max-width: 100%; height: auto;}

li {
font-size: 21px;
}

section.step img {
margin: 0;
padding: 0;
}

img.aligncenter {
margin: 0 auto !important;
display: block;
float: none;
}

img.alignleft {
float: left;
}

p{
width: 100%;
float: left;}
.step pre{width: 100%;}

li.event {
float: left;
}

.sep{float: left;}
.videoWrapper iframe {
    max-width: 100%;
}