.icon-spinner:before {
    font-family: iconfont;
    content: "\f70e"
}

.icon-check:before {
    font-family: iconfont;
    content: "\f70d"
}

.icon-close:before {
    font-family: iconfont;
    content: "\f70f"
}

.icon-refresh:before {
    font-family: iconfont;
    content: "\f710"
}

.icon-caret-down:before {
    font-family: iconfont;
    content: "\f711"
}

.icon-chevron-right:before {
    font-family: iconfont;
    content: "\f712"
}

.icon-chevron-left:before {
    font-family: iconfont;
    content: "\f713"
}

.icon-chevron-down:before {
    font-family: iconfont;
    content: "\f700"
}

.icon-chevron-up:before {
    font-family: iconfont;
    content: "\f714"
}

.icon-facebook:before {
    font-family: iconfont;
    content: "\f715";
    color: #3b5998
}

.icon-twitter:before {
    font-family: iconfont;
    content: "\f716";
    color: #00aced
}

.icon-whatsapp:before {
    font-family: iconfont;
    content: "\f717";
    color: #00e676
}

.icon-share:before {
    font-family: iconfont;
    content: "\f718"
}

.icon-comment:before {
    font-family: iconfont;
    content: "\f719"
}

.icon-info:before {
    font-family: iconfont;
    content: "\f71a"
}

.icon-like:before {
    font-family: iconfont;
    content: "\f71b"
}

.icon-star:before {
    font-family: iconfont;
    content: "\f71c"
}

.icon-navigateright:before {
    font-family: iconfont;
    content: "\f71d"
}

.icon-logout:before {
    font-family: iconfont;
    content: "\f71e"
}

.icon-user:before {
    font-family: iconfont;
    content: "\f71f"
}

.icon-settings:before {
    font-family: iconfont;
    content: "\f720"
}

.icon-legal:before {
    font-family: iconfont;
    content: "\f721"
}

.icon-search:before {
    font-family: iconfont;
    content: "\f722"
}

.icon-notification:before {
    font-family: iconfont;
    content: "\f723"
}

.icon-trophy:before {
    font-family: iconfont;
    content: "\f724"
}

.icon-home:before {
    font-family: iconfont;
    content: "\f725"
}

/* .icon-basket:before,.icon-Basketball:Before {
    font-family: iconfont;
    content: "\e851"
}

.icon-football:before,.icon-Soccer:before {
    font-family: iconfont;
    content: "\e85b"
}

.icon-handball:before,.icon-Handball:before {
    font-family: iconfont;
    content: "\e864"
}

.icon-hockey:before,.icon-Hockey:before {
    font-family: iconfont;
    content: "\e867"
}

.icon-rugby:before,.icon-Rugby:before {
    font-family: iconfont;
    content: "\e87a"
}

.icon-tennis:before,.icon-Tennis:before {
    font-family: iconfont;
    content: "\e883"
}

.icon-rugbyunion:before,.icon-Rugbyunion:before {
    font-family: iconfont;
    content: "\e87a"
}

.icon-americanfootball:before,.icon-Americanfootball:before {
    font-family: iconfont;
    content: "\e88b"
}

.icon-tennis-ball:before,.icon-Tennis-ball:before {
    font-family: iconfont;
    content: "\e883"
}

.icon-volley:before,.icon-Volley:before {
    font-family: iconfont;
    content: "\e88e"
}

.icon-tennis:before {
    font-family: iconfont;
    content: "\f727"
}

.icon-rugbyunion:before {
    font-family: iconfont;
    content: "\f705"
}

.icon-americanfootball:before {
    font-family: iconfont;
    content: "\f705"
}

.icon-tennis-ball:before {
    font-family: iconfont;
    content: "\f706"
}

.icon-volley:before {
    font-family: iconfont;
    content: "\f707"
} */

.icon-edit:before {
    font-family: iconfont;
    content: "\f728"
}

.icon-camera:before {
    font-family: iconfont;
    content: "\f70c"
}
@font-face {
    font-family: open-sans;
    src: local("OpenSans-Regular"), url(/fonts/OpenSans-Light.woff) format("woff"), url(/fonts/OpenSans-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: open-sans;
    src: local("OpenSans-Regular"), url(/fonts/OpenSans-LightItalic.woff) format("woff"), url(/fonts/OpenSans-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: open-sans;
    src: local("OpenSans-Regular"), url(/fonts/OpenSans-Regular.woff) format("woff"), url(/fonts/OpenSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: open-sans;
    src: local("OpenSans-Regular"), url(/fonts/OpenSans-Italic.woff) format("woff"), url(/fonts/OpenSans-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: open-sans;
    src: local("OpenSans-Regular"), url(/fonts/OpenSans-Semibold.woff) format("woff"), url(/fonts/OpenSans-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: open-sans;
    src: local("OpenSans-Regular"), url(/fonts/OpenSans-SemiboldItalic.woff) format("woff"), url(/fonts/OpenSans-SemiboldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic
}

@font-face {
    font-family: open-sans;
    src: local("OpenSans-Regular"), url(/fonts/OpenSans-Bold.woff) format("woff"), url(/fonts/OpenSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: open-sans;
    src: local("OpenSans-Regular"), url(/fonts/OpenSans-BoldItalic.woff) format("woff"), url(/fonts/OpenSans-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: open-sans;
    src: local("OpenSans-Regular"), url(/fonts/OpenSans-Extrabold.woff) format("woff"), url(/fonts/OpenSans-Extrabold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: open-sans;
    src: local("OpenSans-Regular"), url(/fonts/OpenSans-ExtraboldItalic.woff) format("woff"), url(/fonts/OpenSans-ExtraboldItalic.ttf) format("truetype");
    font-weight: 800;
    font-style: italic
}

@font-face {
    font-family: iconfont;
    src: url(/fonts/iconfont.eot);
    src: url(/fonts/iconfont.eot) format("embedded-opentype"), url(/fonts/iconfont.woff) format("woff"), url(/fonts/iconfont.ttf) format("truetype"), url(/fonts/iconfont.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

body
{
	font-family: open-sans;
}
.toppage
{
background: url(/images/hp/hpbackground.jpg);
    margin: 0px;
    background-repeat: no-repeat;
    min-height: 600px;
    background-size: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    background-size: cover;
    position: relative;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

#popins {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(31, 45, 73, .8);
    min-width: 320px;
    z-index: 1000;
}

#hptipstop
{
margin:0px;
}

.siginhp,.btnsignup
{
    font-size: 14px;
    display: inline-block;
    border-radius: 3px;
    font-weight: 700;
    border: none;
    cursor: pointer;
}

.btnsignup
{
    padding: 8px 51px;
}

.siginhp
{
    padding: 8px 12px;
}
.siginhp
{
    margin-right: 100px;
    margin-top: 20px;
	float: right;
    background-color: #fff;
}

.btnsignup
{
	color:white;
	background-color: #84AD08;
	margin-left:10%;
}

.btntopbar
{
    height: 85px;
}

#toplogohp
{

}

#sentencetipstop,#exptopbar,#exptobar2,#alreadysignup,#imgtoplogohp
{
    margin-left: 10%;
    color:white;
}

#imgtoplogohp{width: 300px;}

#alreadysignup{    font-size: 10px;}
.underline,#alreadysignup{
    text-decoration: underline;
    cursor:pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;
}
#sentencetipstop
{margin-bottom: 10px;}

.divbtnsignup
{margin-top: 15px;    margin-bottom: 15px;}

#oblic1
{

    height: 5px;
    background: white;
/*
    transform: skewY(-4deg);
 */
    display: -webkit-box;

}

#oblic2
{
    height: 5px;
    background: #A99B77;
/*
    transform: rotate(-4.0deg);
 */
}

#oblic3
{

    height: 12px;
    width: 100%;
    background: #1A2740;
    /* transform: rotate(-1.5deg); */
    /* background-color: white; */
}

#colorbaroblic
{    position: absolute;
    bottom: 0;
    /* height: 100px; */
    width: 100%;}

    #magichp
    {

    background: none;
    margin-top: -30px;

    }
    #magichpcontent
    {
    height: 275px;background: #1A2740;transform: skewY(-4deg);
    }

    #msgmagic
    {
    transform: skewY(4deg);
    margin-top: -top;
    float: right;
    padding-top: 4%;
    padding-right: 15%;
}

#msgmagic span{
	color:white;
	font-weight: bold;
}

#communityspan{
font-style: italic;
    color: #A99B77 !important;
    font-size: 26px;}

    #menunavigation
    {

    transform: skewY(4deg);
    /* transform: translate(-50%,-50%); */
    padding-top: 120px;
    text-align: center;
    /* margin-left: 50%; */
    /* float: right; */
    position: absolute;
    width: 100%;

    }

    #menunavigation a
    {
        opacity: .4;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    color: #fff;
    text-decoration: none;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    display: inline-flex;
    /* min-height: 40px; */
    /* -webkit-box-flex: 1; */
    -ms-flex: 1 0 auto;
    /* flex: 1 0 auto; */
    /* -webkit-box-pack: center; */
    -ms-flex-pack: center;
    /* justify-content: center; */
    /* -webkit-box-orient: vertical; */
    /* -webkit-box-direction: normal; */
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 10px 28px;
    /* font-size: 10px; */
    /* transition: opacity .3s, background-color .3s, color .3s; */
    }

    #andmore{
    /* position: relative; */
    text-align: left;
    color: white;
    padding-top: 10px;
    margin-left: 10%;
}

#howworkscontent
{
    width: 100%;height: 275px;background: #f5f6fa;transform: skewY(-4deg);

    display: inline-flex;

}

#howworkscontent1
{
    margin-top: 60px;
    display: inline-block;
    width: 50%;
    /* height: 120px; */
    transform: skewY(4deg);
text-align:center;
}

#ecosys1{
	    margin-top: 60px;
    display: inline-block;
    width: 50%;
    height: 80px;
    text-align: right;
}

#ecosys2{
margin-top: 60px;
    height: 80px;
    text-align: left;
}
#ecosys3{
	  margin-top: 60px;
    display: inline-block;
    width: 50%;
    height: 80px;
    margin-right: 130px;
    text-align: right;
}
#ecosys4{
	    margin-top: 60px;
    display: inline-block;
    width: 50%;
    height: 80px;
    text-align: left;
}


#howworkscontent2
{
text-align: center;
    margin-top: 40px;
    display: inline-block;
    width: 50%;
    /* height: 120px; */
    transform: skewY(4deg);

}

#imgboom
{width: 50px;
    text-align: center;}

 #divdesboom   {
padding: 10px;
}

#desboom{    font-size: 16px;}

#ecosyscontent
{
	width: 100%;
    background: white;
    transform: skewY(-4deg);
    display: inline-flex;
}


#titleecosystem{
    text-align: center;
    width: 100%;
    transform: skewY(4deg);
    margin-top: 26px;
}

#titleecosystem img{width: 50px;}

.box
{
    display: inline-flex;
    width: 100%;
}

.imageecosys
{width: 200px !important;}

.spanecosys{
    font-weight: bold;
    font-size: 12px;
/*
    position: absolute;
 */
    width: 115px;
    font-size: 11px;text-align: left;
}

#footerecosys span
{
	font-size:12px;
}

#footerecosys
{
	margin-top:25px;
}

#bar{
    width: 50%;
    height: 1px;
    /* border-top: 1px solid black; */
    /* padding-left: 100px; */
    background: #d5d5d5;
    /* transform: skewY(4deg); */
    /* padding-right: 100px; */
    margin-left: 25%;
    margin-top: 30px;
}

#realbettors
{text-align: center;margin-top: 35px;background: url(/images/hp/hpbg2.jpg);
background-repeat:no-repeat;background-size:cover;    background-position-y: 120px;}

#realbettors img
{width:50px;}

.usergood{
    width: 200px;
    background: white;
    margin-left: 20px;
    margin-right: 20px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    #divusergood{
    margin-top: 25px;
    display: inline-flex;
}

.percentinner
    {height: 30px;
    width: 80%;
    background: #CFC3A4;
    float: left;
}

.percentouter
{
	height: 30px;
    width: 100%;
    background: #A99B77;
}

.avatar1
{text-align: left;
    padding: 19px;}

    .nameuser
    {
    color: black;
    text-decoration: none;
    font-size: 12px;
    position: absolute;
    margin-left: 14px;
    }

    .sports{
    margin-top: 18px;
    font-size: 9px;
    }

.analyse span
{
	font-size:12px;
}

.analyse
{    padding-bottom: 15px;}

.usersports a {margin-left: 5px;
    margin-right: 5px;}

    .usersports
    {
    margin-top:-50px;
    }

/*
    #backgroundend
    {

    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    background: url("/images/hp/hpbg2.jpg");
    z-index: -10000;
    transform: skewY(-4deg);
    margin-top: 81px;

    }
 */

 .main-header.header-home
 {
 	background: white !important;
 }

    .fb-button {
    color: #fff;
    background-color: #3b5998;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.2px;
    vertical-align: middle;
    padding: 9px 11px 6px;
    border-radius: 3px;
    outline: none;
    border: none;
    line-height: 24px;
}

/*
p.separator:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #7c8699;
    position: absolute;
    top: 49%;
}
 */

#gratis
{color: white;
    opacity: 0.7;
    font-size: 19px;}

    #connectionhp{    margin-top: 30px;}

    #ready{font-weight: bold;
    color: white;}

    #divready{
    margin-bottom: 20px;
}

form .form-input {
    height: 48px;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
    background-color: #fff;
}

form .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

form .form-input {
height: 48px;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
    background-color: #fff;
    width: 47%;
    margin-right: 10px;
    border-radius: 5px;
}

form .form-checkbox,
form .form-radio,
form .form-select {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

form .form-checkbox.full,
form .form-input.full,
form .form-radio.full,
form .form-select.full {
    width: 100%
}

form input,
form select,
form textarea {
    outline: 0;
    border: 1px solid #e9eef5;
}

form .error input,
form .error select,
form .error textarea {
    border: 1px solid #d61e00
}

form input[type=mail],
form input[type=password],
form input[type=text] {
    width: 100%;
    height: 100%;
    background: none;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    padding: 10px;
    font-size: 14px
}

form input[type=mail]:valid,
form input[type=password]:valid,
form input[type=text]:valid {
    background: #fff
}

form input[type=mail]:focus,
form input[type=password]:focus,
form input[type=text]:focus {
    border-color: #1a2740;
    padding-top: 0;
    padding-bottom: 16px
}

form input[type=mail]:focus+label,
form input[type=password]:focus+label,
form input[type=text]:focus+label {
    background-color: #1a2740;
    color: #fff;
    font-size: 70%;
    z-index: 2;
    top: 100%;
    margin-top: -16px;
    line-height: 16px
}

form input[type=mail]+label,
form input[type=password]+label,
form input[type=text]+label {
    transition: background .2s, color .2s, top .2s, bottom .2s, right .2s, left .2s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 48px;
    color: #9ca7ba
}

#connectionhp form .row label[for="conditions"],#connectionhp form .row label[for="age"] {
    color: white !important;
    text-align: left;
    font-size: 14px;
    padding-left: 25px
}

form label a {
    text-decoration: underline;
    color: inherit
}

form a.cancel,
form button.cancel,
form button[type=submit] {
    display: inline-block;
    min-width: 212px;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 14px;
    border-radius: 3px
}

form a.cancel.small,
form button.cancel.small,
form button[type=submit].small {
    min-width: 148px;
    padding: 8px 14px
}

form button[type=submit] {
    color: #fff !important;
    background-color: #84AD08 !important;
    border: none !important;
}

form a.cancel,
form button.cancel {
    background-color: #d4dae6;
    color: #233557;
    text-align: center
}

.form-checkbox [type=checkbox]:checked,
.form-checkbox [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

.form-checkbox [type=checkbox]:checked+label,
.form-checkbox [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    font-size: 12px
}

.form-checkbox [type=checkbox]:checked+label:before,
.form-checkbox [type=checkbox]:not(:checked)+label:before {
    content: "";
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid white;
    left: 0;
    top: -1px
}

.form-checkbox [type=checkbox]:checked+label:after,
.form-checkbox [type=checkbox]:not(:checked)+label:after {
    color: #fff;
    position: absolute;
    font-family: iconfont;
    content: "\f70d";
    top: 0;
    left: 2px
}

.form-checkbox [type=checkbox]:checked+label:before {
    background-color: #1a2740
}

.form-radio [type=radio]:checked,
.form-radio [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.form-radio [type=radio]:checked+label,
.form-radio [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 25px;
    font-size: 12px
}

.form-radio [type=radio]:checked+label:before,
.form-radio [type=radio]:not(:checked)+label:before {
    display: block;
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    border: 1px solid #e9eef5;
    left: 0;
    border-radius: 50%;
    background-color: #fff
}

.form-radio [type=radio]:checked+label:after,
.form-radio [type=radio]:not(:checked)+label:after {
    display: none;
    content: "";
    background-color: #1a2740;
    position: absolute;
    top: .3em;
    left: .3em;
    width: .5em;
    height: .5em;
    border-radius: 50%
}

.form-radio [type=radio]:checked+label:before {
    border: 1px solid #1a2740
}

.form-radio [type=radio]:checked+label:after {
    display: block
}

.register
{    margin-left: 25%;
    margin-right: 25%;}

    #parenttoplogohd
    {margin-top:3%;}

    #sentencetipstop span{    font-weight: bold;}

#magichands
{
    width: 73px;
    height: 60px;
    background: url("/images/hp/hands.png");
    float: left;
    margin-right: 15px;
    background-repeat: no-repeat;
    margin-top: 10px;
}

#msgmagichands
{
    float: right;
    height: 60px;
}

#fingerdownicon
{    width: 29px;
    height: 49px;
    position: absolute;}

    #titleboom,#ecosysun
    {font-weight:bold;}

#andmore span    {font-weight: bold;
    font-style: italic;}

   .textforfirstimg { float: right;

    margin-left: 10px;
    width: 160px;
    text-align: left;}

    .textforfirstimg2
    {
    	float:left;
    }

    .spanecosys2
    {font-size: 11px;
    font-style: italic;}

    #titlerealbettors{font-weight:bold;}

    .percentnumber
    {
    position: absolute;
    display:none;
    float: l;
    width: 200px;
    height: 30px;
    text-align: center;
    padding-top: 6px;
    font-size: 12px;
    color: white;
    }

    .percent
    {
    font-weight: bold;
}

.success
{
    padding-left: 5px;
}

.separator .center
{
    font-size: 13px;}

    footer {
    background-color: #1a2740;
    bottom: 0;
    width: 100%;
    z-index: 100;
}

footer .main-footer {
    padding: 23px 0;
    font-size: 12px;
    color: #fff;
    margin-left: 25%;
    margin-right: 25%;
}

footer .main-footer .left {
    float: left
}

footer .main-footer .right {
    float: right;
}

footer .main-footer .sep {
    display: none
}

footer .main-footer a {
    margin: 0 0 0 36px;
    font-weight: 700
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: underline
}


footer .main-footer a {
    margin: 0 0 0 36px;
    font-weight: 700;
}

.cookies-disclaimer {
    background-color: #e9eef5;
    position: fixed;
    bottom: -200px;
    left: 0;
    right: 0;
    transition: bottom .3s;
    z-index: 10001;
}

.cookies-disclaimer.show {
    bottom: 0;
}

#text-copy
{
	display:none;
}

#stayconnected
{
height: 70px;
    width: 100%;
    margin-top: 22px;
    background: #A99B77;
}

#footerecosys
{font-weight:bold;}

/*
p.separator:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #7c8699;
    position: absolute;
    top: 49%;
}
 */

 #footerphrase{    padding-top: 10px;}
 #footerphrase span{    font-style: italic;color:white;font-weight:bold;}
 #footerrs{margin-top: 10px;}
 #footerrs img{    width: 35px !important;padding-left: 5px;
    padding-right: 5px;}

    #titlerealbettors{font-size:21px;}

    .avataruser{margin: auto;
    overflow: hidden;
    border-radius: 100%;
    background-color: #233557;
    position: relative;}

    .analyse{padding: 15px;}

    .analyse span{font-style: italic;}

    .mask1 .sports
    {display:none;}

    #menunavigation a.selected,
#menunavigation a:hover {
    opacity: 1;
    color: #233557;
    background-color: #e9ebee
}

#menunavigation .home { display:none; }


@media screen and (max-width:800px) and (min-width:700px) {
    #andmore {
		display:none;
    }
}

#popins.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.half .form-checkbox span {color: #1a2740;
    text-align: left;
    font-size: 14px;
    padding-left: 10px;}

label[for="password"]
{
	color:#9ca7ba;
}

.form-checkbox [type=checkbox]:not(:checked)+label:after
{
	color:transparent !important;
}

.form-checkbox [type=checkbox]:checked+label:after
{
	color:white !important;
}

.form-checkbox [type=checkbox]:checked+label:before, .form-checkbox [type=checkbox]:not(:checked)+label:before
{
	border: 1px solid white !important;
}

#imgandroid{
    width: 9%;
    margin-left: 10%;
    margin-top: 20px;
    }

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

#imgandroid{
    margin-left: 0%;
    }

#realbettors{background-position-y: 200px !important;}

#imgtoplogohp {
    width: 230px !important;
}

.toppage
{
/*
	background: url(/images/hp/hpbackgroundmobile.jpg) !important;
 */
}

.siginhp {
    margin-right: 25px;
    margin-top: 8px;
    float: right;
    background-color: #fff;
}

#footerecosys {
    margin-top: 35px !important;
}

.textforfirstimg {
    margin-left: 0px !important;
}

.register {
    margin-left: 10%;
    margin-right: 10%;
}
	.btntopbar
	{
    position: absolute;
    float: right;
    width: 100%;
    	}

	#imgtoplogohp,.divbtnsignup,#toplogohp,#parenttoplogohd
	{
		text-align:center;
	}

	.btnsignup,#alreadysignup,#sentencetipstop, #exptopbar, #exptobar2, #imgtoplogohp
	{
		margin-left:0px !important;
	}

	.toppage{    background-position-x: 0px;
    background-repeat: no-repeat;
    background: url(/images/hp/hpbackgroundmobile.jpg);
    background-size: cover;}

	.btnsignup {
    	padding: 18px 56px !important;
    }

    #menunavigation span
    {
     font-size: 15px;
    }

    #parenttoplogohd {
    	margin-top: 13% !important;
	}

	#sentencetipstop
	{
		margin-bottom: 20px;
	}

	#alreadysignup
	{
		font-weight:bold;
	}

	#menunavigation {
    overflow: auto;
    white-space: nowrap;
}

#menunavigation a {
    display: inline-flex;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
    border:none;
}

#menunavigation a:hover {
    background-color: #777;
}

#andmore
{
	display:none;
}

#howworkscontent {
    width: 100%;
    height: auto;
    background: #f5f6fa;
    transform: skewY(-4deg);
    display: block;
    padding-bottom:40px;
}

#howworkscontent2
{
	width:100% !important;
}

#howworkscontent1 {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    /* height: 120px; */
    transform: skewY(4deg);
    text-align: center;
    }

 #ecosys   {
    margin-top: -25px;
}

#ecosys1 {
    margin-top: 10px;
    /* display: inline-block; */
    width: 100%;
        height: 80px;
    text-align: center;

}

.box {
    display: block;
    width: 100%;
}

.textforfirstimg
{}


.textforfirstimg,.textforfirstimg2,#ecosys2
{

    width: 100%;
    text-align: center;
}

#ecosys2{        margin-top: 40px;
}

#footerecosys
{
/*
    margin-left: 20%;
    margin-right: 20%;
 */
}


footer .main-footer
{
	display:block !important;
}

p.separator:before{
    background-color: inherit !important;
    position:initial !important;
}

.left,.right
{
    width: 100%;
    margin : 0px !important;
    display: inline-grid;
    text-align: center;
}

footer .main-footer a
{
    margin : 0px !important;
}

/*
p.separator:before
{
	background-color:none !important;
}
 */

 #divready
 {padding-top: 15px;}

 #howworkscontent2 iframe{max-width: 100%;}

 #androidbtn{
 	text-align:center;
 }
 #imgandroid{
    width: 40%;
    margin-top: 20px;
    }