* { 
		box-sizing: border-box !IMPORTANT; 
		overflow-wrap: break-word;
	}	
	
 	html, body, h1, h2, h3, h4 { 
		margin: 0;
		padding: 0;
		border: 0; 
	}

	body { 		
		font-size: 16px; 
		font-family: "Open Sans";
		background: #eee;		
	}

	section {
		position: relative;		
	}
	
	section.last {
		margin-bottom: -40px !IMPORTANT;		
	}	
	
	.t1 {
		font-weight: bold;
		font-size: 32px;
		color: #2C3E50;
		padding: 20px 10px;
		text-align: center;
	}
	
	.t2 {
		color: #2B2B2B;		
		text-align: center;
		font-size: 24px;
		padding: 0 20px 30px 20px;
	}
	
	.t3 {
		color: #2B2B2B;		
		text-align: center;
		font-size: 16px;
		padding: 40px 0;
	}

	.t4 {
		font-weight: bold;
		padding: 0 0 4px 0;
		font-size: 16px;
	}
	
	/* font size*/
	
	.fs-20 {
		font-size: 20px;
	}	
	
	/* txt */	  
	 	  
	.text-1 {	
		font-size: 50px;			
		font-weight: bold;
	} 
	  
	.text-2 {	
		font-size: 32px;		
	} 	  
	 
	.text-3 {	
		font-size: 130px;	
		font-weight: 500;		
	} 

	.text-4 {	
		font-size: 42px;	
		font-weight: bold;	
		line-height: 62px;		
	} 

	.text-5 {	
		font-size: 24px;		
		line-height: 36px;
	} 	 
	  
	.text-6 {	
		font-size: 24px;		
		line-height: 30px;
		font-weight: normal;
	} 	 

	.text-7 {	
		font-size: 40px;		
		line-height: 60px;
	} 

	.text-8 {	
		font-size: 42px;
		font-weight: bold;		
		line-height: 50px;
	} 
	
	.text-9 {			
		padding: 0 20px;		
		background: rgb( 180, 224, 244 ); /* rgb( 0, 58, 84 ) */
		color: rgb( 0, 56, 80 ); /* rgb( 245, 135, 35 ) */
		font-size: 32px;		
		line-height: 62px;
		margin: 20px;
	} 	
	
	.text-10 {			
		padding: 5px 20px 5px 140px;
		background: rgb( 0, 127, 181 ); /* rgb( 0, 58, 84 ) */
		color: rgb( 255, 255, 255 ); /* rgb( 245, 135, 35 ) */
		font-size: 32px;		
		line-height: 42px;
		margin: 20px;
		position: relative;
		min-height: 120px;		
	} 	
	
	.text-10 > i.fa {
		color: rgb( 245, 135, 35 );
		position: absolute;
		left: 10px;
		top: 10px;
		border-radius: 50%;
		background: #fff;
		width: 100px;
		height: 100px;
		font-size: 70px;		
		line-height: 90px;
		text-align: center;
		font-weight: normal;
	} 	
	
	.text-11 {			
		padding: 10px 120px 10px 20px;
		background: rgb( 0, 127, 181 );		
		font-size: 18px;		
		line-height: 22px;
		margin: 10px 20px;
		position: relative;			
	} 	
	
	.text-11 > .char {
		background: rgb( 245, 135, 35 );
		position: absolute;
		right: 0;
		top: 0;			
		width: 100px;
		height: 100%;
		font-size: 20px;		
		line-height: 20px;	
		padding: 0 0 0 20px;
	} 	
		
	.text-11 > .char:before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}	
		
	.text-11 > .char:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;		
		width: 0;
		height: 0;
		margin-top: -21px;
		border-style: solid;
		border-width: 21px 0 21px 12px;
		border-color: transparent transparent transparent #707A91;	
	}			
		
	.text-11 > .char > i.fa {
		height: 100%;
		width: 36px;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 30px;		
		line-height: 44px;	
	}
		
	.text-11-no > .char {
		background: rgb( 128, 216, 248 );
	} 			
		
	.text-12 {			
		padding: 10px 20px 10px 50px;
		background: rgba( 0, 58, 84, .2 );		
		font-size: 18px;		
		line-height: 22px;
		margin: 10px 20px;
		position: relative;	
		border-radius: 21px;
		font-weight: bold;
	} 		
		
	.text-12 >.fa {			
		font-size: 28px;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 10px;
		margin-top: -14px;
		color: rgba( 255, 255, 255, .7 );		
	
	}	
	
	.text-13 {	
		font-size: 20px;		
		line-height: 24px;
		font-weight: normal;
	} 

	.text-14 {			
		padding: 10px 20px;		
		background: rgba( 0, 58, 84, .6 );
		color: rgb( 245, 135, 35 ); 
		font-size: 32px;		
		line-height: 42px;
		margin: 20px;
	} 	
	
	.text-15 {			
		font-size: 20px;
		font-weight: bold;		
	} 	
	
	.text-16 {	
		font-size: 20px;	
		line-height: 34px;				
	} 		
	
	.text-17 {	
		font-size: 16px;	
		line-height: 30px;
		color: #999;		
	} 	

	.text-18 {	
		font-size: 16px;	
		line-height: 20px;
		color: #999;		
	} 	
	
	@media ( max-width: 1024px ) {
	
		.text-1 {	
			font-size: 34px;				
		} 
		
		.text-2 {	
			font-size: 26px;		
		}			
		
		.text-3 {	
			font-size: 90px;					
		} 
	
		.text-4 {	
			font-size: 36px;				
			line-height: 48px;		
		} 	
	
		.text-5 {	
			font-size: 20px;		
			line-height: 30px;
		} 

		.text-6 {	
			font-size: 22px;					
		}		
	
	}	
	
	@media ( max-width: 800px ) {

		.text-3 {	
			font-size: 80px;					
		} 
	
		.text-4 {	
			font-size: 32px;				
			line-height: 40px;		
		} 	
	
		.text-5 {	
			font-size: 18px;		
			line-height: 26px;
		} 
		
		.text-6 {	
			font-size: 20px;		
			line-height: 26px;			
		} 		

		.text-8 {	
			font-size: 34px;					
			line-height: 38px;
		}	

		.text-9 {			
			padding: 5px 20px;
			font-size: 26px;		
			line-height: 36px;		
		}		
		
		.text-10 {				
			padding: 10px 20px 20px 120px;
			font-size: 26px;		
			line-height: 32px;
			min-height: 100px;		
		} 	
		
		.text-10 > i.fa {		
			width: 80px;
			height: 80px;
			font-size: 50px;		
			line-height: 70px;		
		} 

		.text-14 {			
			font-size: 26px;		
			line-height: 36px;
		} 
	
	}	
	
	@media ( max-width: 600px ) {

		.text-3 {	
			font-size: 50px;
			font-weight: bold;
			line-height: 50px;				
		} 
	
		.text-4 {	
			font-size: 26px;				
			line-height: 42px;		
		} 	
	
		.text-5 {	
			font-size: 17px;		
			line-height: 24px;
		} 

		.text-8 {	
			font-size: 30px;					
			line-height: 38px;
		} 		
	
		.text-10 {				
			padding: 10px 20px 20px 100px;
			font-size: 26px;		
			line-height: 32px;
			min-height: 100px;		
		} 	
		
		.text-10 > i.fa {				
			width: 60px;
			height: 60px;
			font-size: 40px;		
			line-height: 60px;		
		} 	
	
	}	
	
	.vam {		
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	
	.strike {
		text-decoration: line-through;
	}
	
	.w-def {	
		max-width: 640px;
		margin: 0 auto;
	}	
	
	.wa {
		width: auto;
	}
	
	.w-100 {
		width: 100%;
	}		
	
	.ha {
		height: auto;
	}

	.ha-i {
		height: auto !IMPORTANT;
	}	
	
	.overflow-hidden {
		overflow: hidden;
	}

	.fwn {
		font-weight: normal;		
	}
	
	.fwb {
		font-weight: bold;		
	}	
	
	.ws-nw {
		white-space: nowrap;
	}
	
	/* position */	
	
	.pr {
		position: relative;		
	}
	
	.pa {
		position: absolute;		
	}	
	
	.pa0 {
		position: absolute;	
		top: 0;
		left: 0;
	}	
	
	/* padding */

	.pd-0 { 
		padding: 0; 
	}
	
	.pd-10 { 
		padding: 10px; 
	}

	.pd-20{ 
		padding: 20px; 
	}

	.pdl-10 { 
		padding-left: 10px; 
	}
	
	.pdl-40 { 
		padding-left: 40px; 
	}	
	
	.pdr-40 { 
		padding-right: 40px; 
	}	
	
	.pdl-40i { 
		padding-left: 40px !IMPORTANT; 
	}	
	
	.pdr-40i { 
		padding-right: 40px !IMPORTANT; 
	}
	
	.pdtb-10 {
		padding-top: 10px; 
		padding-bottom: 10px; 			
	}	
	
	.pdlr-10 {
		padding-left: 10px; 
		padding-right: 10px; 			
	}	
	
	.pdl-80 { 
		padding-left: 80px; 
	}

	.pdrbl-10 { 
		padding-right: 10px; 
		padding-bottom: 10px; 
		padding-left: 10px; 
	}

	.pdt-20 { 
		padding-top: 20px;  
	}
	
	.pdb-20 { 
		padding-bottom: 20px;  
	}	
	
	.pdb-40 { 
		padding-bottom: 40px;  
	}		
	
	.pdt-40 { 
		padding-top: 40px;  
	}
	
	.pdt-80 { 
		padding-top: 80px;  
	}	
	
	.pdb-40 { 
		padding-bottom: 40px;  
	}	
	
	.pdt-0 { 
		padding-top: 0; 
	}

	.pdb-0 { 
		padding-bottom: 0; 
	}
	
	.pd-0-20 { 
		padding: 0px 20px; 
	}

	.pd-20-0 { 
		padding: 20px 0px; 
	}	
	
	.pd-40-20 { 
		padding: 40px 20px; 
	}	
	
	/* margin */
	
	.mg-a {
		margin: auto;
	}
	
	.mg-0 { 
		margin: 0 !IMPORTANT; 
	}	
	
	.v-a-m {	
		 vertical-align: middle !IMPORTANT;
	}
		
    .main-box { 		
		border-radius: 5px;
		background: #fff;
		padding: 30px;
		margin: 0 auto;
	} 	
	
	.info-box {	
		margin: 10px;
		background: #E8F4F6;
		border: 1px solid #92C7CF;
		text-align: center;		
		border-radius: 5px;
		padding: 30px 20px 23px 20px;
	}		
	
	.info-box > .title {
		color: #1B9AAA;		
		font-size: 24px;
		font-weight: bold;
		padding: 0 0 10px 0;
	}	
	
	.info-box > .txt {	
		color: #71787D;		
		font-size: 16px;
		line-height: 27px;
	}	

	.info-box > .txt > p {		
		margin: 5px;
	}	

	.table { 
		display: table; 
		width: 100%; 
	}
	
	.tr	{ 
		display: table-row;  
	}
	
	.trg	{ 
		display: table-row-group;  
	}		
	
	.td	{ 
		display: table-cell; 
		vertical-align: top; 
	}

	.tcap	{ 
		display: table-caption;		
	}	
	
	.margin-10 { 
		margin: 10px;
	}
	
	img {
		max-width: 100%;		
	}
	
	.cur-pointer {		
		cursor: pointer;		
	}

	.fw-n {		
		font-weight: normal;		
	}
	
	/* header */	

	#top {
		position: relative;
		z-index: 6005; 
		background: #0E1B23; 
	}
	
	#header { 
		z-index: 6000; 
		position: -webkit-sticky;
		position: sticky;
		top: 0px;		
	}
	
	#header	> .shadow			                        { height: 20px; right:0; bottom:-10px; left:0;  }
	#header	> .shadow > .inr		                    { z-index:9000; background:#000; height:10px; right:-10px; top:0; left:-10px; box-shadow: 0 1px 3px 2px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24); }

	#header	> .inr > .bottom > .logo	                { margin:15px 0 0 0; z-index:9000; }

	#header.down  				                        { position:fixed;top:0;right:0;left:0; }
	#header.down > .inr > .top 		                    { display:none; }
	
	#top > .inr, 	
	#header > .inr { 
		max-width: 1200px; 
		margin: 0 auto; 
		padding: 0 20px; 
	}
	
	#header	> .shadow, 
	#header > .shadow > .inr { 
		position: absolute; 
	}
	
	#header > .inr > .bottom, 
	#header > .inr > .bottom > .logo { 
		position: relative; 
	}	
	
	.menu-main, 
	#header > .shadow { 
		overflow:hidden; 
	}		
  
    .menu-bar { 
		border-radius: 3px;
		display: none;		
		cursor: pointer; 		
		text-align: center; 
		width: 30px; 
		height: 30px; 
		float: right; 
		background: #fff; 
		padding: 6px 0; 
		font-size: 18px; 
		margin: 20px 0; 			
	}		
	
	#footer { 
		background:#2B2B2B; 
		padding:20px 0; 
		margin-top: 40px;
		z-index: 5200;
		position: relative;
	}
 
    a { text-decoration:none; }

	.tc	{ margin:40px; }

	.clearfix:after, .e:after, .l:after, .tabs:after
    { content: ""; clear: both; display: block; visibility: hidden; height: 0; }

    .c-green, a
    { color: rgb(255, 56, 0); }	
	
	/* lang select */
	
	.lng-select {
		float: right;
		position: relative;
		z-index: 9999;
		padding: 16px 0 15px 30px;
	}
		
	.lng-select > .ac  {
		color: #fff;		
	}
	
	.lng-select > .ac > img  {
		padding: 0 6px 0 0;		
	}	

	.lng-select > .entry  {
		display: none;
		position: absolute;
		right: 0;
		top: 50px;
		width: 560px;
		background: #fff;
		border-radius: 5px;	
		padding: 10px;
		box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	}	
	
	.lng-select > .entry:after {			
		content: "\f0d8";
		font-family: FontAwesome;
		color: #fff;
		position: absolute;
		top: -24px;
		right: 30px;
		font-size: 40px;
		
	}	
	
	.lng-select > .entry > * {
		display: block;
		float: left;
		width: 33.333333333%;	
		padding: 5px 10px;	
		color: #2C3E50;	
		border-radius: 3px;
		height: 33px;
	}		
	
	.lng-select > .entry > a:hover {
		background: #2B2B2B;
		color: #bbb;			
	}		
	
	.lng-select > .entry > * > .inr > img  {
		padding: 0 6px 0 0;		
	}		
	
	.lng-select:hover > .entry,
	.lng-select > .entry:hover {
		display: block;		
	}	
	
	.lng-select > .entry > .off {
		opacity: .3;
	}	
		
	/* footer */	
	
	#footer .line {
		border-top: 1px solid #bbb;
		margin: 20px 10px;
	}		
	
	.footer-menu > .col {
		padding: 10px;	
		position: relative;
	}		
	
	.footer-menu > .col-1 {
		width: 250px;		
	}	
	
	.footer-menu > .col-2 {
		width: 300px;		
	}

	.footer-menu > .col-3 {
		width: 200px;		
	}		
	
	.footer-menu > .col > .title {
		color: #bbb;
		font-size: 24px;		
	}	
	
	.footer-menu > .col-5 {
		display: none;		
	}		
	
	.footer-menu > .col-5 > .title > img {
		position: absolute;
		top: 33px;
		left: 10px;	
	}	
	
	.footer-menu > .col-5 > .title > span {
		padding: 0 0 0 30px;		
	}	

	.footer-menu > .col-5 > .val {
		padding-top: 15px;		
	}		
	
	.footer-menu > .col-5 > .val > .ety {
		display: block;
		width: 150px;
		float: left;
		padding: 10px 10px 0 0;	
		font-size: 0;
		height: 33px;
		overflow: hidden;
	}	

	.footer-menu > .col-5 > .val > .ety > img {
		padding: 0 10px 0 0;
	}	
	
	.footer-menu > .col-5 > .val > .ety > span {
		font-size: 16px;
		color: #bbb;		
	}	
	
	.footer-menu > .col-5 > .val > .ety.off {
		opacity: .2;
	}		
	
	/* menu list */
		
    .menu-list { 
		padding: 10px 0; 
	}
	
    .menu-list > a { 
		display: block; 
		color: #bbb; 	
		padding: 8px 0 8px 16px;
		position: relative;
	}
	
    .menu-list > a:before { 
		content: "";
		display: block; 
		position: absolute;
		top: 18px;
		left: 0;
		background: #bbb; 	
		width: 4px;
		height: 4px;
	}
	
    .menu-list > a:hover,
    .menu-list > a.ac { 
		color: rgb(255, 56, 0);	 
	}

	.menu_browse  {  
		margin: 30px 0 0 0;
		text-align: center;
		padding: 10px; 
	}
	
	.menu_browse > a { 		
		display: inline-block;
		padding: 5px;		
		min-width: 35px;
		color: #2C3E50;
		text-decoration: none;
		font-size: 32px;		
	}
	
	.menu_browse > a.ac	{ 
		color: rgb(255, 56, 0); 
		background-color: #EEEEEE;			
		font-weight: bold;
	}
	
	.menu_browse > a:hover { 
		color: rgb(255, 56, 0);
	}
	
	/* form */	
	
	label { 
		padding: 10px; 
		position: relative;
		float: left;
		display: block;
		width: 100%;
	}	
	
	label > .title {
		font-weight: bold;
		padding: 0 0 4px 0;
		font-size: 16px;
	}	
	
	label > select,	
	label > select > option,	
	label > textarea,
	label > input {
		font-size: 16px;		
		font-family: "Open Sans";
		background: #eee; 
		border: 1px solid #eee; 
		height: 50px; 
		padding: 6px 12px; 
		color: #555;
		border-radius: 4px;
		width: 100%;
	}	

	label > select:focus,	
	label > textarea:focus,	
	label > input:focus	{ 
		background: #fff; 
		border-color: #ddd; 
	}
	
	label > button, 
	label > a.button { 	
		border-radius: 4px; 
		font-size: 24px; 
		border: 1px solid #26AB36; 
		background: #26AB36; 
		padding-top: 8px;	
		padding-bottom: 7px;				
		color: #fff; 
		font-weight: bold;
		font-family: 'Source Sans Pro';
		padding-left: 20px;
		padding-right: 20px;
		transition: all .3s;
		display: block;
		text-align: center;
		width: 100%;
		position: relative;
	}
	
	label > a.button { 	
		padding-top: 9px;		
	}		
	
	label > button:hover, 
	label > a.button:hover { 
		background: #0E1B23;
		border: 1px solid #0E1B23; 
	}		

	label.checkbox > .inr { 
		padding-left: 30px;
		display: block;
		position: relative;
	}	
	
	label.checkbox > .inr > input { 
		width: auto; 
		height: auto;
		position: absolute; 
		top: 3px; 
		left: 0;
	}	
	
	label.file > .file_title {
		font-size: 16px;		
		font-family: "Open Sans";
		background: #eee; 
		border: 1px solid #eee; 
		height: 50px; 
		padding: 12px 12px; 
		color: #555;
		border-radius: 4px;
		width: 100%;		
	}
	
	label.file > input {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;		
	}	
	
	form .uploads {			
		font-size: 0;	
	}
	
	form .uploads .item {			
		display: inline-block;
		vertical-align: top;
		position: relative;
	}	
	
	form .uploads .item > .upload_preview {			
		padding: 10px;
		overflow: hidden;
		position: relative;
		min-height: 50px;		
	}
	
	form .uploads .item > .upload_preview > img {			
		border-radius: 4px;
		overflow: hidden;		
	}	
			
	form .uploads .item > .upload_preview .del {
		position: absolute;
		top: 20px;
		right: 20px;
		overflow: hidden;
		border-radius: 50%;
		width: 24px;
		height: 24px;
		cursor: pointer;
		background: rgb( 255, 56, 0 );
		color: #fff;
		text-align: center;
		padding: 0 0 0 1px;
		font-size: 16px;
		line-height: 22px;		
	}	

	@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
	@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
	@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }	
		
	form button[type=submit] .load {
		display: none;
		-webkit-animation: spin 3s linear infinite;
		-moz-animation: spin 3s linear infinite;
		animation: spin 3s linear infinite;	
	}	
	
	form button[type=submit] .load:before {
		content: "\f013";
		font-family: FontAwesome;		
	}		
	
	form.active button[type=submit] .load {		
		display: inline-block;		
	}	
	
	/* cat 2 */

	.cat-2 {
		text-align: center;
		border: 1px solid #ddd;
		border-left: 0;
		border-right: 0;
		margin: 0 20px 40px 20px;
	}	
	
	.cat-2 > .ety {
		font-size: 16px;		
		display: inline-block;
		padding: 10px 20px;	
		cursor: pointer;
	}

	.cat-2 > .ety > span {
		font-size: 13px;		
		display: block;	
		text-align: center;	
		color: #999;
	}	
	
	.cat-2 > .ety.active {
		color: rgb( 255, 56, 0 );		
	}	
	
	/* blog - footer */			
	
	.blog-footer-etys {
		padding: 10px 0;
	}	
	
	.blog-footer-etys > .ety {	
		display: block;
		padding: 8px 0;
		color: #bbb;		
	}
	
	.blog-footer-etys > .ety:hover {	
		color: rgb(255, 56, 0);	
	}	
	
	.copyright {
		padding: 25px 0 0 0;
		margin: 0 10px;
		border-top: 1px solid #bbb;
		color: #bbb;
		text-align: center;		
	}
	
	.copyright i {
		color: #26AB36;
		padding: 0 5px;
	}	
	
	.copyright > div {
		display: inline-block;
	}	

	.copyright > div * {
		vertical-align: middle;
	}

	.copyright > div > img {
		display: inline-block;
		padding: 0 0 4px 0;
	}	
	
	#footer .join {
		max-width: 640px;
		color: #bbb;
		text-align: center;
		margin: 0 auto;
		padding: 0 0 20px 0;		
	}	
	
	#footer .join > .title {
		font-size: 36px;
		padding: 0 0 10px 0;
	}

	#footer .join > .button {
		margin-top: 20px;
		display: block;
		background: #26AB36;
		border-radius: 3px;
		padding: 6px 10px;
		color: #fff;
		font-size: 28px;
		font-weight: bold;
		transition: all .3s;
		font-family: 'Source Sans Pro';
	}
	
	#footer .join > .button:hover {
		background: #0E1B23;		
	}		
		
	/* blog - list */			
	
	section.blog-list > .inr {
		padding: 10px 0;
	}
	
	.blog-list-etys > .ety {
		width: 33.333333333%;
		padding: 20px;
		float: left;
	}

	.blog-list-etys > .ety > .inr {
		position: relative;
		background: #fff;
		border-radius: 4px;
		overflow: hidden;
		
	}	
	
	.blog-list-etys > .ety > .inr .img {
		display: block;
		height: 206px;
		background-size: cover;	
		position: relative;		
	}	
		
	.blog-list-etys > .ety > .inr .img > .more {	
		display: block;			
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #4460A0;		
		opacity: 0;	
		transition: all .3s;		
	}
	
	.blog-list-etys > .ety > .inr .img > .more-inr {
		position: relative;
		top: 76px;
		display: block;	
		width:140px;
		border: 1px solid #fff;
		color: #fff;
		padding: 5px 0;
		font-size: 16px;
		border-radius: 5px;
		margin: 0 auto;
		text-align: center;	
		opacity: 0;	
		transition: all 1s;		
	}
	
	.blog-list-etys > .ety >  .inr .author {
		margin: -40px auto 0 auto;
		display: block;
		width: 80px;
		height: 80px;
		border-radius: 50%;
		border: 3px solid #fff;
		background: #2B2B2B;	
		overflow: hidden;
		position: relative;
	}
	
	.blog-list-etys > .ety >  .inr .author img {
		width: 100%;		
	}	
	
	.blog-list-etys > .ety >  .inr .title {		
		display: block;
		padding: 20px 15px 0 15px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		height: 92px;
		overflow: hidden;
		color: #0E1B23;
		font-family: Source Sans Pro;
		transition: all .3s;
	}	
	
	.blog-list-etys > .ety > .inr > .hover:hover .title {		
		color: rgb(255, 56, 0);
	}		
	
	.blog-list-etys > .ety > .inr > .hover:hover .more {	
		opacity: .7;		
	}		
	
	.blog-list-etys > .ety > .inr > .hover:hover .more-inr {	
		opacity: 1;		
	}			
	
	.blog-list-etys > .ety >  .inr .cat {		
		display: block;
		padding: 20px 0 20px 0;		
		text-align: center;
		color: #bbb;
	}		

	/* blog - single */	
	
	section.blog-single {
		background: #eee;
	}	
	
	section.blog-single h1 {
		color: #0E1B23;		
		text-align: left;
		padding: 30px 20px 0 20px;
		font-size: 35px;
		font-weight: bold;
		background: #fff;
	}		
	
	section.blog-single .top-img {
		display: block;
		height: 360px;
		background-size: cover;	
	}		
	
	section.blog-single .date {
		color: #bbb;
		padding: 10px 20px 0 20px;
	}		

	section.blog-single > .inr {
		padding-top: 0;
	}	
	
	section.blog-single > .inr > .ety {
		padding: 0 10px 10px 10px;
	}		     
		
	section.blog-single > .inr > .ety .content {
		background: #fff;
	}	
	
	section.blog-single > .inr > .ety .content > .inr {
		max-width: 640px;
		margin: 0 auto;
	}		
	
	section.blog-single > .inr > .ety .txt {	
		font-family: 'Open Sans';	
		padding: 20px;		
		color: rgb( 68, 68, 68 );
		font-size: 19px;
		line-height: 30px;
	}	
	
	section.blog-single > .inr > .ety .txt h2 {		
		font-size: 30px;
		padding: 15px 0;
		color: #666;
		font-weight: bold;
		line-height: 40px;
	}	
	
	section.blog-single > .inr > .ety .txt a {		
		font-weight: bold;
	}	
	
	section.blog-single > .inr > .ety .txt a:hover {		
		color: #0E1B23;
	}		
	
	section.blog-single > .inr > .ety .txt img {
		max-width: 100%;
	}	
	
	
	section.blog-single > .inr > .ety .txt ul {
		margin: 0;
	}	
	
	section.blog-single > .inr > .ety .txt li {
		padding-bottom: 10px;
	}	
	

	section.blog-single > .inr > .ety .facebook,
	section.blog-single > .inr > .ety .twitter {
		width: 50%;
		display: block;
		text-align: center;
		color: #fff;
		float: left;
		padding: 8px;
		font-size: 18px;
		transition: all .3s;
	}
	
	section.blog-single > .inr > .ety .facebook:hover,
	section.blog-single > .inr > .ety .twitter:hover {
		opacity: .7;
	}		
	
	section.blog-single > .inr > .ety .facebook {		
		background: #4460A0;		
	}		
	
	section.blog-single > .inr > .ety .facebook:before {
		content: "\f230";
		font-family: FontAwesome;
		padding-right: 10px;
	}	
	
	section.blog-single > .inr > .ety .twitter {		
		background: #0CAAE8;		
	}		
	
	section.blog-single > .inr > .ety .twitter:before {
		content: "\f099";
		font-family: FontAwesome;	
		padding-right: 10px;		
	}	

	section.blog-single > .inr > .ety .author {
		background: #2B2B2B;
		color: #bbb;
		padding: 20px 20px;
		border-radius: 0 0 5px 5px;
		min-height: 176px;
	}

	section.blog-single > .inr > .ety .author > .inr {
		max-width: 640px;
		margin: 0 auto;
		position: relative;
		padding: 0 0 0 160px;
	}		
	
	section.blog-single > .inr > .ety .author .img {
		position: absolute;
		left: 0;
		top: 9px;
		display: block;
		width: 120px;
		height: 120px;
		border-radius: 50%;
		border: 3px solid #bbb;
		background: #2B2B2B;	
		overflow: hidden;		
	}
	
	section.blog-single > .inr > .ety .author .img img {
		width: 100%;		
	}
	
	section.blog-single > .inr > .ety .author .name {	
		font-size: 24px;
		padding: 0 0 10px 0;
	}
		
	/* blog - single - comment */		
	
	section.blog-comment {
		background: #eee;
	}	
	
	section.blog-comment > .inr {
		padding-right: 20px;
		padding-left: 20px;
	}	
	
	.blog-comment-etys > .ety {
		max-width: 640px;
		padding: 10px 0;
		margin: 0 auto;		
	}

	.blog-comment-etys > .ety > .inr {
		position: relative;
		background: #fff;
		border-radius: 4px;
		overflow: hidden;
	}	

	.blog-comment-etys > .ety.area-1 .inr  {
		margin-left: 40px;		
	}

	.blog-comment-etys > .ety.area-1 > .inr .data .reply {
		display: none;
	}		
	
	.blog-comment-etys > .ety > .inr .user {
		padding: 10px 20px;
	}		

	.blog-comment-etys > .ety > .inr .user .img {
		float: left;
		width: 32px;
		height: 32px;
		border-radius: 50%;
		overflow: hidden;
		background: #eee;
		color: #ccc;
		text-align: center;
		padding-top: 6px;
	}	
	
	.blog-comment-etys > .ety > .inr .user .img:before {
		content: "\f007";
		font-family: FontAwesome;   
		font-size: 30px;		
	}

	.blog-comment-etys > .ety > .inr .user .name {
		padding: 6px 10px 0 16px;
		font-weight: bold;
		font-size: 16px;
		float: left;
	}		
	
	.blog-comment-etys > .ety > .inr .data {
		padding: 10px 20px;
		background: #F8F8F8;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		color: #888;
	}	
	
	.blog-comment-etys > .ety > .inr .data {
		font-size: 16px;
			
	}		
	
	.blog-comment-etys > .ety > .inr .data .date {
		float: left;
		
	}
	
	.blog-comment-etys > .ety > .inr .data .reply {
		float: right;
		cursor: pointer;
	}

	.blog-comment-etys > .ety > .inr .data .reply:hover {
		color: rgb(255, 56, 0);
	}	
	
	.blog-comment-etys > .ety > .inr .txt {
		padding: 10px 20px;
		color: rgb( 102, 102, 102 );
		font-size: 16px;
		line-height: 25px;
	}		
	
	.blog-comment-etys > .ety > .inr .admin {			
		font-size: 0;	
		display: none;
		float: right;
	}	
	
	.blog-comment-etys > .ety > .inr .admin i {
		margin: 0 0 0 5px;
		padding: 5px;
		width: 28px;
		text-align: center;
		border: 1px solid #aaa;
		color: #aaa;
		font-size: 16px;
		border-radius: 5px;
		cursor: pointer;
	}	

	.blog-comment-etys > .ety:hover > .inr .admin {
		display: block;
	}		
	
	/* blog - single - comment - reg / login / add */		
	
	.blog-comment-reg, 	
	.blog-comment-login, 	
	.blog-comment-add {		
		margin: 10px 0;		
		background: #fff;
		border-radius: 4px;		
	}

	.blog-comment-reg > .inr,
	.blog-comment-login > .inr,
	.blog-comment-add > .inr {
		margin: 0 auto;
		max-width: 800px;
		position: relative;
		overflow: hidden;
		padding: 10px 10px 30px 10px;		
	}
	
	.blog-comment-add .reply-info {		
		padding: 10px;
		font-weight: bold;
		font-size: 16px;
	}	
	
	.blog-comment-add .reply-info .del {		
		cursor: pointer;
		color: rgb(255, 56, 0);
		margin: 0 0 0 6px;
	}	
	
    
	
	
	
	
	



	.menu-main > a.button { 
		background: #26AB36;
		border-radius:3px;	
		margin: 0 0 0 20px;			
	}

	.menu-main > a.button-orange { 		
		background: rgb( 255, 56, 0 ); 
	}
	
	
    #header, #header > .shadow > .inr
	{ background: #0E1B23; }

	

	




	.cb
	{ clear:both }

    h3
	{ color:#666; }    

	button
	{ cursor:pointer; }

	.menu-main > a, .menu-main > .sep, .menu-top > a, .menu-top > .sep
	{ display:inline-block; }


	
	
	
	
	.dn
	{ display:none !IMPORTANT; }

	.db
	{ display:block !IMPORTANT; }

	.dib
	{ display:inline-block !IMPORTANT; }
	
	
    .fl, #header > .inr > .bottom > .logo, .box
    { float:left; }

    .fr
    { float:right; }

    .fn
    { float:none; }

    .menu-main > a
 	{ font-family:'Source Sans Pro'; }


    h3
	{ font-size: 22px; }

    h1
	{ font-size: 56px; }

    h1, h2, h3, h4
	{ font-weight: 300; }




	.ma
	{ margin-right:auto; margin-left:auto; }

	
	section > .inr, #footer > .inr
    { max-width:1200px; margin:0 auto; padding:10px 10px; }

	
	







	



	.menu-main, #header > .shadow
	{ overflow:hidden; }

	.menu-main > a, .menu-main > .sep, .menu-top > a, .menu-top > .sep
    { vertical-align:middle; }

    .tac, h1
    { text-align:center; }

    .tar
    { text-align: right; }
	
    .tal
    { text-align: left; }


	.w20
	{ width:20%; }	
	
	.w25
	{ width:25%; }

	.w33
	{ width:33.333333333%; }

	.w40
	{ width:40%; }	
	
	.w50
	{ width:50%; }

	.w50-i
	{ width:50% !IMPORTANT; }	 
	
	.w60
	{ width:60%; }	
	
	.w66
	{ width:66.666666666%; }		
	
	.w70
	{ width:70%; }

	.w75
	{ width:75%; }	
	
	.w80
	{ width:80%; }	
	
	.w100
	{ width:100%; }

	.mw800px { 
		max-width: 800px; 
	}	
	
	.form_fault		            	{ padding:10px;font-size: 16px; }
	.form_fault	> .inr          	{ background:#FC5C0B;color:#fff;padding:8px 10px 8px 40px;border-radius:3px;position:relative; }
	.form_fault	> .inr:before   	{ font-family:FontAwesome;content:"\f071";font-size:22px;position:absolute;top:8px;left:8px; }
	
	.form_info		            	{ padding:10px;font-size: 16px; }
	.form_info	> .inr          	{ background:#3FB4FB;color:#fff;padding:8px 10px 8px 40px;border-radius:3px;position:relative; }
	.form_info	> .inr:before   	{ font-family:FontAwesome;content:"\f00c";font-size:22px;position:absolute;top:5px;left:8px; }
	
	.form_message		    		{ margin:10px;font-size: 16px;background:#3FB4FB;color:#fff;padding:8px 10px 8px 40px;border-radius:3px;position:relative; }
	.form_message:before 			{ font-family:FontAwesome;content:"\f129";font-size:22px;position:absolute;top:9px;left:15px; }
	
	.file_title.field-fault,
    .mce-tinymce.field-fault, 		
    select.field-fault, 	
    input.field-fault,    				
    textarea.field-fault 			{ border: 1px solid #FF8000 !IMPORTANT; }

	label.field-fault > .inr { 
		border: 1px solid #FF8000;
		display: block;
		border-radius:3px;	
		padding: 10px 10px 10px 40px;		
	}	
		
	label.field-fault > .inr > input { 
		left: 10px;
		top: 13px;
	}	

	.cols		{ display:table; width:100%; }
	.col		{ display:table-cell; vertical-align:top; }

    .e                          { margin:40px 10px; font-family:"Roboto"; color: #5a5a5a; font-size:16px; }
    .e .title                   { padding:10px; font-weight:500; font-size:22px;  }
    .e .txt                     { padding:0 10px 10px 10px; line-height:22px; }
    .e .name                    { padding:20px 10px; font-style:italic; font-weight:500; font-size:36px; }

    .e.e-txt-img > .img         { float:left; width:50%; padding:10px;  }
    .e.e-txt-img > .img > img   { max-width:100%; display:block; }
    .e.e-txt-img > .img > .info { font-size:13px; padding:5px 0 0 0; text-align:center; }
    .e.e-txt-img > .val         { float:left; width:50%;  }	
	
    section.account-login > .inr { 		
		padding: 10px 10px;
	}
	
    section.account-login > .inr > h1 { 		
		padding-bottom: 0;
	}	
	
    section.account-login > .inr > .t2 { 		
		padding: 0 0 40px 0;
	}	
   
    section.account-login > .inr > .form-con { 	
		max-width: 480px;
		border-radius: 5px;
		background: #fff;
		padding: 30px 0;
		margin: 0 auto;
	} 

    section.account-login > .inr > .form-con > .t2 { 	
		padding-left: 10px;
		padding-right: 10px;	
	}  	
	
	/* checkout */	
	
    section.checkout > .inr { 		
		padding: 10px 10px;
	}
	
    section.checkout > .inr > h1 { 		
		padding-bottom: 0;
	}	
	
    section.checkout > .inr > .t2 { 		
		padding: 0 0 40px 0;
	}	
   
    section.checkout > .inr > .form-con { 	
		max-width: 700px;
		border-radius: 5px;
		background: #fff;
		padding: 30px 0;
		margin: 0 auto;
	}  	
	
	.price-table {
		display: table;	
		width: 100%;	
	}	
	
	.price-table > .price,
	.price-table > .list {		
		display: table-cell;
		width: 50%;
		padding: 10px;
		vertical-align: middle;		
	}	
	
	.price-table > .price {	
		text-align: center;
		color: rgb(255, 56, 0);
		font-size: 48px;
		font-weight: bold;
	}	
	
	.price-table > .price > .currency {	
		font-size: 26px;
		font-weight: bold;
		display: inline-block;
		padding: 0 5px 0 0;		
	}	

	.price-table > .list > .guarantee {	
		color: rgb(255, 56, 0);
	}	
	
    section.checkout > .inr > .form-con > .bottom > .txt { 	
		color: #71818c;
		line-height: 19px;
		font-size: 14px;
		padding: 30px 10px;
	} 
	
    section.checkout .payment-service-tab { 	
		padding: 0;
	} 
	
    section.checkout .payment-service-tab > a { 	
		padding: 10px 25px;
		margin: 0;
		border-radius: 4px 4px 0 0;		
		border-bottom: none;
		background: #fff;
		font-size: 34px;
		font-weight: 600;
		position: relative;
		color: #000;
		display: inline-block;
		font-style: italic;		
	} 	
		
	section.checkout .payment-service-tab > a.active {
		border: 1px solid #ddd;
		border-bottom: none;
		background: #eee;
	}	
		
	section.checkout .payment-service-tab > a.active:after {
		content: "";
		position: absolute;		
		right: 0;
		bottom: -1px;
		left: 0;
		height: 2px;
		width: 100%;
			
		background: #eee;
	}		
	
	section.checkout .price-table-top {
		border-radius: 0 4px 4px 4px;
		border: 1px solid #ddd;
		background: #eee;		
	}
	
	.checkout-coupon {		
		padding: 0 0 20px 0		
	}	
	
	.checkout-coupon > .inr {
		position: relative;
		padding: 0 220px 20px 0		
	}		
	
	.checkout-coupon label.button {
		position: absolute;
		top: 0;
		right: 0;
		width: 220px;
	}	
	
	
	
	@media ( max-width:600px ) {

		.price-table,	
		.price-table > .price,
		.price-table > .list {		
			display: block;
			width: 100%;
		
		}
		
    }   	

	/* price list */
	
    section.price-list > .inr { 		
		padding: 10px 0;
	}		
	
    section.price-list > .inr > h1 { 		
		padding-bottom: 0;
	}	
	
    section.price-list > .inr > .t2 { 		
		padding: 0 0 40px 0;
	}
	
    .price-box { 		
		background: #fff;
		border-radius: 5px;
		margin: 0 20px;		
	}
	
    .price-box > .ety { 		
		float: left;
		width: 33.333333333%;
		border-left: 2px solid rgb( 229, 229, 229 );
		text-align: center;
		transition: box-shadow 375ms;
		position: relative;
	}	

    .price-box > .ety.active:hover {
		border-left: 2px solid #fff; 		
		position: relative;
		z-index: 300;	
		box-shadow: 0 0 0 4px rgb( 255, 56, 0 ), 0 0 16px 8px rgba( 14, 27, 35, .15 );		
	}	
	
    .price-box > .ety.active:hover .buy > .button,
    .price-box > .ety.active:hover .buy > button {		
		background: #0E1B23;
		border: 1px solid #0E1B23;	
	}	
	
    .price-box > .ety:first-child { 		
		border-left: 0;
	}	
	
    .price-box > .ety .title { 
		font-size: 24px;
		padding: 30px 10px 0 10px;		
		color: rgb( 255, 56, 0 );		
	}		
	
    .price-box > .ety .price > .currency { 		
		font-size: 38px;
		font-weight: bold;
	}	
	
    .price-box > .ety .price > .val { 		
		font-size: 81px;
		font-weight: bold;
	}
	
   .price-box > .ety .price > .period { 		
		display: inline-block;
		font-size: 14px;
		color: #71818c;
		padding: 0 0 0 10px;
	}		
	
   .price-box > .ety .price > .vat { 		
		display: block;
		font-size: 14px;
		color: #71818c;
		margin: -10px 0 10px 0;
	}	
	
    .price-box > .ety .buy { 		
		padding: 20px 50px 30px 50px;
	}	
	
    .price-box > .ety .info { 		
		padding: 0;
	}

    .price-box > .ety .info > .ety { 		
		padding: 5px 10px;
	}	
	
    .price-box > .ety .info > .ety > .mark { 		
		color: rgb( 255, 56, 0 );	
	}	
	
    .price-box > .ety.inactive { 		
		opacity: 0.3;	
	}	

    .price-box > .ety.inactive > .inactive { 		
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}		
	
    .price-box > .ety > .backup-free { 
		position: absolute;
		top: -24px;
		right: -110px;	
		color: #fff;		
		overflow: hidden;
		width: 180px;
		height: 160px;
		background: url( /media-emUREQjfWdD4.png ) no-repeat;
		background-size: 100%;				
		transform: rotate( 21deg );		
	}		
	
    .price-box > .ety > .backup-free > .inr { 
		margin-top: 46px;
	}	
	
	.price-box > .ety > .backup-free > .inr > .row {
		display: block;
		text-align: center;		
	}   	
	
	.price-box > .ety > .backup-free > .inr > .row-1,
	.price-box > .ety > .backup-free > .inr > .row-3 {			
		font-size: 17px;
	} 	
	
	.price-box > .ety > .backup-free > .inr > .row-2 {
		font-weight: bold;	
		font-size: 19px;
	}	
	

	
	
	
	
	@media (max-width: 1450px) and (min-width: 901px) {

		.price-box  { 		
			margin-top: 95px;			
		}	

		.price-box > .ety > .backup-free { 
			position: absolute;
			top: -140px;
			right: 40px;		
		}		
		
	}
	
	@media ( max-width:900px ) {

		.price-box > .ety { 		
			width: 100%;
			border-top: 2px solid rgb( 229, 229, 229 );
			border-left: 0 !IMPORTANT;					
		}	

		.price-box > .ety:first-child { 		
			border-top: 0;
		}	
		
		.price-box > .ety > .backup-free { 
			position: absolute;
			top: 10px;
			right: 40px;		
		}	
		
    }	
	
	@media ( max-width:800px ) {
		
		.price-box > .ety > .backup-free { 
			position: relative;
			top: 0;
			right: 0;
			margin: 10px auto 0 auto;
		}	
		
    }		
	
	/*  */	

    section.price-list > .inr > .t1 { 		
		padding: 50px 10px 30px 10px;
	}		
	
    .price-info > .faq { 		
		padding: 5px 0;		
	}	
	
    .price-info > .faq > .ety { 		
		background: #fff;
		margin: 15px 20px;
		border-radius: 5px;
		cursor: pointer;
	}

    .price-info > .faq > .ety > .title { 		
		padding: 15px 60px  15px 20px;
		font-size: 21px;
		font-weight: bold;
		position: relative;
	}
	
    .price-info > .faq > .ety.open > .title { 		
		color: rgb( 255, 56, 0 );
	}		

    .price-info > .faq > .ety > .title:before { 
		content: "\f29c";	
		font-family: FontAwesome;
		font-weight: normal;
		padding-right: 10px;
		color: rgb( 255, 56, 0 );
	}

    .price-info > .faq > .ety > .title > .close:before { 
		position: absolute;
		right: 20px;
		top: 15px;		
		content: "\f078";	
		font-family: FontAwesome;		
		font-weight: normal;		
		color: #71787D;
	}	
	
    .price-info > .faq > .ety > .val {
		display: none;
		margin: 0 20px;
		border-top: 1px solid #E5E5E5;
		color: #71787D;	
		font-size: 17px;
		line-height: 29px;
		padding: 20px 0;
	}
	
	.price-info {
		display: table;
		width: 100%;
	}	
	
	.price-info > .faq,
	.price-info > .info {		
		display: table-cell;
		vertical-align: top;
	}	
	
	.price-info > .info {		
		width: 400px;
	}	


	.price-info > .info > .ety {	
		padding: 20px;			
	}	
		
	.price-info > .info > .ety > .inr {		
		text-align: center;			
		background: #fff;	
		border-radius: 5px;	
		padding: 30px 20px;
	}		
	
	.price-info > .info > .ety > .inr > .title {		
		color: #0E1B23;	
		font-size: 24px;
		font-weight: bold;
		padding: 0 0 10px 0;
	}	
	
	.price-info > .info > .ety > .inr > .txt {		
		color: #71787D;			
		font-style: italic;
		font-size: 16px;
		line-height: 27px;
	}	
	
	.price-info > .info > .ety.blue > .inr {					
		background: #E8F4F6;
		border: 1px solid #92C7CF;
	}

	.price-info > .info > .ety.blue > .inr > .title {					
		color: #1B9AAA;
	}	
	
	.price-info > .info > .ety.green > .inr {					
		background: #EBFAF5;
		border: 1px solid #3ECE9D;
	}

	.price-info > .info > .ety.green > .inr > .title {					
		color: #3ECE9D;		
	}	

	section.price-list > .inr > .comment {	
		padding: 0 0 40px 0;		
	}	
	
	section.price-list > .inr > .comment > .ety {	
		padding: 20px;		
		text-align: center;
		width: 33.333333333%;
		float: left;
	}	
	
	section.price-list > .inr > .comment > .ety > .img {
		height: 50px;		
	}

	section.price-list > .inr > .comment > .ety > .img > .inr {
		margin: auto;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		border: 2px solid #fff;
		background: #2B2B2B;
		overflow: hidden;
		position: relative;			
	}		
	
	section.price-list > .inr > .comment > .ety > .img > .inr > img {		
		width: 100%;		
	}	
	
	section.price-list > .inr > .comment > .ety > .val {		
		background: #fff;		
		border-radius: 5px;
		padding: 50px 10px 20px 10px;
	}
	
	section.price-list > .inr > .comment > .ety > .val > .name {		
		padding: 5px 10px;		
		font-size: 21px;
		font-weight: bold;
	}	
	
	section.price-list > .inr > .comment > .ety > .val > .pos {		
		padding: 0 10px;		
		font-size: 17px;
		font-weight: bold;
		color: rgb( 255, 56, 0 );
	}	
	
	section.price-list > .inr > .comment > .ety > .val > .txt {		
		padding: 10px 10px;		
		font-size: 16px;
		font-style: italic;
		line-height: 27px;
		color: #71787D;
	}	

    .menu-main		        		{ padding:20px 0; float:right;position:relative; }
    .menu-main > a		    		{ color:#fff; font-size:28px; font-weight:bold; padding:0 20px; }
    .menu-main > .sep	    		{ height:38px; margin:0 20px; }
    .menu-main > a:hover,	
    .menu-main > a.ac  	    		{ text-decoration:underline; }
	.menu-main > a.button  			{ padding:6px 10px;} 
	.menu-main > a.logout > span	{ display: none; }
	.menu-main > a.logout > i		{ font-size: 40px; }
	.menu-main > a.logout > i:hover	{ color: rgb( 255, 216, 0 ); }	
	
    .menu-main > .sep	    		{ display: none; }	
	
    .menu-top		        { float:right; margin:15px 0 0 0; min-height:25px; }
    .menu-top > a		    { color:#fff; }
    .menu-top > .sep	    { border-left:1px solid #fff; height:12px;margin:0 10px; }
    .menu-top > a:hover,
    .menu-top > a.ac  	    { text-decoration:underline; }

    .menu-bottom		    { padding:10px; }
    .menu-bottom > a		{ float:left; color:#999; font-size:14px; font-weight:600; font-family: "Source Sans Pro",sans-serif; }
    .menu-bottom > .sep	    { float:left; border-left:1px solid #606060; height:18px;margin:0 10px; }
    .menu-bottom > a:hover,
    .menu-bottom > a.ac  	{ text-decoration:underline; }

    .l1-t                   { font-weight:bold; font-size:32px; color:#2C3E50; padding: 20px; }
    .l1-ts                  { color:#8c8c8c; font-size:18px; }
    .l1                     { }
    .l1 > .ety              { float:left; padding:20px 10px; width:33%; }
    .l1 > .ety > .fa        { color:#4CAF50; font-size:60px; padding:0 0 20px 0; }
    .l1 > .ety > .t         { font-size:22px; font-weight:600; padding-bottom:12px; color:#2c3e50; line-height:1.4; }
    .l1 > .ety > .d         { color:#787878; font-size:18px; line-height:27px; }
	
    #jssor_1_top                                                                    {  margin:10px; padding:30px 0 80px 0; }
    #jssor_1_top > #jssor_1 > div > div > [data-u="slides"] > .ety  > .val          { font-size:28px; font-weight:400; line-height:1.7; color:#5a5a5a; }
    #jssor_1_top > #jssor_1 > div > div > [data-u="slides"] > .ety  > .val > .ref   { font-size:16px; color:#8F8C8C; display:block; padding:20px 0; }

    .nav > div > .nav > div > div:first-child   { display:none; }
    .nav > div > .nav > div > div               { display:inline-block; }
    [data-u="thumbnavigator"]                   { position:absolute; height:80px; bottom:-80px; left:0; }
    .nav .p                                     { cursor:pointer; transition: all .2s; position:relative; top:0; width:80px; height:80px; }
    .nav .p.pav                                 { top:-20px; }
    .nav .p .w .c img                           { width:80px; height:80px; }

    .pre-sale > .inr > .tabs                { margin:10px 10px 0 10px; padding:0 10px; }
    .pre-sale > .inr > .tabs > a            { border:1px solid #fff; border-radius:5px 5px 0 0; font-size:18px; ;display:block; float:left; color:#51B4D3; padding:7px 10px; }
    .pre-sale > .inr > .tabs > a.active     { border:1px solid #ddd; }
    .pre-sale > .inr > .val                 { margin:0 10px 10px 10px; padding:10px 0; border-top:1px solid #ddd; position:relative; top:-1px; }
    .pre-sale > .inr > .val > div           { color:#5a5a5a; font-size:17px; line-height:26px; }

    .img-resize                         { position:relative; overflow:hidden; }
	.img-resize.img:before        		{ content:""; display:block; padding-top:40%; }
	.img-resize.img > .inr              { position:absolute; top:0; left:0; bottom:0; right:0; }

    .rate > .star                           { float:left; position:relative;  }
    .rate > .star > .back                   { white-space:nowrap; overflow:hidden; }
    .rate > .star > .top                    { position:absolute; top:0; left:0; white-space:nowrap; overflow:hidden; }
    .rate > .star .fa-star                  { padding:0 2px; color:#fcb034; font-size:22px; }
    .rate > .star > .back > .fa-star        { color:#CCC; }
    .rate > .val                            { padding:1px 0 0 8px;float:left; color:#5a5a5a; font-size:16px; font-family:"Roboto"; }
    .rate > .val > span                     { font-size:14px; }
  
	/* item - list */
  
	.item-list  		                                { font-size: 0; }
	.item-list > .inr 									{ padding: 10px 0; }	
	.item-list > .inr > .ety  		                    { vertical-align: top;display: inline-block; width: 33.333333333%; padding: 20px; }
	.item-list > .inr > .ety > a 		                { display: block; }
	.item-list > .inr > .ety > a > .inr	                { position: relative; display: block; }
	.item-list > .inr > .ety > a > .inr > img			{ width: 100%; border-radius: 4px; }
	.item-list > .inr > .ety > a > h2 		            { font-weight: bold; text-align: center; padding: 7px 0 10px 0; font-family: "Open Sans"; font-size: 20px; color: #6b7784; }
    
	.item-list .more {	
		display: block;			
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(68, 96, 160, 0);				
		transition: all .3s;
		border-radius: 4px;		
	}
	
	.item-list .more > .inr {
		position: relative;	
		top: -11px;
		display: block;	
		width:140px;
		border: 1px solid #fff;
		color: #fff;
		padding: 5px 0;
		font-size: 16px;
		border-radius: 5px;
		margin: 50% auto 0 auto;
		text-align: center;	
		opacity: 0;	
		transition: all 1s;		
	}
 
 	.item-list a:hover h2 { 
		color: rgb(255, 56, 0) !IMPORTANT; 
	}		
	
	.item-list a:hover .more > .inr {	
		opacity: 1;		
	}

	.item-list a:hover .more {	
		background: rgba(68, 96, 160, 0.7);		
	}	
	
	.item-list > .inr > .ety > a > .inr > .new	{ 	
		position: absolute; 
		top: -20px;
		right: -20px;
		font-size: 18px;
		color: #fff;
		background: rgb( 255, 56, 0 );
		padding: 8px 12px;
		border-radius: 4px;
		font-weight: bold;				
	}
	
	
	
	
	
	@media ( max-width:800px ) {
		
		.item-list > .inr > .ety { 			
			width: 50%; 	
		}

    }  
	
	@media ( max-width:500px ) {
		
		.item-list > .inr > .ety { 			
			width: 100%; 	
		}

    }  
  
 	/* item - single */		
	
	.ety-single-bottom img,
	.ety-single img {
		max-width: 100%;
	}	
	
	.ety-single-bottom li,
	.ety-single li {
		list-style-type: none;
		padding: 3px 0;
	}
	
	.ety-single-bottom li:before,
	.ety-single li:before {
		content: "\f00c";
		font-family: FontAwesome;
		padding-right: 8px;
	}		
	
	.ety-single  		                            	{  }
	.ety-single h1		                            	{ text-align: left; padding-left:10px;padding-right:10px; }	
	.ety-single > .inr > .left   		            	{ float:left; width:60%; padding:10px; }
	.ety-single > .inr > .right   		            	{ float:left; width:40%; padding:10px; }
	.ety-single > .inr > .right > .inr ,
	.ety-single > .inr > .left > .inr   		        { overflow:hidden;border-radius: 4px; background:#fff; padding:25px; }
	.ety-single > .inr > .left > .inr   		        { padding:0px; border:1px solid #e5e5e5; }	
	.ety-single > .inr > .left .img    		   			{ font-size: 0; }	 	
	.ety-single > .inr > .left .img > img   		   	{ width: 100%; }	
	.ety-single > .inr > .left .txt   		        	{ padding: 0 25px 20px 25px; color:#5a5a5a; font-size:16px; line-height: 26px;  }
	.ety-single > .inr > .left .txt .view            	{ font-weight:500; font-size:16px; padding: 0 0 0 0; display:block; text-transform:uppercase; }
	
	.ety-single > .inr > .right > .inr { 
		padding-top: 18px;
		background: #ddd;
	}
	.ety-single > .inr > .right h2 { 	
		font-size: 30px;
		padding: 0 0 15px 0;		
		color: #000;
		font-weight: bold;
		line-height: 40px;
		border-bottom: 1px solid #000;
	}
	
	.ety-single > .inr > .right .join {
		max-width: 640px;		
		color: #000;		
		margin: 0 auto;
		padding: 15px 0 0 0;		
	}	
	
	.ety-single > .inr > .right .join > .title {
		font-size: 16px;
		padding: 0 0 0 0;		
	}

	.ety-single > .inr > .right .join > .button {		
		margin: 20px -25px -25px -25px;
		display: block;
		background: #26AB36;
		border-radius: 0;
		padding: 6px 10px;
		color: #fff;
		font-size: 28px;
		font-weight: bold;
		transition: all .3s;
		font-family: 'Source Sans Pro';
		text-align: center;
		cursor: pointer;
	}
	
	.ety-single > .inr > .right .join > .button:hover {
		text-decoration: underline;
		
	}		
	
	.ety-single > .inr > .right .mc {
		color: rgb(255, 56, 0);	
	}	
		
	.ety-single > .inr > .right .or {
		margin: 12px 20px;
		text-align: center;
		border-bottom: 1px solid #000;
		height: 12px;
		color: #000;		
	}
	
	.ety-single > .inr > .right .or > span {
		background: #eee;
		display: inline-block;
		padding: 0 15px;
	}		
		
	.ety-single > .inr > .right .tp {
		padding: 10px 0;
	}		
	
	.ety-single > .inr > .right .tp a {
		background: #ddd;		
		border: 1px solid #ddd;
		color: #000;
	}

	.ety-single > .inr > .right .tp a:hover {
		background: #0E1B23;
		color: #fff;
	}	
	
	/* price individual box */
	
	.ety-single > .inr > .right > .inr.price-individual-box {
		background: #fff;	
	}	
	
	.ety-single > .inr > .right > .inr.price-individual-box > .join > .price {
		font-size: 30px;		
		text-transform: uppercase;			
	}	
	
	.ety-single > .inr > .right > .inr.price-individual-box > .join > .price > .t {
		display: inline-block;
		padding: 0 5px 0 0;	
		vertical-align: middle;	
		font-weight: bold;		
	}	
	
	.ety-single > .inr > .right > .inr.price-individual-box > .join > .price > .old {
		display: inline-block;
		padding: 0 5px;
		color: #bbb;
		text-decoration: line-through;	
		font-size: 22px;
		vertical-align: middle;			
	}		
	
	.ety-single > .inr > .right > .inr.price-individual-box > .join > .price > .current {
		display: inline-block;
		padding: 0 5px;
		vertical-align: middle;	
		font-weight: bold;		
	}	
	
	.ety-single > .inr > .right > .inr.price-individual-box > .join > .price > .interval {
		display: inline-block;
		padding: 0 5px;
		color: #bbb;		
		font-size: 22px;
		vertical-align: middle;	
		text-transform: none;
		font-weight: normal;			
	}		
	
	.ety-single > .inr > .right > .inr.price-individual-box > .join > .price > .sale {
		display: inline-block;
		padding: 0px 5px;
		background: rgb( 255, 56, 0 );
		color: #fff;
		border-radius: 3px;
		font-size: 18px;
		margin: 0 0 0 10px;
		vertical-align: middle;
	}			
		
	.ety-single > .inr > .right > .inr.price-individual-box > .join > a.button {
		margin: 10px 0;
		border-radius: 3px;			
	}
	
	.ety-single > .inr > .right > .inr.price-individual-box > .join > a.button:hover {
		background: #0E1B23;
		text-decoration: none;
	}		
	
	.ety-single > .inr > .right > .inr.price-individual-box > .join > a.button > i.fa {
		padding: 0 10px 0 0;			
	}		
	
	.ety-single > .inr > .right > .inr.price-individual-box > .join > .availability {
		font-weight: bold;				
	}	
	
	.ety-single > .inr > .right > .inr.price-individual-box > .join > .availability > .t {
		font-weight: normal;			
	}		
	
	.ety-single > .inr > .right > .inr.price-individual-box > .join > ul > li > select {
		font-size: 16px;			
	}
	
	/* price box  */	
	
	.ety-single > .inr > .right > .inr.price-join-to-download-box {		
		display: block;
		font-size: 30px;
		position: relative;
		background: #ddd;
		margin: 20px 0 0 0;
		font-weight: bold;
		padding: 5px 90px 5px 20px;	
		color: #000;
		transition: all .3s;
	}	
	
	.ety-single > .inr > .right > .inr.price-join-to-download-box:hover {		
		background: #0E1B23;
		text-decoration: none;
		color: #fff;
	}	
	
	.ety-single > .inr > .right > .inr.price-join-to-download-box .t {
		text-transform: uppercase;		
	}	
	
	.ety-single > .inr > .right > .inr.price-join-to-download-box .arrow {	
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		text-align: right;	
		font-size: 50px;
		padding: 30px 30px 51px 20px;			
	}	
	
	.ety-single > .inr > .right > .inr.price-join-to-download-box .availability {
		font-size: 16px;
		font-weight: normal;		
	}		
	
	.ety-single > .inr > .right > .inr.price-join-to-download-box.business {		
		
	}		
	
	.ety-single > .inr > .right > .inr.price-join-to-download-box.lifetime {		
		
	}	
	
	
	
	/*  */	
	
	.ety-single-bottom {
		padding: 0 20px;
	}	
	
	.ety-single-bottom > .social-media {		
		max-width: 1160px;
		margin: 0 auto;	
		overflow: hidden;		
	}		
	
	.ety-single-bottom > .social-media.top {		
		margin-top: 10px;
		border-radius: 4px 4px 0 0;		
	}	
	
	.ety-single-bottom > .social-media.bottom {		
		margin-bottom: 10px;
		border-radius: 0 0 4px 4px;		
	}		
	
	.ety-single-bottom > .social-media > a {		
		width: 50%;
		display: block;
		text-align: center;
		color: #fff;
		float: left;
		padding: 8px;
		font-size: 18px;
		transition: all .3s;		
	}	
	
	.ety-single-bottom > .social-media > a:hover {		
		opacity: .7;		
	}	
	
	.ety-single-bottom > .social-media > a.facebook::before {
		content: "\f230";
		font-family: FontAwesome;
		padding-right: 10px;	
	}
	
	.ety-single-bottom > .social-media > a.twitter::before {
		content: "\f099";
		font-family: FontAwesome;
		padding-right: 10px;	
	}		
		
	.ety-single-bottom > .social-media > a.facebook {
		background: #4460A0;
	}
	
	.ety-single-bottom > .social-media > a.twitter {
		background: #0CAAE8;
	}	
	
	@media ( max-width:700px ) {

		.ety-single-bottom > .social-media > a {		
			width: 100%;		
		}
		
    }		
	
	.ety-single-bottom > .inr {
		display: table;
		max-width: 1160px;
		background: #fff;
		border-left: 1px solid #e5e5e5;
		border-right: 1px solid #e5e5e5;		
		border-radius: 0px;	
		width: 100%;
	}	
	
	.ety-single-bottom > .inr > .left {
		display: table-cell;
		vertical-align: top;
		border-right: 1px solid #ddd;
		padding: 10px 30px;
	}	
	
	.ety-single-bottom > .inr > .right {
		display: table-cell;
		vertical-align: top;
		width: 40%;
		padding: 10px 30px;
	}	

	.ety-single-bottom .description-sidebar {		
		color: #666;
	}	
	
	.ety-single-bottom .description-sidebar h5 {		
		font-size: 18px;
		margin-bottom: -10px;		
	}	
	
	.ety-single-bottom h2 {
		font-size: 30px;
		padding: 15px 0;
		color: #666;
		font-weight: bold;
		line-height: 40px;	
	}			
		
	.ety-single-bottom .info-list {
		display: table;
		color: #666;
		border-bottom: 1px solid #ddd;
	}

	.ety-single-bottom .info-list > .ety {
		display: table-row;
	}	
		
	.ety-single-bottom .info-list > .ety > div {
		display: table-cell;
		border-top: 1px solid #ddd;
		vertical-align: top;
		padding: 14px 0;
	}	
	
	.ety-single-bottom .info-list > .ety > div:first-child {
		width: 120px;
		font-weight: bold;
	}	
	
	.ety-single-bottom .info-list > .ety > div:last-child {
		padding: 11px 0;
	}		

	.ety-single-bottom .info-list > .ety > div > span {
		display: inline-block;
		padding: 3px;
	}

	.ety-single-bottom .left .description ul {
		padding-left: 15px;
	}	
	
	.ety-single-bottom .left .description li {
		list-style-type: disc;	
	}	
	
	.ety-single-bottom .left .description li::before {
		display: none;
	}	
		
	.ety-single-bottom .left .description a.button-xl {
		margin-top: 20px;
		display: block;
		background: #26AB36;
		border-radius: 3px;
		padding: 48px 10px;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		transition: all .3s;
		font-family: 'Source Sans Pro';
		text-align: center;
		text-transform: uppercase;
	}			
		
	.ety-single > .inr > .left a.button-xl {		
		margin-top: 20px;
		display: block;
		background: #26AB36;
		border-radius: 3px;
		padding: 30px 40px;
		color: #fff;
		font-size: 30px;
		font-weight: bold;
		transition: all .3s;
		font-family: 'Source Sans Pro';
		text-align: center;
		text-transform: uppercase;
	}	

	.ety-single > .inr > .left a.button-xl:hover,
	.ety-single-bottom .left .description a.button-xl:hover {
		background: #0E1B23;
	}		
		
	@media ( max-width:780px ) {
		
		.ety-single > .inr > .left,   		            
		.ety-single > .inr > .right,   		            
		.ety-single-bottom > .inr > .left,		
		.ety-single-bottom > .inr > .right {
			width: 100%;
			display: block;
		}
		
		.ety-single-bottom > .inr > .left {
			border-right: 0;		
		}	

		.ety-single-bottom > .inr > .left,	
		.ety-single-bottom > .inr > .right {
			padding: 10px 10px;
		}	
		
    } 

	/* */

    section.language .etys                  { padding:40px 10px; }
    section.language .etys > .ety           { height:45px; text-align:left; float:left; width:20%; padding:10px; font-family:"Roboto"; font-weight:400; font-size:18px; }
    section.language .etys > .ety > i       { color:#01b22e; }

    .cat                        { padding:20px 10px 10px 10px; font-family:'Open Sans'; font-weight:bold; }
    .cat > .inr                 { background:#777; padding: 0 0 10px 0; }
    .cat > .inr > h2            { text-transform:uppercase; margin:10px; color:#ddd; border-bottom:1px solid #ddd; text-align:left; font-weight:bold; font-size:22px; }
    .cat > .inr > a             { display:block; color:#ddd; font-size:20px; padding:0 10px; }
    .cat > .inr > a:hover,
    .cat > .inr > a.ac          { color:#fff; }

	/* element default */		
	
	section.ed {
		margin: 20px 0;
	}

	section.ed.first {
		margin-top: 0;
	}	
	
	section.ed h2 {
		font-size: 30px;
		padding: 0 0 15px 0;
		color: #666;
		font-weight: bold;
		line-height: 40px;
	}
	
	section.ed {
		color: rgb( 68, 68, 68 );	
	}
	
	section.ed p {
		line-height: 30px;
	}	
	
	section.ed > .inr > .table > .td {
		padding: 10px;		
	}	

	section.ed .img-title {
		text-align: center;
		padding: 5px 0 0 0;
		font-size: 14px;
	}

	/* element 2 */

	@media ( max-width:780px ) {	
	
		section.e2 > .inr > .table,
		section.e2 > .inr > .table > .td {
			display: block;
			width: 100%;
		}	
		
	}	

	/* element 4 */	
		
	section.e4 {
		background: #ddd;	
	}

	@media ( max-width:780px ) {	
	
		section.e4 > .inr > .table,
		section.e4 > .inr > .table > .td {
			display: block;
			width: 100%;
		}	
		
	}
	
	/* element 5 */	
		
	section.e5, 
	section.e5 h2 {
		background: #0CAAE8;
		color: #fff;
	}
	
	@media ( max-width:780px ) {	
	
		section.e5 > .inr > .table,
		section.e5 > .inr > .table > .td {
			display: block;
			width: 100%;
		}	
		
	}	
	
	/* element 6 */	
	
	section.e6 {
		margin: 0;		
	}	
	
	section.e6 > .inr {		
		padding: 40px 10px;		
	}	
	
	section.e6 h2 {
		text-align: center;	
		padding-bottom: 0;
		font-size: 42px;
		font-weight: bold;
		line-height: 50px;		
	}
	
	section.e6 .t-sub {
		margin-top: 0;
		text-align: center;	
		font-size: 24px;
		line-height: 36px;
		padding: 20px 10px;
	}	
	
	section.e6 .items > .item {
		padding: 10px;
		float: left;
		width: 25%;
		font-size: 20px;
		font-weight: 600;
	}				
	
	section.e6 .items > .item:before {	
		content: "\f00c";
		font-family: FontAwesome;
		padding-right: 10px;
		color: #34302f;
	}

	section.e6 .items.without-arrow > .item:before {	
		content: "";
	}

	@media ( max-width:1100px ) {	
	
		section.e6 .items > .item {			
			width: 25%;			
		}
		
	}	
	
	@media ( max-width:900px ) {	
	
		section.e6 .items > .item {			
			width: 33.33333333%;			
		}
		
	}	

	@media ( max-width:700px ) {	
	
		section.e6 .items > .item {			
			width: 50%;			
		}
		
	}

	@media ( max-width:480px ) {	
	
		section.e6 .items > .item {			
			width: 100%;			
		}
		
	}
	
	/* element 7 */	
		
	section.e7 > .inr {
		padding: 10px 0;
	}
	
	section.e7 .items {
		text-align: center;
		font-size: 0;
	}
	
	section.e7 .items > .item {
		padding: 20px;
		display: inline-block;
		vertical-align: top;
		font-size: 16px;
		float: none;
	}				
	
	section.e7 .items > .item > .icon {
		font-size: 70px;
	}	
	
	@media ( max-width:900px ) {	
	
		section.e7 .items > .item {
			width: 50%;
		}
		
	}	
	
	@media ( max-width:700px ) {	
	
		section.e7 .items > .item {
			width: 100%;
		}
		
	}	
	
	/* element 8 */	
		
	section.e8 > .inr {		
		padding: 10px 0;
	}
	
	section.e8 > .inr > .img {
		padding: 0 20px;
	}
	
	section.e8 > .inr > .img > img {
		display: block;
	}	

	section.e8 > .inr > .cnt {
		background: #ddd;
		margin: 0 20px;
		padding: 0 0 20px 0;
	}	
	
	section.e8 > .inr > .cnt > h2 {
		padding: 20px 20px 0 20px;
	}	
	
	section.e8 .items {
		padding: 0 10px;
		border-left: 4px solid #26AB36;
		margin: 20px;
	}
	
	section.e8 .items > .item {
		position: relative;		
		padding: 15px 10px 15px 180px;
	}	
	
	section.e8 .items > .item > span {
		position: absolute;
		top: 10px;
		left: 10px;
		display: inline-block;
		background: #26AB36;
		padding: 5px 10px;
		border-radius: 18px;
		color: #fff;
	}
	
	@media ( max-width:700px ) {	

		section.e8 .items > .item {				
			padding: 60px 10px 15px 10px;
		}	
		
	}	
	
	/* element 9 */	
	
	.e9 > .inr > h2 {
		padding: 10px;
		text-align: center;	
	}

	.e9 .items {
		max-width: 600px;
		margin: 0 auto;
	}	
	
	.e9 .items > .item {
		border: 1px solid #ddd;	
		margin: 20px 0px;
	}	
	
	.e9 .items > .item > .head {
		border-bottom: 1px solid #fff;
		position: relative;
		background: #efefef;
		padding: 15px 20px;
	}	
	
	.e9 .items > .item > .head > .user {
		font-weight: bold;
		
	}		
	
	.e9 .items > .item > .head > .stars {
		position: absolute;
		top: 19px;
		right: 20px;
		font-family: FontAwesome; 
		color: rgb( 243, 200, 0 );		
	}	
	
	.e9 .items > .item > .head > .stars-1:before {	
		content: "\f005\f006\f006\f006\f006";		  
	}
	
	.e9 .items > .item > .head > .stars-15:before {	
		content: "\f005\f123\f006\f006\f006";		  
	}	
	
	.e9 .items > .item > .head > .stars-2:before {	
		content: "\f005\f005\f006\f006\f006";		  
	}
	
	.e9 .items > .item > .head > .stars-25:before {	
		content: "\f005\f005\f123\f006\f006";		  
	}	
	
	.e9 .items > .item > .head > .stars-3:before {	
		content: "\f005\f005\f005\f006\f006";		  
	}	
	
	.e9 .items > .item > .head > .stars-35:before {	
		content: "\f005\f005\f005\f123\f006";		  
	}	
	
	.e9 .items > .item > .head > .stars-4:before {	
		content: "\f005\f005\f005\f005\f006";		  
	}
	
	.e9 .items > .item > .head > .stars-45:before {	
		content: "\f005\f005\f005\f005\f123";		  
	}	

	.e9 .items > .item > .head > .stars-5:before {	
		content: "\f005\f005\f005\f005\f005";		  
	}
	
	.e9 .items > .item > .cnt {
		background: #efefef;
		padding: 15px 20px;
	}

	/* element 10 */		
	
	section.e10  {		
		margin: 0 20px;		
	}	
	
	section.e10 > .inr  {		
		background: #fff;
		max-width: 1160px;
	}
	
	section.e10 > .inr > h1 {		
		color: #0E1B23;
		text-align: left;
		padding: 20px 10px 0 10px;
		font-size: 35px;
		font-weight: bold;
		max-width: 640px;
		margin: 0 auto;
	}	
	
	section.e10 > .inr > .txt {		
		max-width: 640px;
		margin: 0 auto;
		padding: 0 10px;
	}	
	
	section.e10 > .inr > .txt li {		
		line-height: 30px;
		padding: 4px 0;	
	}	
	
	/* element 11 */	
		
	section.e11 {
		margin: 20px;
	}		
		
	section.e11 > .inr {
		max-width: 1160px;
		padding: 10px 0;
		background: #fff;
	}
	
	section.e11 > .inr > .title {
		color: #0E1B23;
		text-align: left;
		padding: 20px 20px 0 20px;
		font-size: 35px;
		font-weight: bold;		
		margin: 0 auto;	
	}	
	
	section.e11 .items {
		
	}
	
	section.e11 .items > .item {
		padding: 20px;		
	}	
	
	section.e11 .items > .item > .inr > .img {
		border: 1px solid #ddd;
		margin: 0 0 10px 0;
		text-align: center;
	}

	section.e11 .items > .item > .inr > .title {
		font-size: 20px;
		padding: 0 0 5px 0;
		color: #666;
		font-weight: bold;		
	}	
	
	section.e11 > .inr > .txt {		
		padding: 0 20px;
	}		
	
	section.e11 .items > .item > .inr > .url > a {
		font-size: 14px;
		color: #666;		
	}	
	
	section.e11 .items > .item > .inr > p {
		text-align: justify;
	}
	
	@media ( max-width:900px ) {	
	
		section.e11 .items > .item {
			width: 50%;
		}
		
	}	
	
	@media ( max-width:700px ) {	
	
		section.e11 .items > .item {
			width: 100%;
		}
		
		section.e11 > .inr > .title {
			font-size: 26px;	
		}		
		
	}

	@media ( max-width:600px ) {	
	
		section.e11 .items > .item {
			width: 100%;
		}
		
		section.e11 > .inr > .title {
			font-size: 22px;	
		}		
		
	}	

	/* element 12 */	
		
	.e12 {
		background: rgb( 242, 242, 242 );
		display: table;
		margin: 0 0 20px 0;		
	}		
		
	.e12 > .l {
		display: table-cell;
		width: 200px;
		vertical-align: middle;
		text-align: center;
		font-size: 100px;
		padding: 30px 20px;		
	}
	
	.e12 > .r {
		display: table-cell;
		vertical-align: top;
		padding: 30px 20px;
	}
	
	.e12 > .r > .t {			
		font-size: 35px;
		font-weight: bold;
		padding: 0 0 20px 0;
		
	}		
	
	.e12 > .r > .d {			
		line-height: 28px;
		
	}		
	
	@media ( max-width:950px ) {

		.e12,
		.e12 > .l, 			
		.e12 > .r {					
			display: block;
			width: 100%;				
		}	
	
		.e12 > .l {
			padding-bottom: 0;		
		}	
	
	
	
	
	
	}

	@media ( max-width:800px ) {

		.e12 > .r > .t {			
			font-size: 30px;			
		}	
	
	}	
	

	@media ( max-width:600px ) {

		.e12 > .r > .t {			
			font-size: 24px;			
		}	
	
	}		
	
	/* element 13 */		
	
	section.e13 h2 {		
		color: inherit !IMPORTANT;
	}
	
	section.e13 .td {		
		vertical-align: middle !IMPORTANT;
		padding: 40px 10px !IMPORTANT;
	}	
	
	@media ( max-width: 760px ) {

		section.e13 .table,
		section.e13 .td {					
			display: block !IMPORTANT;
			width: 100% !IMPORTANT;	
		}	
	
	}

	/* element 14 */
	
	.e14 > .items > h2 {
		padding: 10px;
		text-align: center;			
	}

	.e14 .items {
		max-width: 1160px;
		margin: 0 auto;
		font-size: 0;
		background: #fff;
		padding: 10px;
	}	
	
	.e14 .items > .item {		
		font-size: 16px;			
		display: inline-block;
		width: 33.33333333%;
		vertical-align: top;
		padding: 10px;
	}	
	
	.e14 .items > .item > .inr {		
		border: 1px solid #ddd;		
	}	
	
	.e14 .items > .item > .inr > .head {
		border-bottom: 1px solid #fff;
		position: relative;
		background: #efefef;
		padding: 15px 20px;
	}	
	
	.e14 .items > .item > .inr > .inr > .head > .user {
		font-weight: bold;
		
	}		
		
	.e14 .items > .item > .inr > .head > .stars {
		position: absolute;
		top: 19px;
		right: 20px;
		font-family: FontAwesome; 
		color: rgb( 243, 200, 0 );		
	}
	
	.support-head .stars {
		font-family: FontAwesome; 
		color: rgb( 243, 200, 0 );
		display: inline-block;
		font-size: 17px;
		padding: 0 6px 0 0;
	}	
	
	.support-head .stars-1:before,	
	.e14 .items > .item > .inr > .head > .stars-1:before {	
		content: "\f005\f006\f006\f006\f006";		  
	}
	
	.support-head .stars-15:before,		
	.e14 .items > .item > .inr > .head > .stars-15:before {	
		content: "\f005\f123\f006\f006\f006";		  
	}	
	
	.support-head .stars-2:before,		
	.e14 .items > .item > .inr > .head > .stars-2:before {	
		content: "\f005\f005\f006\f006\f006";		  
	}
	
	.support-head .stars-25:before,		
	.e14 .items > .item > .inr > .head > .stars-25:before {	
		content: "\f005\f005\f123\f006\f006";		  
	}	
	
	.support-head .stars-3:before,		
	.e14 .items > .item > .inr > .inr > .head > .stars-3:before {	
		content: "\f005\f005\f005\f006\f006";		  
	}	
	
	.support-head .stars-35:before,		
	.e14 .items > .item > .inr > .head > .stars-35:before {	
		content: "\f005\f005\f005\f123\f006";		  
	}	
	
	.support-head .stars-4:before,		
	.e14 .items > .item > .inr > .head > .stars-4:before {	
		content: "\f005\f005\f005\f005\f006";		  
	}
	
	.support-head .stars-45:before,		
	.e14 .items > .item > .inr > .head > .stars-45:before {	
		content: "\f005\f005\f005\f005\f123";		  
	}	
	
	.support-head .stars-5:before,	
	.e14 .items > .item > .inr > .head > .stars-5:before {	
		content: "\f005\f005\f005\f005\f005";		  
	}	
	
	.e14 .items > .item > .inr > .cnt {
		background: #efefef;
		padding: 15px 20px;
	}		
	
	@media ( max-width:900px ) {
	
		.e14 .items > .item {	
			width: 50%;
		}		
	
	}		
	
	@media ( max-width:650px ) {
	
		.e14 .items > .item {	
			width: 100%;
		}		
	
	}

	/* element 15 */
	
	section.e15 {		
		margin: 0;	
		overflow: hidden;		
	}	
	
	.e15 > .inr {		
		padding: 10px 0 40px 0;		
	}		
	
	.e15 .left {
		position: relative;
	}		
	
	.e15 .left > .ety {
		margin: 10px;
		background: -moz-linear-gradient( left, rgb( 163,150,147 ) 0%, #6F6765 80% ); 
		background: -webkit-linear-gradient( left, rgb( 163,150,147 ) 0%, #6F6765 80% ); 
		background: linear-gradient( to right, rgb( 163,150,147 ) 0%, #6F6765 80% ); 
		font-size: 20px;
		color: rgb( 100, 230, 230 );
		font-weight: bold;
	}		
	
	.e15 .left > .img {	
		position: absolute;
		top: 0;
		right: 20px;
		height: 100%;
	}	
	
	.e15 .left > .ety > i.fa {
		font-size: 50px;
		line-height: 50px;
		width:80px;
		color: rgb( 245, 135, 35 );
		text-align: center;
		vertical-align: middle;	
		margin: 5px 0;
	}			
		
	.e15 .right > .triangle {
		margin: 6px auto -12px;	
		width: 0;
		height: 0;
		border: transparent 25px solid;
		border-top: rgb( 163, 150, 147 ) 22px solid;	
	}		
		
	.e15 .right > .line {		
		border-bottom: #fff 1px solid;
		margin: 20px auto;
		max-width: 200px;
	}			
		
	@media ( max-width: 1024px ) {
	
		.e15 .left > .ety {
			margin: 10px;
			font-size: 18px;			
		}

		.e15 .left > .ety > i.fa {
			font-size: 36px;
			line-height: 36px;
			width:70px;

			margin: 5px 0;
		}
	
	}	
	
	@media ( max-width: 800px ) {
	
		.e15 > .inr > .table,	
		.e15 > .inr > .table > .td {
			display: block;
			width: 100%;
						
		}

		.e15 .left > .ety > i.fa {
			font-size: 36px;
			line-height: 36px;
			width:70px;			
		}
	
	}	
		
	/* element 16 */
	
	section.e16 {		
		margin: 0;	
		overflow: hidden;
		position: relative;
	}	

	section.e16 > .inr {		
		padding: 80px 20px;
	}		
	
	/* element 17 */
	
	section.e17 {		
		margin: 0;	
		overflow: hidden;
		position: relative;
	}
	
	section.e17 .text-8 {		
		margin: 40px 0;			
	}

	section.e17 .text-6 {		
		padding-bottom: 80px;			
	}
		
	/* element 17 - 2 cols */	

	section.e17.cols-2 .items {	
		display: flex;
		flex-wrap: wrap;	
	}
	
	section.e17.cols-2 .items > .text-12 {
		width: 35%;
		flex-grow: 1;
	}
	
	@media ( max-width: 900px ) {
	
		section.e17.cols-2 .items > .text-12 {
			width: 100%;
			flex-grow: 1;
		}
	
	}
	
	/* element 20 */
	
	section.e20 {		
		margin: 0;	
		overflow: hidden;		
	}	
	
	.e20 > .inr {		
		padding: 10px 0 40px 0;		
	}		
	
	.e20 .left {
		position: relative;
	}		
	
	.e20 .left > .ety {
		margin: 10px;
		/*background: -moz-linear-gradient( left, #ffcc00 0%, #ffe88d 80% ); */
		/*background: -webkit-linear-gradient( left, #ffcc00 0%, #ffe88d 80% ); */ 
		background: linear-gradient( to right, rgb( 196, 49, 58 ) 0%, #BF5D60 80% ); 
		font-size: 26px;
		color: #fff;
		font-weight: bold;
	}		
	
	.e20 .left > .img {	
		position: absolute;
		top: 0;
		right: 20px;
		height: 100%;
	}	
	
	.e20 .left > .ety > i.fa {
		font-size: 80px;
		line-height: 100px;
		width:140px;
		color: #fff;
		text-align: center;
		vertical-align: middle;	
		margin: 5px 0;
	}	
		
	.e20 .right > .triangle {
		margin: 55px auto 30px;	
		width: 0;
		height: 0;
		border: transparent 25px solid;
		border-top: #ffcc00 22px solid;	
	}		
		
	.e20 .right > .line {		
		border-bottom: #fff 1px solid;
		margin: 20px auto;
		max-width: 200px;
	}			
		
	@media ( max-width: 1024px ) {
	
		.e20 .left > .ety {
			margin: 10px;
			font-size: 18px;			
		}

		.e20 .left > .ety > i.fa {
			font-size: 36px;
			line-height: 36px;
			width:70px;

			margin: 5px 0;
		}
	
	}	
	
	@media ( max-width: 800px ) {
	
		.e20 > .inr > .table,	
		.e20 > .inr > .table > .td {
			display: block;
			width: 100%;
						
		}

		.e20 .left > .ety > i.fa {
			font-size: 36px;
			line-height: 36px;
			width:70px;			
		}
	
	}		
	
	/* coin */
	
	.coins {		
		transform: rotate( 180deg );
		margin-left: -129px;	
	}
	
	.coin {
		position: relative;
		display: inline-block;
		width: 140px;
		height: 140px;
		border: 9px solid rgb( 245, 135, 35 );
		background: rgb( 248, 171, 101 );
		border-radius: 50%;	
		text-align: center;
		margin-left: -129px;
	}
	
	.coin > span {
		position: relative;
		font-size: 100px;
		font-weight: bold;
		color: rgba( 255, 255, 255, .4 );
		line-height: 110px;			
	}		
	
	.coins-blue > .coin {		
		border: 9px solid rgb( 74, 200, 245 );
		background: rgb( 128, 216, 248 );
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* c1 */	
	
	.c1 .left,		
	.c1 .right {		
		width: 30%;		
	}	
	
	.c1 .center {		
		width: 40%;		
	}	
	
	.c1 .left > div,		
	.c1 .right > div {		
		padding: 20px 0;			
	}
	
	.c1 .left > div {
		background: linear-gradient( to right, rgb( 0, 51, 153 ) 0%, rgb( 20, 90, 220 ) 100% );
		margin-right: -120px;
		padding-right: 120px;		
	}
	
	.c1 .right > div {		
		background: linear-gradient( to right, rgb( 20, 90, 220 ) 0%, rgb( 0, 51, 153 ) 100% );
		margin-left: -120px;
		padding-left: 120px;	
	}	
	
	.c1 .center > * {
		position: relative;
		z-index: 10;		
	}		
	
	@media ( max-width:800px ) {

		.c1 .left,		
		.c1 .right,	
		.c1 .center {		
			display: block;
			width: 100%;
		}	
	
		.c1 .left > div,	
		.c1 .right > div {
			display: block !IMPORTANT;			
			margin: 0;
			padding: 20px;
		}

		.c1 .center > * {		
			max-width: 400px;		
		}	
	
	}	
	
	/* c2 */	
	
	.c2 .left {
		border-right: 1px dotted rgba( 255, 255, 255, .4 );
	}	
	
	@media ( max-width:800px ) {

		.c2 .left,		
		.c2 .right {				
			display: block;
			width: 100%;
			border: 0;
		}		
	
	}	
	
	/* c3 */	
	
	.c3 > .ety {
		position: relative;
		padding: 10px !IMPORTANT;
		padding-left: 70px !IMPORTANT;
	}	
	
	.c3 > .ety > .icon {
		position: absolute;
		left: 20px;
		top: 8px;
		font-size: 26px;
	}		
	
	.c3 > .ety > .t {
		font-weight: bold;
		padding: 0 0 10px 0;
	}	
	
	/* c3 - big */	
	
	.c3.big > .ety {
		position: relative;
		padding: 30px !IMPORTANT;
		padding-left: 110px !IMPORTANT;
		width: 50%;
	}	
	
	.c3.big > .ety > .icon {		
		font-size: 70px;
		top: 22px;
	}
	
	.c3.big > .ety > .t a:hover {		
		text-decoration: underline;
	}	
	
	@media ( max-width:800px ) {

		.c3.big > .ety > .icon {		
			position: static;
			padding: 10px;			
			display: block;
			text-align: center;
		}

		.c3.big > .ety {	
			padding-left: 10px !IMPORTANT;
			padding-right: 10px !IMPORTANT;
			width: 100%;
		}
	
	}		
		
	/* c4 */	
	
	.c4 > .table > .left {
		vertical-align: middle;	
		font-size: 40px;
		width: 80px;
		padding: 20px;
		
	}
	
	.c4 > .table > .right {
		vertical-align: middle;	
		padding: 20px;		
	}

	.c4 > .table > .right > .t {
		font-weight: bold;
		padding: 0 0 10px 0;
		font-size: 16px;
	}	
	
	/* c5 */	
		
	.c5 {	
		max-width: 800px;
		margin: 0 auto;
		text-align: center;
	}			
		
	.c5 > .ety {	
		display: block;
		float: left;
		width: 33.333333333%;
		padding-bottom: 33.333333333%;
		position: relative;
		height: 0;
	}
	
	.c5 > .ety > .inr {	
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0; 		
		left: 0;
	}		
	
	.c5 > .ety > .inr .arrow {		
		position: absolute;
		top: 50%;
		right: 0;
		bottom: 0;
		left: 50%;		
		width:60%;		
	}
		
	.c5 > .ety.arrow > .inr > .txt  {
		vertical-align: middle;
		display: inline-block;
		color: #fff;
		position: relative;
	}	
	
	.c5 > .ety.arrow > .inr:before  {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		width: 0;
	}	

	.c5 > .ety-3 > .inr .arrow {		
		position: absolute;
		top: 50%;
		right: 0;
		bottom: 0;
		left: -10%;		
	}	
	
	.c5 > .ety-7 > .inr .arrow {		
		position: absolute;
		top: -10%;
		right: 0;
		bottom: 0;
		left: 50%;			
	}
	
	.c5 > .ety-9 > .inr .arrow {
		position: absolute;		
		top: -10%;
		right: 0;
		bottom: 0;
		left: -10%;			
	}	
		
	.c5 > .ety-1 > .inr .arrow img {
		transform: rotate( -90deg );
	}
	
	
	.c5 > .ety-7 > .inr .arrow  img {
		transform: rotate( -180deg );		
	}
	
	.c5 > .ety-9 > .inr .arrow img {
		transform: rotate( 90deg );		
	}	
	
	/* c6 */	
	
	@media ( max-width:780px ) {

		.c6,
		.c6 > .td {					
			width: 100%;
			display: block;
		}
	
	}		
		
	/* c7 */	

	.c7 {	
		padding: 0 0 0 40px;
	}
	
	.c7 > .table > .td {	
		padding-bottom: 60px;
		position: relative;		
		line-height: 30px;
		color: #999;
	}

	.c7 > .table > .td > div {	
		font-size: 20px;
		font-weight: bold;
		color: rgb( 68, 68, 68 );		
	}		
	
	.c7 > .table > .td:first-child {	
		width: 80px;
		vertical-align: middle;	
	}	

	.c7 > .table > .td:first-child > span {	
		display: inline-block;
		width: 60px;
		height: 60px;
		text-align: center;	
		line-height: 54px;
		font-size: 32px;
		color: #999;
		border: 2px solid #ccc;
		border-radius: 50%;	
		position: relative;
		z-index: 100;
		background: #fff;
	}
	
	.c7 > .table > .td:first-child:before {	
		content: "";
		display: block;
		border-left: 1px solid #ccc;
		position: absolute;
		top: 0;
		left: 30px;
		width: 0;
		height: 100%;
		z-index: 50;
	}		
		
	.c7 > .table:first-child > .td:first-child:before {	
		top: 50%;		
		height: 50%;
	}		
		
	.c7 > .table:last-child > .td:first-child:before {	
		top: 0;		
		height: 50%;
	}		
		
	@media ( max-width:800px ) {
		
		.c7 {	
			padding: 20px 0 0 0;
		}
	
	}		
		
	/* c8 */	

	.c8 {	
		margin: 20px 0;
	}	
	
	.c8 > .td {	
		padding: 40px 10px !IMPORTANT;
		text-align: center;
	}	
	
	.c8 > .td > .ico {	
		font-size: 160px;		
	}
	
	.c8 > .td > .t {	
		font-weight: bold;
		font-size: 30px;
		padding: 0 0 25px 0;
	}

	.c8 > .td > .text {				
		line-height: 30px;	
		font-size: 20px;		
	}

	/* c9 */	
	
	.c9 > .td  {
		position: relative;		
	}	
	
	.c9 > .td > .ico {
		width: 60px;
		height: 60px;
		border-radius: 50%;
		font-size: 40px;	
		background: #fff;
		position: absolute;
		left: 10px;
		top: 20px;
		text-align: center;
		line-height: 60px;
	}

	.c9 > .td > .text {				
		line-height: 26px;
		font-size: 20px;
		padding: 28px 0 0 80px;				
	}

	/* c10 */		
	
	.c10 {		
		padding: 30px 10px;
	}	
	
	.c10 > .ety {		
		height: 360px;
		font-size: 0;
	}	
	
	.c10 > .ety:first-child {			
		font-size: 26px;		
	}	
	
	.c10 > .ety:before {			
		content: "";		
		width: 0;
		height: 100%;
		vertical-align: middle;
		display: inline-block;		
	}		
	
	.c10 > .ety > .left  {
		position: relative;
		width: 30px;
		height: 360px;			
		overflow: hidden;	
		display: inline-block;
		vertical-align: middle;
	}		
		
	.c10 > .ety > .left:after  {
		content: "";
		position: absolute;
		border-radius: 50%;
		top: 20px;
		left: 30px;
		width: 20px;
		height: 320px;
		box-shadow: 7px 0px 26px 3px rgba(0,0,0,0.75);		
	}		
	
	.c10 > .ety > .right  {	
		display: inline-block;
		vertical-align: middle;
		width: 40px;
	}		
	
	.c10 > .ety > .right  {	
		display: inline-block;
		vertical-align: middle;
	}	
		
	@media ( max-width:700px ) {
		
		.c10 > .ety {				
			width: 25% !IMPORTANT;
		}		
		
		.c10 > .ety:first-child {				
			width: 100% !IMPORTANT;
			height: auto;
			text-align: center;
			padding: 0 0 20px 0;
		}	
		
		.c10 > .ety:before {			
			content: "";
			display: none;		
		}	
	
	}		
	
	@media ( max-width:500px ) {
		
		.c10 > .ety {				
			width: 50% !IMPORTANT;
		}
	
	}		
	
	/* c11 */	
	
	.c11 {		
		padding: 30px 10px;
	}	
		
	.c11 > .ety:first-child {			
		font-size: 26px;
		padding: 0 20px 0 0;
	}		
		
	@media ( max-width:800px ) {
		
		.c11 > .ety {				
			width: 100% !IMPORTANT;
		}		
		
		.c11 > .ety:first-child {		
			text-align: center;
			padding: 0 0 20px 0;
		}	
			
	}

	/* c12 */

	.c12 {
		padding: 40px 10px;
	}	
	
	.c12 > .inr {
		border-radius: 4px;	
		background: #fff;
		max-width: 800px;
		margin: 0 auto;
		box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
		padding: 20px;
		position: relative;
	}

	.c12 > .inr > .mht-title {
		padding: 0 20px 0 0;
		font-size: 24px;
		min-height: 38px;
		color: #222;	
	}
	
	.c12 > .inr > .mht-txt {
	    padding: 0 20px 20px 0;
		color: #999;
	}		
	
	.c12 > .inr > .mht-bottom  {
		position: absolute;
		bottom: -30px;
		left: -80px;
		right: -80px;
		height: 30px;
		overflow: hidden;		
	}			
		
	.c12 > .inr > .mht-bottom:after  {
		content: "";
		position: absolute;
		border-radius: 50%;
		bottom: 30px;
		left: 40px;
		right: 40px;		
		height: 20px;
		box-shadow: 7px 0px 26px 3px rgba(0,0,0,0.75);
	}		
	
	.c12.c12-sub {
		padding: 40px 60px;
	}	
	
	
	.c12.c12-sub > .inr {
		border-radius: 4px 4px 0 0;			
		max-width: 400px;		
	}	
	
	/* c13 */	
	
	.c13 {
		margin: 40px 0;		
	}
	
	@media ( max-width:780px ) {

		.c13,
		.c13 > .td {					
			width: 100%;
			display: block;
		}
	
		.c13 > .td {					
			padding: 10px !IMPORTANT;			
		}		
	
	}		
	
	/* c14 */	
	
	.c14 {
		box-shadow: 0px 0px 17px 0px rgba(0,0,0,0.49);
	}	
	
	/* c15 */	
	
	.c15 {		
		padding: 30px 10px;		
	}	
	
	.c15 .c15-top,	
	.c15 .c15-bottom {			
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
	
	.c15 .c15-bottom:before {			
		display: block;
		content: "";
		min-width: 300px;
		max-width: 300px;
	}	
	
	.c15 .c15-title {		
		min-width: 300px;
		max-width: 300px;
		font-size: 26px;
		display: block;
	}
	
	.c15 .c15-img {		
		width: 100%;
		text-align: center;
		box-shadow: 0px 0px 17px 0px rgba( 0, 0, 0, 0.49 );
	}	
	
	.c15 .c15-txt {		
		padding: 20px 0 0 0;				
	}	
			
	@media ( max-width:700px ) {
		
		.c15 .c15-top,	
		.c15 .c15-bottom {			
			display: block;
		}	
		
		.c15 .c15-title {
			padding-bottom: 20px;
			min-width: auto;
			max-width: auto;
		}			
	
	}		
	
	/* a */
	
	.a1 {
		text-decoration: none !IMPORTANT;	
		color: rgb( 196, 49, 58 ) !IMPORTANT;	
	}	
	
	.a1:hover {
		text-decoration: underline !IMPORTANT;	
	}	
	
	/* neptun */		
		
	@media ( max-width:600px ) {
		
		.mht-neptun-btn.m600-mht-ety-w-50 > .mht-ety {
			width: 50% !IMPORTANT;
		}		
	
		.mht-neptun-btn.m600-mht-ety-w-50 > .mht-ety {
			clear: none !IMPORTANT;	
		}	
	
		.mht-neptun-btn.m600-mht-ety-w-50 > .mht-ety:nth-child(2n+1) {
			clear: both !IMPORTANT;	
		}

		.mht-neptun-btn.m600-mht-ety-w-100 > .mht-ety {
			width: 100% !IMPORTANT;
		}		
	
	}	

	@media ( max-width:500px ) {		

		.mht-neptun-btn.m500-mht-ety-w-100 > .mht-ety {
			width: 100% !IMPORTANT;
		}		
	
	}			

	/* neptun - demo 1 */		
		
	.mht-neptun-btn.demo-1 {
		margin: -2px;		
	}
	
	.mht-neptun-btn.demo-1 > .mht-ety {
		padding: 2px;		
	}
	
	.mht-neptun-btn.demo-1.mht-space-off  {
		margin: 0;		
	}	
	
	.mht-neptun-btn.demo-1.mht-space-off > .mht-ety {
		padding: 0;		
	}	
	
	.mht-neptun-btn.demo-1.mht-shape-2 > .mht-ety > a {
		border-radius: 0 4px 4px 0 !IMPORTANT;		
	}		
		
	.mht-neptun-btn.demo-1.mht-shape-3 > .mht-ety > a > .mht-overlay {
		border-radius: 50%;		
	}		
		
	.mht-neptun-btn.demo-1.mht-shape-3  {
		margin: 6px;		
	}	
	
	.mht-neptun-btn.demo-1.mht-shape-3 > .mht-ety {
		padding: 6px;		
	}
			
	.mht-neptun-btn.demo-1.mht-space-off.mht-shape-2 > .mht-ety > a {
		border-radius: 0 !IMPORTANT;		
	}		
	
	.mht-neptun-btn.demo-1.mht-space-off.mht-shape-2 > .mht-ety:first-child > a {
		border-radius: 0 4px 0 0 !IMPORTANT;		
	}		
		
	.mht-neptun-btn.demo-1.mht-space-off.mht-shape-2 > .mht-ety:last-child > a {
		border-radius: 0 0 4px 0 !IMPORTANT;		
	}			
	
	.mht-neptun-btn.demo-1-media {
		border-radius: 4px;
		overflow: hidden;
		display: none;
		margin: 10px !IMPORTANT;
		float: left;
	}

	.demo-1-media-parent:hover .mht-neptun-btn.demo-1-media {
		display: block;		
	}

	.mht-neptun-btn.demo-1-media.mht-space-off.mht-shape-2 > .mht-ety:first-child  > a,
	.mht-neptun-btn.demo-1-media.mht-space-off.mht-shape-2 > .mht-ety:last-child  > a,	
	.mht-neptun-btn.demo-1-media.mht-space-off.mht-shape-2 > .mht-ety > a {		
		border-radius: 0 !IMPORTANT;
	}
	
	/* neptun - demo 2 */		
	
	.mht-neptun-btn.demo-2  {
		margin: 0;
	}	
	
	.mht-neptun-btn.demo-2 > .mht-ety {
		float: none;
		padding: 2px 0;		
		width: 50px !IMPORTANT;				
	}	
	
	.mht-neptun-btn.demo-2 > .mht-ety > a > .mht-data > .mht-qty {
		font-size: 12px;
		font-weight: 400;
	}	
	
	.mht-neptun-btn.demo-2.mht-shape-4 {		
		padding-left: 12px;						
	}	
	
	.mht-neptun-btn.demo-2.mht-shape-4 > .mht-ety {		
		padding: 6px 0;						
	}		
	
	.mht-neptun-btn.demo-2 > .mht-ety > a > .mht-ico {
		margin-top: 0 !IMPORTANT;
		height: 31px;		
	}	
	
	.mht-neptun-btn.demo-2 > .mht-ety > a > .mht-ico:before,
	.mht-neptun-btn.demo-2 > .mht-ety > a > .mht-ico:after {	
		background: none !IMPORTANT;
		height: 31px;
		line-height: 31px;
	}		
	
	.mht-neptun-btn.demo-2 > .mht-ety > a > .mht-data {  
		padding-top: 0 !IMPORTANT;
		padding-bottom: 0 !IMPORTANT;		
		min-height: 0 !IMPORTANT;	
	}	
	
	.mht-neptun-btn.demo-2.mht-shape-4 > .mht-ety > a {			
		height: 50px;		
	}		
	
	.mht-neptun-btn.demo-2.mht-shape-4 > .mht-ety.mht-qty-hide > a > .mht-ico {			
		margin-top: 10px !IMPORTANT;	
	}			
		
	.mht-neptun-btn.demo-2.mht-space-off {
		margin: 0 !IMPORTANT;				
	}	
	
	.mht-neptun-btn.demo-2.mht-space-off .mht-ety {
		padding: 0 !IMPORTANT;				
	}		
	
	.mht-neptun-btn.demo-2.mht-shape-3 > .mht-ety {
		padding: 5px 0;			
	}		
	
	.mht-neptun-btn.demo-2.mht-orientation-left.mht-shape-2 > .mht-ety > a {
		border-radius: 0 4px 4px 0;			
	}	
	
	.mht-neptun-btn.demo-2.mht-orientation-right.mht-shape-2 > .mht-ety > a {
		border-radius: 4px 0 0 4px;				
	}		
	
	.mht-neptun-btn.demo-2.mht-space-off.mht-shape-2 > .mht-ety > a {		
		border-radius: 0;				
	}		
	
	.mht-neptun-btn.demo-2.mht-orientation-left.mht-space-off.mht-shape-2 {		
		border-radius: 0 4px 4px 0;			
	}		
	
	.mht-neptun-btn.demo-2.mht-orientation-right.mht-space-off.mht-shape-2 {		
		border-radius: 4px 0 0 4px;			
	}		
	
	.mht-neptun-btn.demo-2.mht-shape-1  > .mht-ety.mht-qty-hide > a,
	.mht-neptun-btn.demo-2.mht-shape-2  > .mht-ety.mht-qty-hide > a {
		height: 30px !IMPORTANT;
		min-height: 30px !IMPORTANT;		
	}
			
	.mht-neptun-btn.demo-2.mht-space-off.mht-shape-2 > .mht-ety:first-child > a {
		border-radius: 0 4px 0 0 !IMPORTANT;		
	}		
		
	.mht-neptun-btn.demo-2.mht-space-off.mht-shape-2 > .mht-ety:last-child > a {
		border-radius: 0 0 4px 0 !IMPORTANT;		
	}					
			
	/* neptun - demo 3 */		
	
	.mht-neptun-btn.demo-3  {
		margin: -6px -6px 20px -6px !IMPORTANT;	
	}	
	
	.mht-neptun-btn.demo-3 > .mht-ety > a > .mht-ico {
		margin-top: 5px !IMPORTANT;
		height: 31px;		
	}	
	
	.mht-neptun-btn.demo-3 > .mht-ety > a > .mht-ico {
		margin-top: 5px !IMPORTANT;
		height: 31px;		
	}	
	
	.mht-neptun-btn.demo-3 > .mht-ety > a > .mht-ico:before,
	.mht-neptun-btn.demo-3 > .mht-ety > a > .mht-ico:after {	
		background: none !IMPORTANT;
		height: 31px;
		line-height: 31px;
	}	
	
	/* background */	
	
	.bg-black {
		background-color: rgb( 0, 0, 0 ) !IMPORTANT;		
	}
	
	.bg-white {
		background-color: rgb( 255, 255, 255 ) !IMPORTANT;		
	}	
	
	.bg-yellow {
		background-color: rgb( 255, 214, 0 ) !IMPORTANT;		
	}	
	
	.bg-blue-light {
		background-color: rgb( 98, 196, 236 ) !IMPORTANT;		
	}		
	
	.bg-blue {
		background-color: rgb( 12, 170, 232 ) !IMPORTANT;		
	}	
	
	.bg-blue-dark {
		background-color: rgb( 0, 58, 84 ) !IMPORTANT;		
	}
	
	.bg-blue-middle {	
		background-color: rgb( 0, 51, 153 ) !IMPORTANT;		
	}
	
	.bg-green {
		background-color: rgb( 38, 171, 54 ) !IMPORTANT;		
	}

	.bg-dark-red {
		background-color: rgb( 196, 49, 58 ) !IMPORTANT;		
	}
	
	.bg-brown {
		background-color: rgb(66, 36, 19) !IMPORTANT;		
	}

	.bg-orange-light {
		background-color: #f9b318 !IMPORTANT;		
	}
	
	/* color */

	.co-black {
		color: rgb( 0, 0, 0 ) !IMPORTANT;		
	}
	
	.co-blue {
		color: rgb( 12, 170, 232 ) !IMPORTANT;		
	}	
	
	.co-blue-dark {
		color: rgb( 0, 58, 84 ) !IMPORTANT;		
	}	
		
	.co-blue-light {
		color: rgb( 74, 200, 245 ) !IMPORTANT;		
	}
	
	.co-green {
		color: rgb( 38, 171, 54 ) !IMPORTANT;		
	}

	.co-orange {
		color: rgb( 245, 135, 35 ) !IMPORTANT;		
	}	
	
	.co-white {
		color: rgb( 255, 255, 255 ) !IMPORTANT;		
	}
	
	.co-yellow {
		color: rgb( 255, 214, 0 ) !IMPORTANT;		
	}
	
	.co-dark-red {
		color: rgb( 196, 49, 58 ) !IMPORTANT;		
	}	
	
	.co-gray-light {
		color: rgb( 102, 102, 102 ) !IMPORTANT;		
	}		
	
	.co-brown {
		color: rgb(66, 36, 19) !IMPORTANT;		
	}	
		
	.co-orange-light {
		color: #f9b318 !IMPORTANT;		
	}
	
	/* border */

	.bdr-black {
		border-color: rgb( 0, 0, 0 ) !IMPORTANT;		
	}
	
	.bdr-white {
		border-color: rgb( 255, 255, 255 ) !IMPORTANT;		
	}
	
	.bdr-yellow {
		border-color: rgb( 255, 214, 0 ) !IMPORTANT;		
	}

	.bdr-blue {
		border-color: rgb( 12, 170, 232 ) !IMPORTANT;		
	}	
	
	.bdr-green {
		border-color: rgb( 38, 171, 54 ) !IMPORTANT;		
	}	
	
	/* contact */	
	
	section.contact > .inr > .boxes {
		margin: 0 -10px;
	}	
	
	section.contact > .inr > .boxes > .box {
		float: left;		
		width: 50%;
		padding: 20px;		
	}
	
	section.contact > .inr > .boxes > .box > .inr {		
		background: #fff;
		padding: 10px;	
		text-align: center;		
	}	
	
	section.contact > .inr > .boxes > .box > .inr > .title {		
		font-size: 22px;
	}	
	
	section.contact > .inr > .boxes > .box > .inr > .title_sub {		
		font-size: 16px;
		padding: 10px 0 20px 0;
	}
	
	section.contact > .inr > .boxes > .box > .inr form {			
		text-align: left;		
	}	
	
	section.contact > .inr > .boxes > .box > .inr form textarea {			
		height: 160px;	
	}

	section.contact > .inr > .boxes > .box > .inr .txt {			
		padding: 10px;
	}	
	
	section.contact > .inr > .boxes > .box > .inr .button-support {			
		padding: 37px 10px 10px 10px;
	}	
	
	@media ( max-width:950px ) {

		section.contact > .inr > .boxes > .box {				
			width: 100%;				
		}
	
	}
	
	/* support */

	.support-head {
		position: relative;
		font-size: 16px;
		color: #555;
		padding: 10px;
	}

	.support-head > .img {
		float: left;
		padding: 14px 25px 0 0;
	}
	
	.support-head > .l-1 {
		float: left;
		margin: 0 20px 0 0;
	}	
	
	.support-head > .l-1 > .l-3 {
		padding: 4px 0 0 0;	
	}	
	
	.support-head > .l-2 {
		float: right;
		text-align: right;
	}
	
	.support-head > .l-3 {
		float: right;
		text-align: right;
		margin-left: 60px;
	}
	
	.support-head > .l > .l-1 {
		font-size: 28px;
		font-weight: bold;
		height: 42px;
	}		
	
	.support-head > .l-2 > .l-3 {
		font-size: 14px;
		padding: 18px 0 0 0;	
	}		
	
	.support-head > .l-3 > .l-3 {
		font-size: 28px;
		font-weight: bold;
		height: 42px;
		padding: 6px 0 0 0;
	}
	
	@media ( max-width:600px ) {

		.support-head > .l-1 {
			float: left;
			margin: 0 0 0 0;
		}	
	
		.support-head > .l-3 {			
			margin-left: 20px;
		}
	
	}		
	
	/* download */
	
	.hc-download {		
		color: #2C3E50;	
		padding: 10px 0 0 0;
	}
	
	
	
	
	
	.hc-download .top {			
		margin: 10px 0;
		padding: 10px 0 40px 0;		
	}	

	.hc-download .top .t {		
		font-weight: bold;
		font-size: 20px;		
	}

	.hc-download .top .download-button > a {		
		padding: 20px 60px;
		font-size: 28px;	
	}

	.hc-download .top .download-button > a > span {		
		display: block;		
		font-size: 18px;	
	}



	.hc-download .middle {			
		margin: 0 0 40px 0;
	}

	.hc-download .middle .td {		
		width: 33.333333%;	
		text-align: center;	
		padding: 30px 30px;
	}

	.hc-download .middle .td > .txt {
		margin: 20px 0 0 0;
		padding: 2px 0 0 60px;
		text-align: left;
		position: relative;
		min-height: 50px;
		
	}

	.hc-download .middle .td > .txt > .no {		
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		border: 1px solid #ccc;
		color: #bbb;
		border-radius: 3px;
		font-size: 30px;
		width: 50px;
		height: 50px;
		padding: 4px 0 0 0;			
	}

	.hc-download .bottom  {		
		max-width: 800px;
		margin: 20px auto;			
	}

	.hc-download .bottom > .table > .td {		
		width: 50%;
				
	}

	.hc-download .border {	
		border-bottom: 3px solid #eee;
		margin: 0 10px 60px 10px;
	}

	@media ( max-width:1100px ) {

		.hc-download .middle .td {			
			padding-left: 20px;
			padding-right: 20px;			
		}

    }	

	@media ( max-width:950px ) {

		.hc-download .middle .td {			
			padding-left: 10px;
			padding-right: 10px;			
		}

    }

	@media ( max-width:800px ) {

		.hc-download .middle .table,	
		.hc-download .middle .table > .td {			
			display: block;
			width: auto;			
		}

		.hc-download .middle .table {			
			max-width: 350px;
			margin-left: auto;
			margin-right: auto;
		}

		.hc-download .bottom > .table,
		.hc-download .bottom > .table > .td {			
			display: block;
			width: auto;
			text-align: center;
		}

		.hc-download .bottom > .table > .td {			
			padding: 10px !IMPORTANT;
		}

    }	
	
	.hc-download .c {			
		padding: 0 10px 20px 10px;
	}	
	
	.hc-download .c > .t {		
		font-weight: bold;	
		padding: 0 0 5px 0;
		font-size: 20px;
	}
	
	/* faq */	
	
    section.faq .etys { 		
		padding: 5px 10px;		
	}	
	
    section.faq .etys > .ety { 		
		background: #fff;
		max-width: 760px;
		margin: 15px auto;
		border-radius: 5px;
		cursor: pointer;
	}

    section.faq .etys > .ety > .title { 		
		padding: 15px 60px  15px 20px;
		font-size: 21px;
		font-weight: bold;
		position: relative;
	}
	
    section.faq .etys > .ety.open > .title { 		
		color: rgb( 255, 56, 0 );
	}		

    section.faq .etys > .ety > .title:before { 
		content: "\f29c";	
		font-family: FontAwesome;
		font-weight: normal;
		padding-right: 10px;
		color: rgb( 255, 56, 0 );
	}

    section.faq .etys > .ety > .title > .close:before { 
		position: absolute;
		right: 20px;
		top: 15px;		
		content: "\f078";	
		font-family: FontAwesome;		
		font-weight: normal;		
		color: #71787D;

	}	
	
    section.faq .etys > .ety > .val {
		display: none;
		margin: 0 20px;
		border-top: 1px solid #E5E5E5;
		color: #71787D;	
		font-size: 17px;
		line-height: 29px;
		padding: 20px 0;
	}	
	
	/* overlay */

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;		
		background: #000000;
		opacity: .7;
		z-index: 10000;		
	}
	
	.overlay-load {		
		background: url( ../media/load.gif ) no-repeat;
		background-size: 60px;
		background-position: center;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;			
		z-index: 10001;		
	}	
	
	.overlay-sub {
		position: fixed;
		top: 88px;
		left: 0;
		right: 0;
		bottom: 0;		
		background: #000000;
		opacity: .7;
		z-index: 5000;		
	}	
	
	.overlay-sub-box {
		position: relative;
		z-index: 5500;		
	}	
	
	/* light box */	
	
	.light-box {	
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;			
		z-index: 10001;		
		overflow-x: hidden;
		overflow-y: auto;		
	}

	.light-box > .content {
		padding: 60px 10px;	
	}	

	.light-box > .content > .inr {	
		position: relative;
		margin: 0 auto;		
		max-width: 820px;		
		background: #ffffff;	
		box-sizing: border-box;	
		padding: 10px;
	}
	
	.light-box > .content > .inr > .t1 {	
		padding-top: 0;
	}	
	
	.light-box .close {		
		position: absolute;
		top: 20px;
		right: 20px;
		font-size: 22px;
		cursor: pointer;
	}

	.light-box .close:hover {
		color: rgb( 255, 56, 0 );
	}

	/* border */
	
	.border_def { 
		width: 100%;
		padding: 10px;
		float: left;
	}	
	
	.border_def > .title { 	
		font-weight: bold;
		padding: 0 0 4px 0;
		font-size: 16px;
	}
	
	.border_def > .inr {			
		font-size: 16px;
		font-family: "Open Sans";
		background: #eee;
		border: 1px solid #eee;
		min-height: 50px;
		padding: 12px 12px;
		color: #555;
		border-radius: 4px;		
	}
	
	/* 404 */	
	
	section.e-404 > .inr {
		padding: 60px 20px 20px 20px;
	}	
	
	section.e-404 > .inr > .cnt {
		max-width: 600px;	
		text-align: center;
		margin: 0 auto;				
	}	
	
	section.e-404 > .inr > .cnt > img {
		max-width:400px;		
	}
	
	section.e-404 > .inr > .cnt > .txt-1 {
		font-size: 50px;
		padding: 20px 0 0 0;
		color: #999;
		font-weight: bold;
		letter-spacing: 3px;
	}
	
	section.e-404 > .inr > .cnt > .txt-2 {
		font-size: 18px;
		padding: 0 0 10px 0;
		color: #999;		
	}		
	
	section.e-404 > .inr > .cnt > label {
		display: inline-block !IMPORTANT;
		float: none;
		margin-bottom: 20px;
	}	
	
	/* anim */	
	
	.anim-show {		 
		opacity: 0;		 
	}

	.viewport.anim-show {
		opacity: 1;
		transition: all 0.3s;
	}	
	
	.anim-slide-right {
		opacity: 0;
		transform: translate3d( -50%, 0px, 0px );		
	}

	.viewport.anim-slide-right {
		opacity: 1;
		transform: translate3d( 0%, 0px, 0px );
		transition: all 1s;
	}
		
	.anim-slide-left {
		opacity: 0;
		transform: translate3d( 50%, 0px, 0px );			
	}

	.viewport.anim-slide-left {
		opacity: 1;
		transform: translate3d( 0%, 0px, 0px );		
		transition: all 1s;
	}			
		
	.anim-zoomin {	
		transform: scale( 0 );				
	}

	.viewport.anim-zoomin {		
		transform: scale( 1 );
		transition: all 1s;
	}
	
	.anim-swing-right {
		opacity: 0;
		transform: translate3d( -400px, 0px, 0px );		
	}

	.viewport.anim-swing-right {
		opacity: 1;
		transform: translate3d( 0px, 0px, 0px );
		transition: all .7s cubic-bezier( .44, .54, .81, 1.31 );
	}	
	
	.anim-swing-left {
		opacity: 0;
		transform: translate3d( 400px, 0px, 0px );		
	}

	.viewport.anim-swing-left {
		opacity: 1;
		transform: translate3d( 0px, 0px, 0px );
		transition: all .7s cubic-bezier( .44, .54, .81, 1.31 );
	}	
		
	.anim-rubber {
		opacity: 0;		
	}

	.viewport.anim-rubber {
		opacity: 1;
		animation-name: rubber;
		animation: rubber .7s linear;
		transition: all .7s;		
	}	
		
	@keyframes rubber {
	
		0% {		
			transform: scale3d(1, 1, 1);
		}

		30% {		
			transform: scale3d(1.25, 0.75, 1);
		}

		40% {		
			transform: scale3d(0.75, 1.25, 1);
		}

		50% {		
			transform: scale3d(1.15, 0.85, 1);
		}

		65% {		
			transform: scale3d(.95, 1.05, 1);
		}

		75% {		
			transform: scale3d(1.05, .95, 1);
		}

		100% {		
			transform: scale3d(1, 1, 1);
		}
	  
	} 
	 
	.anim-run-right-1,		
	.anim-run-right-2,		
	.anim-run-right-3 {		
		color: rgb( 255, 255, 255, .3 );	
	}	 

	.anim-run-right-1 {		
		position: absolute;
		top: 100px;
		animation: anim-run-right-1 50s linear infinite;		
	}	

	@keyframes anim-run-right-1 {
		0% { left: 0%; }
		100% { left: 100%; }		
	}	
	
	.anim-run-right-2 {
		position: absolute; 
		top: 110px;		
		animation: anim-run-right-2 120s linear infinite;			
		font-size: 40px;
	}	

	@keyframes anim-run-right-2 {
		0% { right: 0%; }
		100% { right: 100%; }		
	}	
	
	.anim-run-right-3 {			
		position: absolute;
		top: 155px;		
		animation: anim-run-right-3 90s linear infinite;					
	}	

	@keyframes anim-run-right-3 {
		0% { left: 20%; }
		100% {left: 100%; }		
	}	
			
	#imagelightbox  { border-radius:3px;position:fixed;z-index:99999;-ms-touch-action:none;touch-action:none;box-shadow:0px 0px 11px 0px rgba(0,0,0,0.75); }
				
	.media-con {
		font-size: 0;
		margin: 10px -10px;
	}
	
	.media-con > .item {
		padding: 10px;	
		vertical-align: top;
	}
	
	.media-con > .item > img {
		border-radius: 4px;
		overflow: hidden;
	}
				
	/* */
	
	@media ( min-width:1201px ) {	
	
		.footer-menu > .col > .val {
			display: block !IMPORTANT;
			height: auto !IMPORTANT;
		}
		
	}	
	
	@media ( max-width:1200px ) {	
	
		#footer .footer-menu,	
		#footer .footer-menu > .col {
			display: block;
			width: 100%;
		}		
		
		.footer-menu > .col {
			border-bottom: 1px solid #666;
			padding: 20px 0;
		}	

		.footer-menu > .col > .title {			
			padding: 0 10px;
		}					
		
		.footer-menu > .col > .val {
			display: none;
			padding-left: 20px;
		}	
	
		#footer .line,
		.copyright {
			border-top: 0;		
		}

		.footer-menu > .col:before {
			content: "\f078";
			font-family: FontAwesome;	
			position: absolute;
			right: 10px;
			top: 24px;
			color: #bbb;
			font-size: 20px;
		}	
		
		.menu-main > a.login {
			display: block;			
		}
		
	}	
	
	@media ( min-width:1131px ) {

		.menu-main { 
			display: block !IMPORTANT; 
		}
		
    }		
	
	@media ( max-width:1130px ) {	
		
		.menu-bar { 
			display: block; 
		}

		#top { 
			display:none !IMPORTANT; 
		}

		.info-popup-close.closed {
			right: 70px !IMPORTANT;	
		}

		.menu-main	{
			margin: 0 -20px;
			display: none;
			float: none; 			
			z-index: 7000; 
			position: absolute; 
			top: 70px; 
			left: 0; 
			right: 0; 
			background: #0E1B23; 
			padding: 0; 
			box-shadow: 0 1px 3px 2px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24); 
		}

		.menu-main > .sep { 
			margin: 10px 0; 
			border: none; 
			border-top: 1px solid #666; 			
			display: block; 
			height: 0;  
		}		

		.menu-main > a { 
			margin: 10px 20px !IMPORTANT; 
			display: block !IMPORTANT; 
			text-align: center; 
		}	

		
		
		.menu-main > a.logout > i		{ display: none; }		
		.menu-main > a.logout > span	{ display: block; }		
		
		#header	> .inr > .bottom > .logo { 
			margin-top: 15px; 
		}

		#header	> .inr > .bottom > .logo > img { 
			height: 49px; 
		}			
			
	}	
	
	@media ( max-width:999px ) {

		.price-info,
		.price-info > .faq,
		.price-info > .info {				
			display: block;	
			width: 100%;
		}
		
    }

	@media ( max-width:950px ) {

		.m950_w100 { 
			width:100%; 
		}
	
	}

	@media ( max-width:900px ) {

		section.price-list > .inr > .comment > .ety {				
			width: 100%;			
		}			
	
		.blog-list-etys > .ety {
			width: 50%;
		}	

		.m900_w50 { 
			width: 50%; 
		}

		.m900_w100 { 
			width: 100% !IMPORTANT; 
		}	

		.m900_db { 
			display: block !IMPORTANT; 
		}

		.hc-download .l {
			padding: 10px;
		}	

		.hc-download .r {
			padding: 0 0 0 0;
		}		
		
    }

	@media ( max-width:800px ) {
		
		section.blog-single > .inr > .ety .author > .inr {			
			padding: 0;
			text-align: center;
		}		
		
		section.blog-single > .inr > .ety .author .img {
			position: static;
			display: inline-block;	
			vertical-align: middle;
			margin-right: 20px;
		}	
		
		section.blog-single > .inr > .ety .author .name {	
			display: inline-block;	
			vertical-align: middle;
			padding: 10px 0 0 0;
		}		
			
		section.blog-single > .inr > .ety .author .description {	
			padding: 20px 0 0 0;
			text-align: left;
		}	

		.m800_w100 { 
			width: 100% !IMPORTANT; 
		}

		.m800_db { 
			display: block !IMPORTANT; 
		}		

	}

	@media ( max-width:640px ) {
		
		.m640_w100 { 
			width: 100%; 
		}     

		.m640_pdl-10 { 
			padding-left: 10px; 
		}	
		
		section.blog-single > .inr > .ety .facebook,
		section.blog-single > .inr > .ety .twitter {
			width: 100%;
		}
		
		.blog-list-etys > .ety >  .inr .title {	
			height: 110px;
		}	

		#footer .join > .title {
			font-size: 28px;	
		}		

    }

	@media ( max-width:600px ) {

		.blog-list-etys > .ety {
			width: 100%;
		} 

		body { 		
			font-size: 14px; 	
		}		
		
		h1, .l1-t, .t1 { 
			font-size: 22px !IMPORTANT; 
		}	

		h2 {
			font-size: 24px !IMPORTANT;
			line-height: 30px !IMPORTANT;
		}
		
		section.blog-single > .inr > .ety .txt {
			font-size: 14px;
			line-height: 20px;
		}			
	
		.t2 { 
			font-size: 15px; 
		}

    }
	
	@media ( max-width:560px ) {

		.m560_w100 { 
			width:100%; 
		}
	
	}		
	
	/* directory - ety */	

	.directory .directory-etys {
		font-size: 0;				
	}

	.directory .directory-etys > .ety {
		display: inline-block;
		font-size: 14px;
		width: 50%;
		padding: 10px;
		vertical-align: top;
		text-align: center;
	}

	.directory .directory-etys > .ety > .inr {
		background: #fff;
		box-shadow: 0 0 18px 0 rgba( 0, 0, 0, .15 );	
	}	
	
	
	.directory .directory-etys > .ety > .inr > .img {
		font-size: 0;
	}		
	
	.directory .directory-etys > .ety > .inr > .img:before {
		content: "";
		display: block;
		padding-top: 51%; 
		width: 0;		
	}			
	
	.directory .directory-etys > .ety > .inr > .img img {	
		display: none;
	}	
	
	.directory .directory-etys > .ety > .inr > .title-sub {
		padding: 5px;		
		font-size: 14px;
		line-height: 22px;
		font-weight: bold;
	}		
	
	.directory .directory-etys > .ety > .inr > .title {
		padding: 5px;		
		font-size: 22px;
		line-height: 26px;
		font-weight: bold;
		color: rgb( 12, 170, 232 );
		display: block;
		text-decoration: none;
	}		
	
	.directory .directory-etys > .ety > .inr > .txt {
		padding: 5px;
		color: #666;
		font-size: 13px;
		line-height: 22px;
		height: 113px;
		overflow: hidden;
	}

	.directory .directory-etys > .ety > .inr > .bottom {
		background: rgb( 12, 170, 232 );
		padding: 10px;
		color: rgb( 255, 255, 255 );	
		font-size: 15px;
		text-transform: uppercase;
		display: block;
		text-decoration: none;
		font-weight: bold;
		border: 2px solid rgb( 12, 170, 232 );	
		transition: all .5s;
	}

	.directory .directory-etys > .ety > .inr > .bottom:hover {
		background: rgb( 255, 255, 255 );	
		color: rgb( 12, 170, 232 );	
	}	
	
	@media ( max-width:660px ) {

		.directory .directory-etys > .ety {
			width: 100%;
		}

    }		
	
	/* directory - index - top */	
	
	.directory-index section.top {
		
	}		
	
	.directory-index section.top > .inr {
		padding: 30px 20px;		
	}		
	
	.directory-index section.top .t-1 {
		font-size: 32px;
		font-weight: bold;
		color: #2C3E50;		
		text-align: center;		
	}		
		
	.directory-index section.top .t-2 {
		color: #2B2B2B;
		text-align: center;
		font-size: 24px;
		padding: 0 20px 30px 20px;			
	}	
	
	.directory-index section.top .t-3 {
		font-family: 'Open Sans';
		color: rgb( 68, 68, 68 );
		font-size: 19px;
		line-height: 30px;		
		text-align: center;		
	}	
	
	/* directory - index - cats */	
	
	.directory-index section.cats {
		background: rgb( 12, 170, 232 );
		color: #fff;
	}	
	
	.directory-index section.cats > .inr {
		padding: 40px 20px;		
	}		
	
	.directory-index section.cats .t-1 {
		font-size: 32px;
		font-weight: bold;
		color: #2C3E50;		
		text-align: center;	
		padding: 0 0 30px 0;
		color: #fff;
	}		
	
	.directory-index section.cats .etys {
		padding: 5px;		
	}
	
	.directory-index section.cats .etys > .ety {
		float: left;
		color: #fff;
		width: 25%;
		font-size: 18px;
		padding: 5px;
		text-transform: uppercase;
	}
	
	.directory-index section.cats .etys > .ety.active,	
	.directory-index section.cats .etys > .ety:hover {
		text-decoration: underline;
	}

	@media ( max-width:1190px ) {

		.directory-index section.cats .etys > .ety {
			width: 33.333333333% !IMPORTANT;			
		}

    }
	
	@media ( max-width:960px ) {

		.directory-index section.cats .etys > .ety {
			width: 50% !IMPORTANT;			
		}

    }	
	
	@media ( max-width:690px ) {

		.directory-index section.cats .etys > .ety {
			width: 100% !IMPORTANT;
			text-align: center;
		}

    }	

	/* directory - index - item */	

	.directory-index section.item-list .l1-t {
		padding: 30px 20px;		
	}

	.directory-index section.item-list > .inr > .ety > a > .inr > .new {
		display: none;
	}	
	
	/* directory - index - box 2 */	
	
	.directory-index section.box-2 {
		background: rgb( 12, 170, 232 );
		color: #fff;
	}	
	
	.directory-index section.box-2 > .inr {
		padding: 40px 10px;		
	}		
	
	.directory-index section.box-2 .t-1 {
		font-size: 32px;
		font-weight: bold;
		color: #2C3E50;		
		text-align: center;	
		padding: 0 0 30px 0;
		color: #fff;
	}		

	.directory-index section.box-2 > .inr > .table > .td {
		padding: 10px;
	}		
	
	@media ( max-width:660px ) {

		.directory-index section.box-2 > .inr > .table,
		.directory-index section.box-2 > .inr > .table > .td {
			display: block;
			text-align: center;				
		}

    }		
		
	/* directory - cat */	
	
	.directory-cat section.main > .inr > .table > .left > .inr {
		padding: 20px 0 0 0;
	}	
	
	.directory-cat section.main > .inr > .table > .left .t-1 {
		font-size: 32px;
		font-weight: bold;
		color: #2C3E50;		
		text-align: center;		
	}		
		
	.directory-cat section.main > .inr > .table > .left .t-2 {
		color: #2B2B2B;
		text-align: center;
		font-size: 24px;
		padding: 0 20px 30px 20px;			
	}		
	
	.directory-cat section.main > .inr > .table > .left .t-3 {
		font-family: 'Open Sans';
		color: rgb( 68, 68, 68 );
		font-size: 19px;
		line-height: 30px;		
		text-align: justify;
		padding: 0 10px 20px 10px;		
	}	
	
	.directory-cat section.main > .inr > .table > .left .t-3 h3 {
		color: #2B2B2B;		
		font-size: 24px;
		padding: 20px 0;
	}	
		
	
	.directory-cat section.main > .inr > .table > .right {
		width: 370px;	
	}		
	
	.directory-cat section.main > .inr > .table > .right > .inr {		
		padding: 20px 10px 10px 10px;
	}		
	
	.directory-cat section.main > .inr > .table > .right > .inr > .cats {		
		background: rgb( 12, 170, 232 );
		color: #fff;
		padding: 10px;
	}		
	
	.directory-cat section.main > .inr > .table > .right > .inr > .cats .etys {
		padding: 5px;		
	}
	
	.directory-cat section.main > .inr > .table > .right > .inr > .cats .etys > .ety {
		float: left;
		color: #fff;
		width: 100% !IMPORTANT;
		font-size: 18px;
		padding: 5px;
		text-transform: uppercase;			
	}
	
	.directory-cat section.main > .inr > .table > .right > .inr > .cats .etys > .ety.active,	
	.directory-cat section.main > .inr > .table > .right > .inr > .cats .etys > .ety:hover {
		text-decoration: underline;
	}	
	
	
	@media ( max-width:960px ) {

		.directory-cat section.main > .inr > .table,	
		.directory-cat section.main > .inr > .table > .left,	
		.directory-cat section.main > .inr > .table > .right {
			display: block;	
			width: 100%;			
		} 

    }

	@media ( max-width:960px ) {

		.directory-cat section.main > .inr > .table > .right > .inr > .cats .etys > .ety {
			width: 50% !IMPORTANT;			
		}

    }	
	
	@media ( max-width:690px ) {

		.directory-cat section.main > .inr > .table > .right > .inr > .cats .etys > .ety {
			width: 100% !IMPORTANT;
			text-align: center;
		}

    }		
		
	/* directory - single */	
	
	.directory-single section.item-list > .inr > .ety > a > .inr > .new {
		display: none;
	}	
	
	.directory-single section.main > .inr > .table > .left > .inr {
		padding: 20px 0 0 0;
	}	
	
	.directory-single section.main > .inr > .table > .left .t-1 {
		font-size: 32px;
		font-weight: bold;
		color: #2C3E50;		
		text-align: center;
		padding: 0 20px 10px 20px;		
	}		
		
	.directory-single section.main > .inr > .table > .left .t-2 {
		color: #2B2B2B;
		text-align: center;
		font-size: 24px;
		padding: 20px 20px 10px 10px;			
	}		
	
	.directory-single section.main > .inr > .table > .left .t-3 {
		font-family: 'Open Sans';
		color: rgb( 68, 68, 68 );
		font-size: 19px;
		line-height: 30px;		
		text-align: justify;
		padding: 0 10px 20px 10px;		
	}

	.directory-single section.main > .inr > .table > .left .data {
		display: table;
		width: 100%;
	}

	.directory-single section.main > .inr > .table > .left .data > .inr {
		display: table-cell;
		width: 33.33333333%;
	}

	.directory-single section.main > .inr > .table > .left .t-4 {			
		font-family: 'Open Sans';		
		font-size: 14px;			
		text-align: center;
		padding: 10px 10px 0 10px;		
	}

	.directory-single section.main > .inr > .table > .left .t-5 {
		font-family: 'Open Sans';		
		font-size: 19px;				
		text-align: center;
		padding: 5px 20px 10px 20px;
		display: block;
	}		
	
	.directory-single section.main > .inr > .table > .left .t-6 {
		font-size: 32px;
		font-weight: bold;
		color: #2C3E50;		
		text-align: center;
		padding: 0 20px 30px 20px;		
	}	
	
	.directory-single section.main > .inr > .table > .left > .inr > .img {
		background: #fff;		
		font-size: 0;
		margin: 0 10px 10px 10px;
		text-align: center;		
	}
	
	
	.directory-single section.main > .inr > .table > .left > .inr > .img:before {
		content: "";
		display: block;
		padding-top: 50%; 
		width: 0;		
	}		
	
	.directory-single section.main > .inr > .table > .left > .inr > .img > img {
		display: none;
	}	
	

	.directory-single section.main > .inr > .table > .left .button-1,
	.directory-single section.main > .inr > .table > .left .button-2 {
		float: left;
		width: 50%;
		padding: 10px;		
	}
	
	.directory-single section.main > .inr > .table > .left .button-1 > a,
	.directory-single section.main > .inr > .table > .left .button-2 > a {
		font-weight: bold;
		display: block;
		text-transform: uppercase;
		font-size: 16px;
		padding: 10px 10px;
		text-align: center;
		background: rgb( 12, 170, 232 );
		border: 2px solid rgb( 12, 170, 232 );
		color: #fff;
		transition: all .5s;
	}

	.directory-single section.main > .inr > .table > .left .disclaimer {		
		font-size: 12px;
		color: #aaa;
		padding: 10px 10px 0 10px;
		text-align: center;
	}

	.directory-single section.main > .inr > .table > .left .button-2 > a {
		background: rgb( 255, 56, 0 );
		border: 2px solid rgb( 255, 56, 0 );
	}	
	
	.directory-single section.main > .inr > .table > .left .button-1 > a:hover {	
		background: rgb( 255, 255, 255 );
		color: rgb( 12, 170, 232 );
	}
	
	.directory-single section.main > .inr > .table > .left .button-2 > a:hover {
		background: rgb( 255, 255, 255 );
		color: rgb( 255, 56, 0 );
	}	
	
	.directory-single section.main > .inr > .table > .right {
		width: 370px;	
	}		
	
	.directory-single section.main > .inr > .table > .right > .inr {		
		padding: 20px 10px 10px 10px;
	}		
	
	.directory-single section.main > .inr > .table > .right > .inr > .cats {		
		background: rgb( 12, 170, 232 );
		color: #fff;
		padding: 10px;
	}		
	
	.directory-single section.main > .inr > .table > .right > .inr > .cats .etys {
		padding: 5px;		
	}
	
	.directory-single section.main > .inr > .table > .right > .inr > .cats .etys > .ety {
		float: left;
		color: #fff;
		width: 100% !IMPORTANT;
		font-size: 18px;
		padding: 5px;
		text-transform: uppercase;			
	}
	
	.directory-single section.main > .inr > .table > .right > .inr > .cats .etys > .ety.active,	
	.directory-single section.main > .inr > .table > .right > .inr > .cats .etys > .ety:hover {
		text-decoration: underline;
	}	
		
	/* custom coding */	
		
	.button.custom-coding {		
		margin-top: 20px;
		display: block;
		float: right;
		background: #26AB36;
		border-radius: 3px;
		padding: 6px 10px;
		color: #fff;
		font-size: 28px;
		font-weight: bold;
		transition: all .3s;
		font-family: 'Source Sans Pro';	
		margin: 0 10px 10px 10px;
	}	
	
	.button.custom-coding:hover {
		background: #0E1B23;
	}
	
	/* info - popup */	
	
	section.info-popup {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99999;
		background: #26AB36;	
		overflow: hidden;
		height: 0;
	}
	
	div.info-popup {
		height: 0;
	}		
	
	.info-popup-ph {
		background: #26AB36;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}	
	
	.info-popup-close {
		z-index: 999999;
		position: fixed;
		top: 0;
		right: 20px;
		width: 30px;
		height: 30px;
		border-radius: 0px 0px 4px 4px;		
		background: #26AB36;
		color: #fff;
		padding: 5px 0 0 6px;
		cursor: pointer;		
	}	

	.info-popup-close:before {
		content: "\f062";
		font-family:  FontAwesome;
		font-size: 18px;
	}

	.info-popup-close.closed:before {
		content: "\f063";
	}	
	
	section.info-popup > .inr {
		text-align: center;		
		padding: 10px 20px;
		
	}
	
	section.info-popup > .inr > a {		
		display: block;
		color: #fff;
		text-decoration: none;		
	}

	section.info-popup > .inr button {		
		background: rgb( 255, 56, 0 );
		color: #fff;
		text-decoration: none;
		border: 0;
		padding: 5px 10px;
		border-radius: 3px;		
		font-size: 18px;
		display: inline-block;
		margin: 0 10px;
		vertical-align: middle;
		font-weight: bold;
	}

	/* button 1 */

	.button-b1 {		
		margin: 0 auto;
		padding: 10px;
		text-align: center;
		font-size: 0;
	}
	
	.button-b1 > a {
		display: inline-block;		
		border-radius: 3px;
		padding: 6px 10px;
		color: #fff;
		font-size: 28px;
		font-weight: bold;
		transition: all .3s;
		font-family: "Source Sans Pro";		
	}

	.button-b1 > a:hover {
		opacity: .8;
	}

	/* items 1 */
	
	.items-1 {				
		display: flex;
		flex-wrap: wrap;
	}
	
	.items-1 > * {		
		padding: 10px 20px;
		line-height: 30px;
		font-size: 20px;
		width: 26%;
		flex-grow: 1;
		margin: 10px;
	}	
	
	.items-1 > * > .title {		
		padding: 0 0 10px 0;
		font-size: 30px;
		line-height: 40px;		
	}	
		
	@media ( max-width:880px ) {

		.items-1 > * {		
			width: 34%;
		}	
		
    }	
	
	@media ( max-width:700px ) {

		.items-1 > * {		
			width: 51%;
		}	
		
    }		
	
	/* image comparer */
	
	.img-comparer {		
		padding: 10px;		
	}	
	
	.img-comparer .inr {		
		position: relative;
		overflow: hidden;
		max-height: 750px;
	}	
	
	.img-comparer .img-1,
	.img-comparer .img-2 {		
		display: block;
		width: 100%;
		user-select: none;
	}
	
	.img-comparer .img-1 {			
		display: none;
	}
	
	.img-comparer .img-1-con {	
		position: absolute;	
		top: 0;
		bottom: 0;
		left: 0;		
		height: 100%;
		background-size: auto 100%;			
	}
	
	.img-comparer .img-slider {		
		position: absolute;	
		top: 0;
		bottom: 0;
		right: 0;		
		width: 0;
		height: 100%;
		cursor: col-resize;
	}

	.img-comparer .img-slider .arrow {	
		width: 50px;
		height: 50px;
		border-radius: 50%;
		border: 3px solid #fff;
		position: absolute;	
		left: -25px;
		top: 50%;
		margin-top: -25px;
		background: rgb( 0, 0, 0, .5 );
	}
	
	.img-comparer .img-slider .arrow:before,
	.img-comparer .img-slider .arrow:after {
		position: absolute;			
		top: 6px;			
		font-family: FontAwesome;
		color: #fff;
		font-size: 26px;
		left: 7px;					
		content: "\f0d9";		
	}	
	
	.img-comparer .img-slider .arrow:after {		
		left: auto;	
		right: 7px;				
		content: "\f0da";
	}
	
	.img-comparer .img-slider:before,		
	.img-comparer .img-slider:after {
		content: " ";
		position: absolute;	
		left: -1px;				   
		display: block;
		background: #fff;
		width: 2px;
		height: 100%;
		margin-bottom: 25px;
		bottom: 50%; 		
	}	

	.img-comparer .img-slider:after {			
		margin-top: 25px;
		top: 50%;  		
	}	
		
	.img-comparer .txt-before,		
	.img-comparer .txt-after {		
		position: absolute;
		top: 50%;
		left: 20px;
		background: rgb( 0, 0, 0, .6 );
		padding: 7px 10px;
		border-radius: 5px;
		color: #fff;
		user-select: none;
		margin-top: -18px;
		white-space: nowrap;
	}		
	
	.img-comparer .txt-after {		
		position: absolute;
		top: 50%;
		right: 20px;
		left: auto;		
	}	
	
	@media ( max-width:460px ) {

		.img-comparer .txt-before {		
			margin-top: 38px;
		}	
		
		.img-comparer .txt-after {		
			margin-top: -70px;	
		}
		
    }
	
	/* */
	
	@media ( max-width:1300px ) {

		section.info-popup > .inr {
			padding-right: 60px;
			
		}	
		
    }
		
	@media ( max-width:960px ) {

		.directory-single section.main > .inr > .table,	
		.directory-single section.main > .inr > .table > .left,	
		.directory-single section.main > .inr > .table > .right {
			display: block;	
			width: 100%;			
		} 
		
    }	
	
	@media ( max-width:600px ) {

		.directory-single section.main > .inr > .table > .left .button-1,
		.directory-single section.main > .inr > .table > .left .button-2 {			
			width: 100%;						
		}

    }	
	
	@media ( max-width:960px ) {

		.directory-single section.main > .inr > .table > .right > .inr > .cats .etys > .ety {
			width: 50% !IMPORTANT;			
		}

    }	
	
	@media ( max-width:690px ) {

		.directory-single section.main > .inr > .table > .right > .inr > .cats .etys > .ety {
			width: 100% !IMPORTANT;
			text-align: center;
		}

    }
	
	@media ( max-width:600px ) {

		.directory-single section.main > .inr > .table > .left .data,
		.directory-single section.main > .inr > .table > .left .data > .inr {
			display: block;
			width: 100%;
		}

    }