html, body {
	margin: 0;
	background-color:#fff;
	padding: 0;

	font-family: 'Open Sans', sans-serif;
    /*font-family: 'DM Sans',sans-serif;*/

	/* prevent ios font size changes */
	-webkit-text-size-adjust: none;
}


h1, h2, h3, h4, h5, h6 {

    font-family: 'DM Sans',sans-serif;

}


/* https://gka.github.io/palettes/#/9|s|d64f8b,d9bd7f,29d4b4|ffffe0,ff005e,93003a|0|0  */

.color-0 { background-color: #d64f8b; }
.color-1 { background-color: #d64f8b; }
.color-2 { background-color: #d76b88; }
.color-3 { background-color: #d88685; }
.color-4 { background-color: #d8a182; }
.color-5 { background-color: #d9bd7f; }
.color-6 { background-color: #adc38d; }
.color-7 { background-color: #81c89a; }
.color-8 { background-color: #55cea7; }
.color-9 { background-color: #29d4b4; }
.color-10 { background-color: #29d4b4; }


.text-color-0 { color: #d64f8b; }
.text-color-1 { color: #d64f8b; }
.text-color-2 { color: #d76b88; }
.text-color-3 { color: #d88685; }
.text-color-4 { color: #d8a182; }
.text-color-5 { color: #d9bd7f; }
.text-color-6 { color: #adc38d; }
.text-color-7 { color: #81c89a; }
.text-color-8 { color: #55cea7; }
.text-color-9 { color: #29d4b4; }
.text-color-10 { color: #29d4b4; }



header {
    position: fixed;
    top: 0px;
    min-height: 32px;
    background-color: #fff;
    display: block;
    width: 100%;
    z-index: 1000;
    /* box-shadow: 0 0px 10px #00000077; */
    transition: all 0.3s ease-in-out;
    background-color: #ffffff;
    /* padding-top: 15px; */
    box-shadow: 0 0px 3px #00000077;
    padding-top: 13px;
}

header .content {
    /*padding: 15px;*/

    transition: all 0.1s linear;
}


.sticky_app_section {
    position: fixed;
    display: none;

    z-index: 1001;
    top: 62px;
    left: 0px;

    width: calc(100% - 200px);
    padding-left: 100px;
    padding-right: 100px;

    opacity: 0;

    -webkit-transition: opacity 0.1s linear;
       -moz-transition: opacity 0.1s linear;
        -ms-transition: opacity 0.1s linear;
         -o-transition: opacity 0.1s linear;
            transition: opacity 0.1s linear;
}

.sticky_app_section.show {
    /*display: block;*/
    opacity: 1;
}

.sticky_app_section .content {
    background: #fff;
    box-shadow: 0px 8px 6px -6px #00000014;
    padding: 20px;

    max-width: calc(1200px - 42px);
    border: solid 1px #0000001c;

}


header.hero {

    box-shadow: none;
    background-color: #fff;
    /*padding-top:  50px;*/
    padding-top: 70px;
}


.hero_title {
    width: 600px;
}


header.hero .content {
    padding-bottom: 18px;
    padding-top: 50px;
}


header.hero .show_on_scroll {
    opacity: 0;
    display: none;
}

header.hero .logo.desktop img {
    /*width: 40px;*/
    width: 180px;
    margin-right: 8px;

    transition: all 0.3s ease-in-out;
}

header.hero .logo.desktop span {
    font-size: 30px;

    transition: all 0.3s ease-in-out;
}




header.hero.scroll {

    /* background-color: #2645a2; */
    /* padding-top: 100px; */
    background-color: #fff;
    padding-top: 10px;
    box-shadow: 0 0px 3px #00000036;
    padding-bottom: 10px;

}


header.hero.scroll .content {
    padding-top: 15px;
}


header.hero.scroll .show_on_scroll {
    opacity: 0;
    display: none;
}

header.hero.scroll .logo.desktop img {
    /*width: 30px;*/
    width: 130px;
    margin-right: 8px;
    padding-top: 3px;
}


.logo.small.fixed img {
    width: 130px;
    margin-top: -25px;
}


header.hero.scroll .logo.desktop span {
    font-size: 20px;
}





.topic {
    margin-top:  100px;
    margin-bottom:  50px;
    /*min-height: 10px;*/
}




.section {
	min-height: 300px;
	padding: 100px;
    padding-top: 140px;
}


.section:nth-of-type(1) {
    padding-top: 140px;
}

.section.hero:nth-of-type(1) {
    padding-top: 260px;
}



.section.hero {
    /*background-image: linear-gradient(135deg, #1c4587, #7b30a5);*/
    /*background-image: linear-gradient(135deg, #0046b7, #7b30a5);*/
    /*background-image: linear-gradient(135deg, #0039ad, #00d2a8)*/
    /*background-image: linear-gradient( 111deg, #1c4587, #2293c5);*/

        /*background-image: linear-gradient(135deg, #0136a2, #00c1af);*/

    /* background-image: linear-gradient(135deg, #0136a2, #199ddc); */

    background-color: #fff;

    /*padding-bottom: 0;*/

    padding-top: 260px;

}

.section.hero h1.title {
    /*max-width: 540px;*/
    /*max-width: 440px;*/
    max-width: 550px;
}

.section.cutoff {
    background-color: #eff5ff;
    overflow: hidden;
    position: relative;
    width: calc(100% - 200px);
}



.title .subtitle {
    display: block;
    font-size: 20px;
}

.title .main_title {
    display: block;
    margin-top: 10px;
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
}


footer {
	/* background-color: #b9dcf2; */
	background-color: #d3e4ff;
    min-height: initial;
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}



.section.bright {
	background-color: #eff5ff;
}

.section.bright_2 {

    /*background-image: linear-gradient(62deg, #2e5fad52, #744cb72e);*/

    background-color: #d9e5f9;

    /*padding-bottom: 0;*/
    /*padding-top: 40px;*/
}

.section.dark_2 {
    background-color: #5a83c6;
}

.section.extra_Space {
	padding-top: 140px;
	padding-bottom: 140px;
}



.section.highlight {
        /*background-image: linear-gradient(198deg, #663eb1, #6f17a0);

        background-image: linear-gradient(270deg, #2dbda9, #2645a2);  */

        background-color: #5a83c6;

	  /*  padding-top:  40px;
	    padding-bottom: 40px;*/

        min-height: 500px;

        /* border-bottom: solid 1px #00000055; */
}




.section.dark {
	background-color: #103269;
}



.content {
	display: block;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}


.section.cutoff .content {
    z-index: 10;
    position: relative;
}

.blog_post {
    max-width: 700px;
    line-height: 1.8;
}

.blog_post img {
    width:  100%;
}

.blog_post h1 {
    font-size: 3em;
    line-height: 1.4;
}

.blog_post h2 {
    font-size: 2em;
    line-height: 1.4;
    margin-top: 100px;
}

.blog_post h3 {
    /*font-size: 3em;*/
    line-height: 1.4;
    margin-top: 80px;
}

.blog_post table {
    max-width: 500px;
}
.blog_post td {
    min-width: 450px;
    padding: 5px;
}

.blog_post li {
    margin-bottom: 20px;
}

.blog_post li li {
    margin-top: 5px;
    margin-bottom: 5px;
}


h3.thin {
    font-family: 'Open Sans', sans-serif;

    font-size: 26px;
    font-weight: 100;
    color: #000;
}


h3 span.trans {
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 100;
}


.top_menu {
    text-align: right;
    font-size: 16px;
    float: right;
    /* padding-top: 20px; */
    display: inline-block;
    margin-top: -3px;
}

.menu_item {
	margin-left: 30px;
	cursor: pointer;
	color: #fff;
    opacity: 0.85;
}

.header_action_button {
    display: inline-block !important;
    margin-left: 0;
    float: right;
    margin-top: 12px;
}

.header_action_button a{
    padding-left: 10px;
    padding-right: 10px;
}


.menu_item:hover {
	opacity: 1;
}


footer .menu_title {
	color: #fff;
    display: block;
    margin-bottom: 20px;
    font-weight: 100;
}

footer .menu_item {
    margin-left: 0;
    cursor: pointer;
    color: #fff;
    opacity: 0.8;
    display: block;
    font-weight: 100;
    margin-bottom: 15px;
}

footer .menu_item a {
    /* color: #fff !important; */
    color: #000000d4;
}

.top_menu .menu_item a {
    color: #00000082;
}


.logo {
	font-family: 'Comfortaa';
	font-size: 40px;
	font-weight: 100;
	color: #86d1ff;
	margin-bottom: 60px;
}
.logo span {
	color: #fff;
}

.logo.dark span {
    color: #333;
}

.logo.small {
    font-size: 20px;
    font-weight: 100;
    color: #fff;
    margin-bottom: 0;
    /* margin-top: 4px; */
    display: inline-block;
    /* margin-left: 10px; */
    vertical-align: top;
    margin-top: 5px;
}

.logo.dark {
    filter: brightness(0);
    opacity: 0.4;
    width: 130px;
}


.logo.subscribe {
    margin-bottom: 100px;
}



.logo.small span {
	color: #fff;
    /*vertical-align: middle;
    margin-top: 5px;*/
}



.logo img {
    width: 50px;
    vertical-align: middle;
    /* opacity: 0.8; */
    /* margin-left: -5px; */
    /*margin-top: 0;*/
    margin-right: 8px;
    /*margin-top: 5px;*/
}

.logo.small img {
    /*width: 30px;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -10px;
    margin-bottom: -10px;*/

    width: 130px;
    vertical-align: middle;
    margin-right: 0;
    margin-top: -10px;
    margin-bottom: -10px;
}


.check_bullet {
    vertical-align: middle;
    width: 14px;
    margin-bottom: 0;
    margin-right: 5px;
    margin-left: 10px;
    margin-top: 2px;
}


.beta {
    padding: 5px;
    border-radius: 0px;
    background-color: #a052c300;
    font-size: 14px;
    font-weight: 200;
    /* margin-left: 5px; */
    /*color: #bd70e0 !important;*/
    color: #fff5 !important;
    padding-left: 12px;
    padding-right: 12px;
    /*border-left: solid 1px #b86fddde;*/
    border-left: solid 1px #fff5;
    padding-bottom: 2px;
    margin-left: 5px;
}

footer .logo.small {
    margin-top: 0;
}



.hero_image_container{
    /*padding-left: 80px;
    padding-top: 20px;
    margin-right: -100px;

    perspective: 1000px;*/
}

.hero_image_container img {
    box-shadow: 10px 10px 30px #0002;
}

.hero_image_container.devs {
    min-width: 100px;
    padding-top: 50px;
    padding-left: 100px;
}


.hero_img{
    width: 520px;
    position: absolute;
    /*margin-top: 50px;*/
    /*
    transform-style: preserve-3d;

    -webkit-transition: transform 3.5s cubic-bezier(0,0.9,0.98,1);
       -moz-transition: transform 3.5s cubic-bezier(0,0.9,0.98,1);
        -ms-transition: transform 3.5s cubic-bezier(0,0.9,0.98,1);
         -o-transition: transform 3.5s cubic-bezier(0,0.9,0.98,1);
            transition: transform 3.5s cubic-bezier(0,0.9,0.98,1);
    */
}

.dev_hero_img {
    /*width: 300px;
    margin-left: 80px;*/

    width: 300px;
    /* margin-left: 80px; */
    position: absolute;
    right: 200px;
    top: 300px;
}


.dev_hero_bg {
    /*position: absolute;
    right: -30%;
    top: -10%;
    width: 70%;*/

    position: absolute;
    right: -550px;
    top: -200px;
    width: 1350px;
}

.search_bar {
	display: inline-block;
    height: 30px;
    width: 300px;
    margin-left: 50px;
    background-color: #fff;
    /* vertical-align: middle; */
    margin-top: 1px;
    vertical-align: bottom;

}

.search_bar input {
    background-color: #00000000 !important;
    font-size: 15px !important;
    height: 30px !important;
    border: none !important;
    width: calc(300px - 30px) !important;
    vertical-align: bottom !important;
    padding-left: 8px !important;
    padding-bottom: 5px;
    padding-right: 5px;
}

.search_bar img {
	width: 20px;
    margin-top: 6px;
    opacity: 0.5;
}


.search_bar.homepage img {
    margin-bottom: 3px;
}



.search_bar.homepage {
    margin-left: 0;
    width: 100%;
    height: 40px;
    border-radius: 2px;
}

.search_bar.homepage input {
    width: calc(100% - 30px) !important;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 40px !important;
}


.title {

    font-family: 'DM Sans',sans-serif;

	/*font-size: 30px;*/
	color: #000;
	/*font-weight: 100;*/
	/*margin-bottom: 60px;*/
    margin-bottom: 30px;

	/*width: 600px;*/

    font-size: 40px;
    font-weight: 600;
}

.title.short {
    margin-bottom: 20px;
}

/*.title span {
	color: #fff;
}*/

h1.title {
    color: #0005;

    font-weight: 200;
    font-size: 38px;
}

h2.title {

    font-weight: 100;
    font-size: 32px;
    margin-bottom:  40px;
}

.title.black span {
	color: #000;
}

.title.light {
	color:  #fff;
}

.text {
	max-width: 650px;
	font-size: 16px;
	/* color: #fff; */
	color: #00000082;
	font-weight: 100;
	margin-bottom: 60px;
	line-height: 1.6;
}

.text.bold {
	font-weight: 400;
}


.text.medium {
    font-size: 20px;
    font-weight: 200;
    max-width: 850px;
}

.show_more_inline_btn {
    font-size: 16px;
    font-weight: 200;
    margin-left: 10px;
    color: #0006;
}

.devs_subtitle {
    margin-top: 50px;
    font-size: 20px;
}


.devs_video_container {
    width: 560px;
    height: 315px;
    float: none;
    clear: both;
    margin: 2px auto;
}

.text.small {
	font-size: 13px;
	opacity: 0.5;
	margin-top: 40px;
}

.agree_text {
    font-size: 13px;
    color: #0006;
    /*max-width: 300px;*/
}

.info_text.small {
    font-size: 13px;
    opacity: 0.6;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 40px;
    width: initial;
    margin-left: 80px;
    color:  #00000070;
    border-top: solid 1px #00000030;
    padding-top: 20px;
}

.info_text.small.full_width {
    margin-left: 0px;
    margin-right: 0px;
    border-top: none;
    margin-top: 20px;
    opacity: 0.45;
    color: #000000c4;
}


.text.mid_small {
	color: #000;
	font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.text.very_small {
    opacity: 0.5;
    font-size: 12px;
    margin-bottom: 0;
}


.text.dark {
	color:  #000000dd;
}



.text.light {
	/*color: #ccc;*/
    color: #00000069;
}

.text.big {
	font-weight: 400;
    font-size: 40px;
    margin-bottom: 20px;
    width: initial;
}
.text.label {
	width: initial;
}



.text_item {
	margin-bottom: 10px;
}


.title.small {
	text-align: left;
    color: #fff;
    opacity: 0.4;
    margin: 20px;
    font-size: 16px;
    width: initial;
    margin-left: 0;
    margin-top: 50px;
}

.title.bright {
    color: #fff;
    font-size: 30px;
    font-weight: 100;
}

.title.small.brighter {
    color: #fff;
    margin-top: 0;
    opacity: 1;

    font-weight: 100;
}

.title.medium {
	text-align: left;
    /* margin: 30px; */
    font-size: 20px;
    width: initial;
    /* margin-left: 0; */
    /* margin-top: 50px; */
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 30px;
}

.title.dark {
	color:  #000000dd;
}



.horizontal_list {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.horizontal_list.left {
	display: block;
}

.list_item {
	display: table-cell;
    text-align: center;
}

.horizontal_list.left .list_item {
	display: inline-block;
}



.horizontal_list.large_platform_logos {
	display: block;
}


.horizontal_list.large_platform_logos .list_item {
	display: inline-block;
}


.list_item.homepage.hero {
    width: 130px;
    padding-right: 80px;
    padding-left: 0;
}


.list_item.subscribe.hero {
    width: 120px;
    padding-right: 40px;
    padding-left: 0;
}


.app_title {
    margin-bottom: 0px;
    margin-top: 0px;

	font-weight: 600;
    font-size: 20px;

    height:  60px;

    display: inline-flex;
    justify-content: normal;
    align-items: center;
    text-align: left;
}

.app_title.disabled {
	margin-bottom: 10px;
}



.score_title {
    /*margin-bottom: 3px;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
    font-size: 18px;*/

    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-top: 25px;
    color: #000;
}

.total_score {
    width: 300px;
    /* float: right; */
    /* border-left: solid 1px #00000020; */
    padding-left: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.total_score.main_score {
    min-height: 450px;
}


.result {
    border: solid 1px #0000001c;
    width: calc(100% - 122px);
    margin-bottom: 20px;
    padding: 15px;
    background-color: #fff;
    cursor: pointer;
}

.result.popular_app {
    display: inline-block;
    width: 377px;
    border: none;
    border-radius: 5px;
    /* margin-right: 25px;
    margin-bottom: 30px; */

    margin-right: 10px;
    margin-bottom: 15px;
}

a, a .result, a:hover .result, a:focus .result, a:active .result {
      text-decoration: none !important;
      color: #28adff;
}

.result:hover {
    background-color: #f3fdff;
    border: solid 1px #0000000f;
}

.result.popular_app:hover {
    background-color: #f3fdff;
    border: none !important;
}

.result img {
	vertical-align: middle;
	/*border-radius: 50px;*/
	width: 50px;
	margin-right: 15px;
}
.result div.app_title {
	display: inline-flex;
	width: 340px;
	overflow: hidden;
	vertical-align: middle;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

.result.popular_app div.app_title {
    display: inline-flex !important;
    width: initial;
    max-width: calc(100% - 90px);
    overflow: hidden;
    vertical-align: middle;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
}


.result div.platforms {
	display: inline-block;
	width: 200px;
	vertical-align: middle;
    margin-top: 0;
}

.result.popular_app div.platforms {
    float: right;
    width: initial;
    margin-top: 5px;
    vertical-align: middle;
}


div.platforms img {
	width: 18px;
	margin-right: 5px;
	border-radius: 0;
	vertical-align: middle;
}

.platforms {
	margin-top: 40px;
}



    .result.popular_app div.platforms {
        float: right;
        width: initial;
        margin-top: 5px;
        vertical-align: middle;
    }


    .popular_app div.platforms img {
        width: 15px;
        margin-right: 5px;
        border-radius: 0;
        vertical-align: middle;
        opacity: 0.5;
    }




.platform_tag {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding:  6px;
    padding-bottom: 8px;
    padding-left: 10px;
	background-color: #eeeeeea3;
	border-radius: 5px;
    overflow: hidden;
    /*white-space: nowrap;*/
}

.platform_tag .app_name {
	color:  #000000ee;
}

.social_proof_icon {
    width: 20px;
    margin-right: 15px;
    border-radius: 0;
    vertical-align: bottom;
}

.social_metric {
	/*display: inline-block;*/
	margin-bottom: 10px;
	vertical-align: middle;
}

.social_metric_icon {
	width: 15px;
	margin-right: 15px;
	opacity: 0.2;
	vertical-align: initial;
}

div.platforms span {
	vertical-align: middle;
	margin-right: 10px;
	color: #00000047;
	font-size: 14px;
}

.result div.rank_holder {
	float: right;
    margin-right: 15px;
    margin-top: 16px;
}


.result.popular_app div.rank_holder {
    float: initial;
    margin-right: 0px;
    margin-top: 15px;
}


.rank {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 200;
	margin-right: 10px;
    margin-left: 10px;


}

.rank .score {
    color: #000;
    font-weight: 500;
}

.rank_title {
    font-size: 14px;
    font-weight: 400;
    color: #00000066;
    margin-top: 20px;
    display: block;

}


.popular_app .rank_title {
    font-size: 14px;
    font-weight: 200;
    /* margin-bottom: 10px; */
    margin-top: 2px;
    display: inline-block;
    color:  #000;
}

.result .rank_title {
    font-size: 14px;
    font-weight: 200;
    color:  #000;
    /*margin-right: 20px;*/
    margin-right: 0px;
    margin-top: 0px;
    display: inline-block;
}

.result .score_div {
    display: inline-block;
}


.hopepage_popular_apps {
    width: 900px;
    height: 320px;
}


.rank.big {
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	margin: 10px;
	margin-right: 0;
	font-weight: 200;
    margin-top: 0;
}

.rank.total {
	/*display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	font-weight: 400;
	/*margin: 10px;*/
	/*margin-right: 0;*/
	/*margin: 0;*/

	display: inline-block;
    vertical-align: middle;
    font-size: 40px;
    font-weight: 400;
    margin: 0;
    float: right;
    margin-bottom: 15px;
}


.rank .of {
	display: inline-block;
	font-size: 18px;
	font-weight: 200;
	margin-left: 5px;
	color: #00000066;
}

.rank.total .of {
	font-weight: 400;
}

.pending {
	display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin: 10px;
    margin-right: 0;
    font-weight: 400;
    margin-top: 15px;
}

.platform_logo {
    height: 40px;
    margin-right: 30px;
}

.platform_logo.coming_soon {
    filter: brightness(0) invert(1);
    opacity:  0.3;
}


.bar_holder {
	display: inline-block;
    vertical-align: middle;
	background-color: #eee;
	width: 100px;
	height: 5px;
}

.bar_holder.large {
	width: 200px;
	height: 8px;
	border-radius: 10px;
}

.bar_holder .bar {
	/*background-color: #aaccff;*/
	height: 5px;
}

.bar_holder.large .bar {
	height: 8px;
	border-radius: 10px;
}



.frame {
    border: solid 1px #0000001c;
    padding: 20px;
    background-color: #fff;
}

.frame.spaced {
	margin-bottom: 20px;
}

.frame.app_contact {
    /*background-color: #1c4587; */

    /*background-image: linear-gradient(135deg, #1c4587, #7b30a5);*/
  /*  background-image: linear-gradient(152deg, #1c4587, #7b30a5);
    */
    padding: 80px;
}

.frame.app_contact .app_title {
    color:  #fff;
}


.frame.app_contact .table {
    margin-top:  0;
    max-width: initial;
    width: 100%;
    text-align: center;
}

.frame.app_contact .table .cell {
    display: table-cell;
    height: initial;
    width: 50%;

    text-align: left;
    vertical-align: middle;

    padding-left: 40px;
}

.frame.app_contact .table .cell .text {
    /*
    padding: 60px;
    margin: 0;
    margin-bottom: 50px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 20px;
    color: #000;*/

    /* padding: 60px; */
    margin: 0;
    margin-bottom: 50px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 20px;
    color: #000;
    /* margin-left: auto; */
    /* margin-right: auto; */
    width: 400px;
}

.frame.app_contact .button {
    min-width: 180px;
    display: inline-block;
}

.quick_action {
    min-width: 200px !important;
}

.frame_content {
	display: table;
	width: 100%;
}

.frame_content_cell {
	display: table-cell;
	vertical-align: top;
	/*width: 60px;*/
}

.frame_spacer {
    width: calc(100% - 100px);
    margin: 20px;
    margin-left: 80px;
    border-bottom: solid 1px #00000012;
    margin-bottom: 20px;
    margin-top: 20px;
}

.spacer {
	border-bottom: solid 1px #00000021; /*#00000012;*/
    margin-bottom: 10px;
    margin-top: 10px;
    display:  block;
}

.spacer.more_space {
    margin-bottom: 40px;
    margin-top: 40px;
}

.hidden_scpacer {
    height: 15px;
}

.frame_content_cell.large {
	padding-left: 20px;
    /*width: 50%;	*/
}

.frame_content_cell.main_summary {
	padding-right: 20px;
}

.frame_content_cell.vendor_options {
    padding-right: 100px;
    width:  100%;
}

.frame_content_cell.score_panel {
    width: 320px;
    position: relative;
    padding-right: 0px;
    border-left: solid 1px #00000020;

}

.frame_content_cell.section_header {
	width: 80px;
}

.frame_content_cell.restricted_feature {
    text-align: right;
    padding-right: 20px;
}

.app_title_table {
    display: table;
    width: 100%;
}
.app_title_cell {
    display: table-cell;
    vertical-align: middle;
    /*min-width: 360px;*/
}

.app_subtitle_section {
    display:  inline-block;
}

.app_title_cell.actions{
    float:right;
    margin-top: 30px;
}

.bullet {
    height: 13px;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 2px;
}

.tooltip_icon {
    display: inline-block;
    height: 13px;
    opacity: 0.25;
    margin-left: 10px;
}

.icon_square {
	width: 60px;
	height: 60px;
	/*background-color: #ccc;*/
	background-position: center;
	background-size: cover;
}

.icon.small {
    width: 30px;
    opacity: 0.25;
    vertical-align: top;
    margin: 10px;
    margin-top: 15px;
    margin-right: 15px;
}


.tooltip {
    position: fixed;
    padding: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
    background-color: #fff;
    box-shadow: 5px 5px 10px #00000011;
    max-width:  200px;

    margin-top: 10px;

    color: #888;

    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 200 !important;

    border-radius: 5px;
    border: solid 1px #00000011;

    display: none;
    opacity: 0;
}

.tooltip.show {
    /*display: block;*/
    opacity: 1;

    margin-top: 0;

    -webkit-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
}


.info_text {
	width: 500px;
	margin-bottom: 40px;
}


.table {
	display: table;

	/*margin-top: 40px;*/
	margin-top: 0px;
	/*margin-bottom: 40px;*/


	color: #000;
    font-size: 16px;
}

.table.login {
    margin-top:40px;
}

.column {
	display: table-cell;
    min-width: 200px;
    vertical-align: top;
}

.column.hero.left {
	/*max-width: 640px;*/
    max-width: 670px;
    min-width: 480px;
}

.column.hero.left.devs {
    min-width: 400px;
    width: 400px;
}


.column.subscribe.left {
    max-width: 480px;
    padding-right: 60px;
}

.column.footer {
    vertical-align: top;
}


.column.profile_info {
	vertical-align: middle;
	width: 270px;
}



.cell {
	display: table-row;
	height: 50px;
}

.cell.short {
	height: 35px;
}


.table.feature .column {
    vertical-align: middle;
    /*min-width: 400px;*/
}

.table.feature .column.right {
    padding-left: 80px;
}


.table.feature .column h2 {

    max-width: 400px;
    margin: 50px;
    margin-left: 0;
}


.feature_text {
    color: #000000dd;
    font-size: 20px;
    font-weight: 200;
    max-width: 850px;

    margin:  50px;
    margin-right: 80px;
    margin-left: 0;
    width: 350px;
}



.rank_tag {
    display: table;
    width: 300px;
    border-radius: 5px;
    /* border: solid 1px #00000022; */
    font-size: 16px;
    text-align: center;
    font-weight: 200;
    background-color: #eeeeeea3;
    overflow: hidden;
}

.rank_tag.small {
	width: 100px;
}

.rank_tag.single {
	width: initial !important;
	display: inline-flex;
}

.rank_tag_cell.grey{
    display: table-cell;
    width: 100px;
    padding: 5px;
    color: #00000055;
    /*background-color: #00000001;*/

    /*border: solid 1px #00000022;*/
}

.rank_tag_cell.color{
    display: table-cell;
    width: 100px;
    padding: 5px;
    /*background-color: #01de3a;*/
    color: #fff;
    font-weight: 400;

    /*border-radius: 3px;*/

    /*border: solid 1px #01de3a;*/
}

.rank_tag_cell.single {
	width: initial !important;
	padding-right: 10px;
	padding-left: 10px;
}

.step_scale {
	display: inline-block;
	height: 10px;
	width: 297px;
    border-radius: 5px;
    /*border: solid 1px #00000022;*/
    background-color: #eeeeeea3;
    overflow: hidden;
}

.step_scale_item{
    display: inline-block;
    width: 23px;
    height: 10px;
    /*padding: 5px;*/
    /*background-color: #00000001;*/

    /*border: solid 1px #00000022;*/

    min-width: 8px;

    vertical-align: top;
}

.safety_category {

	display: table;

    color: #000;
    font-size: 14px;
    font-weight: 400;
    margin-top: 20px;
}

.safety_category .name {
	display: table-cell;
    /*min-width: 90px;*/
    min-width: 115px;
}

.safety_category .tag {
    display: table-cell;
    width: 100%;
    text-align: right;
}

input, select {

	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */

	/* The rule below is not implemented in browsers yet */
	-o-user-select: none;

	/* The rule below is implemented in most browsers by now */
	user-select: none;

	-webkit-tap-highlight-color:transparent;

	/*opacity: 1.0;*/

	-webkit-appearance: none;

	/*transition: 0.5s;*/

	border-radius: 0px;

	-webkit-user-select:text;


    font-family: 'Open Sans', sans-serif;
    font-weight: 100;


    font-size: 16px;
}



::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #0007;
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
  font-size: 14;
  opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #0007;
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #0007;
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
}

input[type=checkbox] {
    border-radius: initial !important;
    -webkit-appearance: checkbox;
    width: initial !important;
}


input::input-placeholder {
    font-weight: 100;
}
input::-webkit-input-placeholder {
    font-weight: 100;
}
input::-moz-placeholder {
    font-weight: 100;
}
input::-ms-input-placeholder {
    font-weight: 100;
}


select.default_option {
    color: #0007;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}

select.available_option {
    colorL: #000;
}


.full_form {

}

.full_form input {
    border: solid 1px #0000002e !important;
    margin-bottom: 20px !important;
    /* display: block !important; */
    padding: 10px;
    width: 280px !important;
    margin-right: 0px !important;
}

.full_form textarea {
    border: solid 1px #0000002e !important;
    margin-bottom: 20px !important;
    /* display: block !important; */
    padding: 10px;
    width: 280px !important;
    margin-right: 0px !important;
}

.full_form select {
    border: solid 1px #0000002e !important;
    margin-bottom: 20px !important;
    /* display: block !important; */
    padding: 10px;
    width: 300px !important;
    margin-right: 0px !important;

    font-weight: 100;
    font-family: 'Open Sans';
}

.full_form select[value="default"] {
    color: #F90;
}


.full_form select .default {
    color: #0006;
}



.full_form input[type=submit] {
    width: 302px !important;
}



.login_form input[type=email] {
    border: solid 1px #0000002e !important;
    margin-bottom: 20px !important;
    /* display: block !important; */
    padding: 10px;
    width: 320px !important;
    margin-right: 0px !important;
}

.login_form input[type=password] {
    border: solid 1px #0000002e !important;
    margin-bottom: 20px !important;
    /* display: block !important; */
    padding: 10px;
    width: 320px !important;
    margin-right: 0px !important;
}

.login_form input[type=submit] {
    width: 337px !important;
}


.login_options_holder {
    width: 340px;
    margin-bottom: 20px;
    font-size: 13px;
}


.forgot_password {
    float: right;
}




.vendor_form {

}

.vendor_form input {
    border: solid 1px #0000002e !important;
    margin-bottom: 20px !important;
    /* display: block !important; */
    padding: 10px;
    width: 280px !important;
    margin-right: 0px !important;
}

.vendor_form textarea {
    border: solid 1px #0000002e !important;
    margin-bottom: 20px !important;
    /* display: block !important; */
    padding: 10px;
    width: 280px !important;
    margin-right: 0px !important;
}

.vendor_form select {
    border: solid 1px #0000002e !important;
    margin-bottom: 20px !important;
    /* display: block !important; */
    padding: 10px;
    width: 300px !important;
    margin-right: 0px !important;
}

.vendor_form input[type=submit] {
    /*float: right;
    width: 200px !important;*/

    width: 300px !important;
}

.vendor_form .column:nth-child(2)  {
    width: 100%;
    padding-left: 40px;
}



.bottom_panel {
    position: absolute;
    bottom: 0;
    padding-left: 10px;
    padding-right: 20px;
}



input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;

}


input[type=email] {
    padding: 10px;
    border: none;
    margin: 0;
    width: 240px;
    margin-right: 10px;
}

input[type=text] {
    padding: 10px;
    border: none;
    margin: 0;
    width: 220px;
    margin-right: 10px;
    margin-bottom: 10px;
}

select {
    padding: 10px;
    border: none;
    margin: 0;
    width: 240px;
    margin-right: 10px;
}

select option:first-child{
  color: green;
}



input[type=submit] {
	/*background: linear-gradient(to right, #67c5ff 0%, #c43bce 60%);*/
    background: #1ca8f5;
    padding: 10px;
    border: none;
    margin: 0;
    color: #fff;
    min-width: 160px;
    text-align: center;
    background-size: 200% auto;
    /* margin-left: -5px; */
    cursor: pointer;
    font-size: 16px;
    font-weight: 200;
    padding-left: 20px;
    padding-right: 20px;

    border-radius: 5px;
}

input[type=submit]:hover {
    /*background-position: right center; /* change the direction of the change here */
    /*background-color: #6bb2f3;*/
    color: #fff;
    background-color: #1695ef;
    text-decoration: none;
    /*opacity: 1;*/
}


.button {

    background: #439ff3;
    padding: 10px;
    border: none;
    margin: 0;
    color: #fff !important;
    min-width: 160px;
    text-align: center;
    background-size: 200% auto;
    /* margin-left: -5px; */
    cursor: pointer;
    font-size: 16px;
    font-weight: 200;
    padding-left: 20px;
    padding-right: 20px;

    border-radius: 5px;

    float: initial;
    padding-top: 10px;
    padding-bottom: 10px;

    opacity: 1 !important;
    font-weight: 600 !important;
}

.button.wide {
    display: block;
    float: initial;
    padding-top: 10px;
    padding-bottom: 10px;
}



.button.small {

    border: solid 1px #439ff3;
    font-weight: 400 !important;
    font-size: 13px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;

    margin-right: 10px;

    min-width: initial;

}

.button.small_fixed {

    border: solid 1px #439ff3;
    font-weight: 200 !important;
    font-size: 13px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;


    min-width: 140px;
    margin-right: 0;
    margin-left: 10px;
}

.button.frameless {
    border: solid 1px #00000000 !important;
    background-color: #fff0 !important;
}


.button.light {

   background: #fff0;
    /* color: #439ff3 !important; */
    color: #36a6f7 !important;
    /* border: solid 1px #439ff3; */
    border: solid 1px #36a6f75c;
    /*background-color: #3d91e20d;*/
    /*background-color: #44baff0a;*/
    background-color: #fff0;

}

.button.light:hover {
    background-color: #e8f4ff55;
}

/*a.button.small:hover {
    font-weight: 400 !important;
}*/

.button.right {
    float: right !important;
}


.button.keep_one_line {
    width: max-content !important;
    margin-right: 0 !important;
}

.button.no-margin {
    margin: 0px !important;
}


.result .rank_holder .button {
    min-width: 100px;
    margin-left: 60px;

    margin-bottom: -3px !important;
    margin-top: -3px !important;
}


.button.pink {
    /*background-color: #d38dff;
    border: solid 1px #d38dff;
    */
    background-color: #c465ff;
    border: solid 1px #c465ff;

    color: #fff !important;
}




.button.action_wide {
    display: inline-block;
    /* margin-bottom: 0px; */
    margin-top: 50px;
    min-width: 200px;
}



textarea {
    -webkit-tap-highlight-color: transparent;
    /*opacity: 0.8;*/
    -webkit-appearance: none;
    transition: 0.5s;
    border-radius: 0px;
    -webkit-user-select: text;
    font-size: 16px;

    /*margin-top: 10px;*/
    margin-bottom: 10px;

    font-family: 'Open Sans', sans-serif;
    font-weight: 100;

    padding: 10px;

    width: 490px;
}

input[type=radio] {
    -webkit-appearance: radio !important;
    width: initial !important;
    display: bloc;
}


.option_panel {
    /*min-width: 400px;*/
    padding:  20px;
    background-color: #00000003;
    border: solid 1px #00000012;
    border-radius: 5px;
    margin-bottom: 10px;
}

.option_description {
     margin-left: 32px;
     color: #000000aa;
     font-size: 14px;
}

.option_panel label {
    margin-left: 10px;
}

.option_panel textarea {
    width: calc(100% - 52px) !important;
    margin-bottom: 0px !important;
    margin-left: 32px;
}






.recaptcha {
    /*margin-top: 10px;*/
    margin-bottom: 10px;
    display: inline-block;
}


a:link, a:visited, a:hover, a:active, a:-webkit-any-link {
	/*color: #28adff;*/
    color: #36a6f7;

    text-decoration: none !important;

    /*font-weight: 300;*/
}

.long_url {
	overflow-wrap: anywhere;
    line-break: anywhere;
}


/* TOAST */

#snackbar {

    font-family: 'Lato', sans-serif;

    visibility: hidden;
    width: 300px;
    margin-left: -150px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 5.5s;
    animation: fadein 0.5s, fadeout 0.5s 5.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}




form.contact_us_form {
    /*width: 830px;*/
    width: 510px;
}


.subscribe form.contact_us_form {
    width: initial;
}

form.wide {
    width:  100% !important;
}



.mobile{
	display: none !important;
}

.desktop {

}



.subtitle {

}


.black {
	color: #000;
    font-weight: 600;
}



.panel {
    display: inline-block;
    background-color: #fff;
    width: 300px;
    border-radius: 15px;
    box-shadow: 10px 10px 30px #0000000a;
    padding: 50px;

    font-weight: 100;

    margin-right: 40px;
    margin-bottom: 40px;

    vertical-align: top;
}

.panel.search {
	width: 100%;
    background-color: #ffffff14;
    max-width: 550px;
    padding: 40px;
    box-shadow: 10px 10px 30px #00000005;
    border-radius: 0;
    margin-top:  40px;
    margin-bottom: 0;
}


.panel.search.not_found {
    margin-top: 0;
    border-radius: 5px;
    background-color: #1c458752;
    max-width: initial;
    width: calc(100% - 170px);
    margin-bottom: 40px;
}


.panel.message {
    margin-top:  20px;
    color:  #000;
    font-size: 16px;
    font-weight: 100;

    border: solid 1px #00000012;
}

.panel.small {
    padding: 20px;
    width: 300px;
    margin: 0;
}

.panel.tall {
    width:  260px;
    min-height: 400px;
    padding:  40px;
}

.panel.tall.popular {
    border: solid 2px #b7e3ff;
}

.panel.tall h2 {
    margin-top: 0px;
}

.panel.wide {
    width:  960px;
    /*min-height: 200px;*/
    padding:  40px;

    vertical-align: top;
}

.panel.wide h2 {
    margin-top: 0px;
}

.panel.wide .table {
    margin-top: 0px;
}

.panel.wide .text {
    padding-right: 100px;
    margin-bottom: 0px;
}




.panel.login.side_left {
    padding: 100px;
    width: 350px;

    min-height: 375px;
}

.panel.login.side_right {
    background-color: #ffffff7a;
    /* box-shadow: none; */
    width: 250px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 105px;
    min-height: 420px;
    margin-bottom: 0;
}


.panel.login h2 {
    margin-top: 0px;
    margin-bottom: 50px;
}

.panel.login h3 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.panel.login .panel.message {
    width: calc(100% - 100px);
}

.table.login .cell {
    display: table-cell;
    vertical-align: top;
}







.panel.submit.side_left {
    padding: 100px;
    width: 350px;
    min-height: 375px;
    border: solid 1px #0001;
    border-right: none;
    box-shadow: none;
}

.panel.submit.side_right {
    background-color: #e3f4ff70;
    /* box-shadow: none; */
    width: 250px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 105px;
    min-height: 420px;
    margin-bottom: 0;
    border: solid 1px #203d5a0d;
    border-left: none;
    box-shadow: none;
}


.panel.submit h2 {
    margin-top: 0px;
    margin-bottom: 50px;
}

.panel.submit h3 {
    margin-top: 0px;
    margin-bottom: 20px;
}

.panel.submit .panel.message {
    width: calc(100% - 100px);
}


.table.submit .cell {
    display: table-cell;
    vertical-align: top;
}






.panel.reset_password {
    width: initial;
}




.panel.subscribe {
    min-height: 680px;

}

.panel.subscribe.side_left {
    width:  480px;
    padding:  50px !important;
    background-color: #ffffff7a;
}

.panel.subscribe.side_right {

}

.panel.subscribe.side_left ul.circle_check {
    margin-top:  50px;

}

.panel.subscribe h1 {
    margin-top: 0px;
    margin-bottom: 40px;
    font-size: 2em;
}

.panel.subscribe h2 {
   /* font-weight: 100;
    font-size: 1.3em;*/
    margin-bottom: 40px;
}

.panel.subscribe .panel.message {
    display: block;
    width: calc(100% - 100px);
}

.panel.subscribe.side_left.submit_app {
    width: 330px;
    min-height: 460px;
}

.panel.subscribe.side_right.submit_app {

    min-height: 460px;
}

.panel.subscribe.submit_app h2 {
    margin-top: 0;
}


.panel.subscribe.submit_app.side_left ul.circle_check {
    margin-top: 10px;
}


.panel.question {
    display: block;
    width:  100%;
    max-width: 600px;
    padding:  18px;
    margin-bottom: 20px;
    cursor: pointer;
}

.panel.question img {
    width: 15px;
    opacity: 0.4;
    float:  right;
    margin-top:  8px;
}

.panel.question img.up {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);

    margin-top:  5px;
}

.panel.question h2 {
    margin: 0px;
    font-size: 18px;
    font-weight: 100;
}

.panel.question .answer {
    padding:  20px;
    padding-top:  30px;
}

.panel.question .answer.hide {
    display: none;
}
.panel.question .answer.show {
    display: block;
}


.panel.question h2 span {
    max-width: 575px;
    display: inline-block;
}


.panel.restricted_app {
    background-color: #eff5ff;
    margin-bottom: 0;
    margin-top: 40px;
    width: calc(100% - 80px);
    font-size: 14px;
    padding: 35px;
    border-right: solid 1px #00000011;
    border-bottom: solid 1px #00000011;
}


.panel.restricted_app .table {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.panel.restricted_app .table .cell {
    width: 50%;
    display: table-cell;
}

.panel.restricted_app .table .cell div {
    margin-bottom: 10px;
    font-size: 14px;
}

.panel.restricted_app .table .cell .button {
    margin-right: 0;
}


.panel.restricted_app .button {
    display: inline-block;
    min-width: 165px;
    padding: 6px;
    padding-left: 12px;
    padding-right: 12px;
}



.panel.side_right {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.panel.side_left {
    margin-right:  0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}




.panel.step {

    width: 190px;
    min-height: 190px;

    border: none;
    padding: 30px;

    box-shadow: none;

    /*background-color: #f7f7f7;*/
    background-color: #fff;
}

.panel.step h3 {
    margin-top: 0;
    margin-bottom: 15px;
}

.panel.step h4 {
    margin-top: 15px;
    margin-bottom: 20px;

    font-weight: 100;
    font-size: 1.3em;
}


.feature_icon {
    height: 35px;
    float: right;
    opacity: 0.6;
    margin-top: -5px;
    margin-right: -5px;
}



.user_profile {
    font-weight: 200;
}

.user_profile span {

}

.user_profile img {

	width:  40px;
	height:  40px;
	border-radius: 50px;
	border:  solid 2px #fff;

    vertical-align: middle;
    margin-right: 20px;
}

.dotted_line {
    margin: 20px;
    min-width: 50px;
    border-top: dashed 1px #0000003d;
}

.trans {
	opacity:  0.4;
}

.trans.small {

    font-size: 14px;
    opacity: 0.5;
    text-align: left;
}

.trans.tiny {
    /*display: inline-block;*/
    font-size: 12px;
    font-weight: 400;
    margin-top: 15px;
    opacity: 0.3;
}




.post_thumb {
    display: inline-block;
    width: 300px;
    box-shadow: 10px 10px 30px #0000000a;

    margin-right:  30px;
}

.post_thumb a div:nth-child(1) {
/*post_thumb img {*/
    width:  300px;
    height: 163px;
    background-size: cover;
    background-repeat: no-repeat;
}

/*post_thumb div {*/
.post_thumb a div:nth-child(2) {
    /*width: calc(250px - 40px);*/
    display: block;
    padding: 25px;
    background-color: #fff;
    margin: 0 !important;
    font-weight: 300 !important;
}


.post_thumb a div h3 {
    font-size: 20px;
    margin-top: 0;
    font-weight: 300;
    margin-bottom: 0;
    margin-top:  0;
}


.page_not_found_icon {
    width: 200px;
}





/*
    tiny-scroller
*/

.tns-outer button[data-action="stop"], .tns-outer button[data-action="start"] {
    display: none;
}

.tns-nav {
    text-align: center;
    width: 850px;
    margin-top: 15px;
}

.tns-nav > [aria-controls] {
    width: 9px;
    height: 9px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: #00000011;
    border: 0;
}

.tns-nav > .tns-nav-active {
    background: #00000035;
}

.tns-ovh {
    overflow: hidden;
    width: 900px;
}

.social_icon {
    width:  30px;
    margin-right: 10px;
}



ul.circle_check {
    list-style: none;
    width: initial;
    padding-left: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;

    /*list-style-type: disc;*/
    list-style-position: inside;
    text-indent: -32px;
    padding-left: 33px;

    margin-top: 30px;
}

ul.circle_check li::before {
    margin-right: 15px;
    display: inline-block;
    width: 13px;
    height: 13px;
    content: "";
    background: url("/static/assets/img/circle_check.png");
    background-size:13px 13px;
    vertical-align: middle;
}

.circle_check li {
    display: list-item;
    margin-bottom: 15px;
}

.circle_check li span {
    /*margin-left:  8px;*/
}

.circle_check h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 14px;
    opacity: 0.4;
    margin-top: 40px;
    margin-bottom: 25px;
}

.breadcrambs {
    margin-top: 30px;
    margin-bottom: 30px;
}

.breadcrumbs_spacer {
    opacity: 0.3;
    margin-left: 5px;
    margin-right: 5px;
}


.consent_popup {
    display: block;
    position: fixed;
    bottom: 0;
    padding: 10px;
    background-color: #fff;
    left: 0;
    width: calc(100% - 20px);

    box-shadow: 0px 0px 5px #00000011;
    border-top: solid 1px #00000011;

    z-index: 2000;

    text-align: left;
}

.announcement_popup {
    display: block;
    position: relative;
    padding: 8px;
    font-size: 13px;
    font-weight: 100;
    background-color: #fff;
    /*width: 100%;*/

    z-index: 2000;

    text-align: center;
}

.announcement_popup a {
    font-weight: 500;
}

.announcement_popup span {
    width: calc(100% - 35px);
    display: inline-block;
}

.announcement_popup .close_btn {

    width: 10px;
    height: 10px;
    float: right;
    margin-right: 5px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMjQgMjAuMTg4bC04LjMxNS04LjIwOSA4LjItOC4yODItMy42OTctMy42OTctOC4yMTIgOC4zMTgtOC4zMS04LjIwMy0zLjY2NiAzLjY2NiA4LjMyMSA4LjI0LTguMjA2IDguMzEzIDMuNjY2IDMuNjY2IDguMjM3LTguMzE4IDguMjg1IDguMjAzeiIvPjwvc3ZnPg==);
    background-size: 10px 10px;
    padding: 6px;
    background-repeat: no-repeat;
    background-position: 6px 6px;
    opacity: 0.5;

    cursor: pointer;
}

.announcement_popup .close_btn:hover {
    opacity: 1.0;
}


.consent_popup span {
    padding: 10px;
    display: inline-block;

    color: #000000dd;
    font-size: 16px;
    font-weight: 100;
}

.consent_popup .button {
    /*float: right;*/
    min-width: 90px;
    margin-top: 2px;
    font-weight: 100 !important;
}


.switch {
    display: inline-block;
    border-radius: 10px;
    /* height: 40px; */
    background-color: #2d4e7d14;
    font-size: 16px;
    font-weight: 400;
    color: #000000ab;
}

.switch .option {
    display: inline-block;
    padding: 15px;
    margin: 3px;
    min-width: 200px;
    text-align: center;
    color: #0009;
}

.switch .option.selected {
    border-radius: 8px;
    background-color: #439ff3;
    font-weight: 400;
    color:  #fff;
}

.switch .option.selected.pink {
    background-color: #c465ff;
    /*border: solid 1px #c465ff;*/

    color: #fff !important;
}


.pagination {
    text-align: left;
    margin-top:  50px;
    margin-bottom:  20px;
}

.pagination a {
    margin:  10px;
}

.pagination span {
    margin:  10px;
}





/* slider */

.popular_apps_scroll {
    width: 830px;
}

.swiper-container {
  width: 870px;
  height: 370px;
}

.swiper-slide {
  width: 870px;
  height: 370px;
}


.swiper-pagination {
    /*padding-top:  20px;*/
    /*padding:-right: 20px;*/

    width: 846px !important;
}

.swiper-slide img {

    text-indent:-9999px
}

.swiper-lazy-preloader {
    position: relative; !important;
    width: 60px;
    height: 60px;
}


.prompt {
    padding: 20px;
    /*margin-bottom: 10px;*/
    border-radius: 5px 5px 0 0;
    text-align: center;
    padding-bottom: 17px;
}
.prompt.good {
    background-color: #baecff;
}


.prompt img {
    width: 25px;
    opacity: 0.6;
    vertical-align: middle;
    margin-right: 12px;
    margin-bottom: 2px;
    margin-left: 5px;
}

.prompt span:nth-of-type(1){
    color: #000a;
    font-size: 16px;
}
.prompt a{
    /*color: #0000008c;*/
    font-size: 14px;
    float: right;
    margin-top: 2px;
}







.dev_hero_img {
    /*width: 300px;
    margin-left: 80px;*/

    width: 300px;
    /* margin-left: 80px; */
    position: absolute;
    right: 200px;
    top: 300px;
}


.developer_hero_img {
    width: 500px;
}

.developer_hero_img.app_promo {
    margin: -30px;
    margin-left: 50px;
    width: 400px;
}




.third_party_title {
    width: 320px;
}

.third_party_rank {
}


.popular_apps_container {
    height: 400px;
    margin-bottom: 50px;
}

.popular_apps_content {
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    height: 500px;
}

.popular_apps_gallery {
    width: 4000px;
    position: absolute;
    left: 0;

    animation: slide 120s linear infinite;
}

@keyframes slide{
  0%{
    transform: translate3d(0, 0, 0);
  }
  50%{
    transform: translate3d(-1000px, 0, 0);
  }
  100%{
    transform: translate3d(0, 0, 0);
  }
}



.popular_apps_row {
    margin-right: -280px;
}

.popular_apps_row:nth-child(2n) {
    margin-right: 0;
    margin-left: -210px;
}

.top_metric_value {
    width: 140px;
    margin-top: -70px;
    text-align: center;
    font-family: 'DM Sans',sans-serif;
    font-size: 20px;
}

.top_metric_label {

    font-family: 'Open Sans', sans-serif;
    width: 140px;
    height: 80px;
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 200;
}

.title_ticker {
    display: inline-block;
    margin-top: -42px;
    height: 30px;
    width: 450px;
    margin-left: 263px;
}



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

    .dev_hero_img {
        width: 250px;
        position: absolute;
        right: 80px;
        top: 230px;
    }

    .dev_hero_bg {
        right: -700px;
        top: -200px;
        width: 1350px;
    }

}



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





	html, body {
		/*width: 100%;*/
		padding: 0;
		margin: 0;
	}


    header {
        /*position: static;*/
        position:  fixed;
        top: 0px;
    }

    header.hero {
        padding-top: 15px !important;
        padding-bottom: 0 !important;
    }

    header.hero .content {
        padding-top: 30px;
    }

    header.scroll {

    }

    header .search_bar {
        overflow: hidden;
        transition: all 0.1s linear;
    }

    header.scroll .search_bar {
        height: 0;
        opacity: 0;
        /*margin-top: 0px;*/
    }

    header.scroll.hide_search_bar .search_bar {
        display: none;
    }

   /* header.scroll .search_bar form {
        height: 0px !important;
    }

    header.scroll .search_bar input {
        height: 0px !important;
    }

    header.scroll .search_bar img {
        height: 0px !important;
    }*/


	.mobile{
		display: inline-block !important;
	}

	.right {
		float: right;
	}

	.desktop {
		display: none !important;
	}



    .hero_title {
        width: 300px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }




    .dev_hero_bg {
        /*display: none;*/

        width: 500px;
        right: -300px;
        top: 10px;
        opacity: 0.2;
    }

    .dev_hero_img {
        display: none;
    }




    .developer_hero_img {
        width: 100%;
    }


    .developer_hero_img.app_promo {
        margin: 20px;
        width: 90%;
    }

    .developer_hero_img.align_left {
        margin-left: -50px;
    }

    .developer_hero_img.align_right {
        margin-left: 15px;
    }

    .quick_action {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top:  20px;
        margin-bottom: 30px;

        min-width: initial;
    }


    .topic {
        margin: 20px;
        margin-top:  60px;
    }


    ul.space_mobile{
        margin:  20px;
        margin-top: 40px;
        font-size: 16px;
    }


    .table.feature .column {
        text-align: center;
    }

    .table.feature .column.right {
        padding-left: 0;
    }


    .table.feature .column h2 {

        max-width: initial;
        margin: 20px;
    }


    .feature_text {
        max-width: initial;
        width:  initial;
        margin: 20px;
    }


    .panel.step h4 {
        margin-top:  0;
    }





    .section.cutoff {
        width: calc(100% - 40px);
     /*   position: static;
        display: block;*/
    }


    .panel.subscribe.side_left.submit_app {
        width: initial;
        min-height: auto;
        padding: 30px !important;
    }


    .panel.subscribe.submit_app h2 {
        margin-top: 20px;
    }

	.top_menu {
		/*display: none;*/
        margin-right: 5px;
	}

	.logo {
		font-size: 50px;
		text-align: center;
		margin-bottom: 30px;
		/*width: 100%;*/
	}

	.logo span {
	    font-size: 30px;
	    display: block;
	    margin-top: 10px;
	    /*margin-bottom: 60px;	*/
	}

    .logo span span {
        display: inline-block;
    }


	.logo.small {
        font-size: 20px;
        margin-bottom: 0;
        display: inline-block;
        vertical-align: top;
        margin-top: 5px;
        text-align: center;
        display: block;
        /* width: 100%; */
        margin-left: 10px !important;
        margin-top: -10px !important;
	}


	.logo.small span {
		color: #fff;
        vertical-align: middle;
        margin-top: 3px;
        font-size: 20px;
        display: inline-block;
        margin-bottom: 5px;
	}


	.logo.small img {
	    /*width: 30px;
	    vertical-align: middle;
	    margin-right: 5px;
	    margin-top: -10px;
	    margin-bottom: -10px;*/

        width: 160px;
        vertical-align: middle;
        margin-right: 10px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
	}


    .beta {
        display: inline-block;
        font-size: 13px !important;
        font-weight: 100;
        border: none;
        float: right;
        margin-right: 0px;
        padding-right: 0;
        margin-top: -16px;
        margin-bottom: -10px;
        opacity: 0.8;
    }

	.title {
		font-size: 22px;
		width: initial;
		text-align: center;
		margin-bottom: 30px;
	}

	.text {
		width: initial;
		font-size: 14px;
		margin-bottom: 30px;
	}

    .text.medium {
        font-size: 16px;
        text-align: center;
    }

    .devs_subtitle {
        margin-top: 50px;
        font-size: 20px !important;
        width: 100%;
        min-wide: initial;
        margin-top: 20px;
    }


    .devs_video_container {
        width: 100%;
        float: none;
        clear: both;
        margin: 0;
    }


    .hero_image_container.devs {
        min-width: 100px;
        padding-top: 50px;
        padding: 0;
        width: 100%;
        margin-top: 40px;
    }



	.text.big {
	    font-size: 30px;
	    font-weight: 400;
	}



	.section {
	    padding: 20px;
	}

    .section:nth-of-type(1) {
        padding-top: 170px;
    }


	.frame_content {
	    display: grid;
	}

	.frame_content.block {
	    display: block;
	}




	.section.hero {
		padding-top: 20px;
	}

    .section.hero:nth-of-type(1) {
        /*padding-top:  80px;*/
        padding-top: 105px;
    }

    .section.hero h1.title {
        max-width: initial;
    }



	.section.bright {
		text-align: center;
	    padding-top: 50px;
	}



	.section.extra_Space {
		padding-top: 100px;
		padding-bottom: 100px;
	}



	.panel {
		/*width: initial;*/
        width: calc(100% - 60px);
		display: block;
		margin-right: 0;
		padding: 30px;
		margin-bottom: 20px;
	}




    .panel.tall {
        width: initial;
    }


    .panel.wide {
        width: initial;
    }

    .panel.wide .text {
        padding-right: 0px;
        margin-bottom: 40px;
    }



	.platform_logo {
		height: 30px;
		margin-left: 15px;
		margin-right: 15px;
	}


	.frame_content_cell:nth-child(3){
		grid-row: 2;
	}

	.app_title.mobile{
        font-size: 18px;
	    margin-bottom: 0;
	    vertical-align: middle;
        max-width: calc(100% - 60px);
	    margin-bottom: 0;
	    margin-top: 0;
	    display: inline-flex !important;
	}

	.app_title.narrow {
		max-width:  100px;
	}

	.app_title.disabled {
	    margin-bottom: 10px;
        margin-top: 10px;
        font-size: 18px;
        font-weight: 500;
        padding-right: 10px;
        margin-top: 0;
	}

	.icon_square {
	    display: inline-block;
	    vertical-align: middle;
	    /*margin-bottom: 10px;*/
	    width: 40px;
	    height: 40px;
	    vertical-align: middle;
	    /*margin-top: 10px;*/
	    margin-right: 15px;
	    margin-left: 0;
	}

	.frame_content_cell.score_panel {
	    width: 100%;
	    padding-right: 0;
	    border-left: none;
	    padding-left: 0;
	    display: block;
	    text-align: left;
	}

	.frame_content_cell.section_header {
		width: initial;
	}

	.total_score {
        width: initial;
	    padding: 0;
	    float: none;
	    margin-top:  0;
	}

    .total_score.main_score {
        min-height: initial;
        margin-bottom: 30px;
    }

	.step_scale {
	    width: 100%;
	}

	.frame_content_cell.main_summary {
		padding-right: 20px;
	}

    .frame_content_cell.restricted_feature {
        text-align: initial;
        padding-right: 0px;
    }

	.icon.small {
	    width: 40px;
	    opacity: 0.25;
	    vertical-align: middle;
	    /* margin: 5px; */
	    margin-top: 10px;
	    margin-right: 15px;
	    margin-left: 0;
	}

	.rank_title {
	    margin-top: 10px;
	    text-align: right;
        font-size: 12px;
	}

	.rank.big {
	    display: inline-block;
	    vertical-align: middle;
	    font-size: 30px;
	    margin: 10px;
	    margin-right: 0;
	    font-weight: 200;
	    margin-top: 0;
	}

	.frame_content_cell.large {
		padding-right:  0;
		padding-left: 0;
	}


	.rank_tag {
		width:  100%;
	}

	.rank_tag_cell {
	    width: 33% !important;

	}

	.rank.total {

	    font-size: 30px;
    	margin-top: 12px;
	}


	.info_text {
		width:  initial;
	}

    .info_text.small {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
    }


	.table {
	    width: 100%;
        display: grid;
	}

    .row {
        display: table-row;
        width:  100%;
        margin-bottom: 15px;
    }

	.column {
	    display: table-cell;
	    min-width: initial;
	    /* margin-top: 10px; */
	    margin-bottom: 15px;
	}




	.column.profile_info {
		margin-bottom: 0;
	}


    .column.subscribe.left {
        padding-right: 0px;
    }

    .panel.subscribe {
        min-height:  initial;
    }

    .panel.subscribe.side_left {
        width: initial;
        padding: 20px !important;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-bottom: 0;
    }

    .panel.subscribe.side_right {
        width: initial;
        padding: 20px !important;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;

    }

    .panel.subscribe.side_left ul.circle_check {
        margin-top:  40px;
    }


    .panel.login.side_left {
        width: initial;
        padding: 20px !important;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-bottom: 0;
    }

    .panel.login.side_right {
        width: initial;
        padding: 20px !important;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        min-height: 0;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }



    .panel.submit.side_left {
        width: initial;
        padding: 20px !important;
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-bottom: 0;
    }

    .panel.submit.side_right {
        width: initial;
        padding: 20px !important;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        min-height: 0;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }





    .switch .option.selected {
        width: calc(100% - 36px);
    }

    .switch .option {
        width: calc(100% - 36px);
    }



	.cell {
	    display: block;
	    width: 100%;
	    height: initial;
	}

	.cell.short {
		height: initial;
	}

	.subtitle.mobile {
		margin-bottom: 10px;
    	margin-top: 20px;
	}

	.mobile_block {
		display:  block !important;
	}

	.header_action_button {
	    margin-top: 8px;
	}

	.third_party_title {
	    width: initial;
	}

	.third_party_rank {
        margin-left: 40px;
    }

	.result {
	    width: calc(100% - 30px);
	}

	.result div.app_title {
        display: inline-flex;
        width: initial;
    	/*max-width: calc(100% - 90px);*/
        max-width: calc(100% - 170px);
        height:  40px;
	    overflow: hidden;
	    vertical-align: middle;
	    font-size: 16px;
	    margin-top: 0;
	    margin-bottom: 0;
	}

	.result img {
	    vertical-align: middle;
	    /* border-radius: 50px; */
	    width: 40px;
	    margin-right: 15px;
	}

	.result div.platforms {
	    float: right;
	    width: initial;
	    margin-top: 5px;
	    vertical-align: middle;
	}

	.result div.rank_holder {
	    float: initial;
        margin-right: 0px;
        margin-top: 5px;
	}


    .result.popular_app {
        text-align: left;
        width: 300px;
    }




	.rank_title {
        font-size: 14px;
	    font-weight: 200;
	    /* margin-bottom: 10px; */
	    margin-top: 2px;
	}

	div.platforms img {
	    width: 15px;
	    margin-right: 5px;
	    border-radius: 0;
	    vertical-align: middle;
	    opacity: 0.5;
	}


	.search_bar {
	    margin-left: 0;
	    width: 100%;
	    margin-top: 15px;
	}


	.search_bar input {
		width: calc(100% - 30px) !important;
	}

	.frame_spacer {
		width: 100%;
    	margin-left: 0;
	}


	.text.light {
		margin-top: 15px;
	}


	.panel.search {
	    /*width: initial;*/
        width: calc(100% - 40px);
	    /* display: block; */
	    margin-right: 0;
	    padding: 20px;
	}



    .panel.search.not_found {
        width: calc(100% - 40px);
    }


	.panel.small {

    	width: initial;
    }




	.list_item.homepage.hero {
		padding-right: 10px;
	}





	.horizontal_list.large_platform_logos {
		display: block;
		text-align: center;
	}


	.column.hero.left {
	    margin-bottom: 0;
        min-width: initial;
	}

	.column.hero.left.devs {
        width: calc(100% - 40px);
        min-width: initial;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 18px;
    }


	.title.small {
		text-align: center;
	    margin-right: 0;
	}



	footer .menu_title {
	    margin-top: 30px;
	}

	footer .menu_item {
		margin-left: 20px;
	}






	input[type=text] {
		/*width: 100%;*/
        width: calc(100% - 20px);
		padding: 12px;
        margin-bottom: 0px;
	}



	input[type=email] {
		/*width: calc(100% - 80px);*/

	    /*width: 100%;*/
        width: calc(100% - 20px);

	    padding: 12px;
	}

    textarea {
        width: calc(100% - 20px);
    }

	input[type=submit] {
		width: 100%;
		padding: 12px;
	}


	select {
	    width: 100%;
	    padding: 12px;
	}


    .option_panel textarea {
        width: calc(100% - 20px) !important;
        margin-bottom: 0px !important;
        margin-left: 0px;
    }


    .bottom_panel {
        position: inherit;
        padding-left: 0;
        margin-bottom: 0px !important;
        margin-top: 40px !important;
    }


    .vendor_form .column:nth-child(2)  {
        width: 100%;
        padding-left: 0px;
    }


    .vendor_form input[type=email] {
        width: calc(100% - 25px) !important;
    }

    .vendor_form input[type=text] {
        width: calc(100% - 25px) !important;
    }

    .vendor_form input[type=submit] {
        float: initial;
        width: 100% !important;
    }


    .full_form input {

        width: calc(100% - 25px) !important;
        display: block;
    }



    .full_form textarea {
        width: calc(100% - 25px) !important;
    }



    .full_form input[type=submit] {

        width: 100% !important;
    }

    .full_form select {
        width: 100% !important;
    }


    ul.circle_check {
        display: block;
        text-align: left;
    }


    .logo.subscribe {
        margin-bottom: 50px;
    }


    .panel.question {
        width: calc(100% - 35px);
    }



    .panel.restricted_app {
        width: calc(100% - 70px);
    }



    .panel.restricted_app .table {
        display: block;
    }

    .panel.restricted_app .table .cell {
        display: block;
        width: 100%;
        margin-top: 20px;
    }


    .panel.login {
        padding: 20px;
        width: calc(100% - 40px);
    }

    .table.login .cell {
        display: block;
    }

    .panel.login input[type=email] {
        width: calc(100% - 20px) !important;
    }

    .panel.login input[type=password] {
        width: calc(100% - 20px) !important;
    }

    .panel.login input[type=submit] {
        width: calc(100%) !important;
    }





    .panel.submit {
        padding: 20px;
        width: calc(100% - 40px);
    }

    .table.submit .cell {
        display: block;
    }

    .panel.submit input[type=email] {
        width: calc(100% - 20px) !important;
    }

    .panel.submit input[type=password] {
        width: calc(100% - 20px) !important;
    }

    .panel.submit input[type=submit] {
        width: calc(100%) !important;
    }





    .panel.reset_password input[type=email] {
        width: calc(100% - 20px) !important;
    }

    .panel.reset_password input[type=submit] {
        width: calc(100%) !important;
    }




    .panel.login .no_account {

        min-height: initial;
        text-align: center;
        padding-top: 30px;
        padding: 50px;
        width: calc(100% - 100px);
        padding-top: 30px;
        padding-bottom: 30px;
    }


    .panel.step {
        width: initial;
        min-height: initial;
    }



    .login_options_holder {
        width:  initial;
    }



    .frame.app_contact .table .cell {
        display: block;
        width: 100%;
        margin-bottom: 40px;

        text-align: center !important;
        vertical-align: top;

        padding-left: 0;
    }


    .frame.app_contact .table .cell .text {
        padding: 0;
        margin-top: 10px;
        margin-bottom: 30px;
        width: 100%;
    }


    .frame.app_contact .table .spacer {
        border-bottom: solid 1px #afafaf44;
        margin-bottom: 20px;
    }





    .app_title_cell {
        display: block;
        vertical-align: middle;
        min-width: 100%;
    }

    .app_title_cell.actions{
        float:none;
        margin-top: 0px;
        display: block;
    }


    .hopepage_popular_apps {
        /*width: 100%; */
        height: 620px;
    }


    form.contact_us_form {
        width: 100%;
    }



    .post_thumb {
        margin-right: 0;
        width: 100%;
        height:  initial;

        margin-bottom: 20px;
    }


    .post_thumb a div:nth-child(1) {
        width: 100%;
        height: 11em;
    }


    .frame.app_contact {
        padding: 20px;
    }

    .page_not_found_icon {
        width: 150px;
        /* text-align: center; */
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .sticky_app_section {
        display: none !important;
    }

    /*.breadcrambs {
        margin-top:  30px;
    }*/



    .button.action_wide {
        display: block;
        /* margin-bottom: 0px; */
        margin-top: 50px;
    }



    .button.small {
        display: block;
        width: calc(100% - 20px);
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 8px;
    }


    .result .rank_holder .button {
        min-width: 100px;
        margin-left: 0px;
    }


    h1.title {
        font-size: 30px;
    }

    .app_subtitle_section {
        display:  block;
    }



    /*
        tiny-scroller
    */

    .tns-nav {
        width: 100%;
    }

    .tns-ovh {
        width: 100%;
    }



    .result.popular_app {
       /* width: calc(100% - 30px);
        margin-right: 20px; */
    }



    .popular_apps_scroll {
        width: 100%;
        /*margin-right: 20px;*/
    }

    .swiper-container {
      width: 100%;
      height: 630px;
    }

    .swiper-slide {
      width: 100%;
      height: 630px;
    }


    .swiper-pagination {
        /*padding-top:  20px;*/
        /*padding:-right: 20px;*/

        width: 100% !important;
    }


    .prompt a {
        float: none;
    }


    .popular_apps_gallery {
        margin-left: -700px;
    }

    .popular_apps_row {
        margin-right: -130px;
    }


    .title_ticker {
        width: 100% !important;
        margin-left: -10px;
    }


    @keyframes slide{
      0%{
        transform: translate3d(-120px, 0, 0);
      }
      50%{
        transform: translate3d(-1500px, 0, 0);
      }
      100%{
        transform: translate3d(-120px, 0, 0);
      }
    }
}