/* Services Item */
:root {
--card-bg-color: #fefff9 ;
--card-km-color: #fefff4 ;
} 

/* modal video*/

.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:2px;
}
.close {
  position:absolute;
  right:5px;
  top:5;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}

/* modal video*/

.services-item {

  padding: 20px;

  border-radius: 4px;

  text-align: center;

  margin: 15px 0;

  background:#fefff9;
  color:#fefff9;
  text-decoration: none;
	
/*  box-shadow: 0 0 12px #F4F4F4;*/

	

	
	
	
	

	
/* 1-5-2020*/  
box-shadow: 0 0 10px rgba(27, 38, 49, 0.1);	

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}


/* 15-5-2020 */
.thumbnailz {
  position: relative;
  width: 100%;
  height: 150px;
  overflow: hidden;
 
}
.thumbnailz img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnailz img.portraitz {
  width: 100%;
  height: auto;
}	

	/* */


/* newly added 1-5-2020*/
@media (max-width: 61.99em) {
	.services-item {
		box-shadow: 0 10px 22px 10px rgba(27, 38, 49, 0.1);
		padding: 10px;}
.services-item .icon i {
		 background:rgba(5,5,5,0.0);}
.services-item .icon  {
		 background: #671A1B;;}
}


.video-container {
    overflow: hidden;
    position: relative;
    width:100%;
	height:300px;
}


.video-container::after {
    padding-top: 75%;
    display: block;
    content: '';
}

.video-container iframe {    
	align-content: center;       
    width: 400px;
    height: 300px;
}

@media (max-width: 61.99em) {
	.video-container iframe {    
	align-content: center;       
    width: 360px;
    height: 270px;
}
}
	
.services-item .icon {

  border: 1px solid #f1f1f1;

  width: 120px;

  height: 120px;
  border-radius: 50%;

  margin: 0 auto;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}


.services-item .icon i {

  font-size: 30px;

  color: #F63854;

  line-height: 70px;

  transition: all 0.3s ease-in-out 0s;

  -moz-transition: all 0.3s ease-in-out 0s;

  -webkit-transition: all 0.3s ease-in-out 0s;

  -o-transition: all 0.3s ease-in-out 0s;

}



.services-item .services-content h3 {

  margin-top: 10px;

  font-weight: 500;

  text-transform: uppercase;

  margin-bottom: 10px;

}



.services-item .services-content h3 a {

  font-size: 16px;

  color: #585b60;

}



.services-item .services-content h3 a:hover {

  color: #671A1B;
text-decoration: none;
}



.services-item:hover {
text-decoration: none;
  box-shadow: 0 10px 22px 10px rgba(27, 38, 49, 0.1);

}



.services-item:hover .icon {
text-decoration: none;
  background:#671A1B;

}



.services-item:hover .icon i {
text-decoration: none;
  color: #fff;

}



#service {

  position: relative;

}

.section-header {

  margin-bottom: 30px;

}



.section-header p {

  text: center;

  font-weight: 400;

  line-height: 26px;

}



.section-title {

  font-size: 30px;

  color: #222222;

  display: inline-block;

  font-weight: 700;

  position: relative;

}



.shape {

  height: 1px;

  margin: 0 auto 30px;

  position: relative;

  width: 60px;

  background-color: #F63854;

}



.padding-none {

  padding: 0px;

}



.bg-gray {

  background: #f9f9f9;

}

/* Disabled 1-5-2020

.overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0px;

  left: 0px;

  background: rgba(61, 96, 244, 0.3);

}

*/

/* ==========================================================================

  8. Features Section Style

   ========================================================================== */

#features {

  background: #fff;

}



#features .icon {

  display: inline-block;

  width: 60px;

  height: 60px;

  border-radius: 4px;

  text-align: center;

  position: relative;

  z-index: 1;

}



#features .content-left span {

  float: right;

}



#features .content-left .text {

  text-align: right;

}



#features .content-right span {

  float: left;

}



#features .box-item {

  box-shadow: 0 0 12px #F4F4F4;

  padding: 15px;

  line-height: 22px;

  margin-top: 30px;

  border-radius: 3px;

  background-color: #fff;

  -webkit-transition: all .3s ease-in-out;

  -mox-transition: all .3s ease-in-out;

  transition: all .3s ease-in-out;

  position: relative;

  top: 0;

}



#features .box-item .icon {

  text-align: center;

  margin: 12px;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



#features .box-item .icon i {

  color: #F63854;

  font-size: 30px;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



#features .box-item .text h4 {

  cursor: pointer;

  font-size: 18px;

  font-weight: 500;

  line-height: 22px;

  -webkit-transition: all 0.2s linear;

  -moz-transition: all 0.2s linear;

  -o-transition: all 0.2s linear;

  transition: all 0.2s linear;

}



#features .box-item .text p {

  font-size: 14px;

  line-height: 26px;

}



#features .box-item:hover {

  box-shadow: 0 10px 22px 10px rgba(27, 38, 49, 0.1);

}



#features .box-item:hover h4 {

  color: #F63854;

}



#features .show-box {

  margin-top: 50px;

}



#features .show-box img {

  width: 100%;

}