/* ========== .DEFAULT ========== */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
*,
 :after,
 :before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	outline:none;
}
html{
	/* font-family:"Open Sans", sans-serif; */
	font-family:'Exo', sans-serif;
	font-size:14px;
	line-height:20px;
	color:#000;
	background:transparent;
    background-color:#e0e0e0;
}
.ti{
    font-size:20px;
    vertical-align:middle;
}
.uk-modal-dialog {
    width: 600px;
    max-width: 600px !important;
}
.uk-grid-small{
    margin-left:-15px;
}
.uk-grid-small>*{
    padding-left:15px;
}
@media (max-width:767px){
	.uk-grid-small{
		margin-left:-10px;
	}
	.uk-grid-small>*{
		padding-left:10px;
	}
}
.uk-modal .uk-modal-dialog>.uk-close:after{
    content:"\eb55";
    font-family:"tabler-icons" !important;
}
.uk-modal .uk-modal-dialog>.uk-close:first-child{
    margin:0px;
    float:none;
    position:absolute;
    right:-10px;
    top:-10px;
    background:#FFF;
    border-radius:50%;
    opacity:1;
    width:25px;
    line-height:25px;
	box-shadow:rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 1px 2px;
}
.ecard-modal .uk-modal-dialog{
    width:300px;
}
.ecard-modal .header{
    font-size:18px;
    line-height:24px;
}
.ecard-modal .content p:last-child{
	margin-bottom:0px;
}
.ecard-modal .image{
    border:1px solid #000;
    border-radius:8px;
    padding:15px;
}
.ecard-modal .input{
}
.ecard-modal .input input[type=text]{
    width: 100%;
    border: 1px solid #000;
    border-radius: 8px;
}
.ecard-modal .uk-list{}
.ecard-modal .uk-list>li{
    border:1px solid #000;
    margin-bottom:5px;
    border-radius:25px;
    padding:5px 10px;
}
.ecard-modal .uk-list>li:last-child{
    margin-bottom:0px;
}
.ecard-modal .uk-list>li>.flag{
    width:18px;
    height:18px;
    display:inline-block;
    margin-right:5px;
}
.ecard-modal .uk-list>li>.flag>img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.ecard-modal .uk-list>li>a{
    color:#000;
}
/* ========== #ECARD ========== */
#ecard{}
#ecard>.container{
    width:415px;
    background-color:#FFF;
	min-height:100vh;
    margin:0px auto;
	position:relative;
    padding-bottom: 60px;
}
@media (max-width:767px){
	#ecard>.container{
		width:100%;
	}
}
/* ========== .HEADER ========== */
.container>.header{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    z-index:2;
}
.container>.header>.wrapper {
    width: 415px;
    margin: 0px auto;
    padding: 10px 10px 0px 10px;
}
.container>.header>.wrapper>.overlay{
    background-color:#FFF;
    padding:8px 10px;
    border-radius:25px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.container>.header .brand-image{
}
.container>.header .brand-image img {
    height: 20px;
    filter: brightness(0) invert(0);
    /* margin-top: -10px; */
}
.container>.header .tool{}
.container>.header .tool .uk-list{
    margin-bottom:0px;
}
.container>.header .tool .uk-list>li{
    display:inline-block;
    margin-left:10px;
}
.container>.header .tool .uk-list>li:first-child{
    margin-left:0px;
}
.container>.header .tool .uk-list>li>a{
    color:#000;
}
.container>.header .tool .uk-list>li>a>i{}
.container>.header .tool .uk-list>li.flag>a{
    display:inline-block;
    width:18px;
    height:18px;
}
.container>.header .tool .uk-list>li.flag>a>img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
@media (max-width:767px){
	.container>.header>.wrapper {
		width:100%;
	}
}
/* ========== .INFORMATION ========== */
.information{}
.information .body{
	position:relative;
    padding:0px;
}
.information .body .group{
	position:relative;
}
.information .body .cover{
    width:100%;
    height:368px;
}
.information .body .cover img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.information .body .wave {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.information .body .avatar {
    position: absolute;
    width: 150px;
    height: 150px;
    background-color: #FFF;
    padding: 5px;
    border-radius: 50%;
    right: 15px;
    bottom: -15px;
}
.information .body .avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
}
.information .profile {
    margin: 25px 15px 15px 15px;
    border-left: 1px dashed #000000;
    padding-left: 15px;
}
.information .profile p:last-child{
	margin-bottom:0px;
}
.information .contact{
    margin-top: 15px;
    padding-left: 15px;
}
.information .contact .uk-list{}
.information .contact .uk-list>li {
    display: inline-block;
    margin-right: 10px;
}
.information .contact .uk-list>li:last-child{
    margin-right: 0px;
}
.information .contact .uk-list>li>a {
    color: #000;
    display: inline-block;
    border: 1px solid #000;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
}
.information .contact .uk-list>li>a>i{}
/* ========== .DATAGROUP ========== */
.datagroup{
	margin-top:25px;
	padding:0px 15px;
}
.datagroup:first-child{
	margin-top:0px;
}
.datagroup>.header{
	margin-top:0px;
}
.datagroup>.header>*{
    font-size:18px;
}
.datagroup>.datafield{
	margin-top:15px;
}
/* ========== .DATACONTENT ========== */

.datacontent .uk-grid-width-1-1>div:nth-child(n+2){
	margin-top:15px;
}

.datacontent .item img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px;
}
.datacontent .item .ember{
	position:relative;
	padding-bottom:56.25%;
	height:0px;
	border-radius:8px;
	overflow:hidden;
}
.datacontent .item .ember iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.datacontent .item p:last-child{
	margin-bottom:0px;
}
/* ========== .DATASOCIAL ========== */
.datagroup>.datasocial {
    margin-top: 0px;
}
.datasocial .uk-grid>div{
	margin-top:15px;
}
.datasocial .item .icon a{
    border:1px solid #000;
    border-radius:8px;
    height:35px;
    line-height:35px;
    text-align:center;
    display:inline-block;
    width:100%;
    color:#000;
}
/* ========== .DATABANK ========== */
.databank{
	margin-top:5px;
}
.databank .uk-grid>div{
	margin-top:10px;
}
.databank .uk-grid>div:first-child{
	margin-top:0px;
}
.databank .item{
    border:1px solid #000;
    position:relative;
    border-radius:8px;
    padding-right: 5px;
}
.databank .item .icon a{
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    display:inline-block;
    color:#000;
}
.databank .item .name a{
    color:#000;
}
/* ========== .datagallery ========== */
.datagroup>.datagallery {
    margin-top: 0px;
}
.datagallery .uk-grid>div{
	margin-top:15px;
}
.datagallery .item .image {
    height: 115px;
    border: 1px solid #000;
    position: relative;
    border-radius: 8px;
    padding: 5px;
}
.datagallery .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
/* ========== .DATALINK ========== */
.datalink{
	margin-top:5px;
}
.datalink .uk-grid>div{
	margin-top:10px;
}
.datalink .uk-grid>div:first-child{
	margin-top:0px;
}
.datalink .item{
    border:1px solid #000;
    position:relative;
    border-radius:8px;
    padding-right: 5px;
}
.datalink .item .icon a{
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    display:inline-block;
    color:#000;
}
.datalink .item .name a{
    color:#000;
}
/* ========== .DATACONTACT ========== */
.datacontact{
	margin-top:5px;
}
.datacontact .uk-grid>div{
	margin-top:10px;
}
.datacontact .uk-grid>div:first-child{
	margin-top:0px;
}
.datacontact .item{
    border:1px solid #000;
    position:relative;
    border-radius:8px;
    padding-right: 5px;
}
.datacontact .item .icon a{
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    display:inline-block;
    color:#000;
}
.datacontact .item .name a{
    color:#000;
}
/* ========== .TOOL ========== */
.container>.tool{
    position:fixed;
    left:0px;
    right:0px;
    bottom:0px;
    z-index:1;
}
.container>.tool>.wrapper {
    width: 415px;
    margin: 0px auto;
}
.container>.tool>.wrapper>.overlay{
    background-color:#FFF;
    padding:8px 10px;
	box-shadow:rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.container>.tool a{
    background-color:#052542;
    color:#fff;
    display:inline-block;
    width:100%;
    height:35px;
    line-height:35px;
    text-align:center;
    text-transform:uppercase;
    border-radius:25px;
}
.container>.tool a strong{
}
@media (max-width:767px){
	.container>.tool>.wrapper {
		width:100%;
	}
	.container>.tool a{
		height:30px;
		line-height:30px;
	}
}