﻿@font-face {
	font-family: golobond;
	src: url(../fonts/golobond.woff);
}
h4 {
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
}

a:hover{
	text-decoration: none;
}
.logo {
    float: left;
    font-family: golobond;
    color: #fff;
    font-size: 36px;
}
body{
	background: #e5e5e5 !important;
    padding: 0;
    margin: 0;
}

.container {
	
}

.margin-right-5{
    margin-right: 5px;
}

.header{
	margin:10px 0 0 0;
}

.navbar-margin {
	margin: 20px 0;
}

.navbar{
	border-radius: 0px !important;
}

.search-select {
	border-radius: 0;
	border-left: 0;
	width: 104px !important;
}

.icon_android {
    background: url(../images/android.png);
    width: 15px;
    height: 14px;
    background-size: 16px;
    background-repeat: no-repeat;
}


.top-header{
	height: 50px;
	background: #333;
}

.logo {
	float: left;
	font-family: golobond;
	color: #fff;

	font-size: 36px;
}

.search-input{
	/*width: 50%;*/
    float: right;
    height: 84px;/*
        margin: 0 -26px 0 0px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}


.news-color {
	background: #3f51b5;
font-family: exo;
transition:all 0.3s;
}

.news-color:hover {
	background: rgba(63, 81, 181, 0.89);

transition:all 0.3s;
}

.news-color a{
	color: #fff !important;
}

.forum-color {
	background: #FF6F00;
	font-family: exo;

transition:all 0.3s;
}

.forum-color:hover {
	background: rgba(255, 111, 0, 0.96);
	
transition:all 0.3s;
}

.android-color{
	background: #4CAF50;
	font-family: exo;
	transition:all 0.3s;
}

.firmwares-color{
	background: #F44336;
font-family: exo;
transition:all 0.3s;
}

.news_full ul{
    padding: 20px;
}
.news_full ol{
    padding: 20px;
}

.firmwares-color:hover{
	background: rgba(244, 67, 54, 0.92);
transition:all 0.3s;
}

.forum-color a{
	color: #fff !important;
}

.android-color a{
	color: #fff !important;
}

.android-color:hover{
	background:rgba(76, 175, 80, 0.91);
	transition:	all 0.3s;
}

.forum-color a{
	color: #fff !important;
}

.firmwares-color a{
	color: #fff !important;
}

.margin-20 {
	margin:20px 0;
}

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

.margin-10{
	margin: 10px 0;
}

.margin-top-10 {
	margin-top: 10px;
}

.logined_user {
	background: #fff;
	width: 100%;
	height: 90px;
}

.content {
	background: transparent;
	min-height: 20px;

}


/*swiper*/

.swiper-container {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .swiper-slide {
        /*text-align: center;*/
        /*font-size: 18px;
        background: #fff;*/
        /* Center slide text vertically */
       /* display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;*/
        /*-webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;*/
    }



/*news slide*/
.news_slide{
		
	max-height: 200px;
	height: 200px;
}

.img_slide_news {
	z-index: 1;
	width: 100%;
	-webkit-transition: all 1s ;
	   -moz-transition: all 1s ;
	    -ms-transition: all 1s;
	     -o-transition: all 1s;
	    	transition: all 1s;
	min-height: 200px;
	background:#ddd;
	background-image:url(../images/load-img.png); 
}

.img_slide_news:hover {
	-webkit-transition: all 1s ;
	   -moz-transition: all 1s ;
	    -ms-transition: all 1s;
	     -o-transition: all 1s;
	    	transition: all 1s;
	
}
.news_slide_title {
  transition: 0.2s;
	z-index: 2;
	position: absolute;
    bottom: 0;
    left: 0;
    font-size: 15px;
    color: #fff;
    padding: 0 15px 0 15px;
}

.link_news{
	overflow: hidden;
    display: block;
    width: 100%;
    max-height: 200px;
}
.link_news:after{
	content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.75));
}

.block_footer_news_slide {
  	transition: 0.2s;
	z-index: 2;
  	padding: 5px 5px 5px 10px;
  	right: 0;
	position: absolute;
  	bottom: -100%;
  	width: 100%;	
	color: #fff;
}

.footer_news_slider_left{
	float: left;
	bottom: 0;
}

.footer_news_slider_right{
	float: right;
}

.tags_news_slider{
	margin: 0 10px 5px 0;
    border-radius: 5px;
    padding: 4px 6px 4px 9px;
    background: rgba(0, 0, 0, 0.46);
}


.eye_news_slider{
	margin: 0 10px 5px 0;
    border-radius: 5px;
    padding: 4px 6px 4px 9px;
    background: rgba(0, 0, 0, 0.46);
}

.news_slide:hover .block_footer_news_slide{
  display: block;
  bottom: 0;
}

.news_slide:hover .news_slide_title{
  padding-bottom: 35px;
}

/*short story*/

.news_short {
	/*width: 100%;*/
	background: #fff;
	border:1px solid #ddd;
	margin-bottom:20px;
	box-shadow: 0px 3px 9px 1px rgba(51, 51, 51, 0.2);
}

.img_short_news{
	
	max-height: 200px;
	overflow: hidden;
}

.img_short_news img {
	width: 100%;
	background-color: #ddd;
	background-image: url(../images/load-img.png);
	-webkit-transition: all .50s ;
	   -moz-transition: all .50s ;
	    -ms-transition: all .50s ;
	     -o-transition: all .50s ;
	        transition: all .50s ;
}

 .img_short_news img:hover{
	-webkit-transition: all .50s;
	   -moz-transition: all .50s;
	    -ms-transition: all .50s;
	     -o-transition: all .50s;
	        transition: all .50s;
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	     -o-transform: scale(1.05);
	        transform: scale(1.05);
}

.line_blue_for_news_block{
	width: 5%;
	background-color: #42a5f5;
	height: 5px;
	bottom: 0;
	left: 0;
	position: absolute;
	-webkit-transition: all  0.5s;
	   -moz-transition: all  0.5s;
	    -ms-transition: all  0.5s;
	     -o-transition: all  0.5s;
	        transition: all  0.5s;
}

.news_short:hover .line_blue_for_news_block{
	width: 100%;
	-webkit-transition: all 0.5s;
	   -moz-transition: all  0.5s;
	    -ms-transition: all  0.5s;
	     -o-transition: all  0.5s;
	        transition: all  0.5s;
}

.news_short:hover .img_short_news img{
	-webkit-transition: all .50s;
	   -moz-transition: all .50s;
	    -ms-transition: all .50s;
	     -o-transition: all .50s;
	        transition: all .50s;
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	     -o-transform: scale(1.05);
	        transform: scale(1.05);
}
.titles_short{
    padding: 15px;
}

.titles_short h2 {
	font-size: 19px;
	font-weight: bold;
    margin: 0 0 5px;
    color: #333;
}
.margin-top-20{
	margin-top: 20px;
}

.br_for_comment{
	height: 50px;
	width: 100%;
	float: left;
}
.titles_short h4 {
	font-size: 16px;
    margin: 0 0 5px;
    color: #333;
}

a .titles_short h4 {
	font-size: 16px;
    margin: 0 0 5px;
    color: #333;
}

.titles_short p {
	font-size: 13px;
	color: #828181;
}

.more_news {
	position: absolute;
    bottom: 0;
    right: 0;
    background: #2196F3;
    padding: 5px;
    color: #fff;
    margin:0;
}

.more_news a{
	color: #fff;
	text-decoration: none;
}

.img_news_footer{
	width: 100%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.41);
	padding: 5px;
	color: #fff;
}

.news_img_footer_views{
	height: 30px;
	padding: 5px;
	color: #fff;
	background:#42a5f5;
	float: right;
	margin: -5px -5px -5px 0;
}


.podborki_slide{

}


.podborki_slide img{
	-webkit-transition: all 1s ;
	   -moz-transition: all 1s ;
	    -ms-transition: all 1s ;
	     -o-transition: all 1s ;
	        transition: all 1s ;
}

.podborki_slide img:hover{
	-webkit-transform:  scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform:  scale(1.1);
	        transform: scale(1.1);
	-webkit-transition: all 1s ;
	   -moz-transition: all 1s ;
	    -ms-transition: all 1s ;
	     -o-transition: all 1s ;
	        transition: all 1s ;
}

.podborki_slide:after{
	content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.75));
}

.img_podbor {
	width: 100%;
	float: left;
	overflow: hidden;

	
}

.title_podbor{
	float: left;
	width: 100%;
	padding: 10px;
	position: absolute;
	min-height: 60px;
	max-height: 60px;
	color: #fff;
	bottom: 0;
	z-index: 3;
}

.pagination_news_index {
    background: #1fb6f2;
    color: white !important;
    padding: 8px 20px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 10px;
    top: -15px;
    display: inline-block;
    position: relative;
    clear: both;
    border-top: 4px solid #8CDAFA;
    border-bottom: 4px solid #8CDAFA;
    /*border-radius: 20px;
    -webkit-border-radius: 20px;*/
    text-decoration: none;
}

.pagination_news_index:hover{
	text-decoration: none;
}


.cat_menu_img {
	border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;

}

/*apps short*/

.app_short{
	margin: 5px;
	width: 151px;
	min-height: 218px;
    max-height: 218px;
	border-radius: 2px;
	float: left;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    background: #fafafa;
	padding: 0px 10px 10px 10px;
	overflow: hidden;
	-webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;
}

.app_short_md9 {
	margin: 5px 14px 5px 5px; 
	width: 151px;
	min-height: 218px;
    max-height: 218px;
	border-radius: 2px;
	float: left;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    background: #fafafa;
	padding: 0px 10px 10px 10px;
	overflow: hidden;
	-webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;
}


.div_topic .div_text .div_topic_cat_content {
    font-size: 0.625em;
    width: 100%;
    padding: 10px 0px;
}

.a_topic_content {
    color: black !important;
    display: block;
    font-size: 24px;
    margin: -24px 0 0 0;
}
.div_topic_content_icon {
    display: block;
    float: left;
    clear: both;
    margin-right: 10px;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    width: 96px;
    height: 96px;
    min-width: 96px;
    min-height: 96px;
    max-width: 96px;
    max-height: 96px;
    text-align: left;
    margin-bottom: 5px;
}
.div_topic .div_text .div_topic_cat_content br.clear {
    display: none;
}
.div_topic .div_text .div_topic_cat_content .div_topic_tcapt_content {
    font-size: 2.8em;
}
.div_topic_tcapt_content {
    color: black;
    font-size: 1.8em;
    padding: 2px 0px;
    clear: both;
}
.div_topic .div_text .div_topic_cat_content .div_topic_cat_os_tags {
    padding-bottom: 5px;
}
.div_topic_cat_os_tags span {
    padding: 0px;
    color: #aaaaaa;
    margin-right: 0px;
    font-size: 1.3em;
    white-space: pre-wrap;
}
.div_topic_cat_tag_os_android {
    color: #92C500 !important;
}
.div_topic_cat_buttons a{border-radius:6px;padding:3px 7px;display:inline-block;font-size:1.3em}
.div_topic_cat_buttons a{background:white;text-transform:uppercase}
.div_topic_cat_buttons a.download{color:#1fb6f2;border:1px solid #1fb6f2;margin-right:5px;background:white;    font-size: 15px;
    font-weight: 600;
    margin: 11px 0 0 0;}
.div_topic_cat_buttons a.download:hover{opacity:0.8}
.div_topic_cat_buttons a.more{color:#bbbbbb;border:1px solid white;padding:3px 0px}
.div_topic_cat_buttons a.only_more{color:#1fb6f2;border:none;padding:0px 0px 3px 0px}
.div_topic_cat_buttons a.more:hover{opacity:0.8}
.div_topic_cat_buttons a.only_more:hover{opacity:0.8}


.div_oc_android{
    font-size: 13px;
    font-weight: 600;
    color: #8BC34A;
    margin: 5px 0 -3px 0px;
}


.app-img{
    margin: 2px;
    background: white;
        min-width: 160px;
	min-height: 170px;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;

}
.title{
    overflow: hidden;
    background: #fc0;
    text-overflow: ellipsis;
    height: 150px;

}
.title a {
     color: white; 
}


.app_short:hover .app-img{
	background: #333;
	background: rgba(0, 0, 0, 0.12);
	-webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;
}

.app_short_md9:hover .app-img{
	background: #333;
	background: rgba(0, 0, 0, 0.12);
	-webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;
}

.app-title{
	color: #212121;
    display: block;
    font-size: 16px;
    line-height: 18px;
    max-height: 36px;
    min-height: 18px;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}

.app-details {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 10px 0px 0;
    position: relative;
}

.app_short a{
	text-decoration: none;
}

.app_short_md9 a{
	text-decoration: none;
}

.developer-app{
	color: #828282;
    display: block;
    font-size: 12px;
    line-height: 18px;
    max-height: 36px;
    min-height: 18px;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}

.app-footer{
	min-height: 18px;
	max-height: 36px;

}

.app-free {
	float: right;
	color:#4CAF50;
}

.rating .stars {
  position: relative;
  display: block;
  float: left;
  margin: 5px 0 0 0;
  height: 10px;
  width: 60px;
  background-image: url("../images/stars.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  margin-right: 5px;
}
.rating .stars .on {
  height: 10px;
  background-image: url("../images/stars.png");
  background-position: 0 -10px;
}
.rating .stars .live {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.rating .stars .live span {
  display: block;
  float: left;
  cursor: pointer;
  width: 11px;
  height: 10px;
  background-image: url("../images/stars.png");
  background-repeat: no-repeat;
  background-position: 0 -20px;
}



.white {
	background-color: #fff;
	min-height: 50px;
}

.android_block{	
	color: #464646;
	font-size: 25px;
	border-bottom: 5px solid #4caf50;
}

.android_block_title{
    font-size: 25px;
   	float: left;
    font-family: exo;
    color: #ffffff;
    background: #4caf50;
    padding: 0 10px 0 10px;
    margin: 0 10px 0 0;
}

.firmwares_block{
	color: #464646;
	font-size: 25px;
	border-bottom: 5px solid #f44336;
}

.firmwares_block_title{
    font-size: 25px;
   	float: left;
    font-family: exo;
    color: #ffffff;
    background: #f44336;
    padding: 0 10px 0 10px;
    margin: 0 10px 0 0;
}


.app_img_size{
	width: 122px;
}

.pagination_android_index {
    background: #4caf50;
    /* float: left; */
    color: white !important;
    padding: 8px 20px;
    font-size: 18px;
    margin-bottom: 9px;
    margin-top: 35px;
    top: -15px;
    display: inline-block;
    position: relative;
    clear: both;
    border-top: 4px solid #73da77;
    border-bottom: 4px solid #73da77;
    /*border-radius: 20px;
    -webkit-border-radius: 20px;*/
    text-decoration: none;
}

.pagination_android_index:hover{
	text-decoration: none;
}

.pagination_android_top{
    background: #4caf50;
    /* float: left; */
    color: white !important;
    padding: 8px 20px;
    font-size: 18px;
    margin-bottom: 9px;
    margin-top: 35px;
    top: -15px;
    display: inline-block;
    position: relative;
    clear: both;
    border-top: 4px solid #73da77;
    border-bottom: 4px solid #73da77;
    /*border-radius: 20px;
    -webkit-border-radius: 20px;*/
    text-decoration: none;
}

.pagination_android_top:hover{
	text-decoration: none;
}

.more_apps_android{
	font-size: 25px;
    float: right;
    background: #4caf50;
    color: #fff;
    padding: 0 10px;
    font-family: exo;
}
.android_block_title:hover{
	color: #fff;
	text-decoration: none;
}
.more_apps_android:hover{
	color: #fff;
	text-decoration: none;
}

.more_apps_firmwares{
	font-size: 25px;
    float: right;
    background: #f44336;
    color: #fff;
    padding: 0 10px;
    font-family: exo;
}

.more_apps_firmwares_prev{
	font-size: 13px;
    float: right;
    background: #f44336;
    color: #fff;
    padding: 0 10px;
    font-family: exo;
    height: 35px;
    line-height: 37px;
}
.firmwares_block_title:hover{
	color: #fff;
	text-decoration: none;
}
.more_apps_firmwares:hover{
	color: #fff;
	text-decoration: none;
}

.more_apps_firmwares_prev:hover{
	color: #fff;
	text-decoration: none;
	background: rgba(208, 6, 6, 0.81);

}

/*pda_apk_install*/

.pda_apk_install{
	width: 100%;
	background-color: #fff;
	margin: 0 0 10px 0;
	float: left;
	padding-bottom: 10px;
}

.padding-left-block{
	padding: 0 0 0 15px;
}

.rek_pda_install{
	height: 40px;
    width: 100%;
    padding: 0 15px;
    color: #fff;
    float: left;
    background-color: #4CAF50;
    line-height: 40px;
    font-size: 20px;
    font-family: exo;
}

.developer_app_4pda{
	color: #828282;
    display: block;
    font-size: 12px;    
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
}

.gaydi_android{
	background: #fff;
	width: 100%;
	float: left;
	min-height: 10px;
	padding: 5px;
}

.gaydi_item{
	width: 100%;
	float: left;
}

.gaydi_item{

}

.gaydi_item img{
	width: 100%;
}

/*firmwares*/

.firmwares_index{
	background: #fff;
	padding: 0;
	border-radius: 5px;
}

.firmares_index_img {
	width: 100%;
	margin: 0;
	padding: 10px 15px 10px 15px;
	float: left;
}

.firmares_index_img img  {
	width: 100%;
	max-height: 364px;
	min-height: 364px
}

.firmwares_index_title{
	width: 100%;
	text-align: center;
	color: #333;
	font-family: exo;
	font-size: 16px;
	padding: 7px 5px;
	float: left;
	height: 61px;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
	overflow: hidden;
}

.firmwares_index a:hover{
	text-decoration: none;
	color: #fff;
}

.padding0{
	padding: 0;
}

.firmwares_index:hover  .firmwares_index_title {
	background: rgba(0,0,0,0.05);
	border-radius:  0 0 5px 5px;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

/*footer*/

.footer{
	background: #333;
	min-height: 100px;
	margin: 0;
	padding: 10px 0;
	color: #fff;
}

.footer ul {
	display: inline;
	margin: 0;
	padding: 0;
}

.footer li {
	display: inline;
	float: left;
	width: 100%;

}

.footer li a {
	color: #fff;
	font-family: exo;
	font-size: 16px;
}

.footer h3 {
	font-family: exo;
    background: #fff;
    color: #333;
    float: left;
    font-size: 26px;
    font-weight: bolder;
    margin: 10px 0 10px 0;
    padding: 5px;
}


.footer h4 {
   font-family: exo;
    background: #fff;
    color: #333;
    float: left;
    font-size: 20px;
    font-weight: bolder;
    margin: 10px 0 10px 0;
    padding: 5px;

  width: 100%;
    height: 40px;
    line-height: 29px;
    text-align: center;
}

.title_top_footer{
                            color: #fff;
                            font-family: exo;

                        }

                        .footer_dev_top{
                            font-size: 9px;
                            white-space: nowrap;
                            overflow: hidden;
                            width: 100%;
                            float: left;
                        }

                        .title_foot_apk{
                            font-size:  16px;
                            white-space: nowrap;
                            overflow: hidden;
                            width: 100%;
                            float: left;
                        }

                        .margin-top-5 {
                            margin-top: 3px;
                        }

                        .bg_top_foot {
                            float: left;
                        }

                        .bg_top_foot:hover {
                           background:  rgba(0, 0, 0, 0.29);
                        }

.footer_min {
	background: #292929;
	padding: 10px 0;
	color: #fff; 	
}

.news_full{
	width: 100%;
	background: #fff;
	padding: 20px;

}

.news_full img{
	max-width: 100%;
	height: auto !important;
}

.title_news{
	border:1px solid #ddd;
	padding: 10px;
	margin-bottom:10px;
	float: left;
	width: 100%;

}

.title_news h3 {
	font-size: 17px;
	font-family: exo;
	margin: 0;
	float: left;
}

.margin-top-10{
	margin-top: 10px;
}


/*сommnets*/


.b-comments-cta {
    display: flex;
    flex-direction: row;
    margin: 25px 0;
    padding: 0 30px 0 0;
    background-color: #0a90d5;
    -webkit-box-shadow: 1px 2px 4px rgba(0,0,0,0.12);
    -moz-box-shadow: 1px 2px 4px rgba(0,0,0,0.12);
    box-shadow: 1px 2px 4px rgba(0,0,0,0.12);
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.b-comments-cta__deco_type_reviews {
    background: url(../images/vote-form-monster-2.png) -10px 0 no-repeat #fff;
}

.b-comments-cta__deco {
    position: relative;
    min-width: 165px;
    background: url(../images/vote-form-monster.png) -20px 15px no-repeat #fff;
    -webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.b-comments-cta__text {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0;
    color: #fff;
}

.b-comments-cta__text-title {
    margin: 0 0 5px;
    font-family: "exo",sans-serif;
}

.b-comments-cta__text-info {
    line-height: 1.2;
    font-family: "exo",sans-serif;
}

.b-comments-cta__button {
    display: inline-block;
    min-width: 155px;
    height: 36px;
    line-height: 36px;
    margin: 0 0 0 20px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #75cffd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
     font-family: "exo",sans-serif;
    color: #fff;
    cursor: pointer;

}

.b-comments-cta__deco:before {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 50px;
    height: 100%;
    background: url(../images/reviews-cta-deco.svg) 0 65% no-repeat;
    content: '';
}


/* comms*/
/** ====================
 * Lista de Comentarios
 =======================*/
.comments-container {
    margin: 0px auto 15px;
    width: 768px;
}

.comments-container h1 {
    font-size: 36px;
    color: #283035;
    font-weight: 400;
}

.comments-container h1 a {
    font-size: 18px;
    font-weight: 700;
}

.comments-list {
    margin-top: 30px;
    position: relative;
}

/**
 * Lineas / Detalles
 -----------------------*/
.comments-list:before {
    content: '';
    width: 2px;
    height: 100%;
    background: #c7cacb;
    position: absolute;
    left: 32px;
    top: 0;
}

.comments-list:after {
    content: '';
    position: absolute;
    background: #c7cacb;
    bottom: 0;
    left: 27px;
    width: 7px;
    height: 7px;
    border: 3px solid #dee1e3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.reply-list:before, .reply-list:after {display: none;}
.reply-list li:before {
    content: '';
    width: 60px;
    height: 2px;
    background: #c7cacb;
    position: absolute;
    top: 25px;
    left: -55px;
}


.comments-list li {
    margin-bottom: 15px;
    display: block;
    position: relative;
}

.comments-list li:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    width: 0;
}

.reply-list {
    padding-left: 88px;
    clear: both;
    margin-top: 15px;
}
/**
 * Avatar
 ---------------------------*/
.comments-list .comment-avatar {
    width: 65px;
    height: 65px;
    position: relative;
    z-index: 99;
    float: left;
    border: 3px solid #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    overflow: hidden;
}

.comments-list .comment-avatar img {
    width: 100%;
    height: 100%;
}

.reply-list .comment-avatar {
    width: 50px;
    height: 50px;
}

.comment-main-level:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    clear: both;
}
/**
 * Caja del Comentario
 ---------------------------*/
.comments-list .comment-box {
    width: 680px;
    float: right;
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

.comments-list .comment-box:before, .comments-list .comment-box:after {
    content: '';
    height: 0;
    width: 0;
    position: absolute;
    display: block;
    border-width: 10px 12px 10px 0;
    border-style: solid;
    border-color: transparent #FCFCFC;
    top: 8px;
    left: -11px;
}

.comments-list .comment-box:before {
    border-width: 11px 13px 11px 0;
    border-color: transparent rgba(0,0,0,0.05);
    left: -12px;
}

.reply-list .comment-box {
    width: 610px;
}
.comment-box .comment-head {
    background: #FCFCFC;
    padding: 10px 12px;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

.comment-box .comment-head i {
    float: right;
    margin-left: 14px;
    position: relative;
    top: 2px;
    color: #A6A6A6;
    cursor: pointer;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.comment-box .comment-head i:hover {
    color: #03658c;
}

.comment-box .comment-name {
    color: #283035;
    font-size: 14px;
    font-weight: 700;
    float: left;
    margin-right: 10px;
}

.comment-box .comment-name a {
    color: #283035;
}

.comment-box .comment-head span {
    float: left;
    color: #999;
    font-size: 13px;
    position: relative;
    top: 1px;
}

.comment-box .comment-content {
    background: #FFF;
    padding: 12px;
    font-size: 15px;
    color: #595959;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.comment-box .comment-name.by-author, .comment-box .comment-name.by-author a {color: #03658c;}
.comment-box .comment-name.by-author:after {
    content: 'autor';
    background: #03658c;
    color: #FFF;
    font-size: 12px;
    padding: 3px 5px;
    font-weight: 700;
    margin-left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

 * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 }	


 .breadcrumbs_firmwares{
 	width: 100%;
    float: left;
    padding: 10px;
    font-size: 17px;
    font-family: exo;
    color: #fff;
    background: #F44336;
    margin-bottom: 10px;
 }

 #accordion .glyphicon { margin-right:10px; }
  .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
  .list-group-item {border-width: 1px 0;}
  .panel-collapse>.list-group {margin-bottom: 0;}
  .panel-collapse .list-group-item {border-radius:0;}
  .panel-collapse  a{
  	font-size: 15px;      }
  .panel-collapse .list-group .list-group {margin: 0;margin-top: 10px;}
  .panel-collapse .list-group-item a li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
  .panel-collapse .list-group-item a li.list-group-item:last-child {padding-bottom: 0;}

  .panel-collapse div.list-group div.list-group{margin: 0;}
  .panel-collapse div.list-group .list-group a.list-group-item {border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
  .list-group-item {border-top: 1px solid #DDD !important;}

  .list-group-item:hover{
  	background: #f5f5f5;
  }

.firmwares_list{
  	border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
    float: left;
    padding: 0;
    -webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

.firmwares_list:hover  .firmwares_index_title {
	background: rgba(0,0,0,0.05);
	border-radius:  0 0 5px 5px;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}

/** =====================
 * Responsive
 ========================*/
@media only screen and (max-device-width:768px){
    .comments-container {
        width: 480px;
    }

    .comments-list .comment-box {
        width: 390px;
    }

    .reply-list .comment-box {
        width: 320px;
    }
}

.top_news_block {
    height: 40px;
    width: 100%;
    padding: 0 15px;
    color: #fff;
    float: left;
    background-color: #3f51b5;
    line-height: 40px;
    font-size: 20px;
    font-family: exo;
}

.top_android_block{
	overflow: hidden;
	height: 40px;
    width: 100%;
    white-space: nowrap;
    padding: 0 15px;
    color: #fff;
    float: left;
    background-color: #4caf50;
    line-height: 40px;
    font-size: 20px;
    font-family: exo;
}


.breadcrumbs_android {
	width: 100%;
	padding:10px;
	font-size: 17px;
	color: #fff;
	background: #4caf50;
	margin-bottom: 10px;
}

.width100{
	width: 100% !important;
}

.android-top-left{
	width: 100%;
	float: left;
	background: #fff;
	padding: 5px;
	margin-bottom: 5px;	
}

.details_top_android {
	padding: 0 18px 0 0;
}

.bg_fff{
	background: #fff;
}

.app_header_info{	
	background: #c4c4c4;
	width: 100%;
	padding:10px 15px; 
	
}

.app_header_info img {
	width: 100%;
}

.app_header_info h3{
	margin: 2px 0 10px 0;
}
.cat-apk{
	float: left;
	width: 100%;
	font-size: 13px;
}

.creator-versiya {
	float: left;
	width: 100%;
	font-size: 13px;
}

.download-apk{
	float: left;
	margin: 10px 0 0 0;
	width: 100%;

}

.fright{
	float: right;
}

.title_apk{

    display: block;   
    line-height: 18px;    
    overflow: hidden;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}

.screens_swiper img {
	max-width: 350px;
	max-height: 250px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left:2px;
	margin-right: 2px;

}

.tap_padding{
	padding: 10px 10px 0 10px;
}

#descriptions ul{
	padding: 0 30px;
}

#descriptions {
	padding: 10px 5px;
}

.wh_new{
	margin:0 -15px 0 -15px ;
	padding: 10px 20px;
	background: #43A047;
	color: #fff;
}


.name_down_app{
	padding: 20px 10px 0 10px;
}
.name_down_app h4 {
	font-size: 18px;
	font-family: cursive;
}

.download_list{
	background: #008CBA;
    padding: 15px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .15);
    margin: 5px 0 10px 0;
    color: #fff;
}

.download_list a{
	display: block;
    padding: 10px;
    font-family: exo;
    background: #026B8E;
    color: #fff;
    text-decoration: none;
    border-radius: 2px;
    transition: all ease .3s; 
}

.download_list a:hover {
			background: #025f7e;
			color: #fff;
			text-decoration: none;
}

.comments_android {
	padding-bottom: 10px;
}

.android_commnets_block_title{
	border:1px solid #ddd;
	padding: 10px;
	margin:0px 0px 20px 0px;
	float: left;
	width: 100%;

}

.android_commnets_block_title h3 {
	font-size: 17px;
	font-family: exo;
	margin: 0;
	float: left;
}

.rateyo-readonly-widg {
	width: 100%;
}

.rating_counts{
	float: left;
	padding: 20px 0 10px 0;
	width: 100%;
}

.rating_counts h1{
	color: #949494;
}

.fleft{
	float: left;
}

.all_ratings_count{
	font-size: 12px;
	line-height: 25px;
    color: #8c8c8c;
}

.rating_progress {
	height: 18px !important;
    margin-bottom: 9px !important;
   border-radius: 0px !important;
}



.developer_games{
	background-repeat: no-repeat;
    background-size: 100%;
    background-position: 10% 27%;
	border-radius:5px;
    height: 100%;
    width: 100%;
    z-index: 0;
    position: absolute;
    top: 0px;
}


.dv_blog{
	position: relative;
    background: #fff;
    padding-top: 5px;
    margin: 20px 0 0 0;
	border-radius:5px;
}


.fullstory-div-bg-bg {
	background: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    background-size: cover;
    position: absolute;
	border-radius:5px;
}

.dv_blog_text{
	color: #fff;
	font-size: 16px;
	padding: 10px;
	height: 220px;
	z-index: 1;
    position: relative;
  
}

.dev_bl_left {
	float: left;
	width: 50%;


}

.dev_bl_right{
	width: 50%;
	float: right;


}

.dev-name{
	color: #fff;
	text-align: center;
	font-size: 24px;
	max-height: 60px;
	overflow: hidden;
	font-weight: 600;
	margin: 0 0 0 -1px;
}

.btn-dev-more {
	text-align: center;
	margin: 20px 0;
}

.btn-dev-more a {
	border-radius: 5px;
	text-decoration:none;
	border:2px solid #fff;
	padding: 5px;
	color: #fff;
	transition: 1s;
}

.btn-dev-more a:hover {
	background:#fff;
	color: #000000;
}



.button_down1 {
	position: absolute;
	bottom: 0;
	margin: 0 -15px;
	width: 100%;
	background: #009688;
	height: 40px;
    line-height: 40px;
}

.button_down1 a {
	font-size: 15px;
	color: #fff;
	width: 100%;
	border-radius: 0;
	text-decoration: none;
	-webkit-transition: all ease .5s;
	transition: all ease .5s
}

.block_news1:hover .button_down1 a {
	background-color: #428bca;
	border-color: #357ebd
}

.button_down1 a:hover {
	background: #259b24 !important;
	border-color: #259923 !important
}


.dev_blog_gm_title{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    color: #000;
    margin: -7px 0 0 0;
}

.dev_blog_gm_title a{
	color: #000 !important;
	font-size: 13px;

}



.button_down1 {
	position: absolute;
	bottom: 0;
	margin: 0 -15px;
	width: 100%;
	background: #278daf;
	height: 40px;
    line-height: 40px;
}

.button_down1 a {
	font-size: 15px;
	color: #fff;
	width: 100%;
	border-radius: 0;
	text-decoration: none;
	-webkit-transition: all ease .5s;
	transition: all ease .5s
}

.block_news:hover .button_down1 a {
	background-color: #428bca;
	border-color: #357ebd
}

.button_down1 a:hover {
	background: transparent !important;
	color:#fff;
	text-decoration: none;
	border-color: #259923 !important
}

.bnt_intlect {

}

.bnt_intlect:hover{
	text-decoration:none !important;
	color:#fff !important;
	background:transparent !important;
}

/*block developers*/




.block_dev {
	position: relative;
	padding: 5px 15px;
	margin: 0px 0;
	-webkit-transition: all ease .5s;
	transition: all ease .5s;
	
	white-space:nowrap;
}

.block_dev:hover {
	
}


/*apps short DEV*/



.app_short_md9_dev {
	margin: 5px 14px 5px 5px; 
	float: right;
	width: 130px;
	/*min-height: 218px;*/
    max-height: 191px;
	border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    background: #fafafa;
	padding: 0px 10px 10px 10px;
	overflow: hidden;
	-webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;
}
.app-img_dev{
	width: 100%;
	min-height: 122px;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;

}

.app_short:hover .app-img{
	background: #333;
	background: rgba(0, 0, 0, 0.12);
	-webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;
}

.app_short_md9_dev:hover .app-img{
	background: #333;
	background: rgba(0, 0, 0, 0.12);
	-webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;
}

.app-title{
	color: #212121;
    display: block;
    font-size: 16px;
    line-height: 18px;
    max-height: 36px;
    min-height: 18px;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}

.app-details {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 10px 0px 0;
    position: relative;
}

.app_short a{
	text-decoration: none;
}

.app_short_md9 a{
	text-decoration: none;
}

.developer-app{
	color: #828282;
    display: block;
    font-size: 12px;
    line-height: 18px;
    max-height: 36px;
    min-height: 18px;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}

.app-footer{
	min-height: 18px;
	max-height: 36px;

}

.app-free {
	float: right;
	color:#4CAF50;
}

.rating .stars {
  position: relative;
  display: block;
  float: left;
  margin: 5px 0 0 0;
  height: 10px;
  width: 60px;
  background-image: url("../images/stars.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  margin-right: 5px;
}
.rating .stars .on {
  height: 10px;
  background-image: url("../images/stars.png");
  background-position: 0 -10px;
}
.rating .stars .live {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.rating .stars .live span {
  display: block;
  float: left;
  cursor: pointer;
  width: 11px;
  height: 10px;
  background-image: url("../images/stars.png");
  background-repeat: no-repeat;
  background-position: 0 -20px;
}

.app_img_size_dev{
	width: 100px;
}




/*apps short TOP FULL ANDROID*/



.app_short_md9_top_block {
	margin: 5px 1px 5px 3px;
    float: left;
    width: 32%;
	/*min-height: 218px;*/
    max-height: 174px;
	border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    background: #fafafa;
	padding: 0px 10px 10px 10px;
	overflow: hidden;
	-webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;
}
.app-img_top{
	width: 100%;
	min-height: 100px;
    text-align: center;
    padding: 10px 0;
    -webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;

}

.app_short_md9_top_block:hover .app-img_top{
	background: #333;
	background: rgba(0, 0, 0, 0.12);
	-webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;
}

.app_short_md9_top_block:hover .app-img{
	background: #333;
	background: rgba(0, 0, 0, 0.12);
	-webkit-transition: all .30s;
	   -moz-transition: all .30s;
	    -ms-transition: all .30s;
	     -o-transition: all .30s;
	        transition: all .30s;
}

.app-title{
	color: #212121;
    display: block;
    font-size: 16px;
    line-height: 18px;
    max-height: 36px;
    min-height: 18px;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}

.app-details {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 10px 0px 0;
    position: relative;
}

.app_short a{
	text-decoration: none;
}

.app_short_md9_top_block a{
	text-decoration: none;
}

.developer-app{
	color: #828282;
    display: block;
    font-size: 12px;
    line-height: 18px;
    max-height: 36px;
    min-height: 18px;
    overflow: hidden;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
}

.app-footer{
	min-height: 18px;
	max-height: 36px;

}

.app-free {
	float: right;
	color:#4CAF50;
}

.rating .stars {
  position: relative;
  display: block;
  float: left;
  margin: 5px 0 0 0;
  height: 10px;
  width: 60px;
  background-image: url("../images/stars.png");
  background-position: 0 0;
  background-repeat: repeat-x;
  margin-right: 5px;
}
.rating .stars .on {
  height: 10px;
  background-image: url("../images/stars.png");
  background-position: 0 -10px;
}
.rating .stars .live {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.rating .stars .live span {
  display: block;
  float: left;
  cursor: pointer;
  width: 11px;
  height: 10px;
  background-image: url("../images/stars.png");
  background-repeat: no-repeat;
  background-position: 0 -20px;
}

.app_img_size_top{
	width: 77px;
}

.top_apps_bg {
	float: left;
    background: #e5e5e5;
    margin: -10px 0 0 0;
}




.margin-bottom-10{
	margin: 0 0 10px 0;
}




.firmwares_full{
	background: #fff;
	width: 100%;
	float: left;
	padding: 20px;
}


.firmwares_title{
	border: 1px solid #ddd;
    padding: 10px;
    /* margin: -10px -10px 20px -10px; */
    float: left;
    width: 100%;
}


.firmwares_title h3 {
	font-size: 17px;
	font-family: exo;
	margin: 0;
	float: left;
}


/* comms*/

.timeline_top {
    background-color: #eeeeee;
    height: 1px;

    margin-left: 34px;
    margin-bottom: 0;
}

.timeline {
    list-style: none;
    padding: 5px 0 0px;
    position: relative;
    float: left;
}

.timeline:after {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #eeeeee;
    margin-left: 34px;
}

.timeline > li {
    margin-bottom: 20px;
    position: relative;   
}



.margin-left-35{
    margin-left: 35px;
}
.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-panel {
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 10px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline > li > .timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline > li > .timeline-badge {
    color: #fff;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 7px;
    
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline-badge img {
    width: 66px;
    height: 66px;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    margin-top: -5px;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: left;
    margin-left: 84px;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    font-size: 14px;
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

.timeline-body > p + p {
    margin-top: 3px;
} 


.center {
    text-align: center;
}


.padding-top-10{
	padding-top: 10px;
}

/* Profile container */
.profile {
  margin: 20px 0;
}

/* Profile sidebar */
.profile-sidebar {
  padding: 20px 0 0px 0;
  background: #fff;
  float: left;
}

.profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 100%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-usertitle {
  /*text-align: center;*/
  margin-top: 10px;
}

.profile-usertitle-name {
  color: #5a7391;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-usertitle-job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

.profile-userbuttons {
  text-align: center;
  margin-top: 20px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}
    
.profile-usermenu {
  margin-top: 20px;
  float: left;
  width: 100%
}

.profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7;
}

.profile-usermenu ul li:last-child {
  border-bottom: none;
}

.profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 14px;
  font-weight: 400;
}

.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}

.profile-usermenu ul li.active {
  border-bottom: none;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px;
}

/* Profile Content */
.profile-content {
  padding: 20px;
  background: #fff;
  min-height: 460px;
}


/*media*/

@media (max-width: 480px) { 

	.firmares_index_img img {
	    max-height: 282px;
	    min-height: 282px;
	}

	.b-comments-cta {
	    flex-direction: column;
	    margin: 0 0 25px;
	    width: 100%;
	    padding: 0;
	}
	.b-comments-cta__deco {
	    height: 110px;
	    -webkit-border-radius: 0 0 100% 100%;
	    -moz-border-radius: 0 0 100% 100%;
	    -ms-border-radius: 0 0 100% 100%;
	    -o-border-radius: 0 0 100% 100%;
	    border-radius: 0 0 100% 100%;
	    background-position: center 15px;
	}
	.b-comments-cta__deco:before{
		display: none;
	}
	.b-comments-cta__text {
	    padding: 20px;
	    flex-direction: column;
	}
	.b-comments-cta__text-inner {
	    margin: 0 0 20px;
	}
	.b-comments-cta__text-title {
	    margin: 0 0 5px;
	    font-family: exo,sans-serif;
	}
	.b-comments-cta__text-info {
	    line-height: 1.2;
	}

	.app_short_md9_top_block {
	    margin: 6px 1px 0px 2px;
	    width: 32%;    
	    max-height: 149px;    
	}

	.app-img_top {
	    min-height: 75px;
	}

	.app_img_size_top {
	    width: 59px;
	}

	.android_block{		
		font-size: 16px;
		border-bottom: 5px solid #4caf50;
	}

	.android_block_title{
	    font-size: 16px;
	    padding: 0 10px 0 10px;
	    margin: 0 10px 0 0;
	}

	.more_apps_android {
	    display: none;
	}

	/*app short index*/

	.app_short {
	    margin: 0px 5px 6px 5px;
	    width: 46%;
	    min-height: 218px;
	    max-height: 218px;		   
	}

	.app_img_size {
	    width: 118px;
	}

	.app_short_md9 {
	    margin: 5px 1px 5px 5px;
	    width: 46%;
	}

}

@media  (min-width: 481px) and (max-width: 767px) {

	.firmares_index_img img {
	    max-height: 282px;
	    min-height: 282px;
	}

	.app_short_md9_top_block {
		width: 16%;
		margin: 5px 1px 5px 2px;
	}
	.b-comments-cta {
	    flex-direction: column;
	    margin: 0 0 25px;
	    width: 100%;
	    padding: 0;
	}
	.b-comments-cta__deco {
	    height: 110px;
	    -webkit-border-radius: 0 0 100% 100%;
	    -moz-border-radius: 0 0 100% 100%;
	    -ms-border-radius: 0 0 100% 100%;
	    -o-border-radius: 0 0 100% 100%;
	    border-radius: 0 0 100% 100%;
	    background-position: center 15px;
	}
	.b-comments-cta__deco:before{
		display: none;
	}
	.b-comments-cta__text {
	    padding: 20px;
	    flex-direction: column;
	}
	.b-comments-cta__text-inner {
	    margin: 0 0 20px;
	}
	.b-comments-cta__text-title {
	    margin: 0 0 5px;
	    font-family: exo,sans-serif;
	}
	.b-comments-cta__text-info {
	    line-height: 1.2;
	}


	/*app short index*/

	.app_short {
	    margin: 5px;
	    width: 151px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.app_short_md9_top_block {
		width: 16%;
		margin: 5px 1px 5px 2px;
	}



	/*app short index*/

	.app_short {
	    margin: 5px;
	    width: 23%;
	}

	.app_short_md9 {
	    margin: 5px 2px 5px 2px;
	    width: 19.44%;
	}
}

@media (min-width: 980px) and (max-width: 1200px) {
	.app_short {
	    margin: 5px;
	    width: 13.2%;
	}

	.app_img_size {
	    width: 104px;
	}

	.app_short_md9 {
	    margin: 5px 1px 5px 5px;
	    width: 18.5%
	}
}


.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 10px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #4CAF50;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}