@charset "utf-8";



/* css reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* button effect reset for mac IOS version */
input[type="button"]{
	appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
}

input[type="submit"], select{
	appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
}

button{
	appearance:none;
	-o-appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;	
}



a{
	text-decoration:none;	
}

.clear{
	display:block;
	width:100%;
	overflow:hidden;	
}


div,select,input,textarea,span,b,i,a,button,td,th,tr,span,b,ul,li{
	box-sizing:border-box;	
	-moz-box-sizing:border-box;	
	-ms-box-sizing:border-box;	
	-o-box-sizing:border-box;	
	-webkit-box-sizing:border-box;	
}

/* css reset */





input.input-field,
select.input-field{
	padding:10px 10px;
	border:1px solid #44455d;
	color:#fff;
	background:none;
	width:100%;
	border-radius: 3px ;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;	
}

input.input-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #66678b;
}
input.input-field::-moz-placeholder { /* Firefox 19+ */
  color: #66678b;
}
input.input-field:-ms-input-placeholder { /* IE 10+ */
  color: #66678b;
}
input.input-field:-moz-placeholder { /* Firefox 18- */
  color: #66678b;
}

textarea.input-field{
	padding:10px 10px;
	border:1px solid #44455d;
	color:#fff;
	background:none;
	width:100%;
	border-radius: 3px ;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;	
	font-family:"Lato-Light";
	resize:none;
	height:100px;	
}


.left{
	float:left;	
}

.right{
	float:right;	
}






/* font css */

@font-face {
	font-family: 'Lato-Black';
	src: url('../fonts/Lato-Black.eot');
	src: url('../fonts/Lato-Black.woff2') format('woff2'),
		 url('../fonts/Lato-Black.woff') format('woff'),
		 url('../fonts/Lato-Black.ttf') format('truetype'),
		 url('../fonts/Lato-Black.svg#Gotham-Regular') format('svg'),
		 url('../fonts/Lato-Black.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Regular';
	src: url('../fonts/Lato-Regular.eot');
	src: url('../fonts/Lato-Regular.woff2') format('woff2'),
		 url('../fonts/Lato-Regular.woff') format('woff'),
		 url('../fonts/Lato-Regular.ttf') format('truetype'),
		 url('../fonts/Lato-Regular.svg#Gotham-Medium') format('svg'),
		 url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Light';
	src: url('../fonts/Lato-Light.eot');
	src: url('../fonts/Lato-Light.woff2') format('woff2'),
		 url('../fonts/Lato-Light.woff') format('woff'),
		 url('../fonts/Lato-Light.ttf') format('truetype'),
		 url('../fonts/Lato-Light.svg#Gotham-Medium') format('svg'),
		 url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Lato-Bold';
	src: url('../fonts/Lato-Bold.eot');
	src: url('../fonts/Lato-Bold.woff2') format('woff2'),
		 url('../fonts/Lato-Bold.woff') format('woff'),
		 url('../fonts/Lato-Bold.ttf') format('truetype'),
		 url('../fonts/Lato-Bold.svg#Gotham-Bold') format('svg'),
		 url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}


body{
	margin:0 auto;
	font-family:"Lato-Regular";	
	font-size:10pt;
	line-height:14pt;
	overflow-x:hidden;
}





/*font css */














/*main css*/

.main-right{
	position:fixed;
	top:0;
	right:0;
	width:250px;
	height:100vh;	
	
	transition:all ease 0.5s;
	-moz-transition:all ease 0.5s;
	-ms-transition:all ease 0.5s;
	-o-transition:all ease 0.5s;
	-webkit-transition:all ease 0.5s;
}

.main-right .mobile-trigger{
	background:#ed3657;
	position:absolute;
	left:-40px;
	top:50px;
	width:40px;
	height:40px;	
	text-align:center;
	line-height:40px;
	cursor:pointer;
	
	display:none;
}

.main-right .mobile-trigger:hover{
	background:#000;	
}

.main-right .mobile-trigger i{
	color:#fff;	
	font-size:15pt;
	line-height:40px;
}


.main-right .navigation-list{
	display:block;
	position:relative;
	height:70vh;
	overflow:hidden;
	overflow-y:auto;
	background:#fbfaf8;
	padding:50px 30px 30px;	
}

.main-right .footer{
	background:#ebebeb;
	height:30vh;
	padding:30px 30px;	
}

.main-right .navigation-list .logo{
	width:100%;	
	position:relative;
	padding-bottom:50px;
	display:block;
}

.main-right .navigation-list .logo:before{
	content:"tipster";
	position:absolute;
	top:-10px;
	right:0;
	font-size:12pt;
	color:#2bb7ad;
	text-transform:uppercase;	
}

.main-right .navigation-list .logo img{
	display:block;
	width:100%;	
}

.main-right .navigation-list a.signin{
	display:block;
	text-align:center;
	width:100%;
	padding:10px 10px;
	border:1px solid #ed3657;
	color:#ed3657;
	margin-bottom:20px;
	text-transform:uppercase;
}

.main-right .navigation-list a.signin:hover{
	border:1px solid #000;
	background:#000;	
	color:#fff;
}

.main-right .navigation-list a.joinus{
	display:block;
	text-align:center;
	width:100%;
	padding:10px 10px;
	border:1px solid #ed3657;
	color:#fff;
	background:#ed3657;
	margin-bottom:20px;
	text-transform:uppercase;
}

.main-right .navigation-list a.joinus:hover{
	border:1px solid #000;
	background:#000;	
	color:#fff;	
}

.main-right .navigation-list ul{
	width:100%;	
	padding-top:20px;
}

.main-right .navigation-list ul li{
	display:block;
	margin-bottom:10px;	
}

.main-right .navigation-list ul li a{
	display:block;
	color:#000;
	text-transform:uppercase;
	font-family:"Lato-Bold";
	font-size:12pt;	
}


.main-right .navigation-list ul li a:hover{
	color:#ed3657;	
}


.footer ul.social-list{
	width:100%;	
}

.footer ul.social-list li{
	display:inline-block;
	vertical-align:middle;
	margin:5px 5px;	
}

.footer ul.social-list li:first-child{
	margin-left:0;	
}

.footer ul.social-list li:last-child{
	margin-right:0;
}

.footer ul.social-list li a{
	display: block;
    color:#ebebeb;
	background:#363636;
    border: 1px solid #363636;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
		
}

.footer ul.social-list li a:hover{
	background:#000;
	 border: 1px solid #000;	
}

.footer ul.social-list li a i {
    line-height: 25px;
    font-size: 8pt;
}

.footer > a{
	display:inline-block;
	color:#000;
	font-size:10pt;
	margin:10px 0px 15px;	
}

.footer > p{
	display:block;
	color:#898989;
	font-size:10pt;
	line-height:13pt;
	padding-top:20px;
	border-top:1px solid #898989;	
}


.main-left{
	width:100%;
	padding-right:250px;
	overflow-x:hidden;
	overflow-y:auto;
	direction:rtl;
	height:100vh;	
}

/* width */
.main-left::-webkit-scrollbar {
    width: 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}

/* Track */
.main-left::-webkit-scrollbar-track {
    background: #d7d7d7; 
}
 
/* Handle */
.main-left::-webkit-scrollbar-thumb {
    background: #464646; 
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}

.main-left-cover{
	direction:ltr;	
}

.home-top{
	height:100vh;
	background:url(../images/home-top.jpg);
	background-repeat:no-repeat;

	background-attachment:fixed;
}

.home-cover{
	display:block;
	width:90%;
	margin:0 auto;
	position:relative;
}

.backtomain{
	display:block;
	overflow:hidden;	
	padding-top:40px;
}

.backtomain a{
	display:block;
	padding:10px 20px;
	color:#fff;
	border:1px solid #fff;
	float:left;
	text-transform:uppercase;	
}

.backtomain a:hover{
	background:#fff;
	color:#000;	
}

.home-top-content{
	display:block;	
	position:absolute;
	left:0;
	bottom:10%;
}

.home-top-content h2{
	color:#fff;
	font-size:15pt;
	text-transform:uppercase;
	display:block;
	padding-bottom:5px;
	line-height:16pt;	
}

.home-top-content h1{
	font-size:35pt;
	color:#f1e1b0;
    font-family: "Palatino Linotype";
	line-height:40pt;
	text-transform:uppercase;	
	display:block;
	padding-bottom:30px;
}

.home-top-content h1 b{
	display:block;
	font-size:45pt;	
}

.home-top-content p{
	color:#fff;
	font-size:12pt;
	line-height:18pt;
	display:block;
	padding-bottom:20px;	
}

.home-top-content a{
	display: block;
    width: 200px;
    margin: 10px 0px;
    padding: 10px 10px;
    background: #ed3657;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 10pt;	
}

.home-top .home-cover{
	height:100vh;	
}

.home-middle{
	width:100%;
	display:block;	
}

.home-middle .home-cover{
	padding:100px 0px 80px;	
	position:relative;
}

.home-middle-left{
	width:300px;
	position:absolute;
	left:0;
	top:100px;	
}

.home-middle-left h1{
	font-size:30pt;
	text-transform:uppercase;
	line-height:33pt;
	position:relative;
	color:#000;
	font-family: "Palatino Linotype";
	font-weight:Bold;
	display:block;	
}

.home-middle-left h2{
	color:#000;
	font-size:12pt;
	text-transform:uppercase;
	font-family: "Palatino Linotype";	
}


.home-middle-left p{
	color:#898989;
	font-size:12pt;
	line-height:15pt;
	display:block;
	padding-top:50px;	
	font-family:"Lato-Light";
}

.home-middle-right{
	display:block;
	padding-left:400px;	
}

.home-middle-right span{
	display:block;
	padding-bottom:80px;	
}


.home-middle-right span:last-child{
	padding-bottom:0;	
}

.home-middle-right span h3{
	color:#ed3657;
	font-size:15pt;
	line-height:20pt;
	display:block;
	padding-bottom:15px;
	font-family:"Lato-Bold";	
}

.home-middle-right span h3 b{
	font-size:25pt;
}	

.home-middle-right span p{
	color:#898989;
	display:block;
	font-size:12pt;
	line-height:17pt;
	padding-bottom:20px;	
	font-family:"Lato-Light";
}


.home-middle-line{
	height:100%;
	width:1px;
	border-right:1px solid #d7d7d7;
	position:absolute;
	top:0;
	left:350px;	
}



.home-bottom{
	width:100%;
	display:block;	
    background: url(../images/home-bottom.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.home-bottom .home-cover{
	padding:0px 0px 80px;	
	position:relative;
}

.home-bottom-cover{
	padding:80px 0px 0px;
	position:relative;	
}

.home-bottom-left{
	width:300px;
	position:absolute;
	left:0;
	top:80px;	
}

.home-bottom-left h1{
	font-size:14pt;
	text-transform:uppercase;
	line-height:27pt;
	position:relative;
	color:#f1e1b0;
	font-family: "Palatino Linotype";
	font-weight:Bold;
	display:block;
}

.home-bottom-left h1 b{
	font-size:35pt;
	display:block;
	line-height:38pt;
}

.home-bottom-left p{
	color:#b7b7b7;
	font-size:12pt;
	line-height:17pt;
	display:block;
	padding-top:20px;	
	font-family:"Lato-Light";	
}

.home-bottom-right{
	display:block;
	padding-left:400px;	
}

.home-bottom-right h3{
	color:#fff;
	font-size:13pt;
	display:block;
	padding-bottom:20px;
}

.home-bottom-right h3 b{
	text-transform:uppercase;
	font-size:14pt;	
	
}

.home-bottom-right p{
	color:#fff;
	display:block;
	font-size:12pt;
	line-height:17pt;
	padding-bottom:20px;	
	font-family:"Lato-Light";
}

.home-bottom-line{
	height:100%;
	width:1px;
	border-right:1px solid #d7d7d7;
	position:absolute;
	top:0;
	left:350px;	
}

.tipstertype-table{
	padding-top:40px;
	display:block;	
}

.tipstertype-table table{
	width:100%;	
}

.tipstertype-table table thead{
	background:#ed3657;
}

.tipstertype-table table thead tr th{
	text-align:left;
	color:#fff;
	text-transform:uppercase;
	font-size:10pt;
	padding:10px 20px;	
}

.tipstertype-table table tbody{
	background:rgba(0,0,0,0.5);	
}

.tipstertype-table table tbody tr td{
	padding:15px 20px;
	text-align:left;
	color:#fff;
	font-size:10pt;
	vertical-align:middle;	
}

.tipstertype-table table tbody tr{
	border-bottom:1px solid #898989;	
}

.tipstertype-table table tbody tr:last-child{
	border-bottom:none;	
}

.key-benefits{
	display:block;
	width:100%;
	background:#fff;
	background-image:url(../images/KeyBenefits.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:cover;
}

.key-benefits-cover{
	display: block;
    width: 90%;
    margin: 0 auto;
    position: relative;	
}

.benefits-list{
	padding:140px 0px 30px;
	display:block;	
}

.benefits-list h1{
	font-size: 30pt;
    color: #f1e1b0;
    font-family: "Palatino Linotype";
    line-height: 35pt;
    text-transform: uppercase;
    display: block;
    padding-bottom: 20px;	
}

.benefits-list ul{
	width:100%;	
}

.benefits-list > ul > li{
	display:block;
	position:relative;
	color:#fff;
	margin-bottom:20px;
	font-size:10pt;
	line-height:15pt;	
	padding-left:30px;
}

.benefits-list > ul > li:before{
	position:absolute;
	content:"";
	background:url(../images/keybenefits-list.png);
	background-repeat:no-repeat;
	background-size:20px 20px;
	top:0;
	left:0;
	width:20px;
	height:20px;	
}

.benefits-list > ul > li .custompricing{
	width:100%;
	max-width:350px;
	display:block;
	padding:10px 20px;
	background:#252525;	
	margin-top:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}

.benefits-list > ul > li .custompricing ul{
	margin-left:20px;	
}

.benefits-list > ul > li .custompricing ul li{
	list-style-type:disc;
	color:#2bb7ad;
	margin:5px 0px;	
	
}

.benefits-list > ul > li .custompricing ul li p{
	color:#c2c2c2;	
}

.faq{
	display: block;
    width: 100%;
    min-height: 100vh;
}

.faq-cover {
    display: block;
    width: 90%;
    margin: 0 auto;
    position: relative;
	padding-bottom:200px;
}

.faq .backtomain a{
	color:#000;
	border:1px solid #000;	
}

.faq .backtomain a:hover{
	background:#000;
	color:#fff;	
}

.faq h1{
    font-family: "Palatino Linotype";
	color:#000;
	font-size:35pt;
	line-height:40pt;	
	display:block;
	padding-top:80px;
	padding-bottom:20px;
	text-transform: uppercase;
}

ul.faq-list{
	width:100%;	
	padding-top:50px;
}

ul.faq-list li{
	display:block;
	width:100%;
	margin:0;
	padding:0;	
	
	transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}

ul.faq-list li.active{
	padding-bottom:30px;
	
	transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	-ms-transition:all 0.4s ease;
}

ul.faq-list li span.faq-quiz{
	display:block;
	width:95%;
	margin:0px auto 0px;
	padding:25px 20px 25px 0px;
	border-top:1px solid #000;
	color:#000;
	font-size:11pt;
	position:relative;
	cursor:pointer;
}

ul.faq-list li span.faq-quiz i{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);	
	-moz-transform:translateY(-50%);	
	-ms-transform:translateY(-50%);	
	-o-transform:translateY(-50%);	
	-webkit-transform:translateY(-50%);	
	color:#000;
}

ul.faq-list li .faq-answer{
	display:none;
	padding:20px 0px;
	background:#eeeeee;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
}

ul.faq-list li .faq-answer p{
	display:block;
	color:#7d7d7d;
	width:95%;
	margin:0 auto;
	line-height:15pt;
	font-size:10pt;	
}


.term{
	display: block;
    width: 100%;
    min-height: 100vh;
}

.term-cover {
    display: block;
    width: 90%;
    margin: 0 auto;
    position: relative;
	padding-bottom:200px;
}

.term .backtomain a{
	color:#000;
	border:1px solid #000;	
}

.term .backtomain a:hover{
	background:#000;
	color:#fff;	
}

.term h1{
    font-family: "Palatino Linotype";
	color:#000;
	font-size:35pt;
	line-height:40pt;	
	display:block;
	padding-top:80px;
	padding-bottom:20px;
	text-transform: uppercase;
}

.termconditions h1{
	font-family:"Lato-Bold";
	text-transform:uppercase;
	font-size:12pt;
	line-height:17pt;
	color:#898989;
	display:block;
	padding-bottom:10px;	
}

.termconditions h2{
	color:#000;
	font-family:"Lato-Bold";
	text-transform:uppercase;
	font-size:12pt;
	display:block;
	padding-bottom:20px;	
		
}

.termconditions > ul > li{
	display:block;
	margin-bottom:10px;
	font-size:10pt;
	line-height:15pt;	
}

.termconditions > ul > li ul{
	list-style-type:disc;
	margin-left:40px;	
	padding:10px 0px;
}

.termconditions > ul > li ul li{
	margin-bottom:5px;
	font-size:10pt;
	line-height:15pt;	
}

.termconditions a{
	color:#ed3657;	
}

.signin-form{
	display: block;
    width: 100%;
    min-height: 100vh;
    background: #fff;
    background-image: url(../images/signin.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;	
}

.signin-cover {
    display: block;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.login{
	display:block;
	width:100%;
	max-width:350px;
	padding:80px 0px 50px;
}

.login h1{
	font-family: "Palatino Linotype";
    color: #fff;
    font-size: 30pt;
    line-height: 35pt;
    display: block;
    padding-bottom: 40px;	
}

.login .inputfield{
	width:100%;
	display:block;	
	padding-bottom:20px;
}

.login .inputfield p{
	color:#fff;
	font-size:10pt;
	display:block;
	padding-bottom:5px;	
}

.login .inputfield input{
	padding: 10px 10px;
    border: 1px solid #d7d7d7;
    color: #000;
    background: #e1e1e1;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
	border-radius:5px;	
	-moz-border-radius:5px;	
	-ms-border-radius:5px;	
	-o-border-radius:5px;	
	-webkit-border-radius:5px;	
}

.login input.sub{
	display: block;
    text-align: center;
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #ed3657;
    color: #fff;
    background: #ed3657;
    margin-bottom: 20px;
    text-transform: uppercase;
	margin-top:10px;
}

.login a.forgetpass {
    display: block;
    width: 200px;
    margin: 30px auto 0px;
    text-align: center;
    color: #ed3657;
    text-transform: uppercase;
}

.login h2{
	color:#fff;
	font-size:10pt;
	line-height:14pt;
	display:block;
	padding-bottom:30px;	
}



.registration{
	display: block;
    width: 100%;
    min-height: 100vh;
}

.register-cover {
    display: block;
    width: 90%;
    margin: 0 auto;
    position: relative;
	padding-bottom:200px;
}

.registration .backtomain a{
	color:#000;
	border:1px solid #000;	
}

.registration .backtomain a:hover{
	background:#000;
	color:#fff;	
}

.registration h1{
    font-family: "Palatino Linotype";
	color:#000;
	font-size:35pt;
	line-height:40pt;	
	display:block;
	padding-top:80px;
	padding-bottom:20px;
	text-transform: uppercase;
}


.register-form{
	display:block;
	overflow:hidden;
	padding-bottom:100px;	
}

.personal-information{
	display:block;
	width:100%;	
	padding-bottom:80px;
	padding-top:50px;
}

.personal-information h2{
	text-transform:uppercase;
	color:#ed3657;
	font-size:12pt;
	padding-bottom:5px;
	display:block;
	border-bottom:1px solid #959595;	
}

.personal-information ul{
	padding-top:30px;	
	overflow:hidden;
}

.personal-information ul li{
	display:block;
	width:49%;	
	margin-bottom:20px;
	position:relative;
	padding-bottom:20px;
}

.personal-information ul li:first-child b{
	position:absolute;	
	bottom:0px;
	left:0;
	font-size:9pt;
}

.personal-information ul li:nth-child(odd){
	float:left;	
}

.personal-information ul li:nth-child(even){
	float:right;	
}

.personal-information ul li p{
	display:block;
	color:#000;
	font-size:10pt;
	line-height:14pt;
	padding-bottom:5px;	
}

.personal-information ul li input{
	padding: 10px 10px;
    border: 1px solid #d7d7d7;
    color: #000;
    background: #fff;
    width: 100%;
    position: relative;
	display:block;	
	height:37px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;
}

.personal-information ul li select{
	padding: 10px 10px;
    border: 1px solid #d7d7d7;
    color: #000;
    background: #fff;
    width: 100%;
    position: relative;
	display:block;	
	height:37px;
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
}

.personal-information ul li .mobile{
	overflow:hidden;
	display:block;	
}

.personal-information ul li .mobile input#countrycode{
	width:30%;
	float:left;	
	border-right:none;
	border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-ms-border-radius:5px 0px 0px 5px;
	-o-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
}

.personal-information ul li .mobile input#mobileno{
	width:70%;
	float:left;	
	
	border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-ms-border-radius:0px 5px 5px 0px;
	-o-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	
}

.tipster-profile{
	display:block;
	width:100%;	
	padding-bottom:80px;
}

.tipster-profile h2{
	text-transform:uppercase;
	color:#ed3657;
	font-size:12pt;
	padding-bottom:5px;
	display:block;
	border-bottom:1px solid #959595;		
}

.tipster-profile ul.tp{
	padding-top:30px;	
	overflow:hidden;
}

.tipster-profile ul.tp li{
	display:block;	
	margin-bottom:30px;
}

.tipster-profile ul.tp li:nth-child(odd){
	width:49%;
	float:left;	
}

.tipster-profile ul.tp li:nth-child(even){
	width:49%;
	float:right;	
}

.tipster-profile ul.tp li:last-child{
	display:block;
	width:100%;
	float:none;	
}

.tipster-profile ul.tp li p{
	display:block;
	color:#000;
	font-size:10pt;
	line-height:14pt;
	padding-bottom:5px;	
}

.tipster-profile ul.tp li input{
	padding: 10px 10px;
    border: 1px solid #d7d7d7;
    color: #000;
    background: #fff;
    width: 100%;
    position: relative;
	display:block;	
	height:37px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
}

.tipster-profile ul.tp li textarea{
	padding: 10px 10px;
    border: 1px solid #d7d7d7;
    color: #000;
    background: #fff;
    width: 100%;
    position: relative;
	display:block;	
	height:37px;
	resize:none;
	height:150px;
	font-family:"Lato-Regular";
	
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
}

.tipster-profile .membership p{
	display:block;
	color:#000;
	font-size:10pt;
	line-height:14pt;
	padding-bottom:5px;	
}

.tipster-profile .membership ul{
	display:block;
	width:100%;
	overflow:hidden;	
}

.tipster-profile .membership ul li{
	display:block;
	width:32%;
	float:left;
	margin:10px 1%;	
	
	padding: 20px 10px;
    border: 1px solid #d7d7d7;
    color: #000;
    background: #fff;
    position: relative;
	text-align:center;
	
	cursor:pointer;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
}

.tipster-profile .membership ul li:first-child{
	margin-left:0;	
}

.tipster-profile .membership ul li:last-child{
	margin-right:0;	
}

.tipster-profile .membership ul li:before{
	display: none;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f058";
    color: #ed3657;
    font-size: 15pt;
   
    right: 10px;
	top:10px;
}

.tipster-profile .membership ul li.active{
	border:1px solid #ed3657;	
}

.tipster-profile .membership ul li.active:before{
	display:block;	
}


.payment-information{
	display:block;
	width:100%;	
	padding-bottom:80px;
}

.payment-information h2{
	text-transform:uppercase;
	color:#ed3657;
	font-size:12pt;
	padding-bottom:5px;
	display:block;
	border-bottom:1px solid #959595;		
}

.payment-information ul{
	padding-top:30px;	
	overflow:hidden;
}

.payment-information ul li{
	display:block;	
	margin-bottom:30px;
	position:relative;
}

.payment-information ul li:last-child{
	width:49%;	
}

.payment-information ul li p{
	display:block;
	color:#000;
	font-size:10pt;
	line-height:14pt;
	padding-bottom:5px;	
}

.payment-information ul li input{
	padding: 10px 10px;
    border: 1px solid #d7d7d7;
    color: #000;
    background: #fff;
    width: 100%;
    position: relative;
	display:block;	
	height:37px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
}

.payment-information ul li.payment span{
	padding: 20px 10px;
    border: 1px solid #ed3657;
    color: #000;
    background: #fff;
    width: 100%;
    position: relative;
	display:block;	
	width:200px;
	text-align:center;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;		
}

.payment-information ul li.payment span:before{
	display: block;
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f058";
    color: #ed3657;
    font-size: 15pt;
   
    right: 10px;
	top:10px;	
}

.payment-information ul li.payment span img{
	text-align:center;
	margin:0 auto;	
}




.account-information{
	display:block;
	width:100%;	
	padding-bottom:0px;
}

.account-information h2{
	text-transform:uppercase;
	color:#ed3657;
	font-size:12pt;
	padding-bottom:5px;
	display:block;
	border-bottom:1px solid #959595;		
}

.account-information ul{
	padding-top:30px;	
	overflow:hidden;
}

.account-information ul li{
	display:block;	
	margin-bottom:30px;
	position:relative;
}

.account-information ul li:nth-child(odd){
	width:49%;
	float:left;	
}

.account-information ul li:nth-child(even){
	float:right;
	width:49%;	
}

.account-information ul li p{
	display:block;
	color:#000;
	font-size:10pt;
	line-height:14pt;
	padding-bottom:5px;	
}

.account-information ul li input{
	padding: 10px 10px;
    border: 1px solid #d7d7d7;
    color: #000;
    background: #fff;
    width: 100%;
    position: relative;
	display:block;	
	height:37px;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	-webkit-border-radius:5px;	
}

.checkbox{
	display:block;
	padding:0px 0px 10px;	
}

.checkbox input{
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;	
}

.checkbox label{
	display:inline-block;
	vertical-align:middle;	
	color:#000;
	font-size:10pt;
}

.checkbox label a{
	color:#ed3657;	
}

.capcha{
	padding:20px 0px;	
}

.register-form input.sub{
	display: block;
    text-align: center;
    width: 200px;
    padding: 10px 10px;
    border: 1px solid #ed3657;
    color: #fff;
    background: #ed3657;
    text-transform: uppercase;	
	margin-top:10x;
	cursor:pointer;
}

.register-form input.sub:hover{
	background:#000;	
	border: 1px solid #000;
}



.account-verification{
	display: block;
    width: 100%;
    min-height: 100vh;
}

.acc-veri-cover {
    display: block;
    width: 90%;
    margin: 0 auto;
    position: relative;
	padding-bottom:200px;
}

.account-verification .backtomain a{
	color:#000;
	border:1px solid #000;	
}

.account-verification .backtomain a:hover{
	background:#000;
	color:#fff;	
}

.account-verification h1{
    font-family: "Palatino Linotype";
	color:#000;
	font-size:35pt;
	line-height:40pt;	
	display:block;
	padding-top:80px;
	padding-bottom:20px;
	text-transform:uppercase;
}

.account-verification h2{
	text-transform: uppercase;
    color: #ed3657;
    font-size: 12pt;
    padding-bottom: 5px;
    display: block;
    border-bottom: 1px solid #959595;	
	margin-bottom:20px;
	padding-top:80px;
}

.account-verification p{
	color:#000;
	font-size:10pt;
	line-height:15pt;
	padding-bottom:10px;
	display:block;	
}

.account-verification p a{
	color:#ed3567;	
}

/*main css*/


/*popup*/
.popup{
	position:fixed;
	background:rgba(0,0,0,0.6);
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;	
}

.popup-content{
	position:absolute;
	background:#fff;
	width:95%;
	max-width:500px;	
	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
	padding: 35px 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.popup-content h1{
	font-family: "Palatino Linotype";
	font-size:20pt;
	font-weight:bold;
	display:block;
	padding-bottom:20px;
	text-transform:uppercase;
}

.popup-content h1.success{
	color:green;	
}

.popup-content h1.error{
	color:red;	
}

.popup-content p{
	color:#000;
	font-size:10pt;
	line-height:15pt;	
}

.popup-content i.close-popup{
	position:absolute;
	top:15px;
	right:15px;
	font-size:15pt;	

	color:#000;
	font-weight:bold;
	cursor:pointer;
	
}
/*popup*/


@media only screen and (min-width: 1367px){
	.home-top,
	.home-bottom{
		background-size:cover;	
	}
}


@media only screen and (max-width: 1024px){
	.home-middle-left,
	.home-bottom-left{
		width:180px;	
	}
	
	.home-middle-line,
	.home-bottom-line{
		left:240px;	
	}
	
	.home-middle-right,
	.home-bottom-right{
		padding-left:280px;	
	}
	
	.tipstertype-table{
		padding-top:100px;	
	}
}


@media only screen and (max-width: 768px){
	.main-left{
		padding-right:0;	
	}
	
	.main-right{
		z-index:9999;
		right:-250px;	
	}
	
	.main-right.triggered{
		right:0 !important;	
	}
	
	.main-right .mobile-trigger{
		display:block;	
	}
}


@media only screen and (max-width: 568px){
	.home-middle-left,
	.home-bottom-left{
		position:relative;
		width:100%;	
		top:auto;
		left:auto;
		padding-bottom:50px;
	}
	
	.home-middle-line,
	.home-bottom-line{
		display:none;	
	}
	
	.home-middle-right,
	.home-bottom-right{
		padding-left:0;	
	}
	
	.tipstertype-table table thead{
		display:none;	
	}
	
	.tipstertype-table table,
	.tipstertype-table table tbody,
	.tipstertype-table table tbody tr,
	.tipstertype-table table tbody tr td{
		display:block;
		width:100%;
		overflow:hidden;
		position:relative;	
	}

	
	.tipstertype-table table tbody tr td:first-child{
		width:100%;
		float:left;	
		background:#ed3657;
		padding:15px 15px;
	}
	
	.tipstertype-table table tbody tr td:nth-child(n+2){
		width:50%;
		float:left;	
		padding:25px 15px 15px 15px;
	}
	
	.tipstertype-table table tbody tr td:before{
		content:"";
		top:5px;
		left:15px;
		color:#898989;
		font-size:10pt;
		position:absolute;	
	}
	
	.tipstertype-table table tbody tr td:nth-child(2):before{
		content:"Junior Tipster";	
	}
	
	.tipstertype-table table tbody tr td:nth-child(3):before{
		content:"Senior Tipster";	
	}
	
	.tipstertype-table table tbody tr td:nth-child(4):before{
		content:"Bundle Tipster";	
	}
	
	.tipstertype-table table tbody tr td:nth-child(5):before{
		content:"Premium Tipster";	
	}
	
	.personal-information ul li,
	.tipster-profile ul.tp li,
	.payment-information ul li,
	.account-information ul li,
	.tipster-profile .membership ul li{
		width:100% !important;
		float:none !important;	
	}
	
	.tipster-profile .membership ul li{
		margin:10px 0px;	
	}
	
	.registration h1,
	.term-cover > h1,
	.account-verification h1{
		font-size:28pt;
		line-height:35pt;	
	}
}