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



/* scroll button angle up*/

.scroll-up-btn
{
    position: fixed;
    height:45px;
    width:42px;
    background:crimson;
    right:10px;
    bottom:10px;
    text-align: center;
    line-height:40px;
    cursor:pointer;
    color:#fff;
    font-size: 2.5rem;
    z-index: 9999;
    border-radius: 5px;
    
}
.scroll-up-btn a
{
	list-style: none;
	text-decoration: none;
}

.scroll-up-btn a i
{
	color:#fff;
}





/*navbar style full page*/

nav.navbar
{
	position: fixed;	
	width:100%;
	padding:3rem 0;
	transition: all 0.5s ease;
	z-index: 900;
}
nav.navbar.sticky
{
	background:crimson;
	padding:1.5rem 0;
}


.max-width
{
	width:100%;
	padding:0 1rem;
	margin:auto;
}
.navbar .max-width
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.navbar .logo a
{
	font-size:2rem;
	color:#fff;
	font-weight: 600;
	font-family: 'Sriracha',sans-serif;
	text-decoration: none;
}
.navbar .logo a span
{
	color:crimson;
	transition:color 0.5s ease;
}
.navbar.sticky .logo a span
{
	color:#fff;
}

.navbar .menu li
{
	display: inline-block;
}


.navbar .menu li a
{
	display: block;
	color:#fff;
	list-style: none;
	text-decoration: none;
	font-family: 'Abel',sans-serif;
	font-size: 1.2rem;
	margin-left:1rem;
	font-weight: 500;
	transition:color 0.3s ease;
}

.navbar .menu li a:hover
{
	color:crimson;
}

.navbar.sticky .menu li a
{
	color:#fff;
}



@media only screen and (min-width:1024px)
{
	.max-width
{
	
	padding:0 4rem;
	
}
	
	.navbar .logo a
{
	font-size:2.5rem;
	
}
	
	.navbar .menu li a
{
	
	font-size: 1.1rem;
	margin-left:.5rem;
	
}
}

@media only screen and (min-width:1280px)
{
	.max-width
{
	
	padding:0 6rem;
	
}
	
	.navbar .logo a
{
	font-size:2.7rem;
	
}
	
	.navbar .menu li a
{
	
	font-size: 1.2rem;
	margin-left:1rem;
	
}
}

@media only screen and (min-width:1440px)
{
	.max-width
{
	
	padding:0 6rem;
	
}
	
	.navbar .logo a
{
	font-size:3rem;
	
}
	
	.navbar .menu li a
{
	
	font-size: 1.5rem;
	margin-left:2rem;
	
}
}


/*-------------burger menu----------------*/

.menu-btn
{
	color:#fff;
	font-size:1.8rem;
	cursor:pointer;
	display: none;
	margin-right:1rem;
	
}



@media only screen and (max-width:920px)
{
	.menu-btn
	{
		display: block;
		z-index: 999;
	}
	
	.menu-btn i.active:before
	{
		content:"\f00d";
		
	}
	
	.navbar .menu 
	{
		position: fixed;
		height:100vh;
		width:100%;
		left:-100%;
		top:0;
		background:#111;
		text-align: center;
		padding-top:1rem;
		transition: all 0.5s ease;
	
	}
	.navbar .menu.active
	{
		left:0;
	}
	
	.navbar .menu li
	{
		display: block;
	}
	
	.navbar .menu li a
	{
		display: inline-block;
		margin:2rem 0;
		font-size:2rem;
		
	}
}

@media only screen and (max-width:500px)
{
	
	
	.menu-btn i.active:before
	{
		content:"\f00d";
		
	}
	
	.navbar .menu 
	{
		
		padding-top:4rem;
		transition: all 0.5s ease;
		
	}
	.navbar .menu.active
	{
		left:0;
	}
	
	.navbar .menu li
	{
		display:flex;
		flex-wrap: wrap;
		justify-content:space-around;
		z-index: 900;
		
	}
	
	.navbar .menu li a
	{
		display: inline-block;
		margin:1rem 0;
		font-size:1.8rem;
		
	}
}


/*landing full screen*/
.home
{
	display: flex;
	background:url(../images/cv-1-lp-sm.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height:100vh;
}

.home .max-width 
{
	
	margin:auto 0 auto 0rem;
}


.home .home-content .text-1
{
	font-size:1.65rem;
	font-family: 'Abel',sans-serif;
	color:#fff;
	padding:4rem 0 1rem 0;
}

.home .home-content .text-2
{
	font-size: 2.7rem;
	font-weight:600;
	margin-left:-3px;
	font-family: 'Sriracha',sans-serif;
	color:#eee;
	padding: 0 0 1rem 1rem;
}

.home .home-content .text-3
{
	font-size:2rem;
	margin:.5rem 0;
	font-family: 'Abel',sans-serif;
	color:#fff;
	padding:0 0 2rem 0;
}

.home .home-content .text-3 span
{
	color:crimson;
	font font-weight: 500;
}

.home .home-content a
{
	display: inline-block;
	background:crimson;
	color:#eee;
	padding:1rem 1.5rem;
	font-size:1.5rem;	
	font-family: 'Abel',sans-serif;
	border-radius: 10px;
	font-weight:600;
	list-style: none;
	text-decoration: none;
	transition:all 0.3s ease;
	border:2px solid transparent;
}
.home .home-content a:hover
{
	background:transparent;
	border:2px solid crimson;
	color:crimson;
	border-radius:15px;
}

@media only screen and (min-width:768px)
{
	.menu-btn
{
	color:#fff;
	font-size: 2rem;
	cursor:pointer;
	margin-right:2rem;
}

	
	
	
	.home
{
	display: flex;
	background:url(../images/cv-1-lp-sm.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height:100vh;
}

.home .max-width 
{
	
	margin:auto 0 auto 1rem;
}


.home .home-content .text-1
{
	font-size: 2.7rem;
	font-family: 'Abel',sans-serif;
	color:#fff;
}

.home .home-content .text-2
{
	font-size: 5rem;
	font-weight:600;
	margin-left:-3px;
	font-family: 'Sriracha',sans-serif;
	color:#eee;
}

.home .home-content .text-3
{
	font-size:3.5rem;
	margin:.5rem 0;
	font-family: 'Abel',sans-serif;
	color:#fff;
}

.home .home-content .text-3 span
{
	color:crimson;
	font font-weight: 500;
}
	
	.home .home-content a
{
	
	padding:1.2rem 1.7rem;
	font-size:1.7rem;	
	
}
}



@media only screen and (min-width:1024px)
{
		
	
	.home
{
	display: flex;
	background:url(../images/cv-1-lp-sm.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height:100vh;
}

.home .max-width 
{
	
	margin:auto 0 auto 0rem;
}


.home .home-content .text-1
{
	font-size: 2.5rem;
	font-family: 'Abel',sans-serif;
	color:#fff;
}

.home .home-content .text-2
{
	font-size: 5.5rem;
	font-weight:600;
	margin-left:-3px;
	font-family: 'Sriracha',sans-serif;
	color:#eee;
}

.home .home-content .text-3
{
	font-size:3.5rem;
	margin:.5rem 0;
	font-family: 'Abel',sans-serif;
	color:#fff;
}

.home .home-content .text-3 span
{
	color:crimson;
	font font-weight: 500;
}
	.home .home-content a
{
	
	padding:1.5rem 1.9rem;
	font-size:1.9rem;	
	
}
	
}


@media only screen and (min-width:1280px)
{
		
	
	.home
{
	display: flex;
	background:url(../images/cv-1-lp.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height:100vh;
}

.home .max-width 
{
	
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left:8rem;
	padding: 0 0 0 10rem;
}


.home .home-content .text-1
{
	font-size: 2.7rem;
	font-family: 'Abel',sans-serif;
	color:#fff;
}

.home .home-content .text-2
{
	font-size: 6rem;
	font-weight:600;
	margin-left:3px;
	font-family: 'Sriracha',sans-serif;
	color:#eee;
}

.home .home-content .text-3
{
	font-size:4rem;
	margin:.5rem 0;
	font-family: 'Abel',sans-serif;
	color:#fff;
}

.home .home-content .text-3 span
{
	color:crimson;
	font font-weight: 500;
}
}


/*---------------------------landing and nav end-----------------------------------------------------------------------------------------------*/




/*---------about start----------------*/


.about
{
	width:100%;	
	margin:0 ;
	padding:0;
	
	height:100%;
	background:#fff;
	
}

.about .about-content 
{
	width:100%;
	margin:0 auto;
	padding:1rem;
	
}
h2.ab
{
	position: relative;
	padding:8rem 0 2rem 0;
	font-size: 2.5rem;
	font-family: 'Archivo Narrow',sans-serif;
	color:#444;
	text-align:left;
	
}

.about .about-content .left img
{
	width:32rem;
	height:20rem;
	object-fit: cover;
	text-align: left;
	border-radius: 6px;	
}

h4.ab
{
	padding:2rem 0 1rem 0;
	font-size: 1.7rem;
	color:#444;
	font-family:  'Archivo Narrow',sans-serif;
	text-align: left;
}

h4.ab span
{
	color:crimson;
	font-weight: 600;
	letter-spacing: 1px;
}

p.ab1
{
	text-align: center;
	padding:0;
	color:crimson;
	font-family: 'Abel',sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
}
p.ab
{
	text-align:left;
	padding:.5rem;
	color:#444;
	font-family: 'Abel',sans-serif;
	font-size: 1.3rem;
	font-weight: 600;
}
.right a
{
	display: inline-block;	
	background: crimson;
	margin-bottom:1rem;
	padding:1.2rem 4rem;
	font-size: 1.5rem;
	color:#fff;
	font-family: 'Abel',sans-serif;
	border-radius:5px;
	text-decoration: none;
	list-style: none;
	transition:all 0.3s ease;
}
.right a:hover
{
	background:transparent;
	border:2px solid crimson;
	color:crimson;
	border-radius:15px;
	text-decoration: none;
	font-weight: 600;
}







@media only screen and (min-width:768px)
{
	.about
{
	width:100%;	
	margin:0 ;
	padding:0;
	
	height:100vh;
	background:#fff;
	margin:0 auto;
	text-align: center;
}

.about .about-content 
{
	width:100%;
	margin:0 auto;
	padding:0rem;
	
}
h2.ab
{
	position: relative;
	padding:8rem 0 1rem 0;
	font-size: 2rem;
	font-family: 'Archivo Narrow',sans-serif;
	color:#444;
	text-align:left;
	
}

.about .about-content .left img
{
	width:20rem;
	height:20rem;
	object-fit:cover;
	text-align: left;
	border-radius: 6px;	
}

h4.ab
{
	padding:1rem 0 1rem 0;
	font-size: 1.7rem;
	color:#444;
	font-family:  'Archivo Narrow',sans-serif;
	text-align: left;
}

h4.ab span
{
	color:crimson;
	font-weight: 600;
	letter-spacing: 1px;
}

p.ab1
{
	text-align: center;
	padding:0;
	color:crimson;
	font-family: 'Abel',sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
}
p.ab
{
	text-align:left;
	padding:.5rem;
	color:#444;
	font-family: 'Abel',sans-serif;
	font-size: 1.3rem;
	
}
.right a
{
	display: inline-block;	
	background: crimson;
	margin-bottom:1rem;
	padding:1rem 3rem;
	font-size: 1.5rem;
	color:#fff;
	font-family: 'Abel',sans-serif;
	border-radius:5px;
	text-decoration: none;
	list-style: none;
	transition:all 0.3s ease;
}
.right a:hover
{
	background:transparent;
	border:2px solid crimson;
	color:crimson;
	border-radius:15px;
	text-decoration: none;
	font-weight: 600;
}
}


@media only screen and (min-width:1024px)
{
	.about
{
	width:100%;	
	margin:0;
	padding:0;
	
	height:100% auto;
	background:#fff;
	
}

.about .about-content 
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding:0rem;
	
}
	

h2.ab
{
	padding:8rem 0 2rem 0;
	font-size: 2.5rem;
	font-family: 'Archivo Narrow',sans-serif;
	color:#444;
	text-align: left;
	
}
	
	h4.ab
{
	padding:1rem 0 1rem 1rem;
	font-size: 2rem;
	color:#444;
	font-family:  'Archivo Narrow',sans-serif;
	text-align: left;
}

h4.ab span
{
	color:crimson;
	font-weight: 600;
	letter-spacing: 1px;
}

p.ab1
{
	text-align: center;
	padding:0;
	color:crimson;
	font-family: 'Abel',sans-serif;
	font-size: 1.7rem;
	font-weight: 600;
}
p.ab
{
	text-align:left;
	padding:.5rem 0 0 1rem;
	color:#444;
	font-family: 'Abel',sans-serif;
	font-size: 1.3rem;
	
}
.right a
{
	display: inline-block;	
	background: crimson;
	margin-bottom:1rem;
	padding:1rem 3rem;
	font-size: 1.5rem;
	color:#fff;
	font-family: 'Abel',sans-serif;
	border-radius:5px;
	text-decoration: none;
	list-style: none;
	transition:all 0.3s ease;
	}
.about .about-content .left 
	{
		width:50%;
	}

.about .about-content .left img
{
	width:90%;
	height:auto;
/*	object-fit:cover;*/
}

.about .about-content .right 
	{
		width:50%;
	}


}

@media only screen and (min-width:1280px)
{
	.about
{
	width:100%;	
	margin:0;
	padding:0;
	height:100%;
	background:#fff;
	
}

.about .about-content 
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding:0rem;
}
	

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

h4.ab span
{
	color:crimson;
	font-weight: 600;
	letter-spacing: 1px;
}

p.ab1
{
	text-align: center;
	padding:0;
	color:crimson;
	font-family: 'Abel',sans-serif;
	font-size:2.2rem;
	font-weight: 600;
}
p.ab
{
	text-align:left;
	padding:.5rem 0 0rem 1rem;
	color:#444;
	font-family: 'Abel',sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
}
.right a
{
	display: inline-block;	
	background: crimson;
	margin-bottom:1rem;
	padding:1rem 3rem;
	font-size: 1.5rem;
	color:#fff;
	font-family: 'Abel',sans-serif;
	border-radius:5px;
	text-decoration: none;
	list-style: none;
	transition:all 0.3s ease;
	margin-top:2rem;
	}
.about .about-content .left 
    {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width:45%;
    }
	.about .about-content .left img
{
	width:90%;
	height:auto;
/*	object-fit:cover;*/
}
.about .about-content .right 
	{
		width:50%;
	}


}

@media only screen and (min-width:1440px)

{
    
    p.ab
{
	text-align:left;
	padding:.5rem 0 0rem 1rem;
	color:#444;
	font-family: 'Abel',sans-serif;
	
	font-weight: 600;
}
    p.ab1
{
	text-align: center;
	padding:0;
	color:crimson;
	font-family: 'Abel',sans-serif;
	font-size:2.5rem;
	font-weight: 600;
}
	
    .about .about-content .left 
    {
        display: flex;
        align-items: center;
        justify-content: space-around;
        width:45%;
    }
	.about .about-content .left img
{
	width:90%;
	height:auto;
/*	object-fit:cover;*/
}
}




/*experience*/


.expe
{
	width:100%;
	margin:0 auto;
	padding:1rem;
	background:#fff;
	height:100%;
	text-align: center;
}

.expe .exp-content
{
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;	
}


.box
{
	width:100%;	
	padding:.5em;
	background:#111;	
	margin:.5rem;
}

.expe img 
{
	padding:0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

h4.exp
{
	text-align: center;
	padding:1rem;
	color:crimson;
	font-family: 'Archivo Narrow',sans-serif;
	font-size: 1.8rem;
}

p.exp 
{
	color:#eee;
	text-align: left;
	margin-left:.2rem;
	letter-spacing: .5px;
	font-family: 'Abel',sans-serif;
	padding:.2rem;
    font-weight: 600;
}

h5.exp
{
	text-align: center;
	padding:.2rem;
	color:crimson;
	font-weight: 600;
	font-family: 'Archivo Narrow',sans-serif;
	letter-spacing: 1px;
}

.expe i 
{
	margin-right:.3rem;
	color:green;
}

h5.dur
{
	text-align: left;
	color:#fff;
	margin-left:.2rem;
	padding:.3rem;
	font-family: 'Sriracha',sans-serif;
	border-bottom: 2px solid crimson;
	letter-spacing: .5px;
	font-weight: 300;
}

p.dur
{
	text-align: left;
	padding:0;
	margin-left: .2rem;
	color:#fff;
	font-size: 1rem;
	font-family: 'Abel',sans-serif;
    font-weight: 600;
}

.expe span
{
	margin-left:1rem;
	color:crimson;
	
}






@media only screen and (min-width:768px)
{
	.expe
{
	width:100%;
	margin:0 auto;
	padding:1rem;
	background:#fff;
	height:100%;
	text-align: center;
}

.expe .exp-content
{
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;	
}


.box
{
	width:100%;	
	padding:.5em;
	background:#111;	
	margin:.5rem;
}

.expe img 
{
	padding:0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width:100%;
	height:28rem;
}

h4.exp
{
	text-align:left;
	padding:1.5rem;
	color:crimson;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:2rem;
}

p.exp 
{
	color:#eee;
	text-align:center;
	margin-left:.5rem;
	letter-spacing: .5px;
	font-family: 'Abel',sans-serif;
	padding:.2rem;
	font-size: 1.3rem;
}

h5.exp
{
	text-align:left;
	padding:.2rem 0 .2rem 1.5rem;;
	color:crimson;
	font-weight: 500;
	font-family: 'Archivo Narrow',sans-serif;
	letter-spacing: 1px;
	font-size:2rem;
}

.expe i 
{
	margin-right:.4rem;
	color:green;
}

h5.dur
{
	text-align: left;
	color:#fff;
	margin-left:.2rem;
	padding:.3rem 0 .3rem 1.5rem;
	font-family: 'Sriracha',sans-serif;
	border-bottom: 2px solid crimson;
	border-bottom-width:medium;
	letter-spacing: .5px;
	font-weight: 300;
	font-size: 2rem;
}

p.dur
{
	text-align:center;
	padding:0;
	margin-left: .2rem;
	color:#fff;
	font-size: 1.3rem;
	font-family: 'Abel',sans-serif;
}

.expe span
{
	margin-left:.5rem;
	color:crimson;
	
}



}



@media only screen and (min-width:1024px)
{
	.expe
{
	width:100%;
	margin:0 auto;
	padding:1rem;
	background:#fff;
	height:100%;
	text-align: center;
}

.expe .exp-content
{
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;	
}


.box
{
	width:100%;	
	padding:.5em;
	background:#111;	
	margin:.5rem;
}

.expe img 
{
	padding:0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width:95%;
	height: 35rem;
	
}

h4.exp
{
	text-align:left;
	padding:1.5rem;
	color:crimson;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:2rem;
}

p.exp 
{
	color:#eee;
	text-align:center;
	margin-left:.5rem;
	letter-spacing: .5px;
	font-family: 'Abel',sans-serif;
	padding:.2rem;
	font-size: 1.3rem;
}

h5.exp
{
	text-align:left;
	padding:.2rem 0 .2rem 1.5rem;;
	color:crimson;
	font-weight: 500;
	font-family: 'Archivo Narrow',sans-serif;
	letter-spacing: 1px;
	font-size:2rem;
}

.expe i 
{
	margin-right:.4rem;
	color:green;
}

h5.dur
{
	text-align: left;
	color:#fff;
	margin-left:.2rem;
	padding:.3rem 0 .3rem 1.5rem;
	font-family: 'Sriracha',sans-serif;
	border-bottom: 2px solid crimson;
	border-bottom-width:medium;
	letter-spacing: .5px;
	font-weight: 300;
	font-size: 2rem;
}

p.dur
{
	text-align:center;
	padding:0;
	margin-left: .2rem;
	color:#fff;
	font-size: 1.3rem;
	font-family: 'Abel',sans-serif;
    font-weight: 600;
}

.expe span
{
	margin-left:.5rem;
	color:crimson;
	
}



}

@media only screen and (min-width:768px)
{
	.expe
	{
		text-align: left;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content:space-around;
	}
	.box
{
	width:40%;	
	padding:.5em;
	background:#fff;	
	margin:.5rem;
	
	
}

.expe img 
{
	
	width:50%;
	height:100%;
	
}

h4.exp
{
	text-align:center;
	padding:1.5rem;
	color:crimson;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:2rem;
}

p.exp 
{
	color:#333;
	text-align:left;
	margin-left:.5rem;
	letter-spacing: .5px;
	font-family: 'Abel',sans-serif;
	padding:.2rem;
	font-size: 1.1rem;
}

h5.exp
{
	text-align:left;
	padding:.2rem 0 .2rem 1.5rem;;
	color:crimson;
	font-weight: 500;
	font-family: 'Archivo Narrow',sans-serif;
	letter-spacing: 1px;
	font-size:1.5rem;
}

.expe i 
{
	margin-right:.2rem;
	color:green;
}

h5.dur
{
	text-align: left;
	color:#444;
	margin-left:.2rem;
	padding:.3rem 0 .3rem 1.5rem;
	font-family: 'Sriracha',sans-serif;
	border-bottom: 2px solid crimson;
	border-bottom-width:medium;
	letter-spacing: .5px;
	font-weight: 300;
	font-size:1.5rem;
}

p.dur
{
	text-align:center;
	padding:0;
	margin-left: .2rem;
	color:#444;
	font-size: 1.2rem;
	font-family: 'Abel',sans-serif;
}

.expe span
{
	margin-left:.5rem;
	color:crimson;
	
}



}

@media only screen and (min-width:1280px)
{
	.expe
	{
		text-align: left;
		display: flex;
	}
	.box
{
	width:40%;	
	padding:.5em;
	background:#fff;	
	margin:2rem;

	
}

.expe img 
{
	
	width:25%;
	height:100%;
	
}

h4.exp
{
	text-align:left;
	padding:1.5rem;
	color:crimson;
	font-family: 'Archivo Narrow',sans-serif;
	font-size:2rem;
}

p.exp 
{
	color:#444;
	text-align:center;
	margin-left:.5rem;
	letter-spacing: .5px;
	font-family: 'Abel',sans-serif;
	padding:.2rem;
	font-size: 1.3rem;
}

h5.exp
{
	text-align:left;
	padding:.2rem 0 .2rem 1.5rem;;
	color:crimson;
	font-weight: 500;
	font-family: 'Archivo Narrow',sans-serif;
	letter-spacing: 1px;
	font-size:2rem;
}

.expe i 
{
	margin-right:.4rem;
	color:green;
}

h5.dur
{
	text-align: left;
	color:#444;
	margin-left:.2rem;
	padding:.3rem 0 .3rem 1.5rem;
	font-family: 'Sriracha',sans-serif;
	border-bottom: 2px solid crimson;
	border-bottom-width:medium;
	letter-spacing: .5px;
	font-weight: 300;
	font-size: 2rem;
}

p.dur
{
	text-align:center;
	padding:0;
	margin-left: .2rem;
	color:#444;
	font-size: 1.5rem;
	font-family: 'Abel',sans-serif;
}

.expe span
{
	margin-left:.5rem;
	color:crimson;
	
}



}


/*skills section start*/


.skills
{
	width:100%;
	padding:0;
	background:#fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.skills-content
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.skills .skills-content .column
{
	width:calc(50% - 3rem);
}


.left
{
	background:#fff;
	padding:.5rem;
	border-radius:5px;
}

.skills .skills-content .left h3.skil
{
	text-align: left;
	margin-left:.3rem;
	font-size:1.7rem;
	color:crimson;
	font-family: 'Archivo Narrow',sans-serif;
	padding:1rem 0 .5rem 0;
}

.skills .skills-content .left p.skil
{
	text-align: left;
	margin-left:.3rem;
	font-size:1.1rem;
	color:#444;
	font-family: 'Abel',sans-serif;
	padding:1rem 0 1rem 0;
	font-weight: 600;
}

.skills .left a
{
	display: inline-block;	
	background: crimson;
	margin-bottom:3rem;
	padding:.5rem 2rem;
	font-size: 1.2rem;
	color:#fff;
	font-family: 'Abel',sans-serif;
	border-radius:5px;
	text-decoration: none;
	list-style: none;
	transition:all 0.3s ease;
}

.skills .left a:hover
{
	background:transparent;
	border:2px solid crimson;
	color:crimson;
	border-radius:15px;
	text-decoration: none;
	font-weight: 600;
}

.skills .skills-content .right .bars
{
	margin-bottom:1.2rem;
}

.skills .skills-content .right .info
{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.skills .skills-content .right span
{
	font-weight: 500;
	font-size: 1.1rem;
	color:#444;
	font-family: 'Abel',sans-serif;
	padding:0 0 .2rem .2rem;
	font-weight: 600;
}

.skills .skills-content .right .line
{
	height:8px;
	width:100%;
	background:rgba(0,0,0,0.3);
	position: relative;
	border-radius:20px;
}

.skills .skills-content .right .line::before
{
	content:"";
	position: absolute;
	height:100%;
/*	width:100%;*/
	left:0;
	top:0;
	background:crimson;
	border-radius: 20px;
}

.skills-content .right .sales::before
{
	width:80%;
}

.skills-content .right .ls::before
{
	width:95%;
}

.skills-content .right .ir::before
{
	width:85%;
}

.skills-content .right .pm::before
{
	width:87%;
}

.skills-content .right .pt::before
{
	width:75%;
}

.skills-content .right .sc::before
{
	width:83%;
}

.skills-content .right .cs::before
{
	width:98%;
}

.skills-content .right .pu::before
{
	width:100%;
}

.skills-content .right .cos::before
{
	width:87%;
}









@media (max-width:768px)
{
	.skills .skills-content .column
{
	width:100%;
}

}

@media only screen and (min-width:1024px)
{
	
	.skills .skills-content .left h3.skil
{
	text-align: left;
	margin-left:.3rem;
	font-size:2rem;
	color:crimson;
	font-family: 'Archivo Narrow',sans-serif;
	padding:1rem 0 0rem 0;
}

.skills .skills-content .left p.skil
{
	text-align: left;
	margin-left:.3rem;
	font-size:1.2rem;
	color:#555;
	font-family: 'Abel',sans-serif;
	padding:1rem 0 1rem 0;
	font-weight: 600;
}
.skills .skills-content .right .bars
{
	margin-bottom:1.2rem;
}
	.skills .skills-content .right span
{
	font-weight: 500;
	font-size: 1.2rem;
	color:#555;
	font-family: 'Abel',sans-serif;
	padding:0 0 .2rem .2rem;
	font-weight: 600;
}

.skills .skills-content .right .line
{
	height:8.5px;
	width:100%;
	background:rgba(0,0,0,0.3);
	position: relative;
}
	.skills .left a
{
	
	margin-bottom:1rem;
	padding:.8rem 2rem;
	font-size: 1.3rem;
	
}
}


@media only screen and (min-width:1440px)
{
	.skills 
	{
		min-height:100vh;
	}
	.skills .skills-content .left h3.skil
{
	text-align: left;
	margin-left:.3rem;
	font-size:2.2rem;
	color:crimson;
	font-family: 'Archivo Narrow',sans-serif;
	padding:1rem 0 0rem 0;
}

.skills .skills-content .left p.skil
{
	text-align: left;
	margin-left:.3rem;
	font-size:1.3rem;
	color:#555;
	font-family: 'Abel',sans-serif;
	padding:1rem 0 1rem 0;
	font-weight: 600;
}
.skills .skills-content .right .bars
{
	margin-bottom:1.25rem;
}
	.skills .skills-content .right span
{
	font-weight: 500;
	font-size: 1.3rem;
	color:#555;
	font-family: 'Abel',sans-serif;
	padding:0 0 .2rem .2rem;
	font-weight: 600;
}

.skills .skills-content .right .line
{
	height:9px;
	width:100%;
	background:rgba(0,0,0,0.3);
	position: relative;
}
	.skills .left a
{
	
	margin-bottom:1rem;
	padding:.8rem 2rem;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: .5px;
}
}


/*----------reffrence start*/


.ref
{
	width:100%;
	padding:0;
	background:#fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.ref .carousel .card
{
	background:crimson;
	border-radius: 5px;
	padding:.5rem .5rem;
	text-align: center;
   transition:all 0.3s ease;
}

.ref .carousel .card:hover
{
    background:#111;
}
.ref .carousel .card .box
{
	width:100%;
	background:#111;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
     margin:0 auto;
    border-radius: 10px;
    transition:all 0.5s ease;
}

.ref .carousel .card:hover .box
{
    transform: scale(1.05)
}

.ref .carousel .card img
{
	width:15rem;
	height:15rem;
	object-fit: cover;
	border-radius:5px;
	border:5px solid #222;
   
}




p.name
{
    text-align: left;
	padding:15px 0 8px 0;
	margin-left:0rem;
	color:crimson;
	font-size:1.5rem;
	font-family: 'Abel',sans-serif;
    font-weight: 600;
    letter-spacing: .5px;
   
}

p.disc
{
    text-align: left;
	padding:5px 0 5px 0;
	margin-left:0rem;
	color:#fff;
	font-size:1.3rem;
	font-family: 'Abel',sans-serif;
    font-weight: 500;
    letter-spacing: .5px;
}

p.cont
{
    text-align: left;
	padding:5px 0 5px 0;
	margin-left:0rem;
	color:#fff;
	font-size:1.1rem;
	font-family: 'Abel',sans-serif;
    font-weight: 500;
    letter-spacing: .5px;
}


.ref i
{
    margin-right:5px;
    color:crimson;
}


.owl-dots
{
    text-align: center;
    margin-top:20px;
}

.owl-dot
{
    height:1.2rem;
    width:1.2rem;
    outline:none!important;
    border-radius: 50%;
    border:2px solid crimson!important;
    margin:0 5px;
    transition:all 0.5s ease;
}
.owl-dot.active
{
    width:35px;
    border-radius: 14px;
}
.owl-dot.active,
.owl-dot:hover
{
    background:crimson!important;
}


/*contact section start */

.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,
.contact-content
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.contact .contact-content .column
{
    width:100%;
    margin-bottom:3rem;
}

h3.con
{
    padding:1rem 0 1rem 1rem;
	font-size:2rem;
	color:crimson;
	font-family:  'Archivo Narrow',sans-serif;
	text-align: left;
}

.contact .contact-content .left
{
    background:#111;
}

.contact .contact-content .left p.con
{
    text-align:justify;
    font-family: 'Abel',sans-serif;
    color:#fff;
    font-weight: 600;
    font-size: 1.2rem;
    padding:.5rem 0 .5rem 1rem;
    text-indent: 10px;
}

.contact .contact-content .left .icons
{
    margin:1rem 0;
}

.contact .contact-content .row
{
    display: flex;
    height:6.5rem;
    text-align:justify;
}

.contact .contact-content .row .info
{
    margin-left:3rem;
}

.contact .contact-content .row i
{
    font-size: 2.2rem;
    color:crimson;
    padding:0 0 0 5rem;
}

.contact .contact-content .info .head
{
    text-align: left;
	margin-left:.3rem;
	font-size:1.5rem;
	color:crimson;
	font-family: 'Archivo Narrow',sans-serif;
	padding:0;
}

.contact .contact-content .info .sub-title
{
    text-align: left;	
	font-size:1.2rem;
	color:#fff;
	font-family: 'Abel',sans-serif;
	padding:0;
    font-weight: 600;
}

/*contact form*/

.contact .right form .fields
{
   display: flex;
}

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

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


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

@media only screen and (min-width:900px)
{
    .contact .contact-content .column
{
    width:calc(50% - 3rem);
}

}


.qual
{
	width:100%;
	padding:1rem;
	margin:0 auto;
	text-align: center;
	
}

.qual-content
{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	height:5rem;
	
}
.qual-content a
{
	color:crimson;
	font-size: .8rem;
}

@media only screen and (min-width:768px)
{
	.qual-content a
{
	color:crimson;
	font-size:2rem;
}

}

/*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 */