@font-face {
  font-family: 'Helvetica';
  src: url('./fonts/Helvetica-Light.eot');
  src: url('./fonts/Helvetica-Light.eot?#iefix') format('embedded-opentype'),
      url('./fonts/Helvetica-Light.woff') format('woff'),
      url('./fonts/Helvetica-Light.ttf') format('truetype'),
      url('./fonts/Helvetica-Light.svg#Helvetica-Light') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica';
  src: url('./fonts/Helvetica-Bold.eot');
  src: url('./fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
      url('./fonts/Helvetica-Bold.woff') format('woff'),
      url('./fonts/Helvetica-Bold.ttf') format('truetype'),
      url('./fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica';
  src: url('./fonts/Helvetica.eot');
  src: url('./fonts/Helvetica.eot?#iefix') format('embedded-opentype'),
      url('./fonts/Helvetica.woff') format('woff'),
      url('./fonts/Helvetica.ttf') format('truetype'),
      url('./fonts/Helvetica.svg#Helvetica') format('svg');
  font-weight: 500;
  font-style: normal;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
}
body,html{font-family: 'Helvetica'; margin: 0; padding: 0; outline: none; overflow-x: hidden;}
a{ text-decoration: none;}
li{ list-style: none;}
/* :root{ font-size: 16px;} */
.width50{width: 50%; margin: 0 auto;}
.width60{width: 60%; margin: 0 auto;}
.width70{width: 72%; margin: 0 auto;}
.width80{width: 80%; margin: 0 auto;}
.width85{width: 85%; margin: 0 auto;}
.width90{width: 90%; margin: 0 auto;}
.width95{width: 95%; margin: 0 auto;}
.clearfix{ clear: both;}
.slick-slide{ outline: none;}
button:focus, input:focus, select:focus{outline: none;}
.fixed{ width: 100%; float: left; background: rgba(0,0,0,0.8) !important; position: fixed !important; top: 0 !important; left: 0 !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 6;}
.fixed a{ color: #ffffff !important; font-size: 13px !important; text-align: center; display: flex; align-items: center; justify-content: center; }
.fixed a:hover{ color: #91c81f !important;}
.fixed img{ width: 60% !important; transition: all 1s;}
.mainwrapper .fixed .navbar_desktop .left { padding:0;}
.mainwrapper .fixed .navbar_desktop .left .logo{ display: flex; align-items: center; justify-content: center;}
.mainwrapper .fixed .navbar_desktop .right .head_right{ padding: 0;}
.fixed .navbar_desktop .right .head_right .inner_media a{ padding: 0px !important; width: 25px !important; height: 25px !important; transition: all 1s;}
.fixed .navbar_desktop .right .head_right .inner_media a i{ font-size: 16px !important; transition: all 1s;}
.fixed .navbar_desktop .right .head_right .inner_media a:hover{transition: all 0s;}
.fixed .navbar_desktop .right .head_right .inner_media a:hover i{ transition: all 0s;}
.mainwrapper .fixed .navbar_desktop .right .head_right ul li ul{ top: 68px !important;}
.mainwrapper .fixed .navbar_desktop .right .head_right ul li ul li a{ width: 90%; background: rgba(0,0,0,0.8); padding: 10px !important;}
.context{ font-size: 16px;}
#home{  width: 100%; height: auto; float: left;}
#why,#tvcs,#benefits{  width: 100%; height: auto; float: left; padding-top: 60px;}
#faq{  width: 100%; height: auto; float: left;}
#contact{width: 100%; height: auto; float: left; height: auto;}
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);-moz-opacity:0.9;-khtml-opacity:.9;opacity:.9;z-index:100;display:none}
.cnt223 a{text-decoration:none; position: absolute; top: 15px; right: 15px;}
.cnt223 a i{ font-size: 20px; color: #000000;}
.popup-onload{width:100%; height: 100%; margin:0 auto;display:none;position:fixed;z-index:101; display: flex; align-items: center; justify-content: center;}
.cnt223{min-width:250px;width:20%;min-height:100px;margin:0 auto;background:rgba(255,255,255,0.6); position:relative;z-index:103;padding:15px 35px;border-radius:5px;box-shadow:0 2px 5px #000; }
.cnt223 p{clear:both;color:#555;font-size:20px;font-family:sans-serif}
.cnt223 p a{color:#d91900;font-weight:700}.cnt223 .x{float:right;height:35px;left:22px;position:relative;top:-25px;width:34px}
.cnt223 .x:hover{cursor:pointer}
.droplang{ width: 100%; float: left; padding: 30px 0px;}
.droplang select{ width: 100%; float: left; padding: 5px 2px;}
.goog-logo-link{ display: none !important;}
.goog-te-gadget .goog-te-combo {margin: 4px 0; padding: 8px 10px; width: 100%; cursor: pointer;}
.goog-te-gadget{font-size: 0 !important;}
/*header*/
.mainwrapper{ width: 100%; height: auto; padding: 0px; margin: 0;}
.mainwrapper header{ width: 100%; height: 80px; float: left; display: flex; background: transparent; position: absolute; top: 0; left: 0; z-index:5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.mainwrapper header .navbar_desktop{ width: 100%; float: left; display: flex; height: 100%;}
.mainwrapper header .navbar_desktop .left{ width:18%; height:100%; float: left; display: flex; background: #f6f5f3; padding: 18px 0px 20px;}
.mainwrapper header .navbar_desktop .left .logo{ width: 100%; float: left; display: flex; align-items: center; justify-content:center;}
.mainwrapper header .navbar_desktop .left .logo img{ width:200px; text-align: center; display: flex; align-items: center; justify-content: center;}
.mainwrapper header .navbar_desktop .right{ width:80%; height: 100%; float: right; display: flex; align-items: center; justify-content:center;}
.mainwrapper header .navbar_desktop .right .head_right{ width: 100%; float: left; display: flex; align-items: center; justify-content:center; padding-top: 18px;}
.mainwrapper header .navbar_desktop .right .head_right ul{ width: 70%; margin: 0; padding: 0;}
.mainwrapper header .navbar_desktop .right .head_right ul li{text-align: center; float: left; width: auto; margin: 0px; position: relative;}
.mainwrapper header .navbar_desktop .right .head_right ul li a{ width: auto; float: left; color: #ffffff; font-size:13px; font-weight: 300; letter-spacing: 0.5px; text-align: center;  position: relative; padding: 32px 15px; text-transform: uppercase;}
.mainwrapper header .navbar_desktop .right .head_right ul li a::after{ content: ""; border-right: 1px solid #ffffff; width: 1px; float: left; padding: 0 15px; height: 11px; position: absolute; top: 35px; right:0;}
.mainwrapper header .navbar_desktop .right .head_right ul li:nth-last-child(1) a::after{ border: none;}
.mainwrapper header .navbar_desktop .right .head_right ul li a.active{color: #1a4793;}
.mainwrapper header .navbar_desktop .right .head_right ul li a:hover{color: #1a4793; }
.active{color: #1a4793 !important;}

/*mobile nav*/
.mainwrapper header{ width: 100%; float: left;}
.mainwrapper header .navbar_mobile{ width: 100%; float: left; height: 100%; display: none; padding: 7px 0px; background: #ffffff;}
.mainwrapper header .navbar_mobile .left{ width: 20%; float:left; height: 100%; display: flex; align-items: center; justify-content: flex-start;}
.mainwrapper header .navbar_mobile .left .mobilenav{ width: 100%; float: left;}
.mainwrapper header .navbar_mobile .left .mobilenav .inner_media{ width: 100%; margin-left: 10%; height: auto; float: left; display: flex; justify-content: space-between;}
.mainwrapper header .navbar_mobile .left .mobilenav .inner_media a{ width: 35px; height: 35px; background:transparent; float: left; border-radius: 5px; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.mainwrapper header .navbar_mobile .left .mobilenav .inner_media a img{text-align: center;}
.mainwrapper header .navbar_mobile .left .head_mobilenav{ width: 75%; float: left; background: #ffffff; position: absolute; top: 73px; left: 0%; z-index: 2;}
.mainwrapper header .navbar_mobile .left .head_mobilenav ul{ margin: 0; padding: 10px 15px; box-sizing: border-box; width: 100%; display: flex; flex-wrap: wrap;}
.mainwrapper header .navbar_mobile .left .head_mobilenav ul li{text-align: center; font-family: 'Helvetica'; width: 100%; position: relative;}
.mainwrapper header .navbar_mobile .left .head_mobilenav ul li a{ width: 100%; float: left; color: #3d3d3d; font-size: 1rem; font-weight: normal; text-align: left; padding: 10px 0px;}
.mainwrapper header .navbar_mobile .left .head_mobilenav ul li ul{padding: 0 15px;}

.mainwrapper header .navbar_mobile .left .head_mobilenav .inner_media{ width: 70%; height: auto; float: left; display: flex; justify-content: space-between; padding-bottom: 15px;}
.mainwrapper header .navbar_mobile .left .head_mobilenav .inner_media a{ width: 30px; height: auto; margin: 0 5px; background:transparent; margin-left: 15px; border-radius: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.mainwrapper header .navbar_mobile .left .head_mobilenav .inner_media a i{ font-size:20px; color: #3d3d3d; text-align: center;}

.mainwrapper header .navbar_mobile .center_logo{ width:60%; float:left; height: 100%; display: flex; align-items: center; justify-content: center;}
.mainwrapper header .navbar_mobile .center_logo .logo{ width: 100%; float: left; text-align: center;}
.mainwrapper header .navbar_mobile .center_logo .logo img{ width: 120px;}
.navshow{transform: translateX(-100%); -webkit-transform: translateX(-100%); transition: 0.6s all ease;}
.navshow.navactive{transform: translateX(0%); -webkit-transform: translateX(0%);} 


/*widget*/
.ui-slideouttab-panel{ border:2px solid #bed62f;}
#subform{ width: 100%; float: left;  background: #ffffff; padding: 10px 0px 0; height: 480px; overflow-y: auto; overflow-x: hidden;}
#subform .formin{ width: 100%; float: left; padding: 0px 0px 10px;}
#subform .formin label{ width: 100%; float: left; color: #666666; font-weight: bold; margin-bottom: 3px; font-size: 14px;}
#subform .formin input[type="text"]{ width: 100%; background: #f5f5f5; font-family: 'Helvetica'; color: #666666;; font-weight: 300; font-size:13px; letter-spacing: 0.5px; border: 2px solid #f7f7f7; border-radius: 6px; text-indent: 15px; padding: 10px 0;  margin-bottom: 0px;}
#subform .formin select{ width: 100%; background: #f5f5f5; font-family: 'Helvetica'; color: #666666;; font-weight: 300; font-size: 13px; letter-spacing: 0.5px; border: 2px solid #f7f7f7; border-radius: 6px; text-indent: 5px; padding: 10px 0;  margin-bottom: 0px;}
#subform .formin textarea{ width: 100%; background: #f5f5f5; font-family: 'Helvetica'; color: #666666;; font-weight: 300; font-size: 13px; letter-spacing: 0.5px; border: 2px solid #f7f7f7; border-radius: 6px; text-indent: 15px; padding: 10px 0;  margin-bottom: 0px;}
#subform .formin input[type="button"]{ width:auto; float: right; background: #356db6; font-family: 'Helvetica'; cursor: pointer; color: #ffffff;; font-weight: bold; font-size: 14px; letter-spacing: 0.5px; border: 2px solid #f7f7f7; border-radius: 6px; padding: 10px 15px; margin-bottom: 60px;}
#subform .formin input[type="button"]:hover{ background: #bed62f;}
#subform .formin button{ width: auto; float: right; background: #356db6; font-family: 'Helvetica'; color: #ffffff; cursor: pointer; font-weight: bold; font-size: 14px; letter-spacing: 0.5px; border: 2px solid #f7f7f7; border-radius: 6px; padding: 10px 15px;  margin-bottom: 0px;}


#downloadfrom{ width: 100%; float: left;  background:transparent; padding: 10px 0px 0;}
#downloadfrom strong{ width: 100%; float: left; text-align: center; font-weight: bold; font-size:25px; letter-spacing: 1px; color: #ffffff; padding-bottom: 20px; line-height: 23px;}
#downloadfrom .formin{ width: 100%; float: left; padding: 0px 0px 10px;}
#downloadfrom .formin input[type="text"]{ width: 100%; background: #f5f5f5; font-family: 'Helvetica'; color: #666666;; font-weight: 300; font-size: 14px; letter-spacing: 0.5px; border: 2px solid #f7f7f7; border-radius: 6px; text-indent: 15px; padding: 10px 0;  margin-bottom: 0px;}
#downloadfrom .formin select{ width: 100%; background: #f5f5f5; font-family: 'Helvetica'; color: #666666;; font-weight: 300; font-size: 14px; letter-spacing: 0.5px; border: 2px solid #f7f7f7; border-radius: 6px; text-indent: 5px; padding: 10px 0;  margin-bottom: 0px;}
#downloadfrom .formin textarea{ width: 100%; background: #f5f5f5; font-family: 'Helvetica'; color: #666666;; font-weight: 300; font-size: 14px; letter-spacing: 0.5px; border: 2px solid #f7f7f7; border-radius: 6px; text-indent: 15px; padding: 10px 0;  margin-bottom: 0px;}
#downloadfrom .formin input[type="button"]{ width:auto; float: right; background: #356db6; font-family: 'Helvetica'; cursor: pointer; color: #ffffff;; font-weight: bold; font-size: 14px; letter-spacing: 0.5px; border: 2px solid #f7f7f7; border-radius: 6px; padding: 10px 15px; margin-bottom: 0px; border:2px solid #bed62f;}
#downloadfrom .formin input[type="button"]:hover{ background: #bed62f; border: 2px solid #356db6;}
#downloadfrom .formin button{ width: auto; float: right; background: #356db6; font-family: 'Helvetica'; color: #ffffff; cursor: pointer; font-weight: bold; font-size: 14px; letter-spacing: 0.5px; border: 2px solid #f7f7f7; border-radius: 6px; padding: 10px 15px; margin-bottom: 0px;}
/*home first section*/
.mainwrapper .bannersection{width: 100%; height: auto; float: left; overflow: hidden; position: relative;}
/* .mainwrapper .bannersection::before{ content: ""; width: 450px; height:120px; float: left; background: url(../images/home/hbannerbg.png) no-repeat; background-size: 100%; position: absolute; top: 180px; left: 0; z-index: 2; opacity: 0.5;} */
.mainwrapper .bannersection .bannerimgslide1{ width: 100%; float: left; position: relative;}
.mainwrapper .bannersection .bannerimgslide1 img{ width: 100%;}
.mainwrapper .bannersection .bannerimgslide1 .slide_inner{ width:300px; float: left; position: absolute; top:28%; right: 98px; height:auto;}
.mainwrapper .bannersection .bannerimgslide1 .slide_inner h1{ width: 100%; float: left; color: #ffffff; font-family: 'Helvetica'; font-weight: bold; font-size:34px; text-transform: uppercase; line-height:40px; margin-bottom: 15px;}
.mainwrapper .bannersection .bannerimgslide1 .slide_inner img{ width: 100%; float: left; margin-bottom: 10px;}
.mainwrapper .bannersection .bannerimgslide1 .slide_inner strong{width: 80%; float: left; font-weight: normal; font-size: 18px; color: #ffffff; padding: 5px 0px 10px; letter-spacing: 0;}
.mainwrapper .bannersection .bannerimgslide1 .slide_inner p{ width: 100%; float: left; color: #ffffff; font-size: 18px; padding: 0px 0px 0; line-height: 25px;}

.mainwrapper .bannersection .leftmedia{ width: 124px; height: 100%;  background: #f6f5f3; position: absolute; top: 0; left: 0;}
.mainwrapper .bannersection .leftmedia .textbar{ width: 100%; float: left; position: relative;}
.mainwrapper .bannersection .leftmedia .textbar p{ width:400px; float: left; color: #000000; position: absolute; top: 330px; left:-137px; text-transform: uppercase; font-weight: 300; font-size: 0.59rem; letter-spacing: 10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  -o-transform: rotate(-90deg);  transform: rotate(-90deg);}
.mainwrapper .bannersection .leftmedia .mediabar{ width: 100%; float: left; position: absolute; bottom: 8px; left: 0;}
.mainwrapper .bannersection .leftmedia .mediabar::before{content: ""; width: 2px; height: 40px; border-left: 1px solid #cccccc; position: absolute; top: -45px; left: 50%;}
.mainwrapper .bannersection .leftmedia .mediabar a{ width: 100%; float: left; background: transparent; position: static; padding: 0; text-align: center; margin-bottom: 10px; color: #000000;}
.mainwrapper .bannersection .leftmedia .mediabar a i{ font-size: 16px; color: #666666; opacity:1;}
.mainwrapper .bannersection .leftmedia .mediabar a:hover i{ color: #1a4793; opacity: 1;}

.mainwrapper .bannersection .slick-slide img{ width: 100%;}
.mainwrapper .bannersection .slick-prev,.mainwrapper .bannersection .slick-next {  position: absolute;  display: block;  height: 60px;  width: 60px;  line-height: 0;  cursor: pointer;  background: transparent;  color:#ffffff; font-size:14px;  top:300px;  margin-top: -13px; font-family: "Helvetica"; letter-spacing: 2px;  padding: 0;  border: none;  outline: none;  z-index: 5;}
.mainwrapper .bannersection .slick-prev:focus,.mainwrapper .bannersection .slick-next:focus {  outline: none;}
.mainwrapper .bannersection .slick-prev.slick-disabled:before,.mainwrapper .bannersection .slick-next.slick-disabled:after {  opacity: 0.25;}
.mainwrapper .bannersection .slick-prev:before, .mainwrapper .bannersection .slick-next::after {  font-family: "slick";  font-size: 20px;  line-height: 1; position: relative; top: 2px;  color: white;  opacity: 0.85;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.mainwrapper .bannersection .slick-prev {  left:150px}
.mainwrapper .bannersection .slick-prev:before {  content: '\2190'; margin-right: 10px;}
.mainwrapper .bannersection .slick-next {  left:250px}
.mainwrapper .bannersection .slick-next:after {  content: '\2192'; margin-left: 10px;}
.mainwrapper .bannersection .slick-next::before{ display: none;}
.mainwrapper .bannersection .slick-dotted.slick-slider{ margin-bottom: 0;}


.mainwrapper .bannersection .pagingwrap{top: 110px; left: 0; width: 18%; height:120px; background: #f6f5f3;; position: absolute; z-index: 1;}
.mainwrapper .bannersection .pagingwrap .pagingInfo{ font-size: 55px; font-weight: bold; color: #1a4793;margin-left: 90px; margin-top: 20px; width: auto; float: left;}
/*home second section*/
.mainwrapper .aboutsection{width: 100%; height: auto; float: left; overflow: hidden; position: relative;}
.mainwrapper .aboutsection::before{ content: ""; width: 400px; height:130px; float: left; background: url(../images/about/beforeabout.png) no-repeat; background-size: 80%; position: absolute; top: 140px; left: 5%; z-index: -1;}
.mainwrapper .aboutsection .innabout{ width: 100%; float: left;}
.mainwrapper .aboutsection .innabout h2{ width: 100%; float: left; color: #3d3d3d; text-align: center; text-transform: uppercase; letter-spacing:5px; font-size:35px; padding-bottom: 25px;}
.mainwrapper .aboutsection .innabout h2 span{ width: auto; color: #1a4793;}
.mainwrapper .aboutsection .innabout .colmtext{ width: 100%; float: left;}
.mainwrapper .aboutsection .innabout .colmtext ul{ width: 100%; margin: 0; padding: 0; display: flex; justify-content: space-around; flex-wrap: wrap;}
.mainwrapper .aboutsection .innabout .colmtext ul li{ width:25.222%;}
.mainwrapper .aboutsection .innabout .colmtext ul li:nth-child(2){ width:22.222%;}
.mainwrapper .aboutsection .innabout .colmtext ul li .colminnerabout{ width: 100%; float: left; padding: 30px 0px 0;}
.mainwrapper .aboutsection .innabout .colmtext ul li .colminnerabout strong{ width: 100%; float: left; font-weight: bold; font-size:18px; letter-spacing: 1px; color: #3d3d3d; padding-bottom: 20px; line-height: 23px;}
.mainwrapper .aboutsection .innabout .colmtext ul li .colminnerabout p{ width: 100%; float: left; font-weight: 300; font-size: 15px; letter-spacing: 1px; color: #666666; padding-bottom: 15px; line-height:22px;}
.mainwrapper .aboutsection .innabout .colmtext ul li .colminnerabout p b{ width: auto; float: none; font-size: 15px; text-transform: uppercase;}

.mainwrapper .aboutsection .innabout .colmtext ul li .colminnerabout img{ width: 100%;}
.mainwrapper .aboutsection .innabout .colmtext ul li .colminnerabout a{ width: 100%; float: left; font-weight: bold; font-size: 15px; letter-spacing: 1px; color: #3d3d3d; margin-bottom: 15px; border-bottom: 1px solid #3d3d3d;}
/* .mainwrapper .aboutsection .innabout .colmtext ul li .colminnerabout a{ width: 100%; float: left; color: #666666; display: block; font-size: 14px;} */
.mainwrapper .aboutsection .innabout .colmtext ul li .colminnerabout a:hover{ color: #1a4793;}

/*home TVCS section*/
.tvcsinner{ width: 100%; float: left; position: relative;}
.tvcsinner::before{ content: ""; width:600px; height:103px; float: left; background: url(../images/tvcs/gallerybg.jpg) no-repeat; background-size: 80%; position: absolute; top: 9px; right: 2%; z-index: -1;}
.tvcsinner h3{ width: 100%; float: left; color: #3d3d3d; text-align: center; text-transform: uppercase; letter-spacing:6px; font-size: 35px; padding-bottom: 70px;}
.tvcsinner h3 span{ width: auto; color: #1a4793;}
.mainwrapper .tvcslider{ width: 100%; height: auto; float: left;}

.mainwrapper .tvcslider .imgslidewrap{ width: 100%; float: left; cursor: pointer; position: relative; overflow: hidden; transition: 0.5s all ease-out;}
.mainwrapper .tvcslider .imgslidewrap strong{ width: auto; float: left; font-weight: normal; font-size:23px; letter-spacing: 1px; color: #ffffff; padding-bottom: 20px; line-height: 23px; position: absolute; top: 40px; left: 10%;}
.mainwrapper .tvcslider .imgslidewrap .subtitles{ width: 100%; float: left; position: absolute; left: -35px; bottom: 150px;}
.mainwrapper .tvcslider .imgslidewrap .subtitles p{ font-size: 18px; width:50%; float: left; color: #ffffff; text-transform: uppercase; font-weight: 300; letter-spacing: 5px; -webkit-transform: rotate(90deg); -moz-transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  -o-transform: rotate(-90deg);  transform: rotate(-90deg);}
.mg_image img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;max-width:100%;max-height:100%}
.mg_image:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
.mg_image{overflow:hidden}
.mainwrapper .tvcslider .imgslidewrap:hover .subtitles{ display: none;}
/* Arrows */
.mainwrapper .tvcslider .slick-slide img{ width: 100%;}
.mainwrapper .tvcslider .slick-prev,.mainwrapper .tvcslider .slick-next {  position: absolute;  display: block;  height: 60px;  width: 60px;  line-height: 0;  cursor: pointer;  background: transparent;  color:#ffffff; font-size:14px;  top: 50%;  margin-top: -13px; font-family: "Helvetica"; letter-spacing: 2px;  padding: 0;  border: none;  outline: none;  z-index: 5;}
.mainwrapper .tvcslider .slick-prev:focus,.mainwrapper .tvcslider .slick-next:focus {  outline: none;}
.mainwrapper .tvcslider .slick-prev.slick-disabled:before,.mainwrapper .tvcslider .slick-next.slick-disabled:after {  opacity: 0.25;}
.mainwrapper .tvcslider .slick-prev:before, .mainwrapper .tvcslider .slick-next::after {  font-family: "slick";  font-size: 20px;  line-height: 1; position: relative; top: 2px;  color: white;  opacity: 0.85;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
.mainwrapper .tvcslider .slick-prev {  left: 55px;}
.mainwrapper .tvcslider .slick-prev:before {  content: '\2190'; margin-right: 10px;}
.mainwrapper .tvcslider .slick-next {  right: 55px;}
.mainwrapper .tvcslider .slick-next:after {  content: '\2192'; margin-left: 10px;}
.mainwrapper .tvcslider .slick-next::before{ display: none;}


/*home Features section*/
.mainwrapper .featuresection{width: 100%; height: auto; float: left; overflow: hidden; position: relative; padding:0px 0px 20px;}
.mainwrapper .featuresection::before{ content: ""; width: 600px; height:150px; float: left; background: url(../images/feature/benebg.png) no-repeat; background-size: 80%; position: absolute; top: 480px; left: 5%; z-index: -1;}
.mainwrapper .featuresection .innfeatu{ width: 100%; float: left;}
.mainwrapper .featuresection .innfeatu h4{ width: 100%; float: left; color: #3d3d3d; text-align: center; text-transform: uppercase; letter-spacing:8px; font-size:35px; padding-bottom: 45px;}
.mainwrapper .featuresection .innfeatu h4 span{ width: auto; color: #1a4793;}
.mainwrapper .featuresection .innfeatu .colmtext{ width: 100%; float: left;}
.mainwrapper .featuresection .innfeatu .colmtext ul{ width: 100%; margin: 0; padding: 0; display: flex; justify-content:space-evenly; flex-wrap: wrap;}
.mainwrapper .featuresection .innfeatu .colmtext ul li{ width:30.222%;}
.mainwrapper .featuresection .innfeatu .colmtext ul li:nth-child(4){ width: 28.22%; margin-left: 10%;}
.mainwrapper .featuresection .innfeatu .colmtext ul li:nth-child(5){ width: 28.22%; margin-right: 10%;}
.mainwrapper .featuresection .innfeatu .colmtext ul li .colmfeaben{ width: 100%; float: left; padding: 10px 0px; text-align: center; display: flex; align-items: center; justify-content:center; flex-wrap: wrap;}
.mainwrapper .featuresection .innfeatu .colmtext ul li .colmfeaben strong{ width: 100%; float: left; font-weight: bold; font-size:18px; letter-spacing: 1px; color: #3d3d3d; padding-bottom: 5px;}
.mainwrapper .featuresection .innfeatu .colmtext ul li .colmfeaben p{ width: 100%; float: left; font-weight: 300; font-size: 15px; letter-spacing: 1px; color: #666666; line-height:18px;}
.mainwrapper .featuresection .innfeatu .colmtext ul li .colmfeaben p b{ width: auto; float: none; font-size: 0.69rem; text-transform: uppercase;}
.mainwrapper .featuresection .innfeatu .colmtext ul li .colmfeaben img{ width:160px; margin-bottom: 15px;}


/*home More About section*/
.mainwrapper .moreantisection{width: 100%; height: auto; float: left; overflow: hidden; position: relative; padding: 80px 0px 20px;}
.mainwrapper .moreantisection::before{ content: ""; width:400px; height:150px; float: left; background: url(../images/faqbg.png) no-repeat; background-size: 80%; position: absolute; top: 60px; left: 5%; z-index: -1;}
.mainwrapper .moreantisection .innanti{ width: 100%; float: left;}
.mainwrapper .moreantisection .innanti h5{ width: 100%; float: left; color: #3d3d3d; text-align: center; text-transform: uppercase; letter-spacing:8px; font-size:35px; padding-bottom: 45px;}
.mainwrapper .moreantisection .innanti h5 span{ width: auto; color: #1a4793;}

.mainwrapper .moreantisection .antiwrapabout{ width: 100%; height: 280px; float: left; padding: 30px 0px; overflow-y: auto; overflow-x: hidden;}
.mainwrapper .moreantisection .antiwrapabout ul {list-style: none; padding: 0;}
.mainwrapper .moreantisection .antiwrapabout ul .inner { overflow: hidden; display: none; font-weight: 300; font-size:14px; letter-spacing: 1px; color: #666666; padding:0.25em 0 0.25em 3em; line-height:22px;}
.mainwrapper .moreantisection .antiwrapabout ul li {margin:0px 0px 10px; width: 98%; float: left;}
.mainwrapper .moreantisection .antiwrapabout ul li a.toggle {width: 100%; display: block; background:#f7f7f7; border: 1px solid #ebebeb; color: #3d3d3d; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center;}
.mainwrapper .moreantisection .antiwrapabout ul li:nth-child(2n) a.toggle{ background: #ffffff;}
.mainwrapper .moreantisection .antiwrapabout ul li a.toggle span{ width: auto; height: auto; float: left; text-align: center; font-size:16px; font-weight: bold; background: #000000; color: #ffffff; padding: 5px 8px 5px;}
.mainwrapper .moreantisection .antiwrapabout ul li a.toggle b{ width: 100%; color: #3d3d3d; font-size: 15px; font-weight: normal; padding:5px 0 5px 10px; letter-spacing:1px; display: flex; align-items: center; justify-content: flex-start;}
.mainwrapper .moreantisection .antiwrapabout ul li a.toggle:hover {opacity: 0.9;}



/*home More About section*/
.mainwrapper .contactsection{width: 100%; height: auto; float: left; overflow: hidden; position: relative; padding: 30px 0px 20px;}
.mainwrapper .contactsection::before{ content: ""; width:700px; height:136px; float: left; background: url(../images/contactbg.png) no-repeat; background-size: 80%; position: absolute; top: 60px; right: 2%; z-index: -1;}
.mainwrapper .contactsection .innacontdt{ width: 100%; float: left;}
.mainwrapper .contactsection .innacontdt h6{ width: 100%; float: left; color: #3d3d3d; text-align: center; text-transform: uppercase; letter-spacing:8px; font-size: 35px; padding-bottom: 45px;}
.mainwrapper .contactsection .innacontdt h6 span{ width: auto; color: #1a4793;}
.mainwrapper .contactsection .contactdetails{ width: 100%; float: left; padding: 15px 0px;}
.mainwrapper .contactsection .contactdetails .innerdt{ width: 100%; float: left;}
.mainwrapper .contactsection .contactdetails .innerdt .contactgrid{ width: 38.22%; float: left; margin-right: 10%;}
.mainwrapper .contactsection .contactdetails .innerdt .contactgrid .contwrap{ width: 100%; float: left;}
.mainwrapper .contactsection .contactdetails .innerdt .contactgrid .contwrap strong{width: 100%; float: left; font-weight: bold; font-size:18px; letter-spacing: 1px; color: #3d3d3d; padding-bottom: 10px; line-height: 23px;}
.mainwrapper .contactsection .contactdetails .innerdt .contactgrid .contwrap p{width: 100%; float: left; font-weight: 300; font-size: 15px; letter-spacing: 0.5px; color: #666666; padding-bottom:3px; line-height: 23px;}
.mainwrapper .contactsection .contactdetails .innerdt .contactgrid .contwrap p b{ color: #3d3d33; font-weight: bold;}
.mainwrapper .contactsection .contactdetails .innerdt .contactgrid .contwrap p a{ display: inline-block; color: #666666;}
.mainwrapper .contactsection .contactdetails .innerdt .contactgrid .contwrap ul{ width: 100%; margin: 0; padding: 0;}
.mainwrapper .contactsection .contactdetails .innerdt .contactgrid .contwrap ul li{ width: 100%; float: left;}
.mainwrapper .contactsection .contactdetails .innerdt .contactgrid .contwrap ul li a{ width: 100%; float: left; font-weight: 300; font-size: 15px; color: #666666; padding-bottom: 5px;}


.mainwrapper .footercopy{ width: 100%; float: left; padding: 30px 0; border-top: 1px solid #f7f7f7;}
.mainwrapper .footercopy .innertext{ width: 100%; float: left; text-align: center; display: flex; align-items: center; justify-content: center;}
.mainwrapper .footercopy .innertext p{width: 100%; float: left; font-weight: 300; font-size: 0.85rem; letter-spacing: 0.5px; color: #666666;}

.mainwrapper .termswrap{width: 100%; height: auto; float: left; overflow: hidden; position: relative; padding:0px 0px 20px; margin-top: 130px;}
.mainwrapper .termswrap .wrapintrems{ width: 100%; float: left;}
.mainwrapper .termswrap .wrapintrems h2{ width: 100%; float: left; color: #3d3d3d; text-align: center; text-transform: uppercase; letter-spacing:8px; font-size:35px; padding: 45px 0; }
.mainwrapper .termswrap .wrapintrems h2 span{ width: auto; color: #1a4793;}
.mainwrapper .termswrap .wrapintrems strong{ width: 100%; float: left; font-weight: bold; font-size:18px; letter-spacing: 1px; color: #3d3d3d; padding-bottom: 15px;}
.mainwrapper .termswrap .wrapintrems p{ width: 100%; float: left; font-weight: 300; font-size: 15px; letter-spacing: 1px; color: #666666; line-height:18px; padding-bottom: 10px;}
.mainwrapper .termswrap .wrapintrems p b{ width: auto; float: none; font-size: 0.69rem; text-transform: uppercase;}
.mainwrapper .termswrap .wrapintrems ul{ margin: 0; padding: 0;}
.mainwrapper .termswrap .wrapintrems ul li{width: 100%; float: left; font-weight: 300; font-size: 15px; letter-spacing: 1px; color: #666666; line-height:18px; ;list-style: decimal; padding-bottom: 10px;}


.desk_img{display: block !important;}
.mob_img{display: none !important;}

@media only screen and (max-width: 1368px){
  :root{ font-size: 14px;}
.mainwrapper .bannersection .leftmedia .textbar p{ letter-spacing: 6px !important; top: 240px !important;}
.mainwrapper header .navbar_desktop .right .head_right ul{ width: 70%;}
.mainwrapper .bannersection .bannerimgslide1 .slide_inner{ top: 25%; right: 38px;}
#subform{ height: 465px;}
/* .slide-out-div-Intern{ top:80px !important;} */
/* .mainwrapper header .navbar_desktop .right .head_right ul li a::after{ right:-15px;} */
}

@media only screen and (max-width: 1240px){
  :root{ font-size: 15px;}
.mainwrapper .bannersection .leftmedia .textbar p{ letter-spacing: 6px !important; top: 240px !important;}
.mainwrapper header .navbar_desktop .right .head_right ul{ width: 90%;}
}

@media only screen and (max-width: 1022px){
  :root{ font-size: 15px;}
.mainwrapper .bannersection .leftmedia .textbar p{ letter-spacing: 4px; top: 135px; z-index: 5;}
.mainwrapper header .navbar_desktop .right .head_right ul{ width: 92%;}
.mainwrapper .bannersection .bannerimgslide1 .slide_inner{ top: 32%; right: 6%;}
.mainwrapper .featuresection .innfeatu .colmtext ul li .colmfeaben img{ width: 100px;}
}

@media only screen and (max-width: 768px){
  :root{ font-size: 15px;}
  img{ height: auto !important;}
  .head_right,.navbar_desktop,.desktopmap{ display: none !important;}
  .mainwrapper header .right .head_mobilenav,.mainwrapper header .right .head_right_mobilenav,.mainwrapper header .navbar_mobile{ display: block !important;}  
  .desk_img,.mobnon{display: none !important;}
  .mob_img,.mobilemap{display: block  !important;}
  .mainwrapper header{ position: fixed; top: 0; left: 0; background: rgba(255,255,255,0.6) !important;}
  .fixed{ background: #ffffff !important;}
  .fixed img { width: 120px !important;}
  .fixed a{ color: #404040 !important;}
  .openNavmob img{ width: 40px !important;}
  .mainwrapper .aboutsection .innabout .colmtext ul{ display: block;}
  .mainwrapper .aboutsection .innabout .colmtext ul li,.mainwrapper .aboutsection .innabout .colmtext ul li:nth-child(2){ width: 100%;}
  .mainwrapper .aboutsection .innabout .colmtext ul li .colminnerabout img{ width: 70%;}
  .width70{ width: 90%;}
  .width60{ width: 80%;}
  .leftmedia,.pagingwrap{ display: none;}
  .mainwrapper .bannersection{ padding-top: 60px;}
  .mainwrapper .bannersection::before{ background-size: 25%; top: 120px;}
  .mainwrapper .bannersection .bannerimgslide1 .slide_inner{ display: none;}
  .mainwrapper header{ border-bottom: 1px solid #1a4793; background:#ffffff; height: 60px;}
  .mainwrapper header .right .head_mobilenav, .mainwrapper header .right .head_right_mobilenav, .mainwrapper header .navbar_mobile{  box-shadow: 0px 0px 4px 1px #f7f7f7;}
  .mainwrapper .bannersection{ height: auto;}
  .mainwrapper .tvcslider{ height: auto;}
  section{ height: auto;}
  .fixed a{ justify-content: flex-start;}
  .mainwrapper header .navbar_mobile .center_logo .logo{ display: flex; justify-content: center;}
  #why,#tvcs,#benefits{  width: 100%; height: auto; float: left; padding-top: 90px;}
  .mainwrapper .moreantisection .innanti h5,.mainwrapper .featuresection .innfeatu h4,.tvcsinner h3,.mainwrapper .aboutsection .innabout h2,.mainwrapper .contactsection .innacontdt h6{ font-size: 28px;}
  #subform .formin label{ font-size: 14px;}
  #subform{ height: 460px;}
}


@media only screen and (max-width: 640px){
  :root{ font-size: 14px;}  
  .mainwrapper .aboutsection .innabout .colmtext ul li .colminnerabout img{ width: 100%;}
  .mainwrapper .featuresection .innfeatu .colmtext ul{ display: block;}
  .mainwrapper .featuresection .innfeatu .colmtext ul li{ width: 100%;}
  .mainwrapper .featuresection .innfeatu .colmtext ul li:nth-child(4),
  .mainwrapper .featuresection .innfeatu .colmtext ul li:nth-child(5){ width: 100%; margin: 0;}
  .width70{ width: 70%;}
  .width60{ width: 80%;}
  .mainwrapper .featuresection .innfeatu .colmtext ul li .colmfeaben img{ width: 110px;}
  .mainwrapper .contactsection .contactdetails .innerdt .contactgrid{ width: 100%; margin: 0 0 20px;}
  /* .ui-slideouttab-handle{ top: 280px !important;} */
  .mainwrapper .featuresection{ padding-bottom: 0;}
  /* .slide-out-div-Intern{ top:74px !important; z-index: 22; position: relative;} */
  .mobimg{ }
  .mainwrapper .bannersection::before{ background-size: 16%; top: 110px;}
  .mainwrapper .moreantisection .antiwrapabout ul li a.toggle b{ font-size: 13px;}
  .mainwrapper .tvcslider .slick-prev, .mainwrapper .tvcslider .slick-next{ display: none !important;}
  .cnt223{ width: 50%; min-width: 220px;}
  .bg-wg-modal .wg-modal{ width: 90% !important;}
  #my-modal5{ width: 90% !important;}
  .tvcsinner::before{ width: 100%; top: 50px; height: 63px;}
  .mainwrapper .moreantisection .antiwrapabout ul .inner{ font-size: 12px; line-height: 18px; padding-left: 4rem;}
}
.banner-text{
    position: absolute;top: 43%;left: 73%;transform: translate(-50%, -50%);color: #fff;font-size: 27px;
}
.banner-text span{
   font-size: 16px;
}

@media only screen and (max-width: 740px){
  .banner-text {
    position: absolute;
    top: 46%;
    left: 75%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 9px;
}

.banner-text span {
    font-size: 7px;
}  
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1200px) {
  .banner-text {

    left: 75%;

}


}