body{
	font-family: 'Nunito', sans-serif;
	font-weight:300;
	font-size:16px;
	color: #333;
	background-color:  #1E656D;
	letter-spacing:1px;
}
h2{
	font-size:40px;
}
.overlay{
	width:100%;
	height:100%;
	position: absolute;
	z-index: 3;
	background-color: rgba(0,0,0, 0.4);
}

.slides-navigation a.prev,
.slides-navigation a.next,
a.down-arrow{
	width: 47px;
	height: 47px;
	background-size: cover;
	background-repeat: no-repeat;

}
video {
	width: 100%;
	background-color: #000;
	object-fit: cover;
	
}
.slides-navigation a.prev{
	left: 20px;
	background-image: url(../imgs/icons/prev.png);
	opacity: 0.6;
}
.slides-navigation a.next{
	right: 20px;
	background-image: url(../imgs/icons/next.png);
	opacity: 0.6;
}

.scroll-down{
  	width: 100%;
  	height:auto;
	color:white;
	font-size: 10px;
	font-weight: lighter;
	
}
a.down-arrow{
	position:absolute;
	left:49%;
	background-image: url(../imgs/icons/down.png);
	top:92%;
	opacity: 0.4;
	z-index: 11;
}
 .scroll-down .btn{
	 position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    opacity: 0.4;
     transition: 0.3s;
    z-index: 7;
}

.scroll-down .btn:hover,
.scroll-down .down-arrow:hover,
.slides-navigation a.prev:hover,
.slides-navigation a.next:hover{

    color: white;
    opacity: 1;
}

.scroll-down .btn:hover {
    background-color: black;

}


.titleMessage{
	position:absolute;
	width:100%;
	height:250px;
	top:50%;
	z-index: 5;
	text-align: center;
	margin-top: -118px;
}

 .titleMessage .heading p {
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0,0,0,0.4);
    font-weight: 100;
    letter-spacing: 7px;
 }
.titleMessage .heading .main {
	font-size: 50px;
	font-family: 'Cinzel', serif;


}
.titleMessage .heading .sub {
	font-size: 23px;
	font-family: 'Nunito', sans-serif;
}

.section {
	padding: 100px 0;
}
.aboutImage{
	max-width: 80%;
	border-radius: 4%;
	background-color: #46126A;
	margin-top: 20px;
}

.btn-download {
  background-color: #5B5FDA;
	border-radius: 4px;
	width: 135px;
  border: none;
  color: white;
  padding: 8px 30px;
  cursor: pointer;
  font-size: 20px;
}
h6{
	color: #46126A;
	font-family: 'Cinzel', serif;
	font-weight: bold;
	padding-top: 10px;
}
/* Darker background on mouse-over */
.btn-download:hover {
  background-color: #3A0CA3;
}
.pdf .word{
	text-align:center;
	padding:8px 15px;
	display: inline-block;
	margin-top:5px;
	border:1px solid #fff;
	border-radius: 2px;
	color:#333;

}
.pdf .word:hover {
	text-decoration: none;
	color:#5F0F4E;
	background-color: #fff;
}
.arrow{
	width:25px;
}
.fade-in {
  animation: fade-in 2s ease-in 2;
}
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
.bounce {
  animation: bounce 2s ease 2;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
#about {
	
	background-color: #BECAF2;
	color: black;
	background-image: url("../imgs/butterfly-watermark.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed !important;
	background-position: center;

}
.pdf-icon .word-icon {
	height: 20px;
	width: 20px;
}
#stats {
	display: none;
}
.para {
	padding: 20px 20px 0 20px;

}
#portfolio {
	background-color: #1C065E;

}
#portfolio h2 {
	color: white;
}

#about .heading,
#about h4,
#stats .heading {

	color: #000000;
}

#about h4 {
	color: #46126A;
	font-weight: bold;
}
.heading h2, #about h4, #contact h4, .skill h4{
	font-family: 'Cinzel', serif;
}
.heading h2 {
	padding: 0;
	height: 20px;

}
.heading p{
	font-weight:bold;
	font-size:16px;

}
#skills h2 {
	color: white;
}
.skill{
	padding-top:10px;
	
}
.skillsSection {
	/* background: radial-gradient(circle at 12.3% 19.3%, rgb(85, 88, 218) 0%, rgb(95, 209, 249) 100.2%); */
	 background: linear-gradient(115deg, rgba(105,129,241,1.00), rgba(58,12,163,1.00));
	
}
#contact{
	
	color:#000;
	background-image: url("../imgs/world-light-abstract.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed !important;
	background-position: center;
	padding-top: 250px !important;
	padding-bottom: 250px !important;
	background-color: #F6EAFD !important;
	
}
.skill {
	text-align: center;
	margin-left: 10px;
}
.b-margin{
	margin-bottom:50px;
}
.skill p{
	padding:0 10px;

}
.chart{
	position: relative;
	width: 152px;
	height:152px;
	display: inline-block;
	text-align: center;
}
.chart canvas{
	position: absolute;
	left:0;
	top:0;
}
.chart .percent {
	color: #000;
    line-height: 152px;
    display: inline-block;
    font-size:35px;
}
.chart .percent:after{
	content:'%';
}
.squareItem{
	margin-top: 30px;
    position: relative;
}
.squareInnerContainer{
	
	position: relative;
	padding: 50px 15px 35px;
	text-align: center;
	border: 2px solid #9fb8bf;
	border-top: none;
}
.squareInnerContainer:before,
.squareInnerContainer:after{
	content: '';
	position: absolute;
	top: 0px;
	width: 30%;
	border-bottom: 2px solid #9fb8bf;
}

.squareInnerContainer:before{
	right: 0px;
}
.squareInnerContainer:after{
	left: 0px;
}
.squareContent h2{
	font-size: 56px;
	margin-bottom:10px;
	font-weight:400;
	color:#7209B7;
}
.squareContent h3{
	font-size:13px;
	font-weight:600;
	margin:0;
}
.squareIcon{
	position:absolute;
	left:50%;
	top:-30px;
	width:40%;
	height:60px;
	font-size:45px;
	margin-left:-20%;
	color:#7209B7;
}
.contactButton{
	color:#000;
	padding:15px 20px;
	display: inline-block;
	margin-top:20px;
	border:1px solid #000;
	border-radius: 2px;
}
.contactButton:hover {
	text-decoration: none;
	color:#6708A6;
	font-weight: bold;
	background-color: #E9F3FC;
}
.filter a{
	color:#9fb8bf;
	border:1px solid #9fb8bf;
	padding: 10px 18px;
}
.filter li{
	display:inline-block;
	padding: 5px;
}
.filter .current{
	background-color:#7209B7;
	border-color: ;
	color: #fff;
}
.filter {
	text-align: center;
	width:100%;	
}

.section .heading{
	text-align:center;
	padding-bottom:48px;
	width:100%;
}
.item img{
	width:200px;

}
.items li{
	display: inline-block;
	padding:10px;
}
.itemsContainer{
	width:100%;
}

.items li img{
	width:100%;
	-webkit-transition: all 0.2s linear, 1s;
	-moz-transition: all 0.2s linear, 1s;
	-o-transition: all 0.2s linear, 1s;
	-transition: all 0.2s linear, 1s;

}

.items .item{
	position:relative;
	display:block;
	overflow:hidden;
}

.items .icons{
	position:absolute;
	width:90px;
	height:40px;
	left:50%;
	top:50%;
	margin:-20px auto 0 -47px;
	text-align:center;
	z-index: 3;

}
.items .icons i{
	color:#fff;
	font-size:20px;
	margin-top:9px;
}

.items .icons a{
	color:#ccd4d8;
}
.items a{
	width: 40px;
	height: 40px;
	background-color: #7209B7;
	position: relative;
	display: inline-block;
	-webkit-transition: all 0.2s linear, .3s;
	-moz-transition: all 0.2s linear, .3s;
	-o-transition: all 0.2s linear, .3s;
	-transition: all 0.2s linear, .3s;
	overflow: auto;
}
.imageOverlay{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	position:absolute;
	left:0px;
	top:0px;
	opacity:0;
	-webkit-transition: all 0.2s linear, 1s;
	-moz-transition: all 0.2s linear, 1s;
	-o-transition: all 0.2s linear, 1s;
	-transition: all 0.2s linear, 1s;
}
.text{
	color:#fff;
	text-align: center;
	z-index: 5;
	background-color: black;
	margin: 30px 10px;
}
.items .item:hover .imageOverlay {
	opacity: 1;
}

.items .openButton{
	float: left;
	left: -200px;
}
.items .projectLink{
	float: right;
	right: -200px;
}

.items .item:hover .openButton{
	left: 0px;
}

.items .item:hover .projectLink{
	right: 0px;
}

.items .item:hover img{
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-transform: scale(1.05, 1.05);
}
.items {
	padding:0;
}

.copyrightSection{
	background-color:#38045A;
	background: rgb(90,6,145);
	background: linear-gradient(0deg, rgba(90,6,145,1) 40%, rgba(114,9,183,1) 75%, rgba(151,116,173,0.7539390756302521) 100%);
	color: #F6F6F6;
	padding: 30px 5px;

}
hr {
	color: white;
}
.copyrightSection p {
	margin:0;
}

/* NAVIGATION BAR COLOR HERE */
#navigation {
/*	background-color: #38045A; 
	background-color: #190654;*/
	background-color: #5A0691;
	background: rgb(90,6,145);
	background: linear-gradient(180deg, rgba(78,4,126,1.00) 35%, rgba(114,9,183,1) 75%, rgba(151,116,173,0.7539390756302521) 100%);
	padding:20px 10px;
	z-index:100;
	width:100%;
}
nav#navigation {
	
/*	border-bottom:8px solid #EBD0FC; */
}

#navigation li{
	padding:0 15px;

}
#navigation li a{
	color:#fff;
} 
.navbar-brand,
.navbar-brand:hover {
	color:#fff;
	font-family: 'Cinzel', serif;
	font-size:32px;
	
}

.navbar-brand:hover{
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-transform: scale(1.05, 1.05);
}
.navbar-toggler-icon{
	background: url(../imgs/icons/menu.png);
	background-size:100%;
	
}

.fixedNav #navigation{
	position: fixed;
	top:0;
}

.loader{
	width:100%;
	height:100%;
	background-color: #fff;
	position: fixed;
	top:0px;
	left:0px;
	z-index:1000;
}

.loader .inner{
	width:100%;
	height:100%;
	background: url(../imgs/preloader.gif) center center no-repeat;
}