*
{
    user-select: none;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
	
}
html
{
    scroll-behavior: smooth;
}

.print-area
{
	width:100%;
	margin:0rem auto;
	
}

.print-area .header
{
	width:100%;
	height:10rem;
	background:#222;
	display: flex;
	align-items: center;
	position: relative;
}

.header img
{
	width:8rem;
	height:8rem;
	border-radius: 50%;
	object-fit: cover;
	position: absolute;
	top:5rem;
	left:1rem;
	border:5px solid #fff;
	box-shadow: 3px 3px 10px #444;
	cursor:pointer;
	transition: .5s;
	user-select:none;
	filter:grayscale(100%);
/*	opacity: 0;*/
}

.header img:hover
{
	filter:grayscale(0%);
	transform: scale(1.05);
	box-shadow: 3px 3px 20px #222;
}

.header-text
{
	width:50%;
	margin-left:auto;
	color:#fff;
}

.header-text h1
{
	font-size:2rem;
	font-family: 'Sriracha',sans-serif;
	font-weight: normal;
}
.header-text p
{
	font-size:1rem;
	color:#fff;
	font-family: 'Archivo Narrow',sans-serif;
}

/*header end*/


/*content start*/

.content
{
	display: flex;
	flex-wrap: wrap;
}

.content .left-area
{
	width:40%;
	background:#fff;
	text-align:left;	
}


h4.contact
{
	margin-top:5rem;
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.5rem;
	text-align: left;
	margin-left:.2rem
}

.left-area .cont
{
	padding:0rem .1rem;
	width:100%;	
	height:100% auto;
}

p.contact
{
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:.7rem;
	font-weight:500;
	letter-spacing: 1px;
	padding: 0 0 0 .2rem;
	font-weight: 600;
	text-align: left;
	margin-top:4rem;
}


.cont i
{
	font-size: .8rem;
	margin-right:0rem;
	color:orange;	
	
}

/*skills*/

.skills
{
	margin-top:5rem;
}

h4.skil
{
	margin-top:2rem;
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.8rem;
	padding:0 1rem 0 .5rem;
}

.bars
{
	margin-top:5px;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap:5px 5px;
	padding:.5rem 0rem 1rem .2rem;
}

.bars .bar p
{
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size: 1rem;
	font-weight:600;
	letter-spacing:.5px;
	padding:-1rem  0 -10px .2rem;
	margin-top:1rem;
}

.bar span
{
	display: block;
	width:90%;
	height:.8rem;
	background:#ccc;
	border-radius:10px;	
	position: relative;
}
.bar span::before
{
	content:"";
	position: absolute;
	width:80%;
	height:100%;
	background-color:orange;
	top:0rem;
	left:0;
/*	transform: translate(-50%);*/
	border-radius: 10px;
}

/*info area*/
.attr
{
	padding:1rem .2rem;
	width:100%;
	height:auto;
}

.info
{
	margin-top:5px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:flex-start;
	width:100%;
	height:100%;
	padding:.2rem;
	height:100% auto;
}

.info p.inf
{
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size: .8rem;
	font-weight:600;
	letter-spacing:.5px;
	padding:.3rem;
}

.attr p.inf1
{
	color:#555;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:.8rem;
	font-weight:600;
	letter-spacing:.5px;
	padding:.2rem;
	text-align:left;
}

.info i
{
	opacity: 0.8;
	font-size:.8rem;
}

.fa-check-circle
{
	color:green;
}

.fa-times-circle-o
{
	color:red;
	
}


.follow
	{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-around;
		height:6rem;
		line-height:4rem;
		padding: 2rem .2rem;		
		font-size:1.2rem;
	}
	
	.follow i
	{
		padding:.3rem;		
		color:#fff;
		border-radius: 5px;
		font-size: 1rem;
	}
	


@media only screen and (min-width:768px)
{
	.print-area
{
	width:100%;
	margin:0rem auto;
	
}

.print-area .header
{
	width:100%;
	height:10rem;
	background:#222;
	display: flex;
	align-items: center;
	position: relative;
}

.header img
{
	width:10rem;
	height:10rem;
	border-radius: 50%;
	object-fit: cover;
	position: absolute;
	top:4rem;
	left:2rem;
	border:5px solid #fff;
	box-shadow: 3px 3px 10px #333;
	cursor:pointer;
	transition: .5s;
	user-select:none;
	filter:grayscale(100%);

}

.header img:hover
{
	filter:grayscale(0%);
	transform: scale(1.05);
	box-shadow: 3px 3px 20px #111;
}

.header-text
{
	width:60%;
	margin-left:auto;
	color:#fff;
}

.header-text h1
{
	font-size:3rem;
	font-family: 'Sriracha',sans-serif;
	font-weight: normal;
}
.header-text p
{
	font-size:1.5rem;
	color:#fff;
	font-family: 'Archivo Narrow',sans-serif;
}

/*header end*/


/*content start*/

.content
{
	display: flex;
	flex-wrap: wrap;
}

.content .left-area
{
	width:30%;
	background:#fff;
	text-align:left;	
}


h4.contact
{
	margin-top:6rem;
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.8rem;
	text-align: left;
	margin-left:.2rem
}

.left-area .cont
{
	padding:0rem .2rem;
	width:100%;	
	height:100% auto;
}

p.contact
{
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1rem;
	font-weight:500;
	letter-spacing: 1px;
	padding: 0 0 0 .2rem;
	font-weight: 600;
	text-align: left;
	margin-top:4rem;
}


.cont i
{
	font-size: 1rem;
	margin-right:.2rem;
	color:orange;	
	
}

/*skills*/

.skills
{
	margin-top:2rem;
}

h4.skil
{
	margin-top:2rem;
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:2rem;
	padding:0 .5rem 0 .5rem;
}

.bars
{
	margin-top:10px;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-gap:5px 5px;
	padding:.5rem 0rem 1rem .2rem;
}

.bars .bar p
{
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size: 1.2rem;
	font-weight:600;
	letter-spacing:.5px;
	padding:-2rem  0 -1rem .2rem;
	margin-top:.5rem;
}

.bar span
{
	display: block;
	width:95%;
	height:1rem;
	background:#ccc;
	border-radius:10px;	
	position: relative;
}
.bar span::before
{
	content:"";
	position: absolute;
	width:80%;
	height:100%;
	background-color:orange;
	top:0rem;
	left:0;
	border-radius: 10px;
}

/*info area*/
.attr
{
	padding:0rem .2rem;
	width:100%;
	height:auto;
}

.info
{
	margin-top:5px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:flex-start;
	width:100%;
	height:100%;
	padding:.2rem;
	height:100% auto;
}

.info p.inf
{
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size: 1rem;
	font-weight:600;
	letter-spacing:.5px;
	padding:.3rem;
}

.attr p.inf1
{
	color:#555;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.2rem;
	font-weight:600;
	letter-spacing:.5px;
	padding:.2rem;
	text-align:left;
}

.info i
{
	opacity: 0.8;
	font-size:1.2rem;
}

.fa-check-circle
{
	color:green;
}

.fa-times-circle-o
{
	color:red;
	
}


.follow
	{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-around;
		height:6rem;
		line-height:4rem;
		padding: 2rem .2rem;		
		font-size:1.2rem;
	}
	
	.follow i
	{
		padding:.3rem;		
		color:#fff;
		border-radius: 5px;
		font-size: 1.5rem;
	}
	
}


@media only screen and (min-width:1024px)
{
	.print-area
{
	width:90%;
	margin:2rem auto;
}

.print-area .header
{
	width:100%;
	height:15rem;
	background:#222;
	display: flex;
	align-items: center;
	position: relative;
}

.header img
{
	width:17rem;
	height:17rem;
	border-radius: 50%;
	object-fit: cover;
	position: absolute;
	top:5rem;
	left:4rem;
	border:5px solid #fff;
	box-shadow: 3px 3px 10px #444;
	cursor:pointer;
	transition: .5s;
	user-select:none;
	filter:grayscale(100%);
/*	opacity: 0;*/
}

.header img:hover
{
	filter:grayscale(0%);
	transform: scale(1.05);
	box-shadow: 3px 3px 20px #222;
}

.header-text
{
	width:60%;
	margin-left:auto;
	color:#fff;
}

.header-text h1
{
	font-size: 8rem;
	font-family: 'Sriracha',sans-serif;
	font-weight: normal;
}
.header-text p
{
	font-size: 2rem;
	color:#fff;
	font-family: 'Archivo Narrow',sans-serif;
}

/*header end*/


/*content start*/

.content
{
	display: flex;
	flex-wrap: wrap;
}

.content .left-area
{
	width:30%;
	background:#fff;
	text-align: center;	
	border-right:1px solid #ccc;
}


h4.contact
{
	margin-top:10rem;
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size: 3rem;
	text-align: center;
}

.left-area .cont
{
	padding:0 2.5rem;
}

.cont i
{
	font-size: 1.8rem;
	margin:10px 0 5px 0;
	color:orange;	
	text-align: left!important;
}
p.contact
{
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size: 1.4rem;
	font-weight:500;
	letter-spacing: 1px;
}

/*skills*/

.skills
{
	margin-top:3rem;
}

h4.skil
{
	margin-top:2rem;
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size: 3rem;
}

.bars
{
	margin-top:30px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px 10px;
	padding:.5rem; 2rem;
}

.bars .bar p
{
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size: 1rem;
	font-weight:400;
	letter-spacing:.5px;
}

.bar span
{
	display: block;
	width:100%;
	height:1rem;
	background:#ccc;
	border-radius:10px;	
	position: relative;
}
.bar span::before
{
	content:"";
	position: absolute;
	width:80%;
	height:100%;
	background-color:orange;
	top:0rem;
	left:0;
/*	transform: translate(-50%);*/
	border-radius: 10px;
}

/*info area*/
.attr
{
	padding: 1rem 1rem;
	width:100%;
	height:auto;
}

.info
{
	margin-top:10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content:center;
	width:100%;
	height:100%;
	padding:.5rem;
}

.info p.inf
{
	color:#444;
	font-family: 'Archivo Narrow',sans-serif;
	font-size: 1rem;
	font-weight:400;
	letter-spacing:.5px;
	padding:.5rem;
}

.attr p.inf1
{
	color:orange;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.2rem;
	font-weight:400;
	letter-spacing:.5px;
	padding:0;
	text-align:center;
}

.info i
{
	opacity: 0.8;
	font-size: 1.1rem;
}
	
	/*info end*/
.follow
	{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-around;
		height:8rem;
		line-height:6rem;
		padding: 2rem 1rem;		
		font-size: 2.5rem!important;
	}
	
	.follow i
	{
		padding:.5rem;
		border:1px solid transparent;
		color:#fff;
		border-radius: 5px;
	}
}



.fa-facebook
{
	background:#3b5998;
}

.fa-twitter
{
	background:#1da1f2;
}

.fa-instagram
{
	background:linear-gradient(144deg, rgba(64,93,230,1) 0%, rgba(193,53,132,1) 25%, rgba(253,29,29,1) 50%, rgba(247,119,55,1) 75%, rgba(255,220,128,1) 100%);;
}

.fa-linkedin
{
	background:#00a0dc;
}









/*--------------------------------left area finsihed---------------------------------------------------*/

.content .right-area
{
	width:60%;
	background:#fff;
	padding:2.5rem 0 0 .5rem;
	
}

.right-area h1
	{
		font-size:1.5rem;
		color:#444;
		text-align: left;
		margin:0 1rem;
		font-family: 'Sriracha',sans-serif;
	}
.right-area h1 span
	{
		margin-right:.2rem;
		color:#ccc;
		
	}
	
.right-area p
	{
	padding:.5rem 0rem 0 .5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:.8rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:#444;
	font-weight:600;
	
	}
	
/*about area*/

@media only screen and (min-width:768px)
{
	.content .right-area
{
	width:70%;
	background:#fff;
	padding:4rem .5rem;
	
}

.right-area h1
	{
		font-size:2.5rem;
		color:#444;
		text-align: left;
		margin:1rem .5rem;
		font-family: 'Sriracha',sans-serif;
	}
.right-area h1 span
	{
		margin-right:1rem;
		color:#ccc;
		
	}
	
.right-area p
	{
	padding:1rem 0 0 .5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.1rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:#444;
	font-weight:600;	
	}
	
	
}
@media only screen and (min-width:1024px)
{
	.content .right-area
{
	width:70%;
	background:#fff;
	padding:4rem;
	
}

.right-area h1
	{
		font-size: 3rem;
		color:#444;
		text-align: left;
		margin:0 1rem;
		font-family: 'Sriracha',sans-serif;
	}
.right-area h1 span
	{
		margin-right:2rem;
		color:#ccc;
		
	}
	
.right-area p
	{
	padding:1rem 0 0 5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.1rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:#444;
	font-weight:600;
	word-break: break-all;
	}
	
	
	
}


/*work experience*/
.work
{
	margin-top:2rem;
}
.work .work-group
{
	position:relative;
}
.work h1
{
		font-size:1.5rem;
		color:#444;
		text-align: left;
		margin:0 .2rem;
		font-family: 'Sriracha',sans-serif;
}

.work-group h3
	{
	padding:1rem 0 .7rem .2rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.3rem;
	font-weight:400;
	letter-spacing:0px;	
	text-align:left;
	color:#555;
	font-weight:600;
	word-break: break-all;
	}
	
	.work-group h4
	{
	padding:.7rem 0rem 0rem .5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.2rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:orange;
	font-weight:600;
	word-break: break-all
	}
	
	.work-group span
	{
	position: absolute;
	top:2.8rem;
	right:.5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:#555;
	font-weight:bold;
	
	}
	
	.work-group p
	{
	padding:.2rem .2rem 0 .1rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:.8rem;
	font-weight:500;
	letter-spacing:0px;	
	text-align:left;
	color:#777;
	font-weight:600;
	
	}
	





@media only screen and (min-width:768px)
{
	.work
	{
		margin-top:4rem;
	}
	.work .work-group
{
	position:relative;
}
	.work h1
{
		font-size:2.5rem;
		color:#444;
		text-align: left;
		margin:0 .2rem;
		font-family: 'Sriracha',sans-serif;
}

	.work-group h3
	{
	padding:2rem 0 0 .5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.7rem;
	font-weight:300;
	letter-spacing:.5px;	
	text-align:left;
	color:#555;
	font-weight:600;
	word-break: break-all;
	}
	
	.work-group h4
	{
	padding:0rem 0 0 1rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.6rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:orange;
	font-weight:600;
	word-break: break-all
	}
	
	.work-group span
	{
	position: absolute;
	top:4rem;
	right:0;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:.5px;	
	text-align:left;
	color:#555;
	font-weight:bold;
	
	}
	
	.work-group p
	{
	padding:.5rem 0 0 .5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.1rem;
	font-weight:600;
	letter-spacing:.5px;	
	text-align:left;
	color:#777;
	font-weight:600;
	word-break: break-all;
	}
}
@media only screen and (min-width:1024px)
{
	.work
	{
		margin-top:4rem;
	}
	.work .work-group
{
	position:relative;
}
	.work h1
{
		font-size:3rem;
		color:#444;
		text-align: left;
		margin:0 .2rem;
		font-family: 'Sriracha',sans-serif;
}

	.work-group h3
	{
	padding:1rem 0 0 5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.5rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:#555;
	font-weight:600;
	word-break: break-all;
	}
	
	.work-group h4
	{
	padding:0rem 0 0 5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.5rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:orange;
	font-weight:600;
	word-break: break-all
	}
	
	.work-group span
	{
	position: absolute;
	top:1rem;
	right:0;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.1rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:#555;
	font-weight:bold;
	
	}
	
	.work-group p
	{
	padding:.5rem 0 0 5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1rem;
	font-weight:500;
	letter-spacing:.5px;	
	text-align:left;
	color:#777;
	font-weight:600;
	word-break: break-all;
	}
	
}



/*education start*/


.education
{
	margin-top:2rem;
}
.edu-group h4
{
	padding:1rem 0 .7rem .2rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.3rem;
	font-weight:400;
	letter-spacing:0px;	
	text-align:left;
	color:#555;
	font-weight:600;
	word-break: break-all;
}
.edu-group span
{
	position: absolute;
	top:2.8rem;
	right:.5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:#555;
	font-weight:bold;
}

.edu-group p
{
	padding:.2rem .2rem 0 .1rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:.8rem;
	font-weight:500;
	letter-spacing:0px;	
	text-align:left;
	color:#777;
	font-weight:600;
}

.edu-group a
{
	padding:0rem .2rem 0 .1rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:.8rem;
	font-weight:500;
	letter-spacing:0px;	
	text-align:left;
	color:orange;
	font-weight:600;
}

@media only screen and (min-width:768px)
{
	.education
{
	margin-top:4rem;
}
	.edu-group
	{
		position: relative;
	}
	
	.edu-group h4
	{
	padding:1rem 0 0 1rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.7rem;
	font-weight:500;
	letter-spacing:.5px;	
	text-align:left;
	color:#555;
	font-weight:600;
	word-break: break-all;
	}
	
	.edu-group span
	{
	position: absolute;
	top:3rem;
	right:0;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.1rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:#555;
	font-weight:bold;
	}
	
	.edu-group p
	{
	padding:1rem 0 0 1rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:.5px;	
	text-align:left;
	color:#777;
	font-weight:600;
	word-break: break-all;
	}
	
.edu-group a
	{
	padding:0rem 0 0 1rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.3rem;
	font-weight:500;
	letter-spacing:.5px;	
	text-align:left;
	color:orange;
	font-weight:600;
	text-decoration: none;
	list-style: none;
	}
}
@media only screen and (min-width:1024px)
{
	.education
{
	margin-top:4rem;
}
	.edu-group
	{
		position: relative;
	}
	
	.edu-group h4
	{
	padding:1rem 0 0 5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.5rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:#555;
	font-weight:600;
	word-break: break-all;
	}
	
	.edu-group span
	{
	position: absolute;
	top:1rem;
	right:0;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.1rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:left;
	color:#555;
	font-weight:bold;
	}
	
	.edu-group p
	{
	padding:.5rem 0 0 5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1rem;
	font-weight:500;
	letter-spacing:.5px;	
	text-align:left;
	color:#777;
	font-weight:600;
	word-break: break-all;
	}
	
.edu-group a
	{
	padding:0rem 0 0 5rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1rem;
	font-weight:500;
	letter-spacing:.5px;	
	text-align:left;
	color:orange;
	font-weight:600;
	text-decoration: none;
	list-style: none;
	}
}


/*button to print*/
.print
{
	margin:1rem 0 2rem 8rem;
	font-family: 'Archivo Narrow',sans-serif;
}

button
{
	font-size:1.5rem;
	padding:.5rem 1rem;
	border:none;
	background:#333;
	color:#fff;
	font-weight: 600;
	border-radius: 10px;
	letter-spacing: 1px;
	outline:none;
}

@media only screen and (min-width:768px)
{
	
}
@media only screen and (min-width:1024px)
{
	.print
{
	margin:1rem 0 2rem 13rem;
	font-family: 'Archivo Narrow',sans-serif;
}

button
{
	font-size:2rem;
	padding:1rem 1.5rem;	
	background:#333;
	color:#fff;
	font-weight: 600;
	
}
}

.print hr
{
	border-top:3px solid #444;
    width:80%;
    margin:0 auto;
    padding:1rem;
}


@media print
{
	body {
		visibility: hidden;
	}
	.print-area {
		visibility: visible;
	}
	
	
	
}


/*--------------------------------------------------------------no print area------------------------------------------------*/

.noprint
{
	max-width:99%;
	padding:0;
	margin:0 auto;
	text-align: center
}

.wrapper
	{
		width:90%;
		margin:0 auto;
	}

.wrapper2
{
	text-align: center;
}
.img-area
{
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	align-items: center;
	justify-content: center;
}

.single-img
{
	padding:0 2rem 2rem;
}
	
	video
	{
		width:100%;
		border:1px solid #444;
	}



/*owl carousel*/

.refr
{
	width:100%;
	height:auto;
	padding:0;
	background:#fff;
}
.refr i
{
	margin-right:.5rem;
}


.left
{
	width:100%;
	margin-top:2rem;
	
}

.card
	{
		
		width:90%;
		padding:1rem;
		margin:1rem;
	}
.box
	{
		background:#fff;
	}
.box img
	{
		width:15rem;
		height:15rem;
		border-radius: 50%;
		object-fit: cover;
		text-align: left;
		padding:1rem;
	}








.right
{
	margin-top:2rem;
	width:1000%;	
	text-align: center;
	
}

@media only screen and (min-width:768px)
{
	
}
@media only screen and (min-width:1024px)
{
	
	.noprint
{
	max-width:99%;
	padding:0;
	margin:0 auto;
	text-align: center
}
	
	


.left
{
	width:30%;
	margin-top:2rem;

}

h2.intro
	{
	padding:2rem 0 2rem 0rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:2.5rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:center;
	color:#444;
	font-weight:500;
	}


h2.alb
	{
		padding:2rem 0 1rem 0rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:2.5rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:center;
	color:#444;
	font-weight:500;
	}
	
p.alb
	{
	padding:.5rem 0 0 2rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:1.2rem;
	font-weight:500;
	letter-spacing:.5px;	
	text-align:left;
	color:#444;
	font-weight:500;	
	}

.single-img
{
	padding:0 .5rem .5rem;
	width:50%;
}
.single-img img
	{
		width:100%;
	}
	
h2.refr
	{
	padding:4rem 0 2rem 0rem;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:2.5rem;
	font-weight:400;
	letter-spacing:.5px;	
	text-align:center!important;
	color:#444;
	font-weight:500;
	}
.card
	{
		
		width:90%;
		padding:1rem;
		margin:1rem;
	}
.box
	{
		background:#fff;
	}
.box img
	{
		width:10rem;
		height:10rem;
		border-radius: 50%;
		object-fit: cover;
		text-align: left;
		padding:1rem;
	}

.right
{
	margin-top:2rem;
	width:70%;	
	text-align: center;
	
}
	.wrapper
	{
		width:90%;
		margin:0 auto;
	}
	
	video
	{
		width:100%;
	}

	
	
	
	
	
}


.contact
{
    width:100%;
    padding:0;
    margin:4rem 0 0 0;
    background:#111;
}

h2.con
{
	
	padding:10rem 0 2rem 0;
	font-size:3rem;
	font-family: 'Archivo Narrow',sans-serif;
	color:#fff;
	text-align:left;
	
}




/*contact form*/

.contact
{
	width:90%;
	margin:0 auto;
	text-align: center;
	margin-top:5rem;
	background:#fff;
}

h3.con
{
    padding:2rem 0 2rem 0rem;
	font-size:2.5rem;
	color:#444;
	font-family:  'Archivo Narrow',sans-serif;
	text-align:center;
}

.contact  form .fields
{
   display: flex;
}

.contact  form .field,
.contact  form .fields .field
{
    height:4rem;
    width:100%;
    margin-bottom: 15px;
    
}
.contact  form .textarea
{
    height:10rem;
    width:100%;
}
.contact  form .name
{
    margin-right:10px;
    
}
.contact  form .email
{
    margin-left:10px;
}

.contact  form .field input,
.contact  form .textarea textarea
{
    width:100%;
    height:100%;
    border:1px solid orange;
    border-radius: 6px;
    outline:none;
    padding:0 1.2rem;
    font-size: 1.5rem;
    font-family: 'Abel',sans-serif;
    font-weight: 500;
    color:#444;
    background:#fff;
}
.contact  form .textarea textarea
{
    padding-top:10px;
    resize: none;
}
 
.contact  form .button
{
    height:3rem;
    width:10rem;
	align-items: center;
	margin:1rem;
}


.contact  form .button button
{
    width:100%;
    height:100%;
    outline:none;
    border:3px solid orange;
    color:#444;
    font-family: 'Abel',sans-serif;
    background:transparent;
    border-radius: 10px;
    font-size: 1.2rem;
    text-transform:uppercase; 
	text-align: center;
}



/*footer start*/

footer
{
    background:#111;
    padding:2rem 2.5rem;
    text-align: center;
}

footer span
{
    color:#fff;
    font-family: 'Abel',sans-serif;
    font-size: 1.1rem;
    font-weight: 500;
}

footer span a
{
    color:crimson;
    text-decoration: none;
    list-style: none;
}
footer span a:hover
{
     color:crimson;
    text-decoration: none;
    list-style: none;
}

.ex-2 a
{
	display: inline-block;	
	background: crimson;
	margin-top:2rem;
	margin-bottom:0rem;
	padding:1rem 1.2rem;
	font-size: 1rem;
	color:#fff;
	font-family: 'Abel',sans-serif;
	border-radius:5px;
	text-decoration: none;
	list-style: none;
	transition:all 0.3s ease;
}
.ex-2 a:hover
{
	background:transparent;
	border:2px solid crimson;
	color:crimson;
	border-radius:15px;
	text-decoration: none;
	font-weight: 600;
}


/*--------------------------------------------------------- cv 2 / downlaodable */