/* Body */

body{
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    background-color: #001935;
    color: #444;
}
p,span{text-transform: lowercase;}



@font-face{
    src: url('../webfonts/SourceSansPro-Light.ttf');
    font-family: 'about-h1';
}
@font-face{
    src: url('../webfonts/SourceSansPro-Regular.ttf');
    font-family: 'about-p';
}
.pta{
	padding: 50px 0;
	margin: 0;
}
.pta li{
	list-style: none;
	display: inline-block;
	font-size: 14px;
}
.pta li:nth-last-child(2){margin: 0 15px;}
.pta a{
	text-decoration: none;
	color: #ccc;
	display: block;
}
.h-new-home{
    min-height: calc(100vh - 124px);
    display: flex;
    align-items: center;
}
.home-utrender{
    background-color: #fff;
    border-radius: 15px;
    padding: 20px;
    text-align: center;
    margin-bottom: 50px;
}
.home-utrender img{
    height: 35px;
    margin-bottom: 15px;
}
.home-utrender p{
    margin-bottom: 0;
    color: #061934;
    font-weight: bold;
    text-transform: none;
}

.btns-app-goole{
    display: flex;
    justify-content: center;
}
.btns-app-goole a{
    display: block;
    text-decoration: none;
}
.btns-app-goole a img{
    height: 40px;
}
.btns-app-goole .app-store{margin-right: 20px;}
.home-main-two{
                background-color: #001935;
                color: #ebf2fc;
            }
            .home-main-two .nav-home-main{
                background-color: #fdf9de;
                height: 70px;
                display: flex;
                align-items: center;
            }
            .home-main-two .nav-home-main img{height: 25px;}
            .home-main-two .nav-home-main .pta{
                padding: 0;
                margin: 0;
            }
            .home-main-two .nav-home-main .pta li{
                list-style: none;
                display: inline-block;
            }
            .home-main-two .nav-home-main .pta li:nth-last-child(2){margin: 0 15px;}
            .home-main-two .nav-home-main .pta a{
                text-decoration: none;
                color: #061733;
                font-size: 14px;
                display: block;
            }
            .home-main-two .mac-home-main{
                text-align: center;
                min-height: calc(100vh - 70px);
                display: flex;
                align-items: center;
            }
            .home-main-two .mac-home-main img{
                width: 100%;
                border: 1px solid #ebf2fc;
            }
            .home-main-two .mac-home-main .mac-text{
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .home-main-two .mac-home-main p{
                margin-bottom: 30px;
                font-size: 20px;
                text-transform: none;
            }
            .home-main-two .mac-home-main input{
                display: block;
                width: 180px;
                background: transparent;
                text-align: center;
                margin: 10px auto 0;
                border: 1px solid #ebf2fc;
                height: 35px;
                line-height: 35px;
                border-radius: 3px;
                color: #ebf2fc;
                font-size: 14px;
                outline: none;
            }
            .home-main-two .mac-home-main input::placeholder{color: #ebf2fc;}
            .home-main-two .mac-home-main .mac-text .btn{
                color: #061733;
                background-color: #ebf2fc;
                width: 180px;
                margin-top: 15px;
                font-weight: bold;
            }
            @media (max-width: 767px){
                .home-main-two .nav-home-main{height: 100px;}
                .home-main-two .nav-home-main img {
                    margin-top: 20px;
                }
                .home-main-two .mac-home-main img {
                    margin-top: 30px;
                }
                .home-main-two .mac-home-main p {
                    font-size: 20px;
                    margin-top: 20px;
                }
                .home-main-two .mac-home-main .mac-text{padding-bottom: 40px;}
            }
.home-main-one{
                background-color: #fff;
                color: #061733;
            }
            .home-main-one .nav-home-main{
                background-color: #fdf9de;
                height: 70px;
                display: flex;
                align-items: center;
            }
            .home-main-one .nav-home-main img{height: 25px;}
            .home-main-one .nav-home-main .pta{
                padding: 0;
                margin: 0;
            }
            .home-main-one .nav-home-main .pta li{
                list-style: none;
                display: inline-block;
            }
            .home-main-one .nav-home-main .pta li:nth-last-child(2){margin: 0 15px;}
            .home-main-one .nav-home-main .pta a{
                text-decoration: none;
                color: #061733;
                font-size: 14px;
                display: block;
            }
            .home-main-one .mac-home-main{
                text-align: center;
                min-height: calc(100vh - 70px);
                display: flex;
                align-items: center;
            }
            .home-main-one .mac-home-main img{
                width: 70%;
            }
            .home-main-one .mac-home-main .mac-text{
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .home-main-one .mac-home-main p{
                margin-bottom: 30px;
                color: #061733;
                font-weight: bold;
                font-size: 45px;
                text-transform: none;
            }
            .home-main-one .mac-home-main a{
                display: block;
                width: 180px;
                margin: 15px auto 0;
                border: 1px solid #06274e;
                height: 40px;
                line-height: 40px;
                border-radius: 5px;
                color: #06274e;
                font-weight: bold;
                text-decoration: none;
                cursor: pointer;
            }
            @media (max-width: 767px){
                .home-main-one .nav-home-main{height: 100px;}
                .home-main-one .nav-home-main img {
                    margin-top: 20px;
                }
                .home-main-one .mac-home-main img {
                    width: 50%;
                    margin-top: 30px;
                }
                .home-main-one .mac-home-main p {
                    font-size: 24px;
                    margin-top: 20px;
                }
                .home-main-one .mac-home-main .mac-text{padding-bottom: 40px;}
            }
/* Form */

.form{
	padding: 50px 0;
	color: #ccc
}
.form h1{
	margin-bottom: 40px;
	font-size: 35px;
}
.form h1 i{
	color: #00b8ff;
}
.form h1::after{
	content: "";
	display: block;
	width: 70px;
	height: 3px;
	background-color: #ec9324;
	margin-top: 20px;
}
.form .form-control{
	background-color: #f6f6f6;
}
.form .form-control:focus{
	box-shadow: none;
}
.form .btn{
	background-color: #3E8AD8;
	color: #fff;
}


/* 404 */

.page-not-found{
	height: 100vh;
	display: flex;
	align-items: center;
	text-align: center;
	color: #ccc;
}
.page-not-found img{
	height: 150px;
	margin-bottom: 20px;
}
.page-not-found p{
	text-transform: capitalize;
}
.page-not-found a{
	text-decoration: underline;
	color: #00b8ff;
}

/* About Us */

.about{
	background-color: #fff;
	padding-top: 80px;
}
.about .head-about{
	padding: 20px 0 20px 70px;
	border-bottom: 2px solid #486586;
	background-color: #fff;
}
.about .head-about img{
	height: 25px;
}

.about .welcome-message{
	width: 100%;
	height: 100%;
	background-image: url('../img/about.png');
	background-size: cover;
	text-align: center;
	padding-top: 200px;
	padding-bottom: 50px;
}
.about .welcome-message img{
    height: 55px;
    margin-bottom: 25px;
}
.about .welcome-message h1{
	font-size: 66px;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.85);
	line-height: 72px;
	font-family: 'about-h1';
	margin-bottom: 5px
}
.about .welcome-message p{
	font-size: 21px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.7);
	line-height: 28px;
	font-family: 'about-p';
	text-transform: lowercase;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}
.about .body-about{
	display: flex;
	justify-content: center;
	text-align: center;
}
.about .body-about .info{
	width: 100%;
	max-width: 750px;
}
.about .body-about .info .box{
	margin-bottom: 40px
}
.about .body-about .info .box h2{
	font-size: 42px;
	font-weight: 200;
	color: rgba(0, 0, 0, 0.85);
	line-height: 48px;
	font-family: 'about-h1';
	margin-bottom: 5px;
}
.about .body-about .info .box .text-about{
	font-size: 17px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.7);
	line-height: 24px;
	font-family: 'about-p';
	text-transform: lowercase;
}
.about .footer{
	background-color: #F5F5F5;
	padding: 30px 0;
	text-align: center;
}
.about .footer h4{
	font-size: 18px;
	font-weight: 200;
	text-transform: lowercase;
}
.about .footer span a{
	color: #0073b1;
	font-weight: bold;
}


/* Privacy */

.privacy{
	background-color: #fff;
	padding: 100px 25px 30px 25px;
}
.header-terms-privacy{
	padding: 20px 0 20px 70px;
	border-bottom: 2px solid #486586;
	background-color: #fff;
}
.header-terms-privacy img{height: 25px}
.privacy .head-privacy{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
.privacy .head-privacy img{width: 120px;}
.privacy .foot-privacy h3{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 25px;
}
.privacy .foot-privacy ul{
	padding: 0;
	margin: 0;
}
.privacy .foot-privacy ul li{
	list-style: none;
	text-transform: capitalize;
	font-size: 14px;
	margin-bottom: 20px;
}
.privacy .foot-privacy ul li:last-child{margin-bottom: 0;}

/* Content */

.body-utrender{padding: 100px 20px 30px;}
.body-utrender .content{
	width: 100%;
	max-width: 950px;
	margin: auto;
}
.body-utrender .content .left-side{
	width: 100%;
	max-width: 540px;
	float: left;
}
.body-utrender .content .right-side{
	width: 100%;
	max-width: 310px;
	float: right;
}
.body-utrender .content .right-side .footer h3{
	color: #ccc;
	margin-bottom: 35px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	font-size: 20px
}
.body-utrender .content .right-side .footer h5{
	color: #ccc;
	font-size: 14px
}
.body-utrender .content .right-side .footer img{
	width: 100%;
}
.body-utrender .content .right-side .footer ul{
	margin: 5px 0 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.body-utrender .content .right-side .footer ul li{
	list-style: none;
}
.body-utrender .content .right-side .footer ul li a{
	display: inline-block;
	color: #ccc;
	font-size: 13px;
	text-decoration: none;
}
.body-utrender .content .right-side .footer span{
	color: #ccc;
	font-size: 13px;
	text-transform: capitalize;
}

/* Home */

.welcome{
	padding: 25px 15px;
	background-color: #fff;
}
.welcome h1{
	font-weight: bold;
	font-size: 23px;
	margin-bottom: 5px;
	line-height: 30px;
}
.welcome span{color: #aaa}
.welcome .links-welcome{
	margin-top: 15px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.welcome .links-welcome button{
	display: block;
	width: 100%;
	max-width: 230px;
	text-align: center;
	font-size: 15px;
	height: 65px;
	border-radius: 5px;
	outline: 0;
}
.welcome .links-welcome .one{
	background-color: #FFF;
	color: #00b8ff;
	border: 1px solid #ddd;
	margin-right: 15px
}
.welcome .links-welcome .two{
	background-color: #00b8ff;
	color: #fff;
	border: 1px solid #00b8ff;
}
.modal .modal-header .modal-title{font-weight: bold}
.modal .modal-body .form-create input[type="text"]{margin-bottom: 15px}
.modal .modal-body .form-create textarea{height: 130px;}
.modal .modal-body .form-create .control-modal{
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.modal .modal-body .form-create .control-modal input[type="submit"]{
	background-color: #00b8ff;
	color: #fff;
	font-size: 15px;
	padding: 7px 0;
	border-radius: 5px;
	border:none;
	width: 80px;
}
.modal .modal-body .button-switch{
	display: flex;
	align-items: center;
	margin-top: 10px
}
.modal .modal-body .button-switch b{
	font-size: 13px;
	color: #666
}
.modal .modal-body .button-switch b i{color: #00b8ff}
.modal .switch {
  position: relative;
  display: inline-block;
  width: 22px;
  height: 11px;
  margin-bottom: 0;
  margin-left: 8px
}
.modal .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.modal .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.modal .slider:before {
  position: absolute;
  content: "";
  height: 11px;
  width: 11px;
  left: 0;
  bottom: 0;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  box-shadow: 0 0 10px 2px #ccc;
}
.modal input:checked + .slider {background-color: #00b8ff;}
.modal input:focus + .slider {box-shadow: 0 0 1px #00b8ff;}
.modal input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}
.modal .slider.round {border-radius: 34px;}
.modal .slider.round:before {border-radius: 50%;}
.modal .modal-body .form-profile input[type="text"],
.modal .modal-body .form-profile select{margin-bottom: 15px}
.modal .modal-body .form-profile textarea{height: 130px;}
.modal .modal-body .form-profile p{
	margin-bottom: 0;
	font-size: 13px;
}
.modal .modal-body .form-profile .input-pcover{display: none;}
.modal .modal-body .form-profile .control-modal{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.modal .modal-body .form-profile .control-modal input[type="submit"]{
	background-color: #00b8ff;
	color: #fff;
	font-size: 14px;
	padding: 8px 0;
	border-radius: 5px;
	border:none;
	width: 90px;
}
.modal .modal-body .form-profile .control-modal button[type="button"]{
	background-color: #aaa;
	color: #fff;
	font-size: 14px;
	padding: 8px 0;
	border-radius: 5px;
	border:none;
	width: 90px;
}
.modal .modal-body .success-payment .info-reset{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.modal .modal-body .success-payment .info-reset .left-reset b{
	display: inline-block;
	background-color: #001935;
	padding: 10px 12px;
	color: #fff;
	font-size: 19px;
	margin-right: 10px;
	float: left;
	border-radius: 3px;
}
.modal .modal-body .success-payment .info-reset .left-reset span{
	display: inline-block;
	color: #001935;
	font-size: 11px;
	float: left;
}
.modal .modal-body .success-payment .info-reset .right-reset{
	padding: 0;
	margin: 0
}
.modal .modal-body .success-payment .info-reset .right-reset li{
	color: #001935;
	font-size: 12px;
	list-style: none;
}
.modal .modal-body .success-payment .list-reset{
	padding: 0;
	margin: 30px 0;
	border-bottom: 1px solid #001935;
	border-top: 1px solid #001935;
}
.modal .modal-body .success-payment .list-reset li{
	width: 100%;
	list-style: none;
	border-bottom: 1px solid #001935;
	font-size: 13px;
	color: #001935;
	padding: 10px 0;
	overflow: hidden;
}
.modal .modal-body .success-payment .list-reset li:last-child{border-bottom: none;}
.modal .modal-body .success-payment .list-reset li span{
	display: inline-block;
	margin-right: 5%;
	width: 20%;
	float: left;
}
.modal .modal-body .success-payment .list-reset li b{
	width: 75%;
	float: right;
}
.modal .modal-body .success-payment .list-paypal{
	padding: 0;
	margin: 0;
	text-align: center;
}
.modal .modal-body .success-payment .list-paypal li{
	display: flex;
	justify-content: space-around;
	width: 100%;
	list-style: none;
	font-size: 13px;
	color: #001935;
	margin-bottom: 10px
}
.modal .modal-body .success-payment .list-paypal li span,
.modal .modal-body .success-payment .list-paypal li b{
	display: inline-block;
	width: 100px;
}
.modal .modal-body .success-payment .list-paypal li .button-paypal{
	text-decoration: none;
	background-color: #001935;
	color: #fff;
	font-size: 15px;
	padding: 8px 0;
	border-radius: 5px;
	width: 90px;
	display: inline-block;
	margin-top: 10px;
}

.trend .buttons-trend{
	width: 100%;
	text-align: center;
}
.trend .buttons-trend button{
	display: block;
	width: 100%;
	font-size: 17px;
	padding: 30px 0;
	background-color: transparent;
	border: none;
	outline: 0;
	color: #fff;
	line-height: 25px
}
.trend .buttons-trend .active button{
    color: #00b8ff;
}
.trend .buttons-trend .one{
	float: left;
	width: 50%;
}
.trend .buttons-trend .two{
	float: right;
	width: 50%;
}
.trend p{
	text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 13px;
    font-weight: 400;
    line-height: 30px
}
.trend .owl-pages{
	height: 395px;
}
.trend .owl-pages .box .photo-page{
	display: block;
	width: 100%;
	height: 185px;
	border-radius: 5px 5px 0 0;
}
.trend .owl-pages .box .info-box{
	position: relative;
	padding: 10px;
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	border-top: 1px solid #e8e8e8;
}
.trend .owl-pages .center .box .info-box .trend{animation: trend-action 1s ease-in infinite alternate}
@keyframes trend-action {
    0% {
        transform: translateY(-0.5rem)
    }
    90% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(0)
    }
}
.trend .owl-pages .box .info-box .trend{
	position: absolute;
	top: -30px;
	right: 0;
	text-decoration: none;
	background-color: #00b8ff;
	color: #fff;
	font-size: 16px;
	padding: 8px 0;
	border-radius: 5px 0 0 5px;
	width: 100px;
	text-align: center;
}
.trend .owl-pages .box .info-box h3{
	font-weight: bold;
	font-size: 20px;
	text-transform: capitalize;
}
.trend .owl-pages .box .info-box .company{
	border: 1px solid #00b8ff;
	padding: 5px;
	text-align: center;
	background-color: #fff;
	color: #444;
	text-decoration: none;
	margin-top: 5px;
	font-size: 13px;
	display: none;
}
.trend .owl-pages .center .box .info-box .company{
	display: block;
}
.trend .owl-pages .center .box .photo-page{
	height: 200px;
	transition: height .5s ease-in-out;
}
.trend .owl-pages .box .info-box .info-review{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.trend .owl-pages .box .info-box .info-review ul{
	margin: 0;
	padding: 0 8px 0 0;
}
.trend .owl-pages .box .info-box .info-review ul li{
	list-style: none;
}
.trend .owl-pages .box .info-box .info-review ul li i{color: #444}
.trend .owl-pages .box .info-box .info-review ul li h5{
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	color: rgba(0,0,0,0.65);
}
.trend .owl-pages .box .info-box .info-review .review{
	display: block;
	text-decoration: none;
	text-align: center;
}
.trend .owl-pages .box .info-box .info-review .review img{
    width: 30px;
    display: inline-block;
}
.trend .owl-pages .box .info-box .info-review .review b{
	font-size: 12px;
	color: #444;
	display: block;
}
.trend .owl-pages .owl-next{border-radius: 5px 0 0 5px}
.trend .owl-pages .owl-prev{border-radius: 0 5px 5px 0}
.trend .owl-pages .owl-nav{
	position: absolute;
	top: 130px;
	width: 100%;
	right: 0;
	left: 0;
	display: flex;
	justify-content: space-between;
	margin-top: 0;
}
.trend .owl-pages .owl-next,
.trend .owl-pages .owl-prev{
	background-color: #001935 !important;
	width: 40px;
	height: 40px;
	outline: 0;
	margin: 0;
}
.trend .owl-pages .owl-next i,
.trend .owl-pages .owl-prev i{color: #ddd;}

.modal-rate-page .cover-page{
	width: 100%;
	display: block;
	margin-bottom: 25px;
}
.modal-rate-page .trend-result-numbers{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 25px;
}
.modal-rate-page .trend-result-numbers h6{
	margin-bottom: 5px;
	font-weight: bold;
}
.modal-rate-page .trend-result-numbers span{color: #8f8f8f;}
.modal-rate-page .trend-result-numbers .link-rate{
	text-decoration: none;
	color: #444;
	display: block;
}
.modal-rate-page .trend-result-numbers .link-rate .icon-up-trend{
	width: 40px;
}
.modal-rate-page .form-ratepage h4{
	font-size: 18px;
	font-weight: bold;
}
.modal-rate-page .form-ratepage .form-trending-check{
	display: flex;
	justify-content: space-around;
}
.modal-rate-page .form-ratepage .form-trending-check label{display: block}
.modal-rate-page .form-ratepage input[type="submit"]{
	background-color: #00b8ff;
	color: #fff;
	font-size: 14px;
	padding: 8px 0;
	border-radius: 5px;
	border:none;
	width: 90px;
}
.modal-rate-page p{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 8px
}
.modal-rate-page i{
	color: #00b500;
	font-size: 20px;
}

/* News */

.news{
	padding: 23px 18px;
	background-color: #fff;
	margin: 30px 0;
}
.news .head-n{
	display: flex;
	justify-content: space-between;
}
.news .head-n img{
	height: 25px;
}
.news .head-n .live{
	padding: 15px 0;
	background-color: #a90a1c;
	margin-bottom: 3px;
  	overflow: hidden;
}
.news .head-n .live h5{
	margin-bottom: 0;
	color: #ddd;
	text-transform: uppercase;
	font-size: 12px;
	transform: translateX(100%);
	animation: moving 4s linear infinite;
}
@keyframes moving{
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}
.news .head-n span{
	font-size: 12px;
	color: #666;
	margin-left: 7px;
}
.news .body-n{
	padding: 25px 20px;
}
.news .body-n p{
	color: #000;
	font-size: 18px;
	line-height: 25px;
	margin: 20px 0 10px;
}
.news .body-n span{
	font-size: 14px;
	color: #888;
	font-weight: bold;
	text-transform: none;
}
.news .body-n a{
	text-decoration: none;
	font-size: 14px;
}
.news .body-n b{
	font-size: 14px;
	color: #555;
}
.news .body-n i{
	color: #555;
}

/* Sponsor */

.sponsor{
	background-color: #fff;
	margin-bottom: 20px;
}
.sponsor .info{
	padding: 15px;
	float: left;
    display: flex;
    justify-content: flex-start;
}
.sponsor .text-sponsor{padding: 15px;}
.sponsor .info .link-user-sponsor{
	text-decoration: none;
	display: inline-block;
	margin-right: 10px
}
.sponsor .info .link-user-sponsor .icon-prof{
	border-radius: 50%;
	height: 50px;
	width: 50px
}
.sponsor .info ul{
	padding: 0;
	margin: 0;
	display: flex;
	height: 50px;
	justify-content: space-around;
	flex-direction: column;
}
.sponsor .info ul li{
	list-style: none;
	font-size: 13px;
}
.sponsor .cover{
	width: 100%;
}
.sponsor .iframe-sponsor{
	width: 100%;
	height: 270px;
}
.sponsor p{
	font-size: 13px;
	margin-bottom: 0
}
.sponsor h4{
	font-size: 17px;
	font-weight: bold;
}
.sponsor .info-text{
	display: flex;
	align-items: flex-end;
	height: 50px;
}
.sponsor .info-text h6{
	font-weight: bold;
	font-size: 13px;
	color: #000;
	line-height: 25px;
	margin-bottom: -5px
}
.sponsor .info-text b{
	color: #8f8f8f;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400
}
.sponsor .btn-sponsor{
	padding: 15px;
	background-color: #f2f2f2;
	display: flex;
	justify-content: space-between;
}
.sponsor .btn-sponsor .more-sponsor{
	text-decoration: none;
	background-color: transparent;
	border:1px solid #00b8ff;
	padding: 6px 15px;
	color: #00b8ff;
	font-size: 13px;
	border-radius: 2px
}
.sponsor .btn-sponsor .more-sponsor:hover{
	border:1px solid #00b8ff;
	background-color: #00b8ff;
	color: #eee;
	transition: all 0.4s ease-in-out;
}
.sponsor .share-sponsor{
	text-decoration: none;
	font-size: 12px;
	color: #222;
	padding: 6px 0
}
.sponsor .gray-sponsor{
	width: 20px;
	height: 20px;
	margin-right: 5px
}

/* Offers */

.offers{
	color: #eee;
	margin-bottom: 20px;
}
.offers .offer-head{
	position: relative;
	background-color: #b00100;
	text-align: center;
	padding: 15px;
}
.offers .offer-head .now{
	position: absolute;
	top: 0;
	right: 40px;
	background-color: #eee;
	color: #b00100;
	padding: 4px 15px;
	font-size: 11px;
}
.offers .offer-head span{
	font-size: 18px;
	text-transform: none;
}
.offers .offer-bg{
	background-size: cover;
	background-position: center;
}
.offers .offer-body{
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px 15px;
	height: 300px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.offers .offer-body .offer-info .offer-profile-photo{
	display: block;
	text-decoration: none;
	margin-right: 15px;
}
.offers .offer-body .offer-info .offer-profile-photo img{
	height: 70px;
	width: 70px;
	border-radius: 50%;
}
.offers .offer-body .offer-info .offer-profile-name{
	height: 70px;
}
.offers .offer-body .offer-time{width: 200px;text-align: right;font-size: 14px;text-transform: lowercase;}
.offers .offer-body .offer-button{
	text-decoration: none;
	color: #eee;
	padding: 8px 50px;
	border: 1px solid #eee;
	margin: auto;
	font-weight: bold;
	font-size: 15px;
	display: inline-block;
}
.offers .offer-body .offer-got{
	background-color: #3b5998;
}
.offers .offer-body .offer-sold{
	background-color: #77838d;
}

/* History */

.history .history-head{
	text-align: center;
	padding-bottom: 30px;
	font-size: 20px;
	color: #fff;
	letter-spacing: 1px;
}
.history .history-body{
	background-color: #f0f1f3;
	padding: 30px 20px;
}
.history .history-body .history-btns{
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
}
.history .history-body .history-btns a{
	display: block;
	width: calc(100% / 3);
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	border: 2px solid #48aca0;
	font-weight: bold;
	color: #888f97;
}
.history .history-body .history-btns a:first-child{
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}
.history .history-body .history-btns a:nth-child(2){
	border-left: none;
	border-right: none;
}
.history .history-body .history-btns a:last-child{
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}
.history .history-body .history-btns .active{
	background-color: #48aca0;
	color: #fff;
}
.history .history-offers .history-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 2px 20px 0 rgba(110,130,208,.30);
	padding: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
	background-color: #fff;
}
.history .history-offers .history-box:last-child{margin-bottom: 0;}
.history .history-offers .history-box .history-info{
	display: flex;
	align-items: center;
	height: 50px;
}
.history .history-offers .history-box img{
	height: 100%;
	display: inline-block;
	margin-right: 15px;
}
.history .history-offers .history-box h4{
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
	text-transform: capitalize;
}
.history .history-offers .history-box span{
	color: #a2a2a2;
	text-transform: none;
}

/* Posts */

.noposts-home{
	background-color: #fff;
	margin-bottom: 0;
	padding: 20px;
	font-size: 15px;
	text-align: center;
}
.post{
	background-color: #fff;
	padding: 23px 18px;
	margin-bottom: 20px;
}
.post .info-post .dropdown{
	float: right;
}
.post .info-post .dropdown .buttonpost{
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
}
.post .info-post .dropdown .buttonpost:hover{
	background-color: #eee;
	cursor: pointer;
	transition: all 0.4s ease-in-out
}
.post .info-post .dropdown .dropdown-menu{
	right: 0;
	left: auto !important;
	top: 30px !important;
	transform: none !important;
	min-width: 7rem;
    padding: .2rem 0;
}
.post .info-post .dropdown .dropdown-item{
    display: block;
    width: 100%;
    padding: 2px 8px;
    font-size: 12px
}
.post .info-post .basic-info{
	float: left;
	display: flex;
	justify-content: flex-start;
}
.post .info-post .basic-info img{
	display: block;
	height: 50px;
	width: 50px;
	margin-right: 10px;
	border-radius: 50%
}
.post .info-post .basic-info .info-text{
	display: flex;
	align-items: flex-end;
	height: 50px;
}
.post .info-post .basic-info .info-text h4{
	font-weight: bold;
	font-size: 13px;
	color: #000;
	line-height: 25px;
	margin-bottom: -5px
}
.post .info-post .basic-info .info-text span{
	color: #8f8f8f;
	font-size: 12px;
	line-height: 20px;
	font-weight: 400
}
.post .info-post .trend-post{
	float: right;
	display: flex;
	align-items: center;
	height: 60px;
}
.post .info-post .trend-post a{
	text-decoration: none;
	border: 1px solid #00b8ff;
	color: #00b8ff;
	font-size: 15px;
	padding: 7px 0;
	border-radius: 5px;
	width: 90px;
	text-align: center;
	display: inline-block;
}
.post .info-post .trend-post a:hover{
	background-color: #00b8ff;
	color: #fff;
	transition: all 0.4s ease-in;
}
.post .text-post{
	font-size: 18px;
	padding: 20px 5px 10px;
	color: #000;
	line-height: 21px;
}
.post .text-post b{
	font-size: 20px;
	margin-bottom: 15px;
	display: inline-block;
}
.post .text-post b i{
	color: #bf1313;
	vertical-align: super;
	font-size: 8px;
}
.post .date-media{
	display: flex;
	justify-content: space-between;
	width: 100%
}
.post .date-media .date{
	display: flex;
	align-items: center;
	height: 50px;
}
.post .date-media .date span{color: #aaa;font-size: 12px;}
.post .date-media .boxs{
	padding-right: 30px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 50px;
	text-align: center;
}
.post .date-media .boxs .box:nth-child(2){margin: 0 5px}
.post .date-media .boxs .box a{text-decoration: none}
.post .date-media .box img{
	width: 30px;
	height: 30px;
}
.post .date-media .box h5{
	margin-bottom: 0;
	font-size: 14px;
	color: #aaa;
	margin-top: 4px;
}
.post .commentnum{
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 10px 0;
	text-align: center;
	position: relative;
	display: block;
	text-decoration: none;
	color: #444;
}
.post .commentnum .chevron-left{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
}
.post .users-comments-num{
	text-decoration: none;
	color: #555;
	font-weight: bold;
	font-size: 13px;
	padding-top: 15px;
	display: block;
}
.post .users-comments-num img{
	width: 20px;
	height: 20px;
	border-radius: 50%
}
.post .users-comments-num h6{
	margin-bottom: 0;
	font-size: 11px;
	font-weight: bold;
	margin-top: 5px
}
.body-comments{
	padding-bottom: 74px;
	position: relative;
}
.body-comments .post{margin-bottom: 0}
.body-comments .send-comment{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	padding: 10px;
	border-bottom: 15px solid #001935;
	border-top: 1px solid #ddd
}
.body-comments .send-comment input[type="text"]{border:none;}
.body-comments .send-comment input[type="text"]:focus{box-shadow: none;}
.body-comments .comments-users{
	background-color: #f0f0f0;
	padding: 15px;
}
.body-comments .comments-users .text-comment{
	display: flex;
	justify-content: flex-start;
	margin-bottom: 15px
}
.body-comments .comments-users .text-comment:last-child{margin-bottom: 0}
.body-comments .comments-users .text-comment .icon{margin-right: 10px}
.body-comments .comments-users .text-comment .icon img{
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.body-comments .comments-users .text-comment .info-comment{
	width: 100%;
	max-width: 415px;
	background-color: #fff;
	border-radius: 10px;
	padding: 10px;
	position: relative;
}

.body-comments .comments-users .text-comment .info-comment .dropdown{
	position: absolute;
	top: 5px;
	right: 5px;
}
.body-comments .comments-users .text-comment .info-comment .dropdown .buttonpost{
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
}
.body-comments .comments-users .text-comment .info-comment .dropdown .buttonpost:hover{
	background-color: #eee;
	cursor: pointer;
	transition: all 0.4s ease-in-out
}
.body-comments .comments-users .text-comment .info-comment .dropdown .dropdown-menu{
	right: 0;
	left: auto !important;
	top: 30px !important;
	transform: none !important;
	min-width: 7rem;
    padding: .2rem 0;
}
.body-comments .comments-users .text-comment .info-comment .dropdown .dropdown-item{
    display: block;
    width: 100%;
    padding: 2px 8px;
    font-size: 12px
}


.body-comments .text-comment .info-comment p{
	margin-bottom: 0;
	font-size: 14px;
}
.modal .modal-share{padding: 0}
.modal .input-search-share{
	position: relative;
	width: 100%;
}
.modal .input-search-share i{
	position: absolute;
	top: 20px;
	left: 15px;
	font-size: 20px
}
.modal .input-search-share input[type="text"]::placeholder{color: #555}
.modal .input-search-share input[type="text"]{
	background-color: #fff;
	height: 60px;
	color: #444;
	width: 100%;
	padding-left: 46px;
	font-size: 17px;
	border:none;
}
.modal .input-search-share input[type="text"]:focus,
.modal .form-share .btn:focus{box-shadow: none}
.modal .form-share .users-share{
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 15px;
}
.modal .form-share .users-share #show-share .user-post-share{margin-bottom: 10px}
.modal .form-share .users-share h6{
	margin-bottom: 15px;
	text-align: left;
}
.show-allusers{
	max-height: 230px;
	overflow: auto;
	text-align: center;
}
.modal .form-share .users-share input[type="radio"]{display: none;}
.modal .form-share .user-post-share img{
	width: 60px;
	height: 60px;
	border-radius: 50%;
}
.modal .form-share .user-post-share span{
	display: block;
	font-size: 13px;
	margin-top: 3px;
}
.modal .form-share .users-share .user-post-share .icon-checked{
	display: inline-block;
	position: relative;
}
.modal .form-share .users-share .user-post-share input:checked + .icon-checked:after{
    color: green;
    position: absolute;
    right: 0px;
    bottom: -4px;
    font-size: 15px;
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    font-weight: bold;
}
.modal .form-share .footer-share{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 60px;
	padding: 0 15px
}
.modal .form-share .footer-share img{
	width: 30px;
	height: 30px;
}
.modal .form-share .footer-share button[type="button"]{
	padding: 5px 1rem;
    font-size: 14px;
}
.modal .share-social-media{
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #ddd;
	padding: 15px;
}
.modal .share-social-media a{
	border-radius: 4px;
    display: flex;
    height: 38px;
    width: 38px;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.modal .share-social-media a:last-child{margin-right: 0}
.modal .share-social-media a img{height: 22px}

/* Friend Profile */

.friend-profile{
	position: relative;
}
.friend-profile .dropdown{
	position: absolute;
	right: 20px;
	top: 20px;
}
.friend-profile .dropdown .buttonuser{
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
}
.friend-profile .dropdown .buttonuser:hover{
	background-color: #eee;
	cursor: pointer;
	transition: all 0.4s ease-in-out
}
.friend-profile .dropdown .dropdown-menu{
	right: 0;
	left: auto !important;
	top: 30px !important;
	transform: none !important;
	min-width: 7rem;
    padding: .2rem 0;
}
.friend-profile .dropdown .dropdown-item{
    display: block;
    width: 100%;
    padding: 2px 8px;
    font-size: 12px
}
.friend-profile .noposts{
	background-color: #fff;
	margin-bottom: 0;
	padding: 20px;
	font-size: 15px
}
.friend-profile .info-friend{
	padding-top: 30px;
	text-align: center;
	background-color: #fff;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}
.friend-profile .info-friend .upload-profile .input-file{display: none;}
.friend-profile .info-friend .upload-profile #show-image img{
	border-radius: 50%;
	width: 150px;
	height: 150px;
	margin-bottom: 10px
}
.friend-profile .info-friend .upload-profile label{
	color: #00b8ff;
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	cursor: pointer;
}
.friend-profile .info-friend img{
	border-radius: 50%;
	width: 150px;
	height: 150px;
	margin-bottom: 10px
}
.friend-profile .info-friend h2{
	font-weight: bold;
	font-size: 30px;
}
.friend-profile .info-friend p{
	color: #aaa;
	font-size: 13px;
	margin-bottom: 20px;
}
.friend-profile .info-friend .stat{
	width: 100%;
	border-top: 1px solid rgba(0,0,0,.125);
	border-bottom: 1px solid rgba(0,0,0,.125);
	padding: 20px 0
}
.friend-profile .info-friend .stat .box h4{
	font-weight: bold;
	font-size: 18px;
}
.friend-profile .info-friend .stat .box span{
	color: #aaa;
	font-size: 14px
}
.friend-profile .info-friend a{
	text-decoration: none;
	border: 1px solid #00b8ff;
	color: #00b8ff;
	font-size: 15px;
	padding: 7px 0;
	border-radius: 5px;
	width: 90px;
	text-align: center;
	display: inline-block;
	margin-bottom: 20px
}
.friend-profile .info-friend a:hover{
	background-color: #00b8ff;
	color: #fff;
	transition: all 0.4s ease-in;
}
.friend-profile .info-friend .myprofile-edit{
	text-decoration: none;
	background-color: #fff;
	color: #444;
	font-size: 15px;
	padding: 6px 0;
	border-radius: 3px;
	width: 130px;
	text-align: center;
	display: inline-block;
	border: 2px solid #aaa;
	margin-bottom: 20px
}
.friend-profile .info-friend .myprofile-edit:hover{
	background-color: #666;
	color: #fff;
	border: 2px solid #666;
	transition: all 0.4s ease-in;
}
.friend-profile .user-about{padding: 20px 20px 0;background-color: #fff;}
.friend-profile .user-about h5{font-weight: bold;margin-bottom: 0}
.friend-profile .user-about h6{margin-bottom: 0;font-size: 14px;margin-top: 5px}
.friend-profile .more-info{
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,.125);
	background-color: #fff;
}
.friend-profile .more-info .more{
	font-size: 30px;
	color: #00b8ff;
}
.friend-profile .more-info i:before{content: "\f106";}
.friend-profile .more-info .collapsed i:before{content: "\f107";}
.friend-profile .card-body{padding: 0;}
.friend-profile .card{
	background-color: #001935;
	border-radius: 0;
	border:none;
}

/* Reviews */

.review{background-color: #fff;}
.review p{
	text-align: center;
	font-size: 14px;
	margin-bottom: 0;
	padding: 20px 0
}
.review ul{
	padding: 0;
	margin: 0;
}
.review ul li{list-style: none;}
.review ul .custom{background-color: #f0f0f0;}
.review ul li .user{
	padding: 10px;
	display: flex;
	justify-content: flex-start;
	text-decoration: none;
	color: #444
}
.review ul li .user img{
	display: block;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	border-radius: 50%;
}
.review ul li .user .info{
	display: flex;
	align-items: flex-end;
	height: 50px;
}
.review ul li .user .info h4{
	margin-bottom: -5px;
	font-weight: bold;
	font-size: 17px;
}
.review ul li .user .info span{font-size: 12px}

/* Edit */

.edit{
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	padding: 40px 0 30px;
	background-color: #fff;
}
.edit .box h2{
	font-weight: bold;
	font-size: 27px;
}
.edit .box p{
	color: #aaa;
	font-size: 15px
}
.edit .card-header{
    background-color: #fff;
    border:none;
}
.edit .card-body{background-color: #f6f6f6;}
.edit .card-header h2{
	display: flex;
	justify-content: space-between;
}
.edit .card-header h2 span{
	font-size: 18px;
	color: #666
}
.edit .card{border:none;}
.edit .btn-link{padding: 0}
.edit .btn-link i{color: #00b8ff}
.edit .card i:after{content: "\f00d";}
.edit .card .collapsed i:after{content: "\f067";}
.edit .card textarea{height: 100px}
.edit .control-edit{
	display: flex;
	justify-content: center;
	margin-top: 15px;
}
.edit .control-edit input[type="submit"]{
	background-color: #00b8ff;
	color: #fff;
	font-size: 15px;
	padding: 8px 0;
	border-radius: 5px;
	border:none;
	text-align: center;
	width: 80px;
	display: inline-block;
}
.edit .control-edit button[type="submit"]{
	background-color: #fff;
	color: #444;
	font-size: 15px;
	padding: 8px 0;
	border-radius: 5px;
	border:2px solid #aaa;
	text-align: center;
	width: 170px;
	display: inline-block;
}

/* Join */

.body-join{
	width: 100%;
}
.body-join .cover-join{
	float: left;
	width: 78%;
}
.body-join .cover-join img{
	height: 100vh;
	width: 100%;
}

.join{
	float: right;
	display: flex;
	width: 22%;
	height: 100vh;
	justify-content: center;
	align-items: center;
	color: #ccc;
	text-align: center;
}
.join .control-join{
	width: 100%;
	max-width: 500px;
}
.join h1{
	font-family: 'Aleo', serif;
	font-weight: bold;
	margin-bottom: 35px;
	font-size: 50px
}
@keyframes bounce{0%{opacity:0}}
.join h1 i{
	font-size: 12px;
	animation: bounce 0.8s ease-in infinite alternate;
}
.join p{
	font-size: 14px;
	margin-bottom: 25px
}
.join .carousel-item{
	min-height: 400px;
	padding: 0 15px;
}
.join .form-signup input[type="text"],
.join .form-signup input[type="password"],
.join .form-signup input[type="email"],
.join .form-signin input[type="password"],
.join .form-signin input[type="email"]{
	border: none;
    border-radius: 0;
    padding: 1.5rem 1rem;
    font-size: 1rem;
}
.join .form-control:focus {box-shadow: none;}
.join .form-signup input[type="text"],
.join .form-signup input[type="email"],
.join .form-signin input[type="email"]{border-bottom: 1px solid #e3e3e3}
.join input[type="submit"]{
	margin-top: 15px;
	background-color: #00b8ff;
	color: #fff;
	font-size: 14px;
	padding: 0.5rem .75rem;
	margin-bottom: 50px;
}
.join a{
	text-decoration: none;
	color: #ccc;
	display: block;
}
.join a i{font-size: 13px}
.join .form-signin input[type="submit"]{margin-bottom: 15px;}
.join .forget-password{margin-bottom: 40px;}
.join .treelinks{
	padding: 0;
	margin: 0;
}
.join .treelinks li{
	list-style: none;
	display: inline-block;
	font-size: 13px
}

/* Owner & Done */

.form-owner{
	background-color: #fff;
	padding: 60px 30px 30px;
}
.form-owner h2{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
}
.form-owner h5{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 30px;
}
.form-owner label{
	color: #888;
	font-size: 13px
}
.form-owner input{
	border:none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
	box-shadow: none !important;
}
.form-owner .btn{
	background-color: #00b8ff;
	color: #fff;
	padding: .25rem 1rem;
	margin-top: 10px
}
.done-message{
	display: flex;
	align-items: center;
	justify-content: center;
	height:500px;
	width: 100%;
	text-align: center;
	background-color: #fff;
}
.done-message .flex-info{padding: 0 25px;}
.done-message .flex-info img{
	height: 170px;
	margin-bottom: 20px;
}
.done-message h3{
	font-size: 23px;
	font-weight: bold;
	color: #444;
}
.done-message p{
	color: #444;
	font-size: 15px;
	margin-bottom: 0;
}


/* Location */

.form-location{
	background-color: #fff;
	padding: 30px;
}
.form-location .btn{
	background-color: #00b8ff;
	color: #fff;
	padding: .25rem 1rem;
}


/* Statistics */

.noposts-stat{
	background-color: #fff;
	margin-bottom: 0;
	padding: 20px;
	font-size: 15px
}
.stat-post-likes{
	padding: 20px 0 40px;
	border-bottom: 1px solid #424c5a;
	margin-bottom: 40px
}
.stat-post-likes:last-child{border-bottom: none;margin-bottom: 0}
.stat-post-likes p{
	color: #ccc;
	margin-bottom: 10px
}
.stat-post-likes h5{
	margin-bottom: 0;
	color: #ccc;
	text-align: center;
	font-size: 18px;
	margin-top: 10px
}
.stat-post-likes .progress-bar{background-color: #00b8ff}
.stat-congratulation{
	background-color: #fff;
	padding: 40px 20px;
	text-align: center;
	position: relative;
	margin-bottom: 20px
}
.stat-congratulation img{
	position: absolute;
	top: 15px;
	left: 15px;
	height: 50px;
}
.stat-congratulation h1{
	margin-bottom: 25px;
	font-weight: bold;
	color: #2c394a;
	font-size: 30px
}
.stat-congratulation a{
	text-decoration: none;
	background-color: #00b8ff;
	color: #fff;
	font-size: 15px;
	padding: 7px 0;
	border-radius: 5px;
	width: 90px;
	display: inline-block;
	margin-top: 5px
	
}

/* Congratulation */

.free-post-payment{
	padding: 40px 20px;
	background-color: #fff
}
.free-post-payment h3{
	margin-bottom: 30px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.free-post-payment ul{
	padding: 0;
	margin: 0 0 20px;
}
.free-post-payment ul li{
	width: 100%;
	list-style: none;
	font-size: 15px;
	overflow: hidden;
}
.free-post-payment ul li span{
	display: inline-block;
	width: 80%;
	float: right;
}
.free-post-payment ul li b{
	width: 20%;
	float: left;
}
.free-post-payment select{margin-bottom: 20px}
.free-post-payment label{color: #aaa}
.free-post-payment p{
	margin-bottom: 0;
	font-size: 13px;
	font-weight: bold;
}
.free-post-payment .btn{
	background-color: #00b8ff;
	color: #fff;
	padding: .25rem 1rem;
	margin-top: 20px
}

/* Post Admin */

.admin-post{
	margin-top: 20px;
}
.admin-post .cover{
	width: 100%;
	display: block;
}
.admin-post .info{
	padding: 20px;
	background-color: #fff;
	position: relative;
}
.admin-post .info .logo-post{
	position: absolute;
	top: 15px;
	left: 15px;
	text-align: center;
}
.admin-post .info .logo-post img{
	height: 35px;
}
.admin-post .info .logo-post b{font-size: 10px;color: #2c394a;display: block;}
.admin-post .info .move-link{
	display: flex;
	width: 100%;
	justify-content: flex-end;
}
.admin-post .info .link-post-admin{
	text-decoration: none;
	display: flex;
    align-items: center;
    height: 70px;
}
.admin-post .info .link-post-admin span{
	font-size: 20px;
	color: #444;
	font-weight: bold;
}
.admin-post .info .link-post-admin .icon-prof{
	
	height: 100%;
	border-radius: 50%;
	margin-left: 10px;
}
.admin-post .info p{
	font-size: 13px;
	margin-bottom: 0
}
.admin-post .info h4{
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
}

/* Media */

@media (max-width: 991px){
	.body-utrender{padding: 60px 0 0}
	.body-utrender .content .left-side{float: none;max-width: 100%}
	.body-utrender .content .right-side{display: none;}

	.body-join .cover-join{
		display: none;
	}
	.join{
		float: none;
		width: 100%;
		background-image: url('../img/join-mob.png');
		background-size: cover;
    	background-position: center;
	}
	.join h1,.join p,.join a{
	    color: #eee;
	    font-weight: bold;
	}
	.join p{
	    font-size: 21px;
	    margin-bottom: 70px
	}
	
	.join .carousel-item {
        min-height: 440px;
    }
    .desc-join-custom{margin-top: 20px}
}
@media (max-width: 767px){
	.trend .owl-pages .owl-nav{display: none;}
	.join .forget-password{margin-bottom: 20px;}
	.welcome .links-welcome{
		display: block;
		justify-content: none;
	}
	.welcome .links-welcome button{
		max-width: 100%;
		height: 65px;
	}
	.welcome .links-welcome .one{
		margin-right: 0;
		margin-bottom: 15px
	}
	.about .body-about .info{padding: 0 20px}
	.about .welcome-message h1{font-size: 50px}
	.about .welcome-message{
		background-size: contain;
    	background-repeat: no-repeat;
    	padding-top: 100px;
	}
	.about .welcome-message p{padding: 0 20px}
	.about .head-about{padding: 20px 0 20px 30px;}
}