/*color red #ec1c23*/
/*color blue #08526d*/
.margin-top-arrow{margin-top: 25px}
/*Start style scroll-top section*/
.scroll-top
{
	background-color: #ec1c23;
	width: 40px;
	height: 40px;
	border-radius: 0 10px 0 10px;
	position: fixed;
	bottom: 10px;
	right: 0;
	z-index: 99999;
	display: none;
}
.scroll-top a{color: #fff}
.scroll-top i{line-height: 40px}
/*End style scroll-top section*/

/* Start general styling for all the hovers */
.hover {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.hover .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
/* effect 13 */
.ehover13 img
{
transition: all 0.35s;
}

.ehover13:hover img
{
filter: brightness(0.4);
-webkit-filter: brightness(0.4);
}

.ehover13 .overlay {
	width: 80%;
	height: 80%;
	left: 10%;
	top: 10%;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.ehover13:hover .overlay {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);

}
.ehover13 p {
	background-color: transparent;
	color:	#FFF;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
  line-height: 1.5;
	padding: .5em 0
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.ehover13 p{padding: 3em 0 }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.ehover13 p{padding: 5em 0 }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.ehover13 p{padding: 3em 0 }
 }
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
		.ehover13 p{padding: 6em 0 }
 }

.ehover13:hover p{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*  Start To make hover effect on nav this is effect called "animating Link Underlines"*/
.hover-link {
    display: inline-block;
    color: #08526d;
}

.hover-link::after {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #08526d;
    transition: width .3s;
		margin-top: 5px

}

.hover-link:hover::after ,
.hover-link.active::after{
    width: 100%;
   transition: width .3s;
}
/* End To make hover effect on nav this is effect called "animating Link Underlines"*/
/* image hover effect in student-work section*/
.ehover10  img {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
.ehover10:hover img{
-webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}

.ehover10 .overlay{
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 4.75em;
	background: #08526D;
	color: #fff;
	transition: transform .35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.ehover10:hover .overlay
 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*End style student-work section*/
/*Start shadow on image in our-customer section */
.img-box{
	background:#FFF;
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fff;
	border-radius: 3px
}
.img-box img{position: relative;}
.effect2{position: relative;}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
/*End shadow on image in our-customer section */
/*==================================================
 * Effect 3 on to make image in student work like card
 * ===============================================*/
.effect3
{
	background:#fff;
	border:10px solid #fff;
	box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3)
}

/* Start style breadcrumb in what-manager-say page*/
.breadcrumb-item a{
	color: #ec1c23;
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
}
/* End style breadcrumb in what-manager-say page*/
/* Start style what-manager-say section in what-manager-say page*/
.what-manager-say{padding: 45px 0}
.head-h2{
  color: #fff;
  padding: 0 0.3em;
  position: relative;
	margin-bottom: 45px;
}
.head-h2 span {
  background-color: #ec1c23;
  padding: 0 0.3em;
	box-shadow: 2px 2px 2px #08526d;
	font-weight: bold;
}
.head-h2:before {
  content:"";
  display: block;
  position: absolute;
  z-index:-1;
  top: 50%;
  width: 100%;
  border-bottom: 3px solid #08526d ;
}
.what-manager-say p{
	line-height: 2
}
.what-manager-say img{
	background-color: #fff;
	padding: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.manager-name{
	font-weight: bold;
	color: #ec1c23
}
/* Start style what-manager-say section in what-manager-say page*/
/* End general styling for all the hovers */
/* Start Set animation delay and duration*/
.slide-icon-1,.slide-text-1{animation-duration:800ms;animation-delay: 500ms}
.slide-icon-2,.slide-text-2{animation-duration:800ms;animation-delay: 800ms}
.slide-icon-3,.slide-text-3{animation-duration:800ms;animation-delay: 1100ms}
.slide-icon-4,.slide-text-4{animation-duration:800ms;animation-delay: 1300ms}
/* End Set animation delay and duration*/
/*Start style General rules*/
a:hover{text-decoration: none;}
body{font-family: "Droid Arabic Kufi", serif}
/*End style General rules*/
/*Start style upper-bar*/
.upper-bar{
  background-color: #08526d;
  color: #929fa5;
  padding: 10px 0
}
.upper-bar .phone-email a,
.upper-bar .phone-email span{
  margin-left: 5px
  }
	.upper-bar .phone-email span{
	  margin-right: 5px
	  }
.upper-bar .phone-email a{margin-right: 20px}
.upper-bar .phone-email i{color: #fefefe}
.upper-bar a{color: #929fa5}
.upper-bar .login .register-btn{
    border: 1px solid #ec1c23;
    padding: 2px 15px;
    margin-left: 20px;
    font-weight: 500
  }

.upper-bar .address  {color:#929fa5;font-size: 14px}
@media (max-width:575.98px) {
	.upper-bar .address {margin-bottom: 10px}
	.upper-bar .phone-email a{margin-right:7px}
}
.upper-bar .login  .fa-sign-in-alt,
.upper-bar .fa-phone{
    -webkit-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    -o-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    transform: rotatey(180deg);
  }
/*End style upper-bar*/

/*Start style navigation*/
.navbar{padding-bottom: 0}
.navbar-brand .institute{
  color: #08526d !important;
  font-family: 'Oswald', sans-serif;
}
.navbar-brand .text-logo{margin-top: 27px}
.navbar-brand .text-logo h4{
	 color: #ec1c23;
   font-weight: 800;
	 font-size: 20px;

}
.navbar-brand .manpower_logo{margin-right: 45px}
.navbar-brand .text-logo p,.manpower_text{
	font-size: 14px;
	font-weight: 500;
}
.button_toggler-sapn{
	background: #08526D;
	padding: 5px 20px;
	width: 100%;
	display: none;
	margin-bottom: 25px
}
.button_toggler-sapn span{color: #fff;font-weight:500;}
.navbar-light .navbar-toggler{
	color: #fff;
	border-color: #fff;
}
@media (max-width:575.98px) {
	.navbar-header {
    float: left;
    padding: 10px;
    text-align: center;
    width: 100%;
}
  .navbar-brand {float:none;}
	.navbar-brand .img-logo,
	.navbar-brand .text-logo{float: none !important}
  .button_toggler-sapn{display: inline-block;}

}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	  .button_toggler-sapn{display: inline-block;}
 }
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link{color:#ec1c23 }

.navbar-light .navbar-nav .nav-link{
  color: #08526d;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
}

.navbar-light .navbar-nav .nav-link:focus,
 .navbar-light .navbar-nav .nav-link:hover{color:#ec1c23}
/*End style navigation*/

/*Start style slider*/

.slider .carousel-item{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
   background-size: cover;
}
.slider .carousel-one{
  background-image: url("../img/slider-3.jpg");
}
.slider .carousel-two{
  background-image: url("../img/slider-2.jpg");
}
.slider .carousel-two h2{margin-bottom: 25px}
.slider .carousel-three{
  background-image: url("../img/slider-bg-3.jpg");
}
.slider .carousel-four{
	background-image: url("../img/slide-bg-4-1.jpg");
}
.slider .carousel-five{
	background-image: url("../img/slider-bg-5-1.jpg");
}
.slider .carousel-six{
	background-image: url("../img/slider-6-bg.jpg");
}
.carousel-three .carousel-caption .text-caption,
.carousel-four .carousel-caption .text-caption,
.carousel-five .carousel-caption .text-caption,
.carousel-six .carousel-caption .text-caption{
	background: rgba(3,3,3,0.5);
	display: inline-block;
	padding: 20px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}
.carousel-three .carousel-caption .text-caption h4{
	font-size: 20px;
	margin-bottom: 15px;
}
.carousel-three .carousel-caption .text-caption p{
	line-height: 1.8;
	font-size: 15px
}
.slider .carousel-item {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.slider .carousel-item .carousel-caption{
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform:translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  bottom: initial;
  right: 10%;
  text-align: right;
  left: 0
}

.slider .carousel-item .text,
.slider .carousel-item .icon{
  margin-bottom: 15px;
}
.slider .carousel-item .text p{
  background-color: #ec1c23;
  color: #fff;
  height: 40px;
  padding: 0 25px;
  font-size: 22px;
  line-height: 34px;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;

}
.slider .carousel-item .icon i{
  background-color: #08526d;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  margin-left: 5px;
  display: inline-block;
}
.slider .fa-chevron-right,
.slider .fa-chevron-left{
  background-color: #ec1c23;
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%
}
.down-to-features{
	display: block;
	position: absolute;
	bottom: 10px;
	left: 50%;
}
.down-to-features i{color: #ec1c23}
/*End style slider*/

/*Start style  About us */

/* this is just for the demo */
.tab-content .first{
  display: block;
}
.panel-heading:hover {
    cursor:pointer;
}
.panel-heading {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.side-tab:hover {
        cursor: pointer;
    }
    .panel.panel-default {
        border: none;
        box-shadow: none !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;

    }
    .panel-heading {
        border: none;
        background-color: #ec1c23;
        color: #fff;
        padding-top: 7px;
        padding-bottom: 7px;
        text-align: center;
        margin-bottom: 7px
    }
    .panel-body {
        background-color: #08526d;
        color: #fff;
        padding: 20px 25px;
        line-height: 1.8;
        text-align: justify;
        margin-bottom: 7px
    }
    .panel-title {
        font-weight: 400;
        line-height: 1.4
    }
.md-macbook-pro {
  display: block;
  width: 55.3125em;
  height: 31.875em;
  font-size: 13px;
  margin: 0 auto;

  @media (max-width:1199px){
    font-size: 11px;
  }
  @media (max-width:1024px){
    font-size: 10px;
  }

  @media (max-width:767px){
    font-size: 7px;
  }

  @media (max-width:320px){
    font-size: 5px;
  }

}
/* start laptop mockup*/
@media (max-width: 576px) {
	.mockups{margin-top: 7px}
}

.css-mb {
  max-width: 650px; /* Set the desired maximum width of the macbook */
  min-width: 50px; /* Set the desired minimum width of the macbook */
  margin: 0 auto; /* Align mockup to center */
}

.css-mb div {
  box-sizing: border-box !important; /* Just in case */
}
/* Center the display */
.css-mb .mb-display-position {
  width: 80%;
  margin: 0 auto;
}
/* The display */
.css-mb .mb-display {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 65.9442%;
  background: #373435;

  -webkit-border-top-left-radius:  3.5% 5.3075%;
      -moz-border-radius-topleft:  3.5% 5.3075%;
          border-top-left-radius:  3.5% 5.3075%;

  -webkit-border-top-right-radius: 3.5% 5.3075%;
      -moz-border-radius-toptight: 3.5% 5.3075%;
          border-top-right-radius: 3.5% 5.3075%;
}
/* Webcam */
/* Browser may not render a perfect circle */
.css-mb .mb-display:before {
  content: '';
  display: block;
  position: absolute;
  top: 3%;
  left: 50%;
  width: 1%;
  height: 1.5164%;
  margin-left: -0.5%;
  border-radius: 50%;
  background: #525252;
}

/* Glare */
/* Browser may not render the top and right offset evenly */
.css-mb .mb-display:after {
  content: '';
  display: none;
  position: absolute;
  right: 0.4%;
  top: 0.64%;
  width: 62.5%;
  height: 100%;

  background: none; /* Hide the gradient on older browsers */
  background:    -moz-linear-gradient(55deg, rgba(0,0,0,0) 61%, rgba(255,255,255,0.05) 61%); /* FF3.6+ */
  background: -webkit-linear-gradient(36deg, rgba(0,0,0,0) 61%, rgba(255,255,255,0.05) 61%); /* Chrome10+ and Safari5.1+ compute the degree differently */
  background:      -o-linear-gradient(55deg, rgba(0,0,0,0) 61%, rgba(255,255,255,0.05) 61%); /* Opera 11.10+ */
  background:     -ms-linear-gradient(55deg, rgba(0,0,0,0) 61%, rgba(255,255,255,0.05) 61%); /* IE10+ */
  background:         linear-gradient(55deg, rgba(0,0,0,0) 61%, rgba(255,255,255,0.05) 61%);

  -webkit-border-top-right-radius: 5.3075%;
      -moz-border-radius-toptight: 5.3075%;
          border-top-right-radius: 5.3075%;
}

/* Only show glare, if the class is applied */
.css-mb.with-glare .mb-display:after { display: block; }

/* Position the screen and give make it the right size, ratio 16:10 */
.css-mb .mb-screen-position {
  position: absolute;
  top: 6.5%;
  width: 93.2%;
  left: 3.4%;
  height: 0;
  margin: 0;
  padding-bottom: 58.25%; /* Ratio */
}

/* Give parent (this element) a "height", so that child elements can use height: 100%;*/
.css-mb .mb-screen {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #fff; /* bg color if content is not big enough, or rendering is off */
}

/* Image on the screen */
.css-mb .mb-screen img {
  max-width: 100%;
  height: auto;
}

/* Iframe on the screen */
.css-mb .mb-screen iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

/* Macbook body */
.css-mb .mb-body {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 2.3%;
  background: #e6e7e8;
}

/* The groove */
.css-mb .mb-body:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 14.0740%;
  height: 0;
  padding-bottom: 1.4814%;
  margin-left: -7.037%;
  background: #a9abae;

  -webkit-border-bottom-left-radius:  7.0370% 50%;
      -moz-border-radius-bottomleft:  7.0370% 50%;
          border-bottom-left-radius:  7.0370% 50%;

  -webkit-border-bottom-right-radius: 7.0370% 50%;
      -moz-border-radius-bottomtight: 7.0370% 50%;
          border-bottom-right-radius: 7.0370% 50%;
}

/* Macbook bottom */
.css-mb .mb-bottom-cover {
  width: 100%;
  height: 0;
  padding-bottom: 0.7407%;
  background: #a9abae;

  -webkit-border-bottom-left-radius:  12% 600%;
      -moz-border-radius-bottomleft:  12% 600%;
          border-bottom-left-radius:  12% 600%;

  -webkit-border-bottom-right-radius: 12% 600%;
      -moz-border-radius-bottomtight: 12% 600%;
          border-bottom-right-radius: 12% 600%;
}
/* End laptop mockup*/
/*End style  About us */

/*start style courses*/
.courses {padding-top: 80px}
.courses .card{
  border: none;
  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.courses .card .card-img-top{border-radius: 0}
.courses .rating span{color: #fff}
.courses .rating span.checked,
.courses .rating .fa-star-half-o{color:#fbc934}
.courses .rating .fa-star-half-o{
  transform: rotatey(180deg);
  -webkit-transform: rotatey(180deg);
  -moz-transform: rotatey(180deg);
  -o-transform: rotatey(180deg);
  -ms-transform: rotatey(180deg);
}
.courses .student-number span{color:#787878;font-size: 12px}
.courses .student-number i{color:#4a4d55}
.courses .card-footer img{
  background-color: #fff;
  border: 1px solid #ececec;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12);
  padding: 2px
}
.courses .card-footer{
  padding: .5rem 1.25rem;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
  background: none
}
.courses .card-footer .instructor-info p
{
  font-size: 12px;
  color: #787878;
  margin-top: 0;
  margin-bottom: 10px;
  font-weight: 300;
}
.courses .carousel-item.active{height: 450px !important}
.courses .arrows .prev-btn,
.courses .arrows .nxt-btn{
	background-color:#08526d;
	border:none;
	padding: 7px 15px;
	border-radius: 0
}
	.courses .arrows .btn-primary:hover,
	.courses .arrows .btn-primary:active,
	.courses .arrows .btn-primary:focus {
  border-color: #ec1c23 !important;
}

/*End style courses*/

/*start style features*/
.features h2,
.testimonial h2,
.contact h2,
.about-us h2,
.our-message h2,
.partner h2,
.courses h2,
.our-customer h2,
.student-work h2,
.about-xs h2{
  color: #00000c;
  font-size: 30px;
  margin-bottom: 50px
}
.features h2::after,
.testimonial h2::after,
.about-us h2::after,
.our-message h2::after,
.partner h2::after,
.courses h2::after,
.our-customer h2::after,
.student-work h2::after,
.about-xs h2::after{
content: "";
display: block;
width: 100px;
height: 3px;
background-color: #ed1d24;
margin: 20px auto;
}
.courses h2{color:"#3a3a3a"}
/*.features i{
  color: #fff;
  width:80px;
  height: 80px;
  line-height:80px;
  background: #ed1d24;
  border-radius: 50%;
  margin-bottom: 20px
}*/
.features,.partner{padding: 80px 0}
.features img{margin-bottom: 15px}
 .features h3{
   color:#08526d;
   font-size: 20px
 }
.features p{
  color: #687074
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
 .take-margin {margin-bottom: 15px}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	.take-margin {margin-bottom: 15px}
 }

/*End style features*/

/*Start style our-message*/
.our-message{padding-bottom: 80px}
.our-message .card-body .card-title{color: #08526d}
.our-message .card-body .card-text{color: #687074}
.our-message .what-manager-say{
  background-color: #ed1d24;
	color: #fff;
	padding: 10px 15px;
	display: inline-block;
	margin-top: 15px;
  font-size: 14px;
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	.our-message .card-body h5{font-size: 1rem !important}
 }

/*End style our-message*/

/*Start style testimonial*/
.testimonial{
  background-image: url('../img/testimonial_bg.jpg');
  background-repeat:no-repeat;
  background-position: top left;
  background-size: cover;
  color: #fdfdfd;
  position: relative;
  min-height: 600px;
  padding-top:80px
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.testimonial{min-height: 720px;}
	.testimonial .carousel-indicators.middle{}
}
.testimonial h2{color: #fff}
.testimonial .overlay,
.contact-details .overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 80px 0 ;
  background-color: rgba(0,0,0,.8);
  z-index: 2
}

.testimonial .carousel-item img {
  margin: 0 auto  35px;
}
.testimonial .carousel-item p{
  line-height: 1.8;
  margin-bottom: 20px
}
.testimonial .carousel-item h5{
  margin: 10px 0;
  font-size: 15px;
  font-weight: bold;
}
.carousel-indicators{
  margin-left: auto;
  margin-right: auto;
}
.testimonial .carousel-indicators.middle {
		left: 90px;
		right: 0;
		top: auto;
		bottom: 90px;
    text-align: center;
}
.testimonial .carousel-indicators.middle li {
        float: none;
        display: inline-block;
}

.testimonial .carousel-indicators li{
  background-color: rgba(237, 29, 36, 0.5);
}
.testimonial .carousel-indicators .active{
  background-color: rgba(237, 29, 36, 1);
}
.testimonial .carousel-item{height: 350px}
.english-p{font-family: 'Open Sans', sans-serif;}
/*End style testimonial*/

/*Start style statistics*/
.statistics{
	background-image: url('../img/statistics-bg.jpg');
  background-size:cover;
  color: #fff;
  position: relative;
	min-height: 300px;

}
.statistics .overlay{
	position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
	padding: 80px 0 ;
  background-color: rgba(142,2,2,.9);
  z-index: 2
}
/*  background-color: rgba(142,2,2,.9);*/
.statistics .overlay::after{
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-top: 25px solid #fff;
  border-bottom: 25px solid transparent;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  position: absolute;
  top: 0px;
  left: 50%;
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.statistics{min-height: 750px;}
	.statistics-box{margin-bottom: 20px}

 }
.statistics .counter{
  display: block;
  font-size: 30px;
  font-weight: bold;
}
.statistics p{
  font-size: 18px;
  font-weight: bold;
}
/*End style testimonial*/

/*Start style student-work*/
.student-work{
	padding: 80px 0;
	background-color: #f7f7f7
}
/*End style student-work*/

/*Start style footer*/
footer{
  border-top: 1px solid #a1a1a1;
  padding:20px 0 10px;
	background-color: #08526d;
}
footer p{font-size: 15px}
footer a ,
footer p{color: #fff;margin-bottom: 0}
footer ul li{
  display: inline-block;
  padding: 0 10px
}
footer a{transition: all .5s ease-in-out}
footer a:hover{
  color: #929fa5
}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	footer .social-media{margin-top: 20px}
}
/* from Small devices to Large*/
@media (min-width: 576px) and (max-width: 991.98px) {
	footer .social-media{margin-top: 20px}
 }
/*End style footer*/

/*Start style contact us page */
.contact-details{
	background-image: url("../img/contact-us-banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	position: relative;
}
.contact-details .contact-info{
	background-color: #08526d;
	padding: 50px
}
.contact-details .card{
  border: none;
  background-color:rgba(142, 2, 2, 0.9);
  border-radius: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-right: 5px solid  #ec1c23;
	color: #fff;
	margin-right: 50px;
	padding: 20px
}
.contact-details .card i{margin-right: 10px;font-size: 17px}
.contact-details .card-text{font-size: 17px;}
.contact-details .address{margin-top: 15px; margin-bottom: 15px;}
.contact-details .address span{margin-right: 10px;}
.contact-details .mobile{ margin-bottom: 15px;}
.contact-details .mobile span{font-size: 20px;margin-right: 10px;}
.contact-details .email a{color: #fff;font-size: 20px}
.send-message h2::after,
.location-heading h2::after{
content: "";
display: block;
width: 80px;
height: 3px;
background-color: #ed1d24;
margin: 20px 0;
}
/*Start style contact*/
.send-message{padding: 80px 0;}
.send-message .form-control{background: none}
.send-message .form-control:focus,
.send-message.btn:focus
{
  border-color:#ed1d24;
  box-shadow: 0 0 0 .2rem rgba(237, 29, 36,.25)
}
.send-message textarea{height: 200px}
.send-message .btn-primary{
  border-color:#ed1d24;
  background: #ed1d24
}
.send-message .btn{padding:.375rem 2.75rem}

/*End style contact*/
/*End style contact us page */

/*Start style about us page */
.about-us{
padding: 80px 0
}
.about-us .img-thumbnail{
	background-color:#fff;
	border: 8px solid #fff;
}
/*End style about us page */

/*Start style team page */
.team h2{
	color: #ed1d24;

}
body {
    background-color: #f7f7f7;
}

.lib-panel {
    margin-bottom: 20Px;
}
.lib-panel img {
    width: 100%;
    background-color: transparent;
}

.lib-panel .row,
.lib-panel .col-md-6 {
    padding: 0;
    background-color: #FFFFFF;
}


.lib-panel .lib-row {
    padding: 0 20px 0 20px;
}

.lib-panel .lib-row.lib-header {
    background-color: #FFFFFF;
    font-size: 20px;
    padding: 10px 20px 0 20px;
}

.lib-panel .lib-row.lib-header .lib-header-seperator {
    height: 2px;
    width: 26px;
    background-color: #08526d;
    margin: 7px 0 7px 0;
}

.lib-panel .lib-row.lib-desc {
    position: relative;
    height: 100%;
    display: block;
    font-size: 13px;
}
.lib-panel .lib-row.lib-desc a{
    position: absolute;
    width: 100%;
    bottom: 10px;
    left: 20px;
}

.row-margin-bottom {
    margin-bottom: 20px;
}

.box-shadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.10);
}

.no-padding {
    padding: 0;
}
.lib-panel .lib-row.lib-desc{
	color: #ed1d24;
	font-weight: bold;
}

/*End style team page */