@font-face{
	font-family:'bold';
	src:url('font/bold.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;}
@font-face{
	font-family:'medium';
	src:url('font/medium.ttf') format('truetype');
	font-style:normal;
	font-weight:normal;}
a{text-decoration:none!important;}
li{list-style-type: none!important;}
.heading1{font-size: 2.5rem;} .heading2{font-size: 2rem;} .heading3{font-size: 1.75rem;} .heading4{font-size: 1.5rem;} .heading5{font-size: 1.25rem;} .heading6{font-size: 1rem;}
.bold{font-family:'bold';}
.medium{font-family:'medium';}
.html {scroll-behavior: smooth;}
.lh-28{line-height: 28px;}
.smallfnt{font-size: 14px;}
.black{color:#212529!important;}
.pad{padding:90px 0;}
.fullpad{padding: 0!important; margin:0!important;}
.wrdbrk{white-space:pre;}
.topbg{background: linear-gradient(90deg, #8e2826, #8e2826);}
.marquee {width: 100%; overflow: hidden; font-size: 14px; line-height: 40px;}
.logo{width:150px;}
.lightbox {position: fixed !important; top: 50px !important;}
.icon i {color: #8e2826; font-size: 30px; width: 60px; height: 60px; line-height: 45px; text-align: center;}
.icon img{margin-right: 0.5em;}
.phone {
    float: right;
    width: 282px;
    height: 70px;
    margin: 25px 10px 25px 10px;
    display: table;
    background: url(../images/png.png) no-repeat;
    border-left: transparent;}
.phone p {
    left: -25px;
    text-transform: uppercase;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    color: #da0000;
	font-size: 14px;}
.phone p::after {
    content: url(../images/phonecall.png);
    position: absolute;
    top: 12px;
    margin-left: 26px;}
.phone span {
    vertical-align: middle;
    display: table-cell;
    color: #292929;
    font-size: 13px;}
.nav-bar .container-fluid {padding: 0 !important;}
.navfont{font-family:'medium'; font-size: 18px; letter-spacing: 1px;}
.navbg {background: linear-gradient(135deg, #8e2826 70%, #d8a404 15%);}
.navbg1{background-color:#8e2826;}
.navbutton{background: white; padding: 20px 50px; color:#8e2826;}
.nav-bar1 .container {padding: 0 !important; margin:0!important;}
.nav-bar1 .navbar{padding:0 10px 0 0!important;}
.navbar-light .navbar-nav .active > .nav-link {color:#ffc102 !important;}
.navbar-light .navbar-toggler {border-color: white!important;}
.navbar button {background-color: white;}
.intro {
	width: 100%;
	padding: 0;
	background: url(../images/bgcolor.webp) no-repeat center bottom;
	background-color: #e5e5e5;
	background-size: cover;
	position: relative;
	z-index: 1;}
.intro h1 {
	color: #fff;
	font-size: 50px;
	margin-bottom: 10px;
	margin-top: 25px;
	letter-spacing: -1px;}
.fa-circle {font-size: 13px;}
.intro-text {padding-top: 150px;}
.clr1{color:#8e2826;}
.clr-red{color:#da0000;}
.clr2{color:gold;}
.smallborder1 {width: 100px; height: 4px; background-color: #8e2826;}
.smallborder2 {width: 60px; height: 2px; background-color: #8e2826;}
.smallborder3 {width: 100px; height: 2px; background-color: #8e2826; margin:0 auto;}
.smallborder4 {width: 100px; height: 2px; background-color: #f5c202; margin: 0 auto;}
.get_btn1 {
    display: inline-block;
    padding: 0px 30px;
    border: 2px solid #fff;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 2;
    overflow: hidden;
    -webkit-transition: color .5s;
    transition: color .5s;}
.get_btn1:hover{color:#fff;}	
.get_btn1::before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #CA1527;
    height: 250px;
    width: 300px;
    border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    -webkit-transition: all .7s;
    transition: all .7s;}
.get_btn1:hover::before {bottom: -50px;}	
.header-box{
	background-color: #1b1b1b; 
	padding:60px 40px; 
	height:360px;
	box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.1);  
	-webkit-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;}
.header-box1{
	background-color: #CA1527; 
	padding:60px 40px; 
	height:360px;
	box-shadow: 0 1px 30px 1px rgba(0, 0, 0, 0.1);  
	-webkit-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;}
.header-box2 {
	content: "";
	background-color: #E50914;
	width: 387px;
	position: absolute;
	bottom: -29px;
	z-index: -1;}	
.iconclr{color:#CA1527; font-size: 50px;}
.iconclr1{color:#fff; font-size: 50px;}
.smallborder21 {
	width: 60px;
	height: 2px;
	background-color: white;}
.header-box:hover{background-color: #CA1527; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;}
.header-box:hover .smallborder2{background-color: #fff;}
.header-box:hover .iconclr{color:#fff;}
.headfnt{font-size: 60px;}
.pclr{color:#676767;}
.year-fnt{font-size: 7rem;}
.work{background: url(../images/workingstepsbg.webp); 
	background-position: center;
	background-repeat: no-repeat;
	background-size:100%;}
.uline{background-color: #CA1527; 
	height: 5px;
	width: 150px;
	border-radius: 10px;
	margin: 0 auto;}
.para-width{max-width: 850px; margin: 0 auto;}	
.paralex h1{ font-size: 4rem; font-weight: bold;}
.image-holder-wrapper{position: relative;}
.image-holder{background-color: #fff;
	max-width: 200px;
	margin: 0 auto;
	border: 5px solid #eee;
	padding: 5px;
	margin-bottom: 20px;
	border-radius: 50%;
	box-sizing: border-box;
	position: relative;
	transition: transform 1.5s ease-in-out; }
.image-holder-inner{overflow: hidden; border-radius: 50%; width: 100%; transition: transform 1.5s ease-in-out;}
.tag{color: #fff;
	height: 56px;
	width: 56px;
	font-size: 18px;
	line-height: 56px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	font-weight: 700;
	top: 5px;
	right: -5px;
	border: 2px solid #fff;
	background-color: #CA1527}
.image-holder-inner img{transition: transform 1.5s ease;}
.image-holder-wrapper:hover .image-holder-inner img{transform: scale(1.1);}
.image-holder-wrapper:hover .image-holder{ border: 5px solid #d83c3c; padding: 5px;}
.content{text-align: center;}
.content h3{font-size:2rem; font-weight: bold;}
.paralex{
	background: url(../images/paralex.webp); 
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	width: 100%;}
.wc{position: relative; z-index: 1;}
.mb-30 {margin-bottom: 30px !important;}
.tm-sc-projects .tm-project {position: relative;}
.tm-project .thumb {overflow: hidden; position: relative; border: 1px solid #eaeaea;}
.tm-project {text-align: center;}
.tm-project .thumb img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	transition: all 0.4s ease-in-out;}
.tm-project .thumb::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	transition: all 0.3s linear;
	overflow: hidden;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	transform: scaleY(0);
	opacity: 0;}
.tm-project .details {border-color: #FFA303;}
.tm-project:hover .thumb::after {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;}
.tm-project:hover .details {border-color: #15574f;}
.tm-project:hover .details {
	border-color: #CA1527;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);}
.tm-project .details {
	padding: 30px;
	position: relative;
	margin-left: 12px;
	margin-right: 12px;
	text-align: center;
	margin-top: -20px;
	z-index: 1;
	transition: all 0.4s ease-in-out;
	border-bottom: 3px solid #d9a50b;
	background-color: #fff;
	box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);}
.tittle{color: #000;}
.tm-project:hover .thumb img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);}
.welcomebg {
	background-image: url("../images/newwelcomebg.jpg");
	background-position: top 80px center;
	background-repeat: no-repeat;
	background-size: 100% auto;}
.bigfont1 {font-size: 55px;}
.section_tittle h2 {
	font-size: 30px;
	font-weight: 700;
	position: relative;
	z-index: 1;
	padding-left: 45px;
	text-transform: capitalize;
	line-height: 30px;}
.section_tittle h2::after {
	position: absolute;
	content: "";
	left: 0;
	top: 12px;
	width: 40px;
	height: 3px;
	background-color: #b70000;}
.card1{background: #fed9bd;}
.card2{background: #cdeaba;}
.card3{background: #f9f4b1;}
.card4{background: #aff0f6;}
.card-wrapper {padding: 3rem 2rem; border-radius: 30px; position: relative; height: 400px;}
.card-wrapper svg {position: absolute; top: 0px; left: 0; opacity: 0.3; transform: rotate(-3deg) scale(1.15);}
.cardicn{font-size: 55px;}   
.padht {transition: 0.5s; transform: translateY(0);}
.padht:hover {-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);}		
.parallax {
	background-image: url("../images/customboxes.jpg");
	height: auto;
	background-attachment: fixed;
	background-size: cover;
	background-position: right;}
.bg-overlay1 {position: relative;}	
.bg-overlay1::after {
	z-index: 0;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: linear-gradient(290deg, rgba(52, 53, 60, 0.14) 43%, #AE3131 44%);}
.box-bg {position: relative; z-index: 1;}	
.about-quote {
	background-color: #f1eeee;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.09);
	border-left: 3px solid #ea1b22;
	padding: 20px 25px;
	border-radius: 5px;}
.toll-free-cta {
	background: white;
	display: inline-block;
	text-align: center;
	padding: 10px 30px 10px;
	position: relative;
	margin-top: 15px;
	font-size: 20px;}
.toll-free-cta::before {
	bottom: 100%;
	left: 30px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-bottom-color: white;
	border-width: 20px;}	
.contact-form .form-control {height: 50px;}
.form-control{font-size: 14px!important;}
.formheight {height: 150px !important;}
.button2{background-color: #a52a2a;
	color: #fff!important;
	border: 1px solid #a52a2a;
	border-radius: 5px;
	padding: 10px 25px;}
.connect-us{background: url("../images/connectus.webp"); 
	background-position: center;
	background-repeat: no-repeat; 
	background-size: cover;}
.connect-us h1{font-size: 3.8rem;}
.footer {
	background: #303030 url("../images/footerbg.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 50%;
	color: #747474;
	padding: 70px 0 20px 0;}
.bg-overlay {position: relative;}
.bg-overlay::after {
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 0;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;}
.red-overlay{position: relative;}
.red-overlay::after{
	background-color:rgba(113, 29, 29, 0.33);
	z-index: 0;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0}
.connect-btn {
	display: inline-block;
	padding: 0px 30px;
	border: 2px solid #fff;
	line-height: 50px;
	font-size: 16px;
	color:#fff;
	font-weight: bold;
	position: relative;
	z-index: 2;
	overflow: hidden;
	-webkit-transition: color .5s;
	transition: color .5s;}
.connect-btn:hover{color:#fff;}	
.connect-btn::before {
	content: "";
	position: absolute;
	z-index: -1;
	background: #CA1527;
	height: 250px;
	width: 300px;
	border-radius: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 100%;
	-webkit-transition: all .7s;
	transition: all .7s;}
.connect-btn:hover::before {bottom: -50px;}
.more_btn1 {
	display: inline-block;
	padding: 0px 30px;
	border: 2px solid #CA1527;
	line-height: 50px;
	font-size: 16px;
	color:#CA1527;
	font-weight: bold;
	position: relative;
	z-index: 2;
	overflow: hidden;
	-webkit-transition: color .5s;
	transition: color .5s;}
.more_btn1:hover{color:#fff;}	
.more_btn1::before {
	content: "";
	position: absolute;
	z-index: -1;
	background: #CA1527;
	height: 250px;
	width: 300px;
	border-radius: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 100%;
	-webkit-transition: all .7s;
	transition: all .7s;}
.more_btn1:hover::before{bottom: -50px;}
.productimg{height:100% !important; width:100%; object-fit: cover;} 
.team .details {
	padding: 30px;
	position: relative;
	margin-left: 12px;
	margin-right: 12px;
	text-align: center;
	margin-top: -20px;
	z-index: 1;
	transition: all 0.4s ease-in-out;
	border-bottom: 3px solid #001e57;
	background-color: #fff;
	box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);}
.team-content h1{font-size: 3.5rem; font-weight: bold;}
.team-icon{background-color:#ea1b22; padding: 15px; display: inline-block; border-radius: 8px;}
.team-icon i{font-size: 24px;; color: white;}
.support-icon h4{color:#ea1b22; font-weight: bold;}
.head{font-size: 3rem; font-weight: bold;}
.vision-content .para{font-size: 18px;}
.service-single-page{  position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	cursor: pointer;
	border-radius: 5px;}
.tag-content{box-sizing: border-box;
	display: grid;
	align-items: center;
	margin: 0;
	padding: 20px 80px;}
.tag-head{position: relative;
	margin: 0 auto 20px;
	padding: 10px 40px;
	text-align: center;
	background-color: #ea1b22;
	font-size: 25px;
	color:#fff; font-weight: bold;}
.tag-head::before{content: '';
	width: 80px;
	height: 100%;
	background-color:#ea1b22;
	position: absolute;
	z-index: 0;
	top: 20px;
	left: -60px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);
	background-image: linear-gradient(45deg, transparent 50%, #e05256 50%);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: bottom right;}
.tag-head::after{content: '';
	width: 80px;
	height: 100%;
	background-color:#ea1b22;
	position: absolute;
	z-index: 0;
	top: 20px;
	right:-60px;
	transform: scaleX(-1);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 25% 50%);
	background-image: linear-gradient(45deg, transparent 50%, #e05256 50%);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: bottom right;}
.service-inner{overflow: hidden;}
.service-inner img {transition: transform 1.4s ease;}
.service-inner img:hover{transform: scale(1.2);}
.button2{background-color: #a52a2a;
	color: #fff!important;
	border: 1px solid #a52a2a;
	border-radius: 5px;
	padding: 10px 25px;} 
.footbox {position: relative; z-index: 1;}
.text1 {position: relative; padding: 5px 0 0 30px; margin-top: -43px;}
.text3 {position: relative; padding: 20px 0 0 30px; margin-top: -43px;}
.pfnt {font-size: 17px;}
.footer-social a {
	background: none;
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 16px;
	line-height: 36px;
	display: inline-block;
	text-align: center;
	margin-right: 8px;
	border: 2px solid #ffd700;}
.footer-social a:hover {color: #fff; background: #ea1b22;}
.contact-box{background: #f7f7f7; padding: 35px 60px;}
.slidingbanner .banner-3 {
	background: url("../images/srivel_running_img.webp") no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	position: relative;
	background-repeat: repeat-x;
	animation: slideleft 10000s infinite linear;
	-webkit-animation: slideleft 10000s infinite linear;
	z-index: 0;}
.slidingbanner .banner-3::before {
	content: "";
	background: rgba(16, 16, 16, 0.46);
	position: absolute;
	top: 0;
	min-height: 100%;
	left: 0;
	right: 0;
	z-index: -1;}
.slidingbanner .cover-top-center-9 {
	min-height: 36em;
	display: grid;
	align-items: center;}
.slidingbanner .w3ls_cover_txt-9 {
	max-width: 750px;
	text-align: center;
	margin: 0 auto;}
.slidingbanner h3.title-cover-9 {
	font-size: 42px;
	line-height: 48px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 20px;}
.w0{width:0%;}
.fixed{position:fixed; z-index:2;}
.priceicn{width:50px;}
.priceicn2 {width: 120px;}
.point{bottom:10px; left:10px;}
.point1{bottom:70px; left:10px;}
@keyframes slideleft { from { background-position: 0%;}  to { background-position: 90000%;}}

@media (min-width:1px) and (max-width:767.98px){
.header-box{margin-bottom: 30px; padding: 25px 40px; height: 300px;}
.logo{width:150px;}
.header-box2{display: none;}
.work{background: none;}
.tm-project .details p{ font-size: 16px;}
.tag-head{font-size: 18px;}
.pad{padding: 40px 0;}
.uline{ height: 5px;width: 50px;}
.paralex h1{ font-size: 2.4rem;}
}	


@media (min-width:768px) and (max-width:991.98px){
.header-box{margin-bottom: 30px; padding: 25px 40px;height: 300px;}
.logo{width:150px;}
.header-box2{display: none;}
.tag-head{font-size: 23px;}
.pad{padding: 40px 0;}
.uline{ height: 5px;width: 50px;}
.paralex h1{ font-size: 2.4rem;}
.pad{padding: 40px 0;}
}

#notfound {position: relative; height: 100vh;}
#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.notfound {max-width: 410px; width: 100%; text-align: center;}
.oopslogo{width:350px;}
.notfound h2 {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;}
.notfound p {
	font-family: 'Montserrat', sans-serif;
	color: #000;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 15px;
	margin-top: 5px;}
.notfound a {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	background: #0046d5;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 40px;
	color: #fff;
	font-weight: 700;
	box-shadow: 0px 4px 15px -5px #0046d5;}

@media only screen and (max-width: 767px) {
.notfound .notfound-404 {height: 142px;}
}

.time-of-year {
	color: #555;
	font-size: 24px;
	margin: 100px 75px 10px 75px;
	position: relative;
	text-align: center;
	width: 200px;
	transform: translateZ(0);
	-webkit-transform: translateZ(0); }
.time-of-year .tooltip {
	background: #8e2826;
	opacity: 0;
	border-radius: 3px;
	bottom: -49px;
	font-size: 20px;
	display: block;
	left: -67px;
	padding: 15px;
	pointer-events: none;
	position: absolute;
	width: 320px;
	height: 100px;
	z-index: 1102;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .7s ease-out;
	transition: all .7s ease-out;}
.time-of-year .tooltip::after {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #8e2826;
	bottom: 58px;
	content: " ";
	position: absolute;
	left: 0%;
	margin-left: -13px;
	transform: rotate(92deg);}
.time-of-year:hover .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);}
.contact-form .infos {
	font-size: 12px;
	line-height: 15px;
	display: inline-block;
	color: #f90606;
	padding: 4px;
	font-weight: bold;
	margin: 2px;}
.box-text{font-size:16px;}
.success-box {
	position: fixed;
	max-width: 450px;
	background-color: #5f895f;
	display: flex;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
	padding:10px; 
	border-radius: 2px;
	right: 10px;
	top: 100px;
	z-index: 9999;
	width: 350px;}
.error-box {
	max-width: 450px;
	background-color:#be1c1c;
	display: flex;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
	padding:10px; 
	position: fixed;
	border-radius: 2px;
	right: 10px;
	top: 100px;
	z-index: 9999;
	width: 350px;}
.italic-style{font-style:italic;}
.check-size{font-size:25px;}