/******** call animation *******/
.ringing-bell {
	transition:translate(-50%, -50%)
}
.faa-ring {
	color:auto
}
@-webkit-keyframes ring {
0% {
-webkit-transform:rotate(-15deg);
transform:rotate(-15deg)
}
2% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
4% {
-webkit-transform:rotate(-18deg);
transform:rotate(-18deg)
}
6% {
-webkit-transform:rotate(18deg);
transform:rotate(18deg)
}
8% {
-webkit-transform:rotate(-22deg);
transform:rotate(-22deg)
}
10% {
-webkit-transform:rotate(22deg);
transform:rotate(22deg)
}
12% {
-webkit-transform:rotate(-18deg);
transform:rotate(-18deg)
}
14% {
-webkit-transform:rotate(18deg);
transform:rotate(18deg)
}
16% {
-webkit-transform:rotate(-12deg);
transform:rotate(-12deg)
}
18% {
-webkit-transform:rotate(12deg);
transform:rotate(12deg)
}
20% {
-webkit-transform:rotate(0);
transform:rotate(0)
}
}
@keyframes ring {
0% {
-webkit-transform:rotate(-15deg);
-ms-transform:rotate(-15deg);
transform:rotate(-15deg)
}
2% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
4% {
-webkit-transform:rotate(-18deg);
-ms-transform:rotate(-18deg);
transform:rotate(-18deg)
}
6% {
-webkit-transform:rotate(18deg);
-ms-transform:rotate(18deg);
transform:rotate(18deg)
}
8% {
-webkit-transform:rotate(-22deg);
-ms-transform:rotate(-22deg);
transform:rotate(-22deg)
}
10% {
-webkit-transform:rotate(22deg);
-ms-transform:rotate(22deg);
transform:rotate(22deg)
}
12% {
-webkit-transform:rotate(-18deg);
-ms-transform:rotate(-18deg);
transform:rotate(-18deg)
}
14% {
-webkit-transform:rotate(18deg);
-ms-transform:rotate(18deg);
transform:rotate(18deg)
}
16% {
-webkit-transform:rotate(-12deg);
-ms-transform:rotate(-12deg);
transform:rotate(-12deg)
}
18% {
-webkit-transform:rotate(12deg);
-ms-transform:rotate(12deg);
transform:rotate(12deg)
}
20% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0)
}
}
.faa-parent.animated-hover:hover>.faa-ring, .faa-ring.animated, .faa-ring.animated-hover:hover {
	-webkit-animation:ring 2s ease infinite;
	animation:ring 2s ease infinite;
	transform-origin-x:50%;
	transform-origin-y:0px;
	transform-origin-z:initial
}

/************** my css ********/
.car__item__pic__slider {height:300px; margin:0 auto;}
.car__item__text {background-color:#fce0e0;}
.car__item__text h4 {color:#222; font-weight:700;}
.car__item { border:1px solid #fce0e0 !important;}
.car__item:hover { border:1px solid #f60f07 !important;}
.car__item__text { border:1px solid #fce0e0 !important;}

.text-shadow {text-shadow:#080808 0 1px 2px;}
.hdrcall {
background:url(../images/engineer.png) no-repeat right; padding-right:50px;
}
.hdrcallrow h5 {margin:0; padding:0;}
.hdrcallrow p {margin:0; padding:0;}

.text-bold {font-weight:600;}
/********* video *******/
.nopaddingright {padding-right:0;}
.bg-theme { background-color:#d81324;}
.aligncenterspl {text-align:none;}

.video {
	position:relative;
	height:100%;
	min-height:500px;
	background:linear-gradient(rgba(15, 23, 43, .1), rgba(15, 23, 43, .1)), url(../images/enginerhome.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.video .btn-play {
	position:absolute;
	z-index:3;
	top:50%;
	left:50%;
	transform:translateX(-50%) translateY(-50%);
	box-sizing:content-box;
	display:block;
	width:32px;
	height:44px;
	border-radius:50%;
	border:none;
	outline:0;
	padding:18px 20px 18px 28px
}
.video .btn-play:before {
	content:"";
	position:absolute;
	z-index:0;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	display:block;
	width:100px;
	height:100px;
	background:var(--primary);
	border-radius:50%;
	animation:pulse-border 1.5s ease-out infinite
}
.video .btn-play:after {
	content:"";
	position:absolute;
	z-index:1;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(-50%);
	display:block;
	width:100px;
	height:100px;
	background:var(--primary);
	border-radius:50%;
transition:all .2s
}
.video .btn-play img {
	position:relative;
	z-index:3;
	max-width:100%;
	width:auto;
	height:auto
}
.video .btn-play span {
	display:block;
	position:relative;
	z-index:3;
	width:0;
	height:0;
	border-left:32px solid var(--dark);
	border-top:22px solid transparent;
	border-bottom:22px solid transparent
}
@keyframes pulse-border {
0% {
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity:1
}
100% {
transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity:0
}
}
#videoModal {
	z-index:99999
}
#videoModal .modal-dialog {
	position:relative;
	max-width:800px;
	margin:60px auto 0 auto
}
#videoModal .modal-body {
	position:relative;
	padding:0
}
#videoModal .close {
	position:absolute;
	width:30px;
	height:30px;
	right:0;
	top:-30px;
	z-index:999;
	font-size:30px;
	font-weight:400;
	color:#fff;
	background:#000;
	opacity:1
}

.formtxt {font-size:24px; color:white; text-align:center; background-color:#d81324; border-radius:6px 6px 0px 0; padding:15px 0; text-transform:uppercase;}
.formtxt i {margin-right:10px;}
.text-justify {text-align:justify;}

.taglBG {background-color:#f8f9fa; padding:5px 0 5px; color:#222; overflow:hidden; text-align:center; text-transform:uppercase;}
.taglBG h4 {font-weight:500;}
.taglBG img {margin-bottom:15px; margin-top:10px;}
.border-right {border-right:1px solid #f1d2d2 !important;}
.border-radius {border-radius:6px; border:1px solid #ddd; padding:20px 20px;}
.mob-numb {display:block;}
.callus {display:none;}

@media only screen and (max-width:767px) {
.aligncenterspl {text-align:center;}
.text-justify {text-align:left;}
.mob-numb {display:none;}
.hero__text {text-align:center;}
.hero__text {margin-bottom:0; padding-bottom:0;}
.formtxt {font-size:120%;}
.callus {display:block; position:fixed; z-index:99; bottom:0; color:white; font-size:125%; background:#d81324; width:100%; text-align:center; padding-bottom:35px;}
.callus p {margin:0; padding:0;}
}

@media only screen and (min-width:768px) and (min-width:1024px) {
.text-justify {text-align:left;}
.mob-numb {display:block;}
.hero__text {margin-bottom:0; padding-bottom:0;}
.formtxt {font-size:120%;}
}