/*panels=============================================*/
.panel-header {
    text-align:center;
	width:80%;
	margin:30px auto !important;
	
}
.panel-header i {
    font-size: small;
}

.panel-header span {
    font-size: small;
	
}
.panel-header p {
   
	text-align:center;
	margin-top:20px;
}
    .panel-header h3 {
		
        position: relative;
        display: inline;
        color: #333333;
        font-size: 1.5em;
		font-family:AnjomanMax;
		margin-bottom:10px;
       
    }

        

.start-panel .panel-header {
   text-align:right;
   width:100%;
	
	
}
.start-panel  .panel-header p {
   
	text-align:right;
}
.start-panel .panel-header h3 {
		
        position: relative;
        display: inline;
        color: #000;
        font-size: 1.5em;
		font-family:AnjomanMax;
		margin-bottom:10px;
       
    }

 
/*========================================================*/
.top-slider{
	position:relative;
	margin-top:50px;
}
.top-slider .carousel-caption {
   position:absolute;
    text-align: right;
    padding: 5px;
    top:auto;
	bottom:10%;
	
	
}

    .top-slider .carousel-caption h5 {
        font-size: 2.5rem;
        font-weight: bolder;
        color: #FFF;
        margin: .2em 0 1em 0;
		font-family:AnjomanMax;
		animation: fadeInUp; 
		animation-duration: 2s; 
    }
    .top-slider .carousel-caption p {
        font-size: 1rem;
        text-align:justify;
		font-weight:bold;
        color: #FFF;
        padding: 10px;
        text-align: right;
		animation: fadeInUp; 
		animation-duration: 3s; 
		width:50%;
    }
	  .top-slider .slider-btn {
		margin-top:20px;
		animation: fadeInUp; 
		animation-duration: 4s; 
    }
	/* @media (min-width: 767.98px) {
    #slider-1{
	height:100vh;
} */
}


/*itemtype==============================================*/

.item-type .item{
	margin:1.5em;
	
}
.item-type h5 {
    padding:1em;
	font-size:.9em;
}
    .item-type img {
        width: 50%;
    }
.item-type a{
	text-align:center;
}



/*category==============================================*/
.item-cat .row{
   
    border-radius: 1em;
    background: rgba(255,255,255,.9);
	padding:1em;
}

.item-cat h5 {
    padding:1em;
}

.item-cat img {
    width: 20%;
}

.item-cat a {
    text-align: center;
}
/*blogs=======================================*/
.blog .card {
    height: 100%;
    max-height: 100%;
}
.blog .item {
   
}

.hr-blog .card {
    height: 100%;
    max-height: 100%;
	background:#FFF;
}
/*products=======================================*/
.product .card {
    height: 100%;
    max-height: 100%;
}

.product .item {
    height: 450px;
    max-height: 600px;
}

.hr-product .card {
    height: 100%;
    max-height: 100%;
    background: #FFF;
}
/*main-menu=====================================================*/
.main-menu li a {
    color: #12121d;
    font-size: small;
}
.main-menu li a i{
    color: #000;
    font-size:xx-small;
}
.main-menu .panel-header{
	margin-bottom:0 !important;
}
/*Vertical SubMenu================================================*/
.vertical-nav .dropdown-submenu {
    position: relative;
}


.vertical-nav .nav .nav-link a {
    color: #bababa;
}

.vertical-nav .nav .nav-link {
    color: #bababa;
}

/*.vertical-nav .nav .nav-link a:hover {
    color: black;
}*/
.vertical-nav .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.vertical-nav .dropdown-toggle::after {
    display: none !important;
}

.vertical-nav ul.dropdown-menu {
    text-align: right;
    font-size: 12px;
    top: 0;
    right: 50%;
    margin-top: 0px;
    margin-left: 0px;
    background-color: #f3f3f3;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.vertical-nav .dropdown.open .dropdown-menu {
    max-height: 500px;
    opacity: 1;
}

.vertical-nav ul.dropdown-menu > li {
    padding: 8px 0;
}

    .vertical-nav ul.dropdown-menu > li > a {
        color: #000 !important;
    }

        .vertical-nav ul.dropdown-menu > li > a:hover {
            color: #8b0000 !important;
        }

.navbar-nav .dropdown-toggle::after {
    display: none !important;
}

/*project===================================*/

.project .item{
	box-shadow: 0px 7px 18px 0px rgba(0,0,0,0.1);
	margin:10px;
	padding:0 !important;
	height:100%;
}


    .project .item div {
        overflow: hidden;
		
    }

    .project .item:hover h5 {
        color: #01397A;
    }

    .project h5 {
        text-align: center;
        margin:30px 0;
		 color: #014DA3;
    }

    .project .item img {
        border-radius: 0px;
		width:100%;
        transition: transform .75s ease-in-out;
    }

    .project .item:hover img {
        transform: scale(1.2);
    }

    .project .item p {
        padding: 0 20px 10px 20px;
        text-align: justify;
       
    }

/*service===================================*/
.service .item{
	box-shadow: 0px 7px 18px 0px rgba(0,0,0,0.1);
	margin:10px;
	padding:0 !important;
	height:100%;
}


    .service .item div {
        overflow: hidden;
		
    }

    .service .item:hover h5 {
        color: #014DA3;
    }

    .service h5 {
        text-align: center;
        margin:30px 0;
		 color: #014DA3;
    }

    .service .item img {
        border-radius: 0px;
		width:40%;
        transition: transform .75s ease-in-out;
    }

    .service .item:hover img {
        transform: scale(1.1);
    }

    .service .item p {
        padding: 0 20px 10px 20px;
        text-align: justify;
       
    }

    /*simpelItemImageAndText==============================*/


    .about{
    background-color: rgb(210, 214, 216);
    width: 100%;
    margin-top:100px;
    
   
}




@media screen and (max-width:768px) {
    .about {
        background-color: rgb(210, 214, 216);
        width: 100%;
        min-height:200px;
       
    }
}


.about img {
    margin-right: 0px !important;
    width: 100%;
    margin-top: -90px !important;
    margin-bottom: -15px !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .5);
}





    /*stat===============================================*/
    .stat {
        color: #FFF;
    }
	.stat .panel-header {
    text-align:center;
	margin:50px auto !important;
	
}
 .stat  .panel-header h3:after {
           
            width: 0%;
			
        }
    .stat h3 {
        color: #FFF !important;
    }
.stat i {
    
    font-size: 3em;
}
.stat p {
    font-size: 1em;
}
.stat .number-count {
    font-size: 2em;
}
 

/*news==================================================*/


/*======================================================*/
.img-fade .item, .img-up .item{
    position: relative;
}

    .img-fade  .overlay {
        position: absolute;
        padding: 10px;
		width: 80%;
		height: 70%;
		top:0;
		left: 0;
		margin: 10%;
        background: rgba(3, 69, 191, 0.7);
        opacity: 0;
        transition: 1s ease;
    
    }
.img-fade  .overlay h2{
	color:#FFF;
	font-weight:bold;
}
.img-fade  .overlay p{
	color:#FFF;
	
}
    .img-fade .item:hover .overlay {
        opacity: 1;
    }

    .img-up .overlay {
         position: absolute;
        padding: 10px;
		width: 80%;
		height: 70%;
		top:0;
		left: 0;
		margin: 10%;
        background: rgba(3, 69, 191, 0.581);
        overflow: hidden;
        transition: ease-in-out .5s;
        opacity: .5;
    }

    .img-up .item:hover .overlay {
        height: 100%;
    }
.img-fade  .overlay h2{
	color:#FFF;
	font-weight:bold;
}
.img-fade  .overlay p{
	color:#FFF;
	
}
     .img-grow {
        overflow: hidden;
        }

    .img-grow img {
        transition: transform ease-in .5s;
    }

    .img-grow .item:hover img {
        transform: scale(1.1);
    }

.img-shrink {
    overflow: hidden;
}

    .img-shrink img {
        transition: transform ease-in .5s;
     
    }

    .img-shrink .item:hover img {
        transform: scale(1.1);
    }
	.img-rotate .item a div{
    overflow: hidden;
}
.img-rotate img{
    transition:transform .5s ease-in-out;

}

.img-rotate img:hover {
    transform:scale(1.5) rotate(10deg);
}
    /*pages=========================================================================================*/