html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, big, font, img, small, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%;}
		body {line-height:normal;}
		ol, ul {list-style:none;}
		blockquote, q {quotes:none;}
		:focus {outline:0;}
		ins {text-decoration:none;}
		del {text-decoration:line-through;}
		table {border-collapse:collapse; border-spacing:0;}
		*{
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		html, body, div, a, input, button, h1, h2, h3, h4, h5, h6, p, td, th, blockquote{
			font-family: 'Kanit', sans-serif;
		}
		body{
			overflow-x: hidden;
			background: #fff;
		}
		body.disablescroll{
			overflow-y: hidden;
		}
		.container{
			display: table;
			width: 1280px;
			margin: 0 auto;
		}
		.container.psr{
			position: relative;
		}
		.textblue{color: #1f7dad !important;}
		.textred{color: #d72323 !important;}
		.textgreen{color: #19d553 !important;}
		.textgray{color: #989898 !important;}
		.bgblue{color: #1f7dad !important;}
		.bgred{color: #d72323 !important;}
		.bggreen{color: #d72323 !important;}
		.fw_md{font-weight: 500 !important;}
		/* -- BREAK -- */







		a.offer_stickybtn{
			position:fixed;
			right:-60px;
			top:calc(50% - 60px);
			transform:translate(0,-50%);
			-webkit-transform:translate(0,-50%);
			width: 180px;
			height: 60px;
			background: #d72323;
			text-decoration: none;
			z-index: 999;
			transform: rotate(-90deg);
			display: flex;
			justify-content: center;
		}
		a.offer_stickybtn span{
			display: inline-flex;
			align-self: center;
			text-align:center;
			color:#fff;
			font-size:14px;
			font-family:'Kanit';
			text-transform: uppercase;
			font-weight: 600;
			letter-spacing: 1px;
		}
		/* -- BREAK -- */




		header{
			position: fixed;
			width: 100%;
			left: 0; top: 0;
			padding:20px 0;
			z-index: 99;
		}
		header.fixed{
			height: 100px;
			background: #fff;
			box-shadow:0 0 45px rgba(0,0,0,0.15);
			-webkit-box-shadow:0 0 45px rgba(0,0,0,0.15);
		}
		.header-container{
			width: 1280px;
			margin: 0 auto;
			position: relative;
		}


		.site-branding{
			position: absolute;
			left: 50%; top: 0;
			transform: translate(-50%,0);
			-webkit-transform: translate(-50%,0);
			z-index: 5;
			transition:0.6s;
			-webkit-transition:0.6s;
		}
		header.fixed .site-branding{
			top: -12px;
		}
		.site-branding a.logo{
			float: left;
			text-decoration: none;
		}
		.site-branding a.logo img{
			float: left;
			width: 118px; height: auto;
			transition:0.6s;
			-webkit-transition:0.6s;
		}
		header.fixed .site-branding a.logo img{
			width: 80px; height: auto;
		}

		.site-navwrap{
			position: absolute;
			left: 0; top: 45px;
			width: 100%;
			transition:0.6s;
			-webkit-transition:0.6s;
		}
		header.fixed .site-navwrap{
			top: 22px;
		}
		.navicons{
			display: none;
			position: absolute;
			right: -30px;
			top: -7px;
			z-index: 999;
		}
		.navicons a.navshow{
			position: absolute;
			width: 48px; height: 48px;
			right: 55px;
    		top: 13px;
			text-decoration: none;
			text-align: center;
		}
		.navicons a.navshow span{
			text-align: center; color:#000; font-size: 39px;
			width: 48px; height: 48px; line-height:48px;
		}
		.navicons a.navhide{
			position: absolute;
			width: 48px; height: 48px;
			right: 55px;
    		top: 13px;
			text-decoration: none;
			text-align: center;
			display: none;
		}
		.navicons a.navhide span{
			text-align: center; color:#fff; font-size: 36px;
			width: 48px; height: 48px; line-height:48px;
		}
		.sitenav{}
		.sitenav .mobiletitle{
			display: none;
		}
		.sitenav .leftside{
			position:absolute;
			top: 0; left:0;
			margin:0 0 0 0;
		}
		.sitenav .rightside{
			position:absolute;
			top: 0; right:0;
			margin:0 0 0 0;
		}
		nav.headermenu{
			float: left;
		}
		nav.headermenu ul{
			float: left;
		}
		nav.headermenu ul li{
			float: left;
			position: relative;
			z-index: 3;
			margin-right: 44px;
		}
		nav.headermenu ul li:last-of-type{
			margin-right: 0;
		}
		nav.headermenu ul li a{
			float: left;
			text-align: left;
			color:#000;
			font-size:14px;
			line-height: 21px;
			font-weight:600;
			padding: 0 0;
			text-transform: uppercase;
			text-decoration: none;
			position: relative;
			transition:0.9s;
			-webkit-transition:0.9s;
		}
		nav.headermenu ul li:hover a,
		nav.headermenu ul li.current_page_item a,
		nav.headermenu ul li.current-post-ancestor a,
		nav.headermenu ul li.current-menu-item a{
			color: #d72323;
		}
		nav.headermenu ul li a span{
			margin-left: 8px;
		}


		.header-socialmedia{
			float:right;
			margin:0 0 0 50px;
			position: relative;
			z-index: 2;
		}
		.header-socialmedia a{
			float:left;
			text-align:left;
			color:#000;
			font-size:18px;
			line-height: 21px;
			text-decoration: none;
			margin:0 19px 0 0;
			transition:0.3s;
			-webkit-transition:0.3s;
		}
		.header-socialmedia a:last-child{
			margin-right: 0;
		}
		.header-socialmedia a:hover{
			color: #d72323;
			transform: rotate(360deg);
		}
		/* -- BREAK -- */





		.about{
			float:left;
			width:100%;
			margin:0 0 0 0;
			padding:235px 0 140px 0;
			position: relative;
			z-index: 1;
		}
		.about.static{
			background: url(images/cloudpic-1.jpg) no-repeat center;
			background-size: cover;
		}
		.about.static .cloud-animation{
			display: none;
		}
		.cloud-animation{
			position:absolute;
			width:100%;
			height:100%;
			left:0; top:0;
			margin:0 0 0 0;
			padding:0 0 0 0;
			z-index:-1;
			overflow: hidden;
		}
		.cloud-animation img{
			position: absolute;
			width: 40%;
			height: auto;
		}
		.cloud-animation img.layer1{
			animation: layer1 25s infinite linear;
			top: 5%;
		}
		@keyframes layer1{
			from{transform: translate3d(-100%,0px,0px);}
			to{transform: translate3d(250%,0px,0px);}
		}
		.cloud-animation img.layer2{
			animation: layer2 25s infinite linear reverse;
			bottom: 5%;
		}
		@keyframes layer2{
			from{transform: translate3d(-100%,0px,0px);}
			to{transform: translate3d(250%,0px,0px);}
		}
		.about .text{
			float: left;
			width: 605px;
			margin: 0 0 0 0;
			padding: 20px 0 0 0;
		}
		.about .text h1,
		.about .text h2,
		.about .text h3{
			text-align:left;
			color:#000;
			font-weight: 600;
		}
		.about .text h1{
			font-size:77px;
			margin-bottom: 0;
			line-height: 70px;
		}
		.about .text h2{
			font-size:90px;
			margin-bottom: 30px;
			line-height: 70px;
		}
		.about .text h2 span{
			color: #1f7dad;
		}
		.about .text h3{
			font-size:40px;
			margin-bottom: 10px;
		}
		.about .text p{
			text-align:left;
			color:#000;
			font-size: 20px; line-height: 110%;
			font-weight: 300;
			margin-bottom: 30px;
		}
		.about .text a.lmbtn{
			display: table;
			text-align:left;
			color:#000;
			font-size:16px;
			font-weight: 600;
			text-decoration: none;
			text-transform: uppercase;
			margin-bottom: 0;
			transition:0.3s;
			-webkit-transition:0.3s;
			padding: 10px 0;
			position: relative;
			z-index: 1;
		}
		.about .text a.lmbtn:before{
			position:absolute;
			width:120%;
			height:100%;
			left:-200%; top:0;
			z-index:-1;
			background: #d72323;
			transition:0.4s;
			-webkit-transition:0.4s;
			content: '';
			transform: skewX(-30deg);
			opacity: 0;
		}
		.about .text a.lmbtn span{
			display: inline-block;
			transform: rotateX(180deg);
			color: #1f7dad;
			font-weight: bold;
			transition:0.3s;
			-webkit-transition:0.3s;
		}
		.about .text a.lmbtn:hover, .about .text a.lmbtn:hover span{
			color: #fff;
		}
		.about .text a.lmbtn:hover{
			padding-left: 5%;
		}
		.about .text a.lmbtn:hover:before{
			left:0;
			opacity: 1;
		}
		.about .visual{
			float: right;
			width: 573px;
			margin: 0 0 0 0;
			padding: 0 0;
			position: relative;
		}
		.about .visual img{
			float: left;
			width: 100%;
			height: auto;
		}
		.about .visual .bg{
			position: absolute;
			width: 100%;
			height: 100%;
			top: -40px;
			/*animation: bgani1 2s infinite linear;*/
		}
		@keyframes bgani1{
			0%{top: -40px;}
			50%{top: 0px;}
			100%{top: -40px;}
		}
		/* -- BREAK -- */





		.lifetransform{
			float:left;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 11% 0;
		}
		.lifetransform h2{
			display:table;
			width:50%;
			margin:0 auto 0 auto;
			text-align:left;
			color:#000;
			font-size:60px;
			line-height: 90%;
			text-transform: uppercase;
			font-weight: 600;
			position: relative;
			z-index: 2;
		}
		.lifetransform .picturearea{
			float: left;
			width: auto;
			margin: 0 0 0 0;
			position: relative;
		}
		.lifetransform img.piclayer1{
			float: left;
			width: auto; height: auto;
			margin: -45px 0 0 0;
		}
		.lifetransform img.piclayer2{
			position: absolute;
			left: 0; bottom: -22%;
			width: auto; height: auto;
			margin: -12% 0 0 17%;
		}
		.lifetransform .punchlines{
			float: right;
			width: 610px;
			margin: 0 0 0 0;
			padding: 40px 0 70px 0;
		}
		.lifetransform .punchlines .item{
			float: left; width: 100%; margin: 0 0 40px 0;
		}
		.lifetransform .punchlines .item:last-of-type{
			margin-bottom: 0;
		}
		.lifetransform .punchlines .item h3{
			text-align:left;
			color:#000;
			font-size:36px;
			font-weight: 600;
			text-transform: uppercase;
			margin-bottom: 5px;
		}
		.lifetransform .punchlines .item p{
			text-align:left;
			color:#000;
			font-size:20px; line-height: 100%;
			font-weight: 300;
		}
		/* -- BREAK -- */






		.testimonials{
			float:left;
			width:100%;
			margin:0 0 0 0;
			padding:160px 0 150px 0;
		}
		.testimonials .titles{
			float: right;
			width: 415px;
			margin: 0 0 0 0;
		}
		.testimonials .titles h2{
			text-align:left;
			color:#000;
			font-size:36px;
			font-weight: 600;
			line-height: 100%;
			text-transform: uppercase;
		}
		.testimonials .titles h3{
			text-align:left;
			color:#000;
			font-size:60px;
			font-weight:600;
			line-height: 100%;
			text-transform: uppercase;
		}
		.remarks_wrap{
			float: left;
			width: 635px;
		}
		.remarks_wrap .remarks{

		}
		.remarks_wrap .remarks .item{
			overflow: hidden;
		}
		.remarks_wrap .remarks .item p{
			text-align:left;
			color:#000;
			font-size:20px;
			font-weight:300;
			line-height: 120%;
			margin-bottom: 17px;
			opacity: 0
			left: 50px;
			position: relative;
		}
		.remarks_wrap .remarks .item h4{
			text-align:left;
			color:#000;
			font-size:20px;
			font-weight:600;
			text-transform: uppercase;
			opacity: 0;
		}
		.rs_nav_btns{
			float: left;
			width: 100%;
		}
		.rs_nav{
			float: left;
			width: 100%;
			margin-top: 30px;
		}
		.rs_nav a{
			float: left;
			width: 24px;
			height: 40px;
			text-decoration: none;
			margin: 0 0 0 0;
			color: #000;
			font-size:30px;
		}
		.rs_nav a:last-of-type{
			margin-left: 20px;
		}
		/* -- BREAK -- */






		.register{
			float:left;
			width:100%;
			position: relative;
		}
		.register .videoarea{
			float: left;
			width: 50%;
			position: relative;
			z-index: 1;
		}
		.register .videoarea .videocontrols{
			position:absolute;
			width:100%;
			height:100%;
			left:0; top:0;
			z-index:4;
		}
		.register .videoarea .videocontrols .videobtns{
			position:absolute;
			width:100%;
			height:100%;
		}
		.register .videoarea .videocontrols .videobtns a.playbtn{
			position:absolute;
			left:50%;
			top:50%;
			transform:translate(-50%,-50%);
			-webkit-transform:translate(-50%,-50%);
			text-decoration: none;
		}
		.register .videoarea .videocontrols .videobtns a.playbtn img{
			float: left;
			transform: scale(0.9);
			opacity: 0.3;
			transition:0.6s;
			-webkit-transition:0.6s;
			animation: playbtnani 1.6s infinite linear;
		}
		.register .videoarea .videocontrols .videobtns a.playbtn:hover img{
			opacity: 1;
			transform: scale(1);
		}
		@keyframes playbtnani{
			0%{transform: scale(0.9); opacity: 0.3;}
			50%{transform: scale(1); opacity: 1;}
			100%{transform: scale(0.9); opacity: 0.3;}
		}
		.register .videoarea .videocontrols .videobtns a.pausebtn{
			position:absolute;
			right:20px;
			top:20px;
			text-align:left;
			color:#fff;
			font-size:16px; line-height: 21px;
			text-decoration: none;
			z-index: 2;
			display: none;
			opacity: 0.8;
			transition:0.6s;
			-webkit-transition:0.6s;
		}
		.register .videoarea .videocontrols .videobtns a.pausebtn:hover{
			opacity: 1;
		}
		.register .videoarea .videocontrols .videobtns a.pausebtn span{
			float: left;
			line-height: 21px;
			margin-right: 5px;
		}
		.register .videoarea .videocover{
			position:absolute;
			width:100%;
			height:100%;
			left:0; top:0;
			z-index:3;
			background-size: cover !important;
		}
		.register .videoarea .video{
			float: left;
			width: 100%;
			height: 685px;
			position: relative;
			z-index: 2;
		}
		.register .videoarea .video video{
			position: relative;
			width: 100%;
			height: 100%;
			object-fit: cover;
			z-index: 2;
		}
		.register .regformwrap{
			width: 50%; height: 100%;
			background: #d72323;
			position: absolute;
			right: 0; top: 0;
			z-index: 1;
		}
		.register .regformwrap .signuptext_bglayer{
			position: absolute;
			z-index: -1;
			left: 10%; top: -2%;
			width: 40%;
			text-align:left;
			color:#d72323;
			font-size:200px; line-height: 80%;
			font-weight:600;
			text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, -1px 1px #fff, 1px -1px #fff;
			text-transform: uppercase;
			opacity: 0.15;
			user-select: none;
			-webkit-user-select: none;
			-moz-user-select: none;
		}
		.register .regform{
			width: 415px;
			position: absolute;
			left: 25%;
			top: 50%;
			transform: translate(0,-50%);
		}
		.register .regform h2{
			text-align:left;
			color:#000;
			font-size:30px;
			font-weight:600;
			text-transform: uppercase;
			line-height: 100%;
		}
		.register .regform h3{
			text-align:left;
			color:#000;
			font-size:60px;
			font-weight:600;
			text-transform: uppercase;
			line-height: 100%;
			margin-bottom: 25px;
		}
		.register .regform form{
			float:left;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		.register .regform form fieldset{
			float:left;
			width:100%;
			margin:0 0 25px 0;
		}
		.register .regform form fieldset input,
		.gform_wrapper input.medium{
			float: left;
			width: 100%!important;
			height: 50px;
			padding: 0 20px!important;
			text-align:left;
			color:#000;
			font-size:20px!important;
			border: none;
		}
		.register .regform form ::placeholder,
		.register .regform form :-ms-input-placeholder,
		.register .regform form ::-ms-input-placeholder,
		.register .regform form ::-webkit-input-placeholder{
			color: #000;
			opacity: 1;
			font-family: 'Kanit';
		}
		.register .regform form button{
			display: table;
			text-align:left;
			color:#fff;
			font-size:16px;
			font-weight: 600;
			text-decoration: none;
			text-transform: uppercase;
			margin-bottom: 0;
			transition:0.3s;
			-webkit-transition:0.3s;
			padding: 10px 0;
			position: relative;
			z-index: 1;
			background: none; border: none;
			cursor: pointer;
		}
		.register .regform form button:before{
			position:absolute;
			width:120%;
			height:100%;
			left:-200%; top:0;
			z-index:-1;
			background: #1f7dad;
			transition:0.4s;
			-webkit-transition:0.4s;
			content: '';
			transform: skewX(-30deg);
			opacity: 0;
		}
		.register .regform form button span{
			display: inline-block;
			transform: rotateX(180deg);
			font-weight: bold;
			transition:0.3s;
			-webkit-transition:0.3s;
		}
		.register .regform form button:hover, .register .regform form button:hover span{
			color: #fff;
		}
		.register .regform form button:hover{
			padding-left: 5%;
		}
		.register .regform form button:hover:before{
			left:0;
			opacity: 1;
		}
		/* -- BREAK -- */







		.classes_schedule{
			float:left;
			width:100%;
			margin:0 0 0 0;
			padding:150px 0;
		}
		.classes_schedule .top_area{
			float:left;
			width:100%;
			margin-bottom: 40px;
			position: relative;
		}
		.classes_schedule .top_area .headings{
			float: left;
			width: 570px;
			position: relative;
		}
		.classes_schedule .top_area .headings h2{
			text-align:left;
			color:#000;
			font-size:36px; line-height: 100%;
			font-weight:600;
			text-transform: uppercase;
			margin-bottom: 5px;
		}
		.classes_schedule .top_area .headings h3{
			text-align:left;
			color:#000;
			font-size:60px; line-height: 90%;
			font-weight:600;
			text-transform: uppercase;
		}
		.classes_schedule .top_area .address{
			float: right;
			width: 225px;
			margin-right: 15%;
		}
		.classes_schedule .top_area .address h5{
			text-align:left;
			color:#000;
			font-size:20px; line-height: 100%;
			font-weight:600;
			margin-bottom: 11px;
		}
		.classes_schedule .top_area .address p{
			text-align:left;
			color:#000;
			font-size:20px; line-height: 100%;
			font-weight:300;
			margin-bottom: 30px;
		}
		.classes_schedule .top_area .address a.directions_btn{
			display: table;
			text-align:left;
			color:#000;
			font-size:16px;
			font-weight: 600;
			text-decoration: none;
			text-transform: uppercase;
			margin-bottom: 0;
			transition:0.3s;
			-webkit-transition:0.3s;
			padding: 10px 0;
			position: relative;
			z-index: 1;
		}
		.classes_schedule .top_area .address a.directions_btn:before{
			position:absolute;
			width:120%;
			height:100%;
			left:-200%; top:0;
			z-index:-1;
			background: #d72323;
			transition:0.4s;
			-webkit-transition:0.4s;
			content: '';
			transform: skewX(-30deg);
			opacity: 0;
		}
		.classes_schedule .top_area .address a.directions_btn span{
			display: inline-block;
			transform: rotateX(180deg);
			color: #000;
			font-weight: bold;
			transition:0.3s;
			-webkit-transition:0.3s;
			margin-left: 30px;
		}
		.classes_schedule .top_area .address a.directions_btn:hover,
		.classes_schedule .top_area .address a.directions_btn:hover span{
			color: #fff;
		}
		.classes_schedule .top_area .address a.directions_btn:hover{
			padding-left: 5%;
		}
		.classes_schedule .top_area .address a.directions_btn:hover:before{
			left:0;
			opacity: 1;
		}


		.cls_tablearea{
			float:left;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		.cls_tablearea img.tablepic{
			float: left	;
			width: 100%;
			height: auto;
		}



		.classes_schedule .bottom_area{
			float:left;
			width:100%;
			margin:50px 0 0 0;
			padding:0 0 0 0;
		}
		.classes_schedule .bottom_area .leftside{
			float:left;
			width:780px;
			margin:0 0 0 0;
		}
		.classes_schedule .bottom_area .rightside{
			float:right;
			width:415px;
			margin:0 0 0 0;
		}
		.classes_schedule .bottom_area p{
			text-align:left;
			color:#000;
			font-size:13px;
			font-weight:300;
			margin-bottom: 5px;
			text-transform: uppercase;
		}
		/* -- BREAK -- */









		.presales{
			float:left;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		.presales h2{
			text-align:center;
			color:#000;
			font-size:36px; line-height: 90%;
			font-weight:600;
			text-transform: uppercase;
			margin-bottom: 5px;
		}
		.presales h3{
			text-align:center;
			color:#000;
			font-size:60px; line-height: 100%;
			font-weight:600;
			text-transform: uppercase;
			margin-bottom: 30px;
		}

		.ps_steps{
			display:table;
			width:260px;
			margin:0 auto 30px auto;
			position: relative;
			z-index: 1;
		}
		.ps_steps:before{
			position:absolute;
			width:120px;
			height:1px;
			background:#ddd;
			left:0; right:0; top:50%;
			content:'';
			margin:0 auto 0 auto;
			transform: translate(0,-50%);
		}
		.ps_steps ul{
			float: left;
			width: 100%;
		}
		.ps_steps ul li{
			float: left;
			width: 40px; height: 40px; line-height: 36px;
			border-radius:50%;
			-webkit-border-radius:50%;
			margin: 0 0 0 0;
			border: 2px solid #000;
			cursor: default;
			text-align:center;
			color:#000;
			font-size:19px;
			font-weight: bold;
			user-select: none;
			-webkit-user-select: none;
		}
		.ps_steps ul li.active{
			background: #1f7dad;
			border: 2px solid #1f7dad;
			color: #fff;
		}
		.ps_steps ul li.two{
			float: right;
		}
		.presales h4{
			text-align:center;
			color:#000;
			font-size:20px; line-height: 90%;
			font-weight:600;
			margin-bottom: 50px;
		}

		.ps_step1, .ps_step2{
			float:left;
			width:100%;
			margin-top: 0;
			margin-bottom: 40px;
			display: block;
			position: relative;
			transition:1.3s;
			-webkit-transition:1.3s;
		}
		.ps_step2{
			display: none;
		}
		.ps_step2.anibox{
			margin-top: -50px;
			opacity: 0;
		}
		.pricingplans{
			display: flex;
			flex-wrap: wrap;
			margin:0 -20px;
			margin-bottom: 40px;
		}
		.pricingplans .item{
			flex: 0 0 33.33%;
			padding: 0 20px;
		}
		.pricingplans .item.fw{
			flex: 0 0 100%;
			padding: 0 20px;
		}
		.pricingplans .item .iteminner{
			float:left;
			width:100%;
			height: 100%;
			margin:0 0 0 0;
			padding:40px 65px;
			padding-bottom: 100px;
			position: relative;
			border: 1px solid #000;
			cursor: pointer;
			transition:0.3s;
			-webkit-transition:0.3s;
			z-index: 1;
		}
		.pricingplans .item.selected .iteminner,
		.pricingplans .item:hover .iteminner{
			border: 2px solid #000;
		}
		.pricingplans .item:hover  .iteminner{
			transform: scale(1.03);
		}
		.pricingplans .item .icon{
			display:table;
			width:auto;
			margin:0 auto 45px auto;
			width: 40px; height: 40px;
			border-radius:50%;
			-webkit-border-radius:50%;
			border: 2px solid #000;
			cursor: default;
			text-align:center;
			color:#000;
			font-size:30px;
			font-weight: bold;
			user-select: none;
			-webkit-user-select: none;
			cursor: pointer;
			position: relative;
		}
		.pricingplans .item .icon span{
			position:absolute;
			left:50%;
			top:50%;
			transform:translate(-50%,-50%);
			-webkit-transform:translate(-50%,-50%);
			visibility: hidden;
			opacity: 0;
			transition:0.3s all;
			-webkit-transition:0.3s all;
		}
		.pricingplans .item.selected .icon span{
			visibility: visible;
			opacity: 1;
		}
		.pricingplans .item:hover .icon span{
			visibility: visible;
			opacity: 1;
		}
		.pricingplans .item h5{
			text-align:left;
			color:#000;
			font-size:36px;
			line-height: 100%;
			text-transform: uppercase;
			margin-bottom: 20px;
		}
		.pricingplans .item ul{
			margin-bottom: 50px;
		}
		.pricingplans .item ul li{
			text-align:left;
			color:#000;
			font-size:20px;
			line-height: 100%;
			font-weight: 300;
			margin-bottom: 8px;
		}
		.pricingplans .item ul li span{
			color: #d72323;
		}
		.pricingplans .item h6,
		.pricingplans .item h3{
			position: absolute;
			bottom: 45px;
			text-align:left;
			color:#000;
			font-size:50px;
			line-height: 100%;
			text-transform: uppercase;
			font-weight: normal;
		}
		.presales a.psconti_btn{
			display: table;
			width: auto;
			margin: 0 auto 0 auto;
			text-align:left;
			color:#000;
			font-size:16px;
			font-weight: 600;
			text-decoration: none;
			text-transform: uppercase;
			margin-bottom: 0;
			transition:0.3s;
			-webkit-transition:0.3s;
			padding: 10px 0;
			position: relative;
			z-index: 1;
		}
		.presales a.psconti_btn:before{
			position:absolute;
			width:140%;
			height:100%;
			left:-200%; top:0;
			z-index:-1;
			background: #d72323;
			transition:0.4s;
			-webkit-transition:0.4s;
			content: '';
			transform: skewX(-30deg);
			opacity: 0;
		}
		.presales a.psconti_btn span{
			display: inline-block;
			transform: rotateX(180deg);
			color: #d72323;
			font-weight: bold;
			transition:0.3s;
			-webkit-transition:0.3s;
			margin-left: 12px;
		}
		.presales a.psconti_btn:hover, .presales a.psconti_btn:hover span{
			color: #fff;
		}
		.presales a.psconti_btn:hover{
		}
		.presales a.psconti_btn:hover:before{
			left:-20%;
			opacity: 1;
		}


		a.ps_backbtn{
			position:absolute;
			left:0;
			top:50%;
			transform:translate(0,-50%);
			-webkit-transform:translate(0,-50%);
			width: 100px;
			height: 100px;
			padding: 35px 0 0 0;
			border-radius:50%;
			-webkit-border-radius:50%;
			border: 1px solid #000;
			text-align:center;
			color:#000;
			font-size:18px;
			font-weight:600;
			text-transform: uppercase;
			text-decoration: none;
			transition:0.6s;
			-webkit-transition:0.6s;
		}
		a.ps_backbtn span{
			display: inline-block;
			vertical-align: middle;
			transform: rotateY(180deg);
			font-weight: bold;
			margin-right: 3px;
			font-size: 15px;
		}
		a.ps_backbtn:hover{
			background: #d72323;
			color: #fff;
			border: 1px solid #d72323;
		}
		.submitform_wrap{
			float: right;
			width: 955px;
			margin: 0 0 0 0;
		}
		.submitform_wrap form{
			float:left;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		.selectedplan{
			float: left;
			width: 415px;
		}
		.fieldsarea{
			float: right;
			width: 415px;
		}
		.fieldsarea fieldset{
			float:left;
			width:100%;
			margin:0 0 25px 0;
		}
		.fieldsarea fieldset label{
			float:left;
			width:100%;
			text-align:left;
			color:#000;
			font-size:18px; line-height: 120%;
			font-weight:300;
			position: relative;
		}
		.fieldsarea fieldset label.termslabel{
			cursor: pointer;
			padding-left: 40px;
			margin-top: 20px;
			user-select: none;
			-webkit-user-select: none;
		}

		.fieldsarea fieldset label.termslabel input[type="checkbox"]{
			width: 0; height: 0;
			visibility: hidden;
			float: left;
			margin: 0; padding: 0; border: none;
		}
		.customcheck{
			position:absolute;
			top: 2px; left:0;
			margin:0 0 0 0;
			width: 26px; height: 26px;
			border: 2px solid #000;
			border-radius:50%;
			-webkit-border-radius:50%;
			z-index: -1;
		}
		.customcheck span{
			float: left;
			font-size: 16px;
			margin: 3px 0 0 4px;
		}

		.fieldsarea fieldset input[type="text"],
		.fieldsarea fieldset input[type="email"]{
			float: left;
			width: 100%;
			height: 50px;
			padding: 0 0 0 20px;
			text-align:left;
			color:#000;
			font-size:20px;
			border: 1px solid #000;
		}
		.fieldsarea ::placeholder,
		.fieldsarea :-ms-input-placeholder,
		.fieldsarea ::-ms-input-placeholder,
		.fieldsarea ::-webkit-input-placeholder{
			color: #000;
			opacity: 1;
			font-family: 'Kanit';
		}
		.fieldsarea fieldset input.datefield{
			background: #fff url(images/dateicon.png) no-repeat 98% center;
			cursor: pointer;
		}
		button.submit_request_btn{
			display: table;
			text-align:left;
			color:#000;
			font-size:16px;
			font-weight: 600;
			text-decoration: none;
			text-transform: uppercase;
			transition:0.3s;
			-webkit-transition:0.3s;
			padding: 10px 0;
			position: relative;
			z-index: 1;
			background: none; border: none;
			cursor: pointer;
			margin: 25px 0 0 21%;
		}
		button.submit_request_btn:before{
			position:absolute;
			width:130%;
			height:100%;
			left:-200%; top:0;
			z-index:-1;
			background: #d72323;
			transition:0.4s;
			-webkit-transition:0.4s;
			content: '';
			transform: skewX(-30deg);
			opacity: 0;
		}
		button.submit_request_btn span{
			display: inline-block;
			transform: rotateX(180deg);
			font-weight: bold;
			transition:0.3s;
			-webkit-transition:0.3s;
			color: #d72323;
			margin-left: 20px;
		}
		button.submit_request_btn:hover, button.submit_request_btn:hover span{
			color: #fff;
		}
		button.submit_request_btn:hover{
		}
		button.submit_request_btn:hover:before{
			left:-15%;
			opacity: 1;
		}
		/* -- BREAK -- */






		footer{
			float:left;
			width:100%;
			margin:0 0 0 0;
			padding:140px 0 90px 0;
		}

		footer .container{
			position: relative;
		}

		.footer-socialmedia{
			position: absolute;
			left: 0; top: 0;
			width: 24px;
			margin: 0 0 0 0;
			padding: 45px 0;
		}
		.footer-socialmedia:before,
		.footer-socialmedia:after{
			position:absolute;
			width:1px;
			height:30px;
			background:#000;
			left:0; right:0; top:0;
			content:'';
			margin:0 auto 0 auto;
		}
		.footer-socialmedia:after{
			top: initial; bottom: 0;
		}
		.footer-socialmedia a{
			float: left;
			width: 24px; height: 24px; line-height: 24px;
			text-decoration: none;
			text-align:center;
			color:#000;
			font-size:18px;
			margin: 10px 0;
			transition:0.6s;
			-webkit-transition:0.6s;
		}
		.footer-socialmedia a span{

		}
		.footer-socialmedia a:hover{
			color: #d72323;
			transform: rotate(360deg);
		}

		a.footerlogo{
			float:left;
			width:auto;
			margin:0 0 0 0;
			padding-left:0;
			text-decoration: none;
		}
		a.footerlogo img{
			float: left;
			width: 160px; height: auto;
		}


		.footerwidgets{
			float:left;
			width:100%;
			margin:0 0 0 0;
			padding:0 0 0 70px;
		}
		.ftr_widget{
			float:left;
			width:auto;
			margin:0 100px 0 0;
			padding-top: 35px;
		}
		.ftr_widget:last-of-type{
			margin-right: 0;
		}




		.ftr_widget h5{
			text-align:left;
			color:#000;
			font-size:20px; line-height: 100%;
			font-weight:600;
			margin-bottom: 11px;
		}

		.ftr_widget.address{
			width: 225px;
		}
		.ftr_widget.address p{
			text-align:left;
			color:#000;
			font-size:20px; line-height: 100%;
			font-weight:300;
			margin-bottom: 30px;
		}
		.ftr_widget.address a.directions_btn{
			display: table;
			text-align:left;
			color:#000;
			font-size:16px;
			font-weight: 600;
			text-decoration: none;
			text-transform: uppercase;
			margin-bottom: 0;
			transition:0.3s;
			-webkit-transition:0.3s;
			padding: 10px 0;
			position: relative;
			z-index: 1;
		}
		.ftr_widget.address a.directions_btn:before{
			position:absolute;
			width:115%;
			height:100%;
			left:-100%; top:0;
			z-index:-1;
			background: #d72323;
			transition:0.4s;
			-webkit-transition:0.4s;
			content: '';
			transform: skewX(-30deg);
			opacity: 0;
		}
		.ftr_widget.address a.directions_btn span{
			display: inline-block;
			transform: rotateX(180deg);
			color: #000;
			font-weight: bold;
			transition:0.3s;
			-webkit-transition:0.3s;
			margin-left: 20px;
		}
		.ftr_widget.address a.directions_btn:hover,
		.ftr_widget.address a.directions_btn:hover span{
			color: #fff;
		}
		.ftr_widget.address a.directions_btn:hover{
			padding-left: 5%;
		}
		.ftr_widget.address a.directions_btn:hover:before{
			left:-1%;
			opacity: 1;
		}



		.ftr_widget ul{
		}
		.ftr_widget ul.mb20{
			margin-bottom: 20px;
		}
		.ftr_widget ul li{
			text-align:left;
			color:#000;
			font-size:20px; line-height: 100%;
			font-weight: 300;
			margin-bottom: 5px;
		}
		.ftr_widget ul li a{
			color: #000;
			text-decoration: none;
			transition:0.6s;
			-webkit-transition:0.6s;
		}
		.ftr_widget ul li a:hover{
			color: #d72323;
		}