@import "animate.css";

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,600;0,800;0,900;1,200;1,300;1,400;1,600;1,800;1,900&display=swap');
/*base color:#D90C1F (red)*/

/** == HEADING ==*/
h1 {  font-size: 40px;      font-family: "Nunito Sans",Sans-serif;}
h2 {  font-size: 30px;    font-family: "Nunito Sans",Sans-serif; }
h3 {  font-size: 25px;     font-family: "Nunito Sans",Sans-serif;}
h4 {  font-size: 20px;     font-family: "Nunito Sans",Sans-serif;}
h5 {  font-size: 16px;    font-family: "Nunito Sans",Sans-serif; }
h6 {  font-size: 10px;     font-family: "Nunito Sans",Sans-serif;}

h1,h2{color: #246481;}
p{
	    font-family: "Nunito Sans",Sans-serif;
	padding-bottom: 0;
	margin-bottom: 0;
}
a{
	    font-family: "Nunito Sans",Sans-serif;
}
span{
	    font-family: "Nunito Sans",Sans-serif;
}
/*-----------------------------------Global-------------------------------------*/
*, *:before, *:after {  position: relative;  margin: 0px;  padding: 0px;  box-sizing: border-box;}
html, body{width: 100%;height: auto;min-height: 100%; float:left;  overflow-x: hidden;background-color: #fff; font-family: 'Nunito Sans', sans-serif;
}
html, body, blockquote, fieldset, lengend, button, input, textarea, select, code, var, samp, p {
  font-family: "Nunito Sans",Sans-serif;  font-size: 16px; font-weight: 500; line-height: 32px;   /*background: #fff;*/  -webkit-text-size-adjust: 100%; }
/*body{height: 100vh;}*/
dl, ol, ul{padding: 0px;}
  article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {  display: block; }

  button, input[type="submit"], input[type="reset"] {  cursor: pointer; }

  textarea {  resize: none; }
  ul li{list-style-type: none;}

  input[type="text"], input[type="password"], input[type="email"], textarea, select{border-radius:5px;border:1px solid #cbcdcd !important;   
    color:#000;font-weight: normal/*600*/;font-family: 'Open Sans', sans-serif;}
a:hover{text-decoration: none;}

*, input[type="text"]:focus,input[type="password"]:focus{box-shadow:none !important;outline: 0px !important;/*-webkit-appearance:none;*/}
button:focus{outline: none;box-shadow: 0px 3px 5px rgba(18, 187, 216, 0.5);}
textarea:focus{box-shadow:none !important;}
button:focus{outline: none;}

button, input[type="button"]{border-radius:5px; text-align: center; color:#fff;border:none;box-shadow:none;outline: none;text-transform: capitalize;font-weight: 300;}
input[type="button"]{font-weight: bold;}
.container-fluid{padding-right: 0px;padding-left: 0px;}

textarea:focus, input[type="text"]:focus,textarea[type="text"]:focus,   input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus,  input[type="color"]:focus, .uneditable-input:focus, .form-control:focus, button:focus{ border-color: #ccc; -webkit-box-shadow: none; box-shadow: none;}
.form-control, .form-select{height: 38px;color:#000; font-size: 13px;}
.form-control:disabled, .form-control[readonly]{background:#e9ecef;}
.form-control{ border-radius:50px !important; }

label{color:#494848; font-size: 13px; font-weight: 600; text-transform: capitalize; color:#242934;}
/*::-webkit-input-placeholder{font-weight: normal !important; font-style: italic; color:#BFB9B9; }
:-ms-input-placeholder{font-weight: normal !important; font-style: italic; color:#BFB9B9; }
::placeholder{font-weight: normal !important; font-style: italic; color:#BFB9B9; }*/

select option{color: #000;}

a { color: #27a8e4; text-decoration: none;}

/** custom scroll bar **/
.scrollbox {width: 240px;height: 200px;overflow-y: scroll; background-color: #f6f6f6;}
.scrollbox::-webkit-scrollbar {background-color: transparent; width: 0px;}
.scrollbox:hover::-webkit-scrollbar {width: 8px;}
.scrollbox:hover::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);}
@media (hover: none) {
  .scrollbox::-webkit-scrollbar {width: 8px;}
  .scrollbox::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);}
}

button{ padding: 2px 16px; border-radius:50px; text-align: center; color:#fff; font-weight: 500; text-transform: uppercase; font-size: 15px; -webkit-transition: all ease-out .2s; -moz-transition: all ease-out .2s;  -o-transition: all ease-out .2s;  transition: all ease-out .2s;}

/* custom font size*/
.f_10{font-size: 10px !important;}
.f_12{font-size: 12px !important;}
.f_13{font-size: 13px !important;}
.f_15{font-size: 15px !important;}
.f_20{font-size: 20px !important;}
.f_25{font-size: 25px !important;}

/* vh height*/

/** gradient color for button **/
.red_bg{
background: #8f0815; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #8f0815 0%, #e50e22 100%);
background: -webkit-linear-gradient(-45deg,  #8f0815 0%,#e50e22 100%);
background: linear-gradient(135deg,  #8f0815 0%,#e50e22 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0815', endColorstr='#e50e22',GradientType=1 );
}


.navbar-light .navbar-toggler{border-color: rgb(255, 255, 255); background-color: transparent; padding: 0px 6px;}
.container-fluid{padding-right: 20px; padding-left: 20px;}


/* --------------------- Project --------------------- */

/** top part **/
/***======================= banner =============*/
.bannerCont{width: 100%; height: 100vh; overflow: hidden; /*background-image: url("../../assets/img/video_player.png"), url("../../assets/img/red_bg.png");*/ background-repeat: no-repeat; background-size: 58% auto, 50% auto; background-position: left top, top right;/*background-color: wheat;*/ }
.bannerBox{width:100%; height:100vh; display: table; table-layout: fixed;}
.bannerBox div{display: table-cell; vertical-align: middle;}
.bannerRightBg{width: 50%; height: 100%; text-align: center;}
.bannerRightBg img{object-fit: contain;}
.bannerLeft h1{line-height: 62px;}
.bannerLeft button{padding: 7px 53px; box-shadow: 0px 4px 4px #ccc !important;}
.bannerLeft button:hover{
background: #8f0815;
background: -moz-linear-gradient(45deg,  #8f0815 0%, #e50e22 100%);
background: -webkit-linear-gradient(45deg,  #8f0815 0%,#e50e22 100%);
background: linear-gradient(45deg,  #8f0815 0%,#e50e22 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0815', endColorstr='#e50e22',GradientType=1 );
}

.keyPoint{width: 100%; margin:auto; box-shadow: 0px 2px 4px #ccc !important; border:1px solid #ddd; border-radius: 8px; padding: 20px; margin-top:40px; display: block !important; background-color: #eef1f5;}
ul.kyPonts{width:100%;height: 100%;  display: table; table-layout: fixed; margin-bottom: 0px;}
ul.kyPonts li{ border-right:1px dotted #ccc; padding: 0px 10px; display: table-cell;vertical-align: middle; text-transform: capitalize;}
ul.kyPonts li:last-child{border-right:none;}
ul.kyPonts li .icn{width: 34px; height: 34px; text-align: center; float:left;}
ul.kyPonts li .icn img{width: 100%; height: 100%; object-fit: contain;}
ul.kyPonts li h6{width:calc(100% - 41px); float:right; font-size:14px; font-weight:600; color:#246481;}
ul.kyPonts li h6 span{font-weight: normal;}

/***======================= //banner =============*/
/***======================= header =============*/
.header {position: fixed;  width: 100%; top:0px; left: 0px; z-index: 1000; -webkit-transition: all ease-out .5s; -moz-transition: all ease-out .5s;  -o-transition: all ease-out .5s;  transition: all ease-out .5s;}
.header.active {background-color: rgba(255,255,255,1);box-shadow: 0px 3px 3px #ccc !important;}
.header.active .navbar-light .navbar-nav .nav-link{ color: #3c3c3d;
    font-weight: 600;}
.header.active button.headerBtn{background-color: #f10f24; color: #fff;}
.navbar-brand img{width: 150px;}
.navbar-light .navbar-nav .nav-link{    color: #fff;
    font-size: 16px;
    font-weight: 500;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color: #ece4e4;}
.navbar-nav{ margin: 0px 36px; }
.navbar-nav li{margin: 0px 13px; font-weight: normal;     padding: 4px 0;}
.dropdown-toggle::after{color: #fff;}
.header button.headerBtn{height: 38px; padding: 0px 26px; background-color: #fff; color: #D90C1F; font-weight: bold; font-size: 12px; border: 1px solid #fff; margin-top: 5px;}
.header button.headerBtn:hover{background: #8f0815; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #8f0815 0%, #e50e22 100%);
background: -webkit-linear-gradient(-45deg,  #8f0815 0%,#e50e22 100%);
background: linear-gradient(135deg,  #8f0815 0%,#e50e22 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0815', endColorstr='#e50e22',GradientType=1 ); color: #fff; border: 1px solid #f90a20;}
/*.navbar-light .navbar-toggler-icon{background-image: url("../../assets/img/menu.svg"); background-size: 25px 29px;}*/
.navbar-light .navbar-toggler-icon{background-image: none;}
.navbar-light .navbar-toggler-icon i{margin-top: 5px; color: #fff;}
.header.active .navbar-light .navbar-toggler-icon i{color:#547D8F;}

/***======================= //header =============*/

/***======================= feature =============*/
.feature{width: 100%; height: auto; overflow: hidden; background-image: url("../../assets/img/play_bg.png"); background-repeat: no-repeat; background-position: left -500px top -348px; padding-top: 50px; padding-bottom: 50px;}

.fHead{width: 100%;}
.fHead *{display: inline-block;}
.fHead .iconBox{width: 38px; height: 38px; float: left;text-align: center;}
.fHead .iconBox img{width: 100%; width: 100%; object-fit: contain;}
.fHead h5{    width: calc(100% - 38px);
    padding: 0px 8px;
    color: #ffffff;
    font-weight: 700;
    line-height: 22px;
    font-size: 23px;}
.fHead p{width: calc(100% - 45px); float: right; font-size: 14px; line-height: 25px; }

.fLeft{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.fLeft p{padding-left: 75px; font-size: 14px;  margin-top: 15px;}
/***======================= //feature =============*/


.vodcont{width: 100%; margin: 30px 0px; background-color: #88AEBE; overflow: hidden; display: flex;}
.clipShape{width: 100%; height: 100%; clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%); background-color: #B0D1DF; position: absolute; right: -10px; top: 0px;}

.vodcont .contHolder{width: 80%; margin: auto; background-image: url("../../assets/img/paly_water.png"); background-repeat: no-repeat; background-position: top 92px center; padding: 50px 0px; background-size: 500px 500px;}
.vodcont .contHolder h2{margin-bottom: 30px;}
.vodcont .contHolder .imgBox{width: 400px; height: auto; margin: auto;}


/***======================= //VOD =============*/
.domain{width: 100%; overflow: hidden; background-image:url("../../assets/img/left_red.png"), url("../../assets/img/soundbar.png"); background-repeat: no-repeat; background-position: left -633px top 64px, right top; background-size: 70% auto, 26% auto; padding-top: 70px;}
.tvwatch{width:100%; height :100%; display: flex; justify-content: center; align-items: center;}

.tvInfoBox{width: 436px; height: 204px; position: absolute; z-index: 1; top: 164px; left: 85px; padding: 10px;}
.tvInfoBox h2{font-size: 25px;}
.tvInfoBox p{font-size: 13px; line-height: 25px; margin-top: 20px;}
.domainBox{ justify-content: center; align-items: center;}
.domain .card{border-radius: 12px; box-shadow: 0px 0px 10px #ccc !important; margin: 20px auto 30px;}
.card-body{padding: 25px;}
.domainHead{width: 100%; display: flex; justify-content: center; align-items: center;}
.card-title{width: calc(100% - 90px); color: #246481; font-weight: normal; font-size: 22px;}
.card-body .playBox{width: 90px; height: 90px; }
.card-body .playBox img{width: 100%; height: 100%; object-fit: contain;}
.card-title span{font-weight: bold;}

.floatBtn{width: 134px; position: absolute;  right: 630px;  bottom: 31px;  padding: 4px 10px;}
.floatBtn:hover{background: #8f0815;
background: -moz-linear-gradient(45deg,  #8f0815 0%, #e50e22 100%);
background: -webkit-linear-gradient(45deg,  #8f0815 0%,#e50e22 100%);
background: linear-gradient(45deg,  #8f0815 0%,#e50e22 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0815', endColorstr='#e50e22',GradientType=1 );}
/***======================= //domain =============*/

-shadow:0px 3px 5px rgba(61,145,183,0.5) !important; padding: 25px 20px; color:#fff;
}
.subcription h2{color: #fff; font-size: 25px; text-align: center; margin-bottom: 0px;}
.subcription p{font-size: 13px; text-align: center; margin-bottom: 0px;}
.subcription .form-control{width:300px; border:1px solid #02A8F1 !important;}
.subcription .field{margin-top: 0px; display: flex; justify-content: center; align-items: center;}
.subcription button{background-color: #fff; color:#E50E22; font-size: 13px; font-weight: 600;}
.subcription button:hover{background-color:#E50E22; color:#fff;}
/***======================= //subscription =============*/


footer{width:100%; /*background-image: url("../../assets/img/soundBars.png"); background-repeat: no-repeat; background-position: left 36px bottom 60px; padding-top: 83px; margin-top: 50px;*/}
.fCont{width: 100%; background-color: #2d2d2d; display: flex; justify-content: center;align-items: center; padding:25px 20px 10px;}
.fBand{display: flex; justify-content: center;}
.fLyst{width: 100%; text-align: left; }
.fLyst li{    padding: 0;
    line-height: 22px;}
.fLyst li a{color:#fff; font-size: 13px; }
.fLyst li a i{font-size: 9px; margin-right: 10px;}

.fLyst.socialLyst li{padding: 0px 6px;}
.fLyst.socialLyst i{font-size: 35px; margin-right: 2px;}
.fLyst.socialLyst i:hover{color:#D90C1F;}
footer hr{background-color:gray;    margin: 10px;}
footer p{margin-bottom: 0px; font-size: 11px;}
/***======================= //footer =============*/

h2{font-weight: normal; font-size: 36px;}
h2 span{font-weight: 600;}
/*section{padding: 30px 0px; }*/

/***======================= innerpage =============*/
.innerBanner{width: 100%;
    height:55vh;
    clip-path: polygon(0 0, 100% 0, 100% 68%, 0% 100%);
    background-color: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e50e22+0,8f0815+100 */ background: rgb(229,14,34);
    background: -moz-linear-gradient(45deg, rgba(229,14,34,1) 0%, rgba(143,8,21,1) 100%);
    background: -webkit-linear-gradient(45deg, rgb(0 0 0) 0%,rgb(23 21 21) 100%);
    background: linear-gradient(45deg, rgb(45 44 44) 0%,rgb(27 2 4) 100%);
}
.innerBannerInn{width: 100%; height: 100%; background-image: url("../../assets/img/innerBanner.png"); background-size: 100% auto; background-position: left center;}
.mainContHolder{width: 80%; border-radius:10px; box-shadow: 0px 0px 10px #ccc !important; margin: auto;  background-color:#fff; padding: 20px 25px;}
h3{width: 100%; font-size: 30px; color:#547D8F; font-weight: 600; margin-bottom: 0px;}
.innerPage{}

.formBox{width: 90%; border-radius:10px; background-color: #d9e2e8; padding: 20px;}

.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){ padding-top: 17px; padding-left: 20px;}
.form-floating>label{padding: 4px 20px; font-weight: normal;}
.form-floating>.form-control, .form-floating>.form-select{height: 40px;padding: 8px; line-height: 15px; border-radius: 10px !important;}
form .btn{ color:#fff; border-radius:25px; width:100%;}
form .btn:hover{color:#fff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e50e22+0,8f0815+100 */
background: rgb(229,14,34); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(229,14,34,1) 0%, rgba(143,8,21,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(229,14,34,1) 0%,rgba(143,8,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(229,14,34,1) 0%,rgba(143,8,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e50e22', endColorstr='#8f0815',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.captcha{width: auto; }
.subImg{/*width: 300px;*/ height: 300px;}
.subImg img{width: 100%; height: 100%; object-fit: contain;}

.contInfo{width: 100%; margin-top: 20px;}
.contInfo .iconRound{width: 30px; height: 30px; border-radius: 50px; border:1px solid #E50E22; text-align: center; 
    margin-right: 10px;}
.rowBox{display: flex;}

/***======================= //innerpage =============*/

.contInfo i{color: #E50E22; top: -1px; margin-bottom: 0px;}
.contInfo a{color: #000;}
.contInfo a:hover{text-decoration: underline;}

.contact .card{border: 1px solid #ccc; border-radius: 8px; padding: 15px;}
.contact .card:hover{background-color: #f4f9fb;}
.roundIconBox { height: 40px; width: 40px; border-radius: 50%; font-size: 18px;line-height: 40px; display: inline-block;  vertical-align: middle;  text-align: center; border: 2px solid #547D8F; text-align: center;}
.roundIconBox i{color:#D90C1F ; top: -2px;}
.contact .card h4{font-weight: 600; font-size: 18px;}
.mailInfo{padding-left: 55px;}

.mailInfo a{color: #246481; font-weight: bold; font-size: 15px;}
.mailInfo a:hover{text-decoration: underline; color: #D90C1F;}

.abtCont{ display: flex; justify-content: center; align-items: center;}
.rectImg{width: 100%; border-radius: 8px; overflow: hidden; float: left; margin-right: 20px;}
.rectImg img{width: 100%; height: 100%; object-fit: contain;}

.specl{width: 100%; padding: 22px; border-radius: 10px; background-color: #f4f9fb; display: flex; flex-grow: 1; margin-bottom: 20px;}
.specl h5{font-style: italic; font-size: 16px; text-transform: capitalize; color: #246481;}


.specl div:first-child{border-right: 1px solid #ccc;}

.features .card{border: none; box-shadow: 0px 2px 7px #ccc !important; padding: 20px; border-radius: 8px; margin-bottom: 20px;}

.features .card .fImgBox{margin: auto; height: auto;}
.fImgBox img{ width: 100%; height: 100%; object-fit: contain; }
.features h4, .service h4{font-weight: 600; font-size: 25px; text-transform: capitalize; color: #23576F;}
.features h4 span, .service h4 span{font-weight: normal;}
.features p{font-size: 15px; padding-right: 10px;}
.cardhead{display: flex; flex-grow: 1; justify-content: center;}
.cardhead .grow{width: 75%; margin: 10px 5px;}
.cardhead .shrink{width: calc(100% - 75%); margin: 10px 5px;}

.serviceholderImg{height: ;}

.service h3{padding: 0px 25px;}
.service.mainContHolder{padding: 20px 0px;}
.serviceHolder{}
.serviceLyst li{width: 100%;padding: 25px 0px; margin-bottom: 20px;}
.serviceLyst li:nth-child( even ){background-color: transparent;}

/*.halfRound{}*/
.halfRound.leftRound{width: 100%; border-radius: 120px 0px 0px 120px;}
.halfRound.rightRound{width: 100%; border-radius: 0px 120px 120px 0px;}

.servLayout{display: flex; align-items: center;}

.roundRed{background-color: #ee9aa2; padding-left: 50px; padding-right: 10px;}
.roundGray{background-color: #537c90;}
/********************From_10.11.2022_ Tania***********************/
/*********************Home Page Starts**********************/
#myVideo{
	width: 100%
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgb(0 0 0 / 70%);
   
    cursor: pointer;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;

}
.nav1{
	border-bottom:1px solid #ffffffeb;
}
.inner_overlay{
	margin-top:0;
	width: 60%;
}
.inner_overlay h1{
	    color: #fff;

    font-size: 50px;
    font-weight: 700;
    line-height: 1.3em;
	
}
.inner_overlay span{
	color: red;
}
.bannersmalltext1{
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;

}
.bannersmalltext2{
	
    font-weight: 300;
    color: #fff;
    text-transform: inherit;
    font-size: 18px;
    line-height: 28px;

}
.banner_btn{
	font-family: "Nunito Sans",Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: 0px;
    fill: #fff;
    color: #fff;
    background-color: #f10f24;
    border-radius: 5px 5px 5px 5px;
    padding: 15px 32px 13px 32px;
	margin-top: 20px;
	border-radius: 50px;
}
.banner_btn:hover{
	background: #8f0815; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #8f0815 0%, #e50e22 100%);
background: -webkit-linear-gradient(-45deg,  #8f0815 0%,#e50e22 100%);
background: linear-gradient(135deg,  #8f0815 0%,#e50e22 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0815', endColorstr='#e50e22',GradientType=1 ); color: #fff; border: 1px solid #f90a20;
border-radius: 50px;
}
.heading2{
	font-size: 38px;
	font-weight: 700;
	color: #58595b;
	line-height: 1.2em;
	text-align: center;
	
    line-height: 50px;
}
.heading1{
	font-size: 38px;
	font-weight: 700;
color: #58595b;
	line-height: 1.2em;
	text-align: left;
	
}
.heading1 span{
		color: #D90C1F;
	font-weight: 900;
}

.normal_text{
	font-size: 16px;
	font-weight: 400;
	color: #171717;
	line-height: 1.8em;
	text-align: left;
}
.middle_bullet_content{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0e1321+0,545454+50,08090a+100 */
background: #0e1321;
    background: -moz-linear-gradient(45deg, #0e1321 0%, #545454 50%, #08090a 100%);
    background: -webkit-linear-gradient(45deg, #303132 0%,#545454 50%,#08090a 100%);
    background: linear-gradient(45deg, #2d2d2f 0%,#545454 50%,#08090a 100%)

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f10f24+0,fc3747+51,f10f24+100 */
/*background: #f10f24; 
background: -moz-linear-gradient(45deg,  #f10f24 0%, #fc3747 51%, #f10f24 100%); 
background: -webkit-linear-gradient(45deg,  #f10f24 0%,#fc3747 51%,#f10f24 100%); 
background: linear-gradient(45deg,  #f10f24 0%,#fc3747 51%,#f10f24 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f10f24', endColorstr='#f10f24',GradientType=1 ); */

}
.heading4{
	font-size: 20px;
}
.lower_banner_section2{
	background: #eee;
}
.heading2 span{
	color: #D90C1F;
		font-weight: 700;
	
}
.shadow_circle img {
transition: 1s ease;
	width: 100%;
	border-radius: 15px;
	position: relative;
	 box-shadow:0px 0px 4px #0000006e !important;
}
.shadow_circle{
	

    margin-bottom: 15px;

}
.shadow_circle img:hover {
border-radius:50%;
transition: 1s ease;
}
.top_img_area{
	    position: absolute;
    width: 100%;
    top: 44%;
    /* left: 40%; */
    text-align: center
}
.top_img_area h3{
	font-size: 28px;
    color: #fff;
    font-weight: 700;
    text-shadow: 0px 0px 7px #858585;
}
.subsBox{
	background: #4d5559;
}
.subsBox h2{
	color: #ffff;
    font-weight: 700;
}
.headerBtn{
	    height: 38px;
    padding: 0px 26px;
    background-color: #D90C1F;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #fff;
    margin-top: 5px;
}
.footer_logo{
	width: 150px;
}
.footer_paratext{
	font-size: 14px;
	color: #fff;
	line-height: 1.5em;
	text-align: left;
}
.footer_heading{
	    color: #fff;
    font-size: 16px;
    margin-top: 15px;
    font-weight: 600;
    /* border-bottom: 1px solid #eee; */
    margin-bottom: 23px;
	
}
.leftf{
	width: 8%;
    float: left;
    color: #fff;
    font-size: 20px;
}
.rightf{
	width: 92%;
	float: right;
}
.footerinner{
	float: left;
	width: 100%;
}


.hover-underline-animation {
  display: inline-block;
  position: relative;
 
}
.dropdown-item{
	padding: 0;
}
.hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #f10f24;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.inner_leftdropdown{
    width: 85%;
	float: left;
}
.dmenu2{

}
.dmenu3{
	width: 500px;
	padding: 8px;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #1e2125;
    background-color: transparent;
}
.middle_bullet_content .fHead p {
	margin-bottom: 25px;
	
}
.header.active .dropdown-toggle::after{
	color: #58595b;
}
.smallinner_dropdown_area{
	width: 33.0%;
	float: left;
	padding: 5px;
}
.smallinner_dropdown_area h2{
	    font-size: 18px;
    font-weight: 600;
    color: #3c3c3d;
    margin-bottom: 7px;
	    margin-top: 5px;
}
.nav-item .dropdown li a{
	padding: 5px 0;
}
.smallinner_dropdown_area li {
	margin: 0;
}
.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #f10f24 0%,
    #ff0018 29%,
    #ff1361 67%,
    #fff800 100%
  
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
   
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
.lower_banner_section {
	width: 100%;
}
.headermenuimg{
	width: 11%;
	
    margin-bottom: 4px;

}
/************************About us*********************/
.innercontent{
	width: 100%;
    position: absolute;
    text-align: center;
    padding-top: 7%;
	
} 
.innercontent h1{
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.3em;
	text-align: center;
	
}
.innercontent p{
	    font-weight: 500;
    color: #fff;
   text-align: center;
    font-size: 20px;

}
/*************************WEbTV_ 10.01.2023*****************/
.serviceLyst_textnogap li{
	padding-top: 0 !important;
}
.serviceholderImg2{
	height: auto;
	width: 100%;
}
.serviceholderImg2 img{
	width: 100%;
}
.bodybgwebtv{
	background: url("../img/webtv_bgjpg.jpg") center top no-repeat;
	height: auto;
}
.fulldivNew{
		background: url("../img/webtv_stripe.jpg") center top no-repeat;
		height: auto;
	padding: 25px 0;
}
/***********************Service_10-01-2023***********/
.full_service_area{
	background: #cadae1;

}
.full_service_area img{
	width: 100%;
}
.full_service_area1{
	background: #ddf7c1;
	padding-left: 10px;
}
.fullserviceareaNew{
	background: #e9e9e9;
	text-align: center;
	padding: 25px 0;
}
.full_service_area2{
	background: #f9e1e1;
	text-align: center;
	
}
/*********************Service_11.01.2023**************/
.left_box_Horizental{
	    border: 1px solid #eee;
    border-radius: 10px;
    float: left;
    margin: 15px;
    padding: 25px;
    box-shadow: 0px 1px 5px 0px #f10f24 !important;
	min-height: 282px;
}
.left_BoxInner{
	width: 25%;
	float: left;
}
.fullserviceareaNew{
	background: #fff;
}
.circle_img1{
	width: 150px;
	height: 150px;
	border-radius: 100px;
}
.circle_img1 img{
	width: 150px;
	height: 150px;
	border-radius: 100px;
}
.right_BoxInner{
	width: 75%;
	float: right;
}
.fulldivNew3{
	background: #eaeaea;
	clear: both;
	float: left;
	padding: 25px 0;
}
.lower_section2{
	clear: both;
}
.linoGap{
	margin-bottom: 0;
}
.linoGap li{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.innerareacms2{
	text-align: center;
    padding: 15px;
    box-shadow: 0px 0px 3px 2px #bdbdbd !important;
    float: left;
    background: #fff;
    border-radius: 6px;
	width:100%;
}
.innerareacms2 i{
	font-size: 60px;
	color: #D90C1F;
}
.smallheadingcms{
	font-size: 25px;
}
/**********************12.01.2023*************************/
.middle_section_cms{
	background: url("../img/cms_bg.jpg") no-repeat;
    margin: 25px 0;
    /* float: left; */
    clear: both;
    padding: 30px 0;
}
.fullareabg_chrome{
	background: url("../img/chromecast_bg.jpg") no-repeat;
    margin: 25px 0;
    /* float: left; */
    clear: both;
    padding: 30px 0;
}
.fullserviceareaNew2{
    background: #272727;
	margin: 25px 0 0;
}
.servCont2{
	    padding: 48px 15px;
}
.innerroku {
         background: transparent;
    float: left;
    text-align: left;
    box-shadow: none !important;
    margin-top: 43px;
    padding-left: 0;
}
.innerroku i{
	color: #fff;
	font-size: 25px;
}

#divMsg{
	position: fixed;
    
     z-index: 99999;
    right: 10%;
    top: 9%;
    width: 360px !important;
    background: #ffffffeb;
    border-radius: 10px;
    padding: 15px;
	box-shadow: 0px 1px 1px 0px #f10f24 !important;
}
.new {
  height: 34px !important; 
    border-radius: 8px !important;
    margin: 9px 0;
    font-weight: 400 !important;
}
#exampleFormControlTextarea1 {
    height: auto;
}
.new1{
	height: 95px !important;
}
.demobtnarea{
	width: 100%;
	text-align: center;
	display: block;
	margin: 15px 0;
	
}
.grey_bgbtn{
	background: #3f3f3f;
	margin: 0 15px;
	
}
.newdivmg{
	top: 8% !important;
}
.divMsg2{
	top: 8% !important;
}
/**************************14.03.2023*******************/
.frontWhiteNormalTXT{
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	text-align: center;
	margin-bottom: 35px;
}


.container_imgArea {

    position: relative;
    box-shadow: 0px -1px 6px 1px #c3c1c1 !important;
    border-radius: 35px;
	    margin: 14px 0;

}

.imagecircleoverlay {
  display: block;
  width: 100%;
  height: auto;
	border-radius: 35px;
}

.overlayImgthumb {
      position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #363636d9;
    border-radius: 35px;
    transition: .5s ease-in-out;
    box-shadow: 0px 0px 1px 2px #c3c1c1 !important;
}

.container_imgArea:hover .overlayImgthumb {
  opacity: 1;
}

.textContentimg {
color: white;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    line-height: 25px;
	    padding: 5px 15px;
	
}
/*********************23.03.2023*******************/
.rokuToparea{
	    display: flex;
    flex-wrap: nowrap;
    align-content: flex-end;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
/*********************24.03.2023****************/
.footer_paratext a{
	color: #fff;
}

#exampleModal .modal-content{
	z-index: 9999999;
}
.bodyMain{
	padding-right: 0 !important;
}
.headingModal{
	font-size: 28px;
    font-weight: 700;
    color: #fff;
   
    text-align: center;
    line-height: 35px;
	    padding: 0 10px;
	
}
#exampleModal .modal-header{
	padding: 5px;
    text-align: center;
    background: #d90c1f;
}
#exampleModal .modal-body{

    background: #ebebeb !important;
}
.btnModal2{
	width: 40% !important;
}
.socialMedialinks{
	float: right;
}
.socialMedialinks a{
	color: #fff !important;
	font-size: 20px;
	margin: 0 5px;
}



/*----------------------------------------Sourav Modal CSS ----------------------*/
/************about************/*

.seo22{

	padding-top:25px;

}

.stitle1{

	    margin-bottom: 30px;

    font-size: 32px;

}

.nb1{

	background:#eee;

}

.red{

	color:#f10f24;

}

.leftsidediv{

	width:30%;

	float:left;

	    padding: 0 25px;

}

.rightsidediv{

	width:70%;

	float:left;

	    padding: 0 25px;

}

.opendivbody{

	    width: 100%;

    float: left;

    background: #f3fbff;

    border-top: 1px solid #d1effc;

    margin: 2px 0;



}

.leftsidediv h4{

	    font-size: 18px;

    color: #f10f24;

}

.opnbdy1{

	background:#fff2f2;

}

.rightsidediv p{

	margin-bottom:0;

}

.detailsdiv{

	margin-top: 15px;

    float: left;

    height: 550px;

    overflow-y: scroll;

	

}

.arrowleft2{

	margin-left:5px;

}

.headingdetails{

	text-align:center;

	font-size:32px;

	background:#fff6f6;

	

}

.topm{

	margin-top:20px;

}

.new{

  /*height: 34px !important;*/

}

#exampleFormControlTextarea1{

  height: auto;

}

.title{

  font-size: 20px;

  color: #fff;

}

.modal-width .form-group{

  margin-bottom: 10px;

}

.m-header{

  background: #f10f24;

  padding: 9px 10px;

}

.ex{

  margin-top: 10px;

}

.width-modal2{

  width: 161%;

}

.column{

  display: flex;



}

/*.modal-width{

  max-width: 416px;

  margin: 1.75rem;

  

  position: absolute;

  right: 7.5%;

  top: 12%;

  width: 20%;

  margin: 0;

}*/

.modal-width {

    /* max-width: 416px; */

    margin: 1.75rem;

    /* margin-left: 72% !important; */

    /* margin-right: 72px !important; */

    /* position: absolute; */

    top: 73px;

    width: 32%;

    margin: 0;

    float: right;

}

.modal-width-contact {

    /* max-width: 416px; */

    margin: 1.75rem;

    /* margin-left: 72% !important; */

    /* margin-right: 72px !important; */

    /* position: absolute; */

    top: 179px;

    width: 32%;

    margin: 0;

    margin-left: 34%;

}

.navbar {

  

    padding: .5rem 0;

}

.button12{

  width: 28%;

}

.container {

  max-width: 1235px;

}

.sub-btn{

  margin: auto;

  padding: 6px 25px;

}

.kk{

  padding-top: 0;

  border: none;

}

.column p{

  font-weight: 600;

  line-height: 29px;

    margin-bottom: 2px;

    

}

.modal-width2{

  right: 6.9%;



}

.new2{

  height: 49px !important;

}

#email1{

  word-break: break-all;

}

.featurebottom{

	padding-bottom:0;

}

.teambottom{

	padding-top: 77px;

}

@media (max-width:1199px){

	.btn-primary{

		    padding: 15px 17px;
			

	}

}

@media (max-width:480px){

.mobnav{

	    background: #547d8f;

}

.mobnav a{

	color:#fff;

}

}