p, em {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6em !important;
    color: inherit !important;
    font-style: normal !important;
}

.navbar .nav-item .nav-link {
    display: block !important;
    font-weight: 500 !important;
}

.modal-dialog.modal-notify.modal-info .badge, .modal-dialog.modal-notify.modal-info .btn-primary-modal, .modal-dialog.modal-notify.modal-info .modal-header {
    background-color: #001349 !important;
    color: #fff !important;
}

.divider-new, body, h1, h2, h3, h4, h5, h6 {
    font-weight: 400 !important;
}
/*navigation*/
/*.navbar {
    background-color: #000;
}*/

.error {
    color: red !important;
    font-size: 12px !important;
}

.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}

.top-nav-collapse {
    background-color: #000;
}

/*Navigation*/
.navbar{
	background-color:rgba(0, 38, 145,0.5)  !important;
}

.nav-item{
	margin-right: 10px !important;
	padding: 0px 10px;
}



@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #1C2331;
    }
}
@media (max-width: 576px) {
    .navbar-collapse {
        background-color: rgba(0,0,0,0.5) !important;
    }
}

/*/. navigation*/


/*breadcrumb section*/

.breadcrumb{
	min-height: 40vh;
	background-image:url(../img/slider/hotel2.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding: 0px;
	background-position: top center;
	margin-bottom: 0px !important;

	background-repeat: no-repeat;
}

.breadcrumb .breadcrumb-overlay {
	min-height:inherit;
	width: inherit;
	background-image: url(../img/shattered-island.png);
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	width: 100%;
	text-align: center;
	opacity: 0.9;
}

.breadcrumb .breadcrumb-overlay .breadcrumb-text{
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}
/*/. breadcrumb section*/

.clearfix{
	float: none;
	clear: both;
}

/*general css*/


.creative-green{
	color: #02cb00;
}

.creative-blue{
	color: #00278b;
}


.btn-outline-success {
    border: 2px solid #11c000!important;
}

.margin-top-bottom{
	margin: 100px 0;
}

.blue {
    background-color: #00248a!important;
}

.padding-100 {
    padding: 100px 0 0 0;
}

/*a {
    color: #02cb00 !important;
}*/

.btn-primary{
	background-color: #002691 !important;
}

.overlay{
	background-color: rgba(0,0,0,0.8);
	min-height: inherit;
}

.ct-parallax{
	background-image: cover;
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
	
}

hr{
	border-bottom: 3px solid #02cb00;width: 100px;
}

.img-fluid{
	
	margin: 0 auto;
}
/* /.General CSS*/



/*start project home btn*/
.start-project{
	border:1px solid #002691 !important;
	box-shadow:1px 3px 15px -5px rgba(255,255,255,0.7);
    transition:all .2s ease-in;
}

.start-project:hover{
	cursor:pointer;
	border:1px solid #02cb00 !important;
    box-shadow:1px 10px 13px -7px rgba(255,255,255,0.6);
    transform:perspective(1000px) translate3d(0px,0px,30px);
    transition:all .2s ease-in;
}

.start-project:active{
	cursor:pointer;
	border:1px solid #02cb00 !important;
    box-shadow:1px 10px 13px -7px rgba(255,255,255,0.6);
    transform:perspective(1000px) translate3d(0px,0px,30px);
    transition:all .2s ease-in;
}

 /* /.Navigation */

 /*jumbotrom*/
 .ci-heading{
 	font-weight: 400 !important;
 }
/* .ci-heading:after{
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 2px;
    background-color: #02cb00;
}*/

.ci-jumbotron{
	background-color: #000; 
	/*min-height: 500px;*/
}
.ci-jumbotron.row{
	min-height: inherit;
}

.ci-jumbotron .ci-jumbo-img{
	background-image: url('../img/home/jumbo.jpg'); 
	background-position: left;
	background-repeat: no-repeat;
	min-height: inherit !important;

}


.ci-jumbotron .ci-jumbo-text-area{
	color: #fff;
	min-height: inherit !important;
	padding: 90px 15px 90px 80px ;
}

.ci-jumbo-text-area h6{
	margin-bottom: 20px;
}

.ci-jumbo-text-area h1{
	margin-bottom: 25px;
}

.ci-jumbo-text-area p{
	color: #aaaaaa !important;
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 

	.ci-jumbotron .ci-jumbo-text-area{
		
		padding: 90px 15px 90px 15px ;
	}

	.ci-jumbotron .ci-jumbo-img{
		background-color: #000 !important;
		padding-right: 0px !important; 

	}

	.ci-jumbo-text-area h1 {
	    margin-bottom: 25px !important ;
	    /*overflow: auto !important;*/
	    font-size: 20px !important;
	}

	.breadcrumb-text h1{
		font-size: 25px !important;
	}

}

@media (min-width: 768px) { 

	.ci-jumbotron .ci-jumbo-img{
		background-color: #000 !important; 
		padding-right: 0px !important; 


	}

}
 /*/.jumbotron*/

 /*ci-intro*/

.ci-intro h2{
	line-height: 1.5;
}
 /* /.ci-intro*/

 /*service*/
.service-item {
    
    margin-bottom: 30px;
    padding: 20px;
    
    transition: all 0.5s ease-in;
}

.service-image{
	padding-right: 0px !important;
}

.ci-first-service .service-item-1,.ci-first-service .service-item-3,.ci-second-service .service-item-5{
	margin-left: 115px !important; 
}


.service-item:hover i {
	color: #02cb00 !important;	
    transition: all 0.2s ease-in;	
    
}

.service-item:hover{
	cursor: pointer;
}

.service-item a{
	color: #000 !important;
	margin-bottom: 15px;
	font-size: 20px !important;
	font-weight: 400 !important;
	transition: all 0.2s ease-in;	
}
.service-item i{
	color: #00278b !important;
	transition: all 0.2s ease-in;	
}


/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 

	.ci-first-service .service-item-1,.ci-first-service .service-item-3,.ci-second-service .service-item-5{
		margin-left: initial !important; 
	}

	.service-item{
		z-index: 50;
		display: block;
		margin: 30px auto;
		
	}

	.ci-idea-bulb{
		/*position: initial !important;
		top: initial !important;
		left: initial !important;
		transform: initial !important;*/
		opacity: 0.7;
	}

	.mixitUp-menu ul li {
	     display: block; 
	}


}

@media (min-width: 768px) { 

	.ci-first-service .service-item-1,.ci-first-service .service-item-3,.ci-second-service .service-item-5{
		/*margin-left: 0px !important; */
	}


}
 /* /service /

/*our work*/
.our-work .mixitUp-menu {
    text-align: center;
}

.mixitUp-menu ul{
	list-style: none;
}

.mixitUp-menu ul li{
	font-family: 'Noto Sans', sans-serif;
    display: inline-block;
    color: #151515;
    font-size: 16px;
    border-radius: 18px;
    line-height: 40px;
    padding: 0 35px;
    margin-bottom: 18px;
    cursor: pointer;
}

.li-active{
	background-color: rgb(0, 38, 145) !important;
    color: #fff !important;
    border-radius: inherit !important;
}

.single-project{
	position: relative;
	overflow: hidden;
}

.mixitup-content  img{
	/*width: 100%;*/
}

.mixitup-item  .mix{
	padding: 0px !important;
}

.single-project-overlay{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,38,145,0.6);
    opacity: 0;
    visibility: hidden;
    transition:all 0.5s ease-in;
}

.single-project:hover .single-project-overlay{
	opacity: 1;
    visibility: visible;
    transition:all 0.5s ease-in;

}


.our-work .text{
	padding: 30px 0 0 30px;
    color: #fff;
    opacity: 0;
}

.our-work .single-project .text .title h5 a {
    display: block;
    margin-bottom: 9px;
    color: #fff;
}

.our-work .single-project .text .btn-view{
	border: 1px solid #02cb00;
    position: absolute;
    left: 20%;
    top: 45%;
    transition: all 0.3s ease-in;
    color: #fff;
}

.our-work .single-project .text .btn-view:hover{
	background-color: rgba(2, 203, 0,0.3);
	transition: all 0.3s linear;
}

.our-work .single-project .text .zoom {
    color: #fff;
    font-size: 24px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: 0;
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.our-work .single-project:hover .text .zoom {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 


	.mixitUp-menu ul li {
	     display: block; 
	}
	.mixitUp-menu ul li {
	     display: block !important; 
	}

}

@media (min-width: 768px) { 


}
/*/.our work*/

/*testimonial*/

.testomials{
	padding: 50px 15px;
	background-color: #000;
	color: #fff !important;
}
.client-col{
	padding: 0px 100px;
}
/*.testomials,.creative-team{
	background: #000;
	padding: 100px 0;
	/*color: #fff;
}*/
.testomials .frame img{
	border-radius: 100% !important;
	width: 100px;
	height: 100px;
	margin-left: 45%;
}

.testomials .frame{
	border-radius: 100%;
	/*box-shadow: 0px 5px 10px -2px rgba(0,0,0,1), 0px 1px 1px -1px rgba(0,0,0,1);*/
	
}

/*.testomials .client-text{
	margin-top: 80px;
	padding: 20px 60px !important;
	
}*/

/*.testomials .client-text p {
    font-size: 16px !important;
    padding: 0px 80px;
}*/

@media (max-width: 576px) { 


	.client-col{
		padding: 0px 15px;
	}


	.testomials .frame img{
		margin-left: 32%;
	}

	.testomials .text-desktop{
		display: none !important; 
	}

	

}

@media (min-width: 768px) { 

	.testomials .client-text {
	    margin-top: initial;
	    padding: 20px 30px 0px 30px !important;
	}

}

.owl-theme .owl-nav [class*=owl-] {
    color: #927f7f !important;
    border-radius: 0px !important;
    border-bottom: 4px solid #927f7f;
    background-color: transparent !important;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: #02cb00 !important;
    border-radius: 0px !important;
    border-bottom: 4px solid #02cb00;
    background-color: transparent !important;
}

.owl-prev {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
}

.owl-next {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
}

/*eof testimonial section*/

/*creative-counter*/

.creative-counter {
	/*padding: 50px 0px;*/
}

.creative-counter .fa{
	font-size: 50px;
}

.creative-counter .number {
    font-family: 'Noto Sans', sans-serif;
    font-size: 45px;
    font-weight: 700;
    color: #02cb00;
    margin-bottom: 50px;
}

.creative-counter h5{
	margin-top: 20px !important;
}
/* /.creative-counter*/

/*creative team*/
.creative-team{
	padding: 50px 0px;
}

.creative-team .team-member{
	margin:40px 0;
	padding-left:100px;
	padding-right: 100px; 
}

.creative-team .team-member a {
    color: #0275d8;
}

.creative-team .team-member a:hover {
    color:#00278b;
    transition: all 0.3s ease-in;
}


.creative-team  .team-member img{
	border-radius: 100%;
}

.team-member-intro{
	padding: 100px  20px 0px 0px;
}

.team-member-intro p{
	margin-top: 20px;
}

.team-member .social-media ul{
	list-style: none;
	display: inline-block;
	margin:0 auto;
	text-align: center;
}

.team-member .social-media ul li{
	float: left;
	margin-right: 15px;
	padding: 10px;
}

.team-member .social-media ul li:last-child {
    margin-right: 0px;
}

.team-member .social-media ul li a i{
	font-size: 25px;
}

@media (max-width: 576px) { 


	.creative-team .team-member{
		margin:40px 0;
		padding-left:initial !important;
		padding-right: initial !important;
	}

	.team-member-intro {
	    padding: 30px 15px 0px 15px !important;
	}

	.creative-team .team-member img {
	    /*border-radius: 100%;*/
	    width: 200px !important;
	}

	

}
/* /. creative team*/


/*owl carousel defaults*/
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #02cb00  !important;
}
/*/.owl carousel defaults*/

/*partner section*/
.c-partner{
	width: 200px;
	height: auto;
	margin: 0 auto;
}

/* /.partner section*/

/*about us*/
.about-first-section{
	background-image: url(../img/placeholder.png);
	background-repeat: no-repeat;
    background-position: right;
}

.about-second-section{
	background-image: url(../img/placeholder.png);
	background-repeat: no-repeat;
    background-position: left;
}

/*/.about us*/


/*foooter*/

footer.page-footer {
	padding-top: 0px !important;
	background-image: url(../img/home/footer-bg.png);
	background-size: cover;
	background-position:  top center;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	margin-top: 0px !important;
	background-color: transparent !important; 

}

footer .btn-floating {
	padding: 5px;
	color: #fff;
	border-radius: 5px;
}
footer .ct-floating {
    /* margin-right: 5px; */
    font-size: 20px;
    padding: 0px 12px 0 12px;
}

footer .footer_overlay {
    padding-top: 40px;
    background-color: rgba(0,0,0,0.9);
}

footer.page-footer .title {
    text-align: center;
    margin-bottom: 30px;
}


/* /.footer*/


/*Small devices (landscape phones, 576px and up)*/



/* Medium devices (tablets, 768px and up)*/	
@media (min-width: 768px) {

	/*set font size in mobile view ports*/
	h1 {
	    font-size: 30px !important;
	}
	h2 {
	    font-size: 25px !important;
	}
	/*set font size in mobile view ports*/

	.owl-prev {
	   position: absolute!important;
       top: initial !important;
	}

	.owl-next {
	    position: absolute!important;
       top: initial !important;
	}


	.creative-team .team-member {
	    margin: 40px 0;
	    padding-left: 50px;
	    padding-right: 50px;
	}

	

	#partners figure {
	    margin: 0 0px 0rem;
	    
	}
	.team-member-intro {
	    padding: initial;
	}


}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	.ci-bday-section-text{
		padding:50px 15px 50px 15px !important;
	}

	.team-member-intro {
	    padding: 60px 0px 0px 0px;
	    transition: all 0.5s ease-in;
	}
 }

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	.ci-bday-section-text{
		padding:100px 15px 100px 15px !important;
	}
}