:root{
	--tcgl: #ff0000;
	--cl-left: #93291E;
	--cl-right: #ED213A;
}

*{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
div{display: block;}
body{
	background-color: #f5f5f5;
	font-family: 'Noto Sans', sans-serif;
	color: #333;
}
a{text-decoration: none;color: inherit;}
a:hover{color: var(--cl-left);}
.wrapper{
	padding: 0;
	margin: 0 auto;
	width: 420px;
	height: 100%;
	overflow: hidden;
	background:#FFF;
}
hr {
    border: none;
    border-bottom: 1px #eee solid;
    width: 50%;
    margin: 3px 0;
}

.align-center{text-align: center;}.align-left{text-align: left;}.align-right{text-align: right;}

.header {
    width: 100%;
    z-index: 30;
    position: relative;
    background-size: cover;
    background-position: 50% 0;
    -webkit-transition: background-color .3s,opacity .3s;
    -o-transition: background-color .3s,opacity .3s;
    transition: background-color .3s,opacity .3s;
    min-height: 100px;

}
	.header-bg{
	    position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		right: 0;
		bottom: 0;
		padding: 0 !important;
		margin: 0 !important;
		background-size: cover !important;
	    background-repeat: no-repeat !important;
	    background-position: 50% 50%;
	    /*background-image: linear-gradient(to right, rgba(187,0,0,1), rgba(255,0,0,0.8));*/
	    background: #7b4397;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #dc2430, #7b4397);
		background: linear-gradient(to right, #dc2430, #7b4397);
	    border-bottom-left-radius: 30px;
	    border-bottom-right-radius: 30px;
	}

.section {
    padding: 10px 0;
    position: relative;
    min-height: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.row{
    width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
	.row-divided>.col+.col:not(.col-12){border-left:1px solid #ececec}
	.row-divided.row-reverse>.col+.col:not(.col-12){border-left:0;border-right:1px solid #ececec}

	.col{
	    position: relative;
	    margin: 0;
	    padding: 0 15px 15px;
	    width: 100%;
	}
		.col-4 {
		    max-width: 33.33333%;
		    -ms-flex-preferred-size: 33.33333%;
		    flex-basis: 33.33333%;
		}.col-5 {
	        max-width: 41.66667%;
		    -ms-flex-preferred-size: 41.66667%;
		    flex-basis: 41.66667%;
		}.col-6 {
		    max-width: 50%;
		    -ms-flex-preferred-size: 50%;
		    flex-basis: 50%;
		}.col-7 {
		    max-width: 58.33333%;
		    -ms-flex-preferred-size: 58.33333%;
		    flex-basis: 58.33333%;
		}.col-8 {
			max-width: 66.66667%;
		    -ms-flex-preferred-size: 66.66667%;
		    flex-basis: 66.66667%;
		}
		.col-inner {
		    position: relative;
		    margin-left: auto;
		    margin-right: auto;
		    width: 100%;
		    background-position: 50% 50%;
		    background-size: cover;
		    background-repeat: no-repeat;
		    -webkit-box-flex: 1;
		    -ms-flex: 1 0 auto;
		    flex: 1 0 auto;
		}


.container:after, .row:after, .clearfix:after, .clear:after {
    content: "";
    display: table;
    clear: both;
}

.footer{
	background: #7b4397;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #dc2430, #7b4397);
	background: linear-gradient(to right, #dc2430, #7b4397);
}

/*** Personalize CSS **/
.full-name{	color: #FFF;position: relative;bottom: -50px;}
	.full-name h1{font-size: 28px;}

.avatar-box{
	width: 120px;height: 120px;
	display: block;
	background: rgb(255 255 255 /35%);
	border-radius: 50%;
	margin: 0 auto;
	padding: 5px;
	bottom: -40px;
    position: relative;
}
	.avatar-box .avatar{
		width: 100%;height: 100%;
		border-radius: 50%;
    	background-position: center top;
    	background-size: 140px 140px;
    	background-repeat: no-repeat;}

.business {
    padding: 3px 15px;
    border-left: 2px var(--tcgl) solid;
    color: #777;
    margin-bottom: 20px;
}
	.business h3{color: var(--tcgl);margin-bottom: 5px;}

ul.list_contact{margin: 0;list-style: none;}
	ul.list_contact li{
		padding: 10px 15px;
	    background-color: #f5f5f5;
	    margin-bottom: 10px;
        display: flex;
    	justify-content: flex-start;
    	align-items: center;
    	border-radius: 10px;
	}

		ul.list_contact li > i {
		    font-size: 24px;
		    color: #FFF;
		    /*background: var(--tcgl);*/
		    background: var(--cl-right);
			background: -webkit-linear-gradient(to left, var(--cl-left), var(--cl-right));
			background: linear-gradient(to left, var(--cl-left), var(--cl-right));
		    padding: 5px;
		    border-radius: 50%;
		    margin-right: 15px;
		}
		ul.list_contact li > span{
			color: var(--cl-right);
		    font-size: 14px;
		    width: 110px;
		    text-align: right;
		    flex: auto;
		}

.business-map a, .business-page a{
	display: flex;
	justify-content: flex-start;
    box-shadow: 1px 1px 4px #eee;
    border: 1px #fff solid;
    padding: 5px 7px;
}
	.business-map i, .business-page i{
		background: var(--cl-right);
		font-size: 32px;
	    color: #FFF;
	    padding: 5px;
	    border-radius: 8px;
	    margin-right: 12px;
	    line-height: 1;
	    width: 42px;
	    height: 42px;
	}
	.business-map h3, .business-page h3 {
	    line-height: 1.4;
	    font-size: 16px;
	}

.business-work{font-size: 95%;}
	.business-work i{
		font-size: 36px;
		background: -webkit-linear-gradient( var(--cl-left), var(--cl-right));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.business-work p {
	    color: var(--cl-right);
	}

.download-contact{
	display: flex;
	align-items: center;
    justify-content: space-evenly;
}
	.download-contact i{
		font-size: 30px;
	    color: var(--cl-left);
	    background-color: #f5f5f5;
	    padding: 5px;
	    border-radius: 50%;
	}

footer.footer{
	color: #FFF;
	font-size: 13px;
    padding: 10px 15px;
}
	footer.footer p{color: #ccc;}
	footer.footer strong,footer.footer h4{color: #FFF;font-size: 14px;}
	footer.footer .col{
		padding: 5px;
	}
	.copyright{
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.copyright:after {
	    content: '';
	    height: 20px;
	    width: 1px;
	    background-color: #eee;
	    position: absolute;
	    right: 4px;
	}
	.copyright i{
		font-size: 28px;
    	margin-right: 7px;
	}