html {
  font-size: 14px;
		color:#fff;
}
html {
  position: relative;
  min-height: 100%;
}
body {
		margin:0;
		padding:0;
  font-family: 'Roboto', cursive;
		background-image:url(img/bg.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		color:#fff;
		min-width:1000px;
  width: auto !important;
  width:1000px;  
}
a:link {
		color: #337ab7;
		text-decoration: none !important;
}
a:visited {
		color: #337ab7;
}
a:hover {
		color: #337ab7;
}
a:focus{
		outline:none;
}
.header{
		padding:50px;
		position:relative;
		overflow:hidden;
		min-height:225px;
}
.hdr-icon-wrapper{
		position:absolute;
		right:55px;
		top:30px;
		background: linear-gradient(335deg, rgba(255,255,255,.1) 33%, rgba(255,255,255,.01) 61%);
		width:275px;
		border-radius:5px;
		border:solid 1px rgba(120,120,120,.005);
		border-top:none;
		padding:8px;
}
.hdr-title{
		font-family: 'Dancing Script', cursive;
		font-size:60px;
}
.hdr-subtitle{
		padding-top:10px;
		font-size:26px;
		font-weight:normal;
		font-style:italic;
		width:65%;
		text-align:justify;
}
.section{
		border:solid 1px rgba(255,255,255,.3);
		width:91%;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		border-radius:5px;
		padding:20px;
		color:#fff;
		text-align:center;
}
.shadow{
		box-shadow: 0 4px 30px rgba(255,255,255,0.6);
}
.glass{
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		box-shadow: 0 4px 30px rgba(255,255,255,0.6);
}
.template-td-title{
		padding-top:20px;
		color:#fff;
		text-align:center;
		font-size:18px;
		font-style:italic;
		font-weight:bold;
		letter-spacing:1px;
		padding-bottom:6px;
		display:inline-block;
		border-bottom:solid 1px rgba(255,255,255,.2);
}
.template-td-ico-panel{
		min-height:282px;
		max-height:282px;
		position:relative;
		margin-top:25px;
		border-radius:5px;
		overflow:hidden;
		border:solid 1px rgba(255,255,255,.5);
}
.ptemplate-td-ico-panel{
		min-height:282px;
		max-height:282px;
		position:relative;
		border-radius:5px;
		overflow:hidden;
		border:solid 2px rgba(255,255,255,1);
}
.filter{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background: linear-gradient(335deg, rgba(255,255,255,.2) 33%, rgba(0,0,0,.2) 61%);		
}
.td-rline{
		border-right:solid 1px rgba(255,255,255,.2);
}
.relative{
		position:relative;
}
.va-top{
		vertical-align:top;
}
.w-450px{
		width:450px
}
.w-100{
		width:100%;
}
.table{
		display:table;
}
.tr{
		display:table-row;
}
.td{
		display:table-cell;
}
.p-10{
		padding:10px;
}
.p-20{
		padding:20px;
}
.pt-20{
		padding-top:20px !important;
}
.pt-50{
		padding-top:50px;
}
.pb-30{
		padding-bottom:30px;
}
.pr-20{
		padding-right:20px;
}
.pl-6{
		padding-left:6px;
}
.pl-20{
		padding-left:30px;
}
.mt-10{
		margin-top:10px;
}
.mt-40{
		margin-top:40px;
}
.td-ul{
		list-style:circle;
		margin:0;
		padding:0;
		margin-top:10px;
		margin-left:20px;
}
.td-ul li {
		text-align:left;
		font-weight:normal;
		font-style:italic;
		font-size:19px;
		padding:10px;
}
.left{
		text-align:left;
}
.template-td-description {
		font-weight:normal;
		font-style:italic;
		font-size:19px;
		padding:15px;
		padding-bottom:0px;
		text-align:left;
		border:solid 1px rgba(255,255,255,.2);
		border-left:none;
		border-radius:5px;
		margin-top:30px;
		background:linear-gradient(335deg, rgba(0,0,0,.04) 43%, rgba(0,0,0,.5) 51%);	
		min-height:260px;
		padding-top:25px;
		margin-top:45px;
}
.td-sub-title{
		text-align:left;
		text-transform:uppercase;
		font-weight:normal;
		margin-top:19px;
		padding-bottom:6px;
		color:rgba(255,255,255,.5);
}
.features-div{
		min-height:300px;
		margin-top:55px;
		text-align:left;
		padding:20px;
		padding-top:10px;
		background:rgba(0,0,0,.5);
		border-radius:5px;
		background: linear-gradient(85deg, rgba(255,255,255,.04) 24%, rgba(0,0,0,.5) 82%);
border:solid 1px rgba(255,255,255,.2);
		border-left:none;
}
.features-title{
		font-size:17px;
		color:#fff;
		padding-bottom:6px;
		padding-top:20px;
		text-transform:uppercase;
		border-bottom:solid 1px rgba(255,255,255,.2);
		display:inline-block;
}
.rline{
		border-right:solid 1px rgba(255,255,255,.4);
}
.td-buttons{
		position:relative;
		padding-top:10px;
}
.price{
		position:absolute;
		right:10px;
		top:0px;
		font-family: 'Dancing Script', cursive;
		font-size:30px;
}
.btn{
		padding:8px;
		background:rgba(255,255,255,.2);
		padding-left:15px;
		padding-right:15px;
		border-radius:5px;
		cursor:pointer;
		margin-right:5px;
		color:#fff !important;
		letter-spacing:1px;
		border:solid 1px rgba(255,255,255,.4);
}
.btn:hover{
		box-shadow: 0 4px 30px rgba(255,255,255,0.6);
		color:#fff;
}
.footer{
		margin-top:20px;
		background:rgba(0,0,0,.2);
		-webkit-clip-path: polygon(0 0, 100% 0%, 100% 41%, 0 20%);
		clip-path: polygon(0 0, 100% 0%, 100% 41%, 0 20%);
		height:160px;
}
.footer:hover{
		background:rgba(0,0,0,.3);
}
.legal{

}
.legal a{
		color:#fff;
		text-decoration:none;
		font-style:italic;
		margin-left:10px;
		margin-right:10px;
		letter-spacing:1px;
		padding:6px;
		padding-left:15px;
		padding-right:15px;
		border-radius:5px;
		border:solid 1px transparent;
		
}
.legal a:hover{
		border:solid 1px rgba(255,255,255,.2);		
}
.legal-container{
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		padding:30px;
		color:#333;
		background:#fff;
}
.legal-header{
		font-size:30px;
		display:inline-block;
		border-bottom:solid 1px #555;
		padding-bottom:6px;
}
.uppercase{
		text-transform:uppercase;
}
.bold{
		font-weight:bold;
}
.legal-div{
		padding-top:20px;
		padding-bottom:30px;
		font-size:17px;
}
.pheader{
		padding:30px;
		position:relative;
}
.phdr-title{
		font-family: 'Dancing Script', cursive;
		font-size:40px;
		padding-left:20px;
}
.hbutton{
		position:absolute;
		right:45px;
		top:45px;
		display:inline-block;
}
.ptemplate-title{
		color:#fff;
		text-align:left;
		font-size:24px;
		font-style:italic;
		font-weight:bold;
		letter-spacing:1px;
		padding-bottom:6px;
		display:inline-block;
		border-bottom:solid 1px rgba(255,255,255,.2);
}
.ptemplate-td-description {
		font-weight:normal;
		font-style:italic;
		font-size:19px;
		padding:15px;
		padding-bottom:5px;
		text-align:left;
		border:solid 1px rgba(255,255,255,.2);
		border-left:none;
		border-radius:5px;
		background:linear-gradient(335deg, rgba(0,0,0,.04) 43%, rgba(0,0,0,.2) 51%);	
		line-height:34px;
}
.eula{
		cursor:pointer;
		border:solid 1px transparent;
		padding:8px;
		padding-bottom:4px;
		border-radius:5px;
		margin-top:20px;
}
.eula:hover{
		border:solid 1px rgba(255,255,255,.5);
}
.pprice{
		position:absolute;
		right:10px;
		top:0px;
		font-family: 'Dancing Script', cursive;
		font-size:30px;
}
.pdescription{
		color:#fff;
		padding:15px;
		margin-top:20px;
		font-size:21px;
		font-weight:normal;
		font-style:italic;
		border-radius:5px;
		border:solid 1px rgba(255,255,255,.2);
		background:linear-gradient(335deg, rgba(0,0,0,.02) 43%, rgba(0,0,0,.4) 51%);
		line-height:29px;
}
.pabout{
		text-align:justify;
		font-size:25px;
		padding:15px;
}
.lul li{
		line-height:30px;
}
.underline{
		text-decoration:underline;
		text-underline-offset:3px;
}
.ul-num{
		list-style:number;
}
.p-table{
		width:100%;
		color:#fff;
		border-collapse: collapse;
		border-radius:5px;
		background:linear-gradient(335deg, rgba(255,255,255,.2) 43%, rgba(255,255,255,.25) 51%);
		margin-top:20px;
}
.p-table td{
		padding:6px;
		text-align:center;
		width:33%;
		height:30px;
}
.center{
		text-align:center;
}
.p-td1{
		text-align:left !important;
		width:30%;
		border-right:solid 1px rgba(255,255,255,.2);
		letter-spacing:1px;
		font-style:italic;
		padding-left:20px !important;
}
.p-td2{
		border-right:solid 1px rgba(255,255,255,.2);
		text-align:center;
}
.p-td3{
		text-align:center;
		letter-spacing:1px;
}
.ltitle{
		padding:12px;
		text-transform:uppercase;
		background:rgba(0,0,0,.4);
		border-radius:5px;
}
.lprice{
		margin-top:15px;
		font-weight:bold;
		font-size:19px;
		border-radius:5px;
		padding:8px;
		background:rgba(0,0,0,.3);
		width:100px;
		margin-left:auto;
		margin-right:auto;
}
.ft-icon{
		margin-left:2px;
		margin-right:2px;
		color:#fff;
		cursor:pointer;
		width:30px;
		height:30px;
}
.ft-icon a {
		color:#fff !important;
}
.ft-icons{
		padding-bottom:30px;
		text-align:center;
		color:#fff;
}