/*new-home font*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900&display=swap');
/*new-home font end*/


.LoginSection .LoginExpand, .LoginSection .LoginExpand .Title, body { font-family: 'Roboto', sans-serif; }
.FeatureNewsSection #myTabContent2 .slideshow a:focus, .GetStartButton, .LoginSection li a:focus, .LoginSection li a:hover, a, a:hover { text-decoration: none }
@font-face { font-family: robotolight; src: url(../fonts/roboto-light.eot); src: url(../fonts/roboto-light.eot?#iefix) format('embedded-opentype'), url(../fonts/roboto-light.woff) format('woff'), url(../fonts/roboto-light.ttf) format('truetype'), url(../fonts/roboto-light.svg#robotolight) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: robotomedium; src: url(../fonts/roboto-medium.eot); src: url(../fonts/roboto-medium.eot?#iefix) format('embedded-opentype'), url(../fonts/roboto-medium.woff) format('woff'), url(../fonts/roboto-medium.ttf) format('truetype'), url(../fonts/roboto-medium.svg#robotomedium) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family:'Roboto', sans-serif; src: url(../fonts/roboto-regular.eot); src: url(../fonts/roboto-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/roboto-regular.woff) format('woff'), url(../fonts/roboto-regular.ttf) format('truetype'), url(../fonts/roboto-regular.svg#robotoregular) format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: Helvetica; src: url(438781739-helr45w.eot); src: url(438781739-helr45w.eot?#iefix) format('embedded-opentype'), url(438781739-helr45w.svg#Helvetica) format('svg'), url(438781739-helr45w.woff) format('woff'), url(438781739-helr45w.ttf) format('truetype'); font-weight: 400; font-style: normal }
body { font-size: 16px; color: #000; padding: 0!important; cursor: default }
a { transition: all .5s ease; color: #333 }
a:hover { color: #009CD0 }
a:focus { outline: 0 }
.HeaderSection { position: relative }
.navbar { border-radius: 0; border: none; margin: 0 }
/* testimonial css start here */
.carousel-controls.testimonial-carousel-controls .prev, .carousel-controls.testimonial-carousel-controls .next {     position: absolute;
  /* border-radius: 50%; */
  top: calc(50% - 20px);
  height: 50px;
  width: 40px;
  background: #535353;
  color: #d5dfe5;
  text-align: center;
  line-height: 52px;
  font-size: 23px;
  cursor: pointer; }
.carousel-controls.testimonial-carousel-controls .next { right:0px; }
.carousel-controls.testimonial-carousel-controls .prev { left:0px; }
.testimonial-carousel-control .leftLst.over, .testimonial-carousel-control .rightLst.over { pointer-events: none; background: #ccc; }
.slider-btn a:last-child{ margin-left: 10px;}
/* testimonial css end  here */


.jAnnouncment-wrap { background: #0D9ECC; padding: 4px 15px 4px; }
.jAnnouncment-wrap p { margin-bottom: 0px; margin-bottom: 0px; font-size: 13px; color: #fff; }
.jAnnouncment-wrap img { padding: 5px; border-radius: 3px; margin-right: 5px; animation: myfirst 5s; -moz-animation: myfirst 5s infinite; /* Firefox */ -webkit-animation: myfirst 5s infinite; /* Safari and Chrome */ }
 @-moz-keyframes myfirst /* Firefox */ {  0% {
background:#fcab01;
}
 50% {
background:#f14141;
}
 100% {
background :#fcab01;
}
}
 @-webkit-keyframes myfirst /* Firefox */ {  0% {
background:#fcab01;
}
 50% {
background:#f14141;
}
 100% {
background:#fcab01;
}
}
.TestimonialSection .slick-list{    margin: 35px 35px 0px;}
.slick-initialized .slick-slide:focus {
  outline: none;
}
.navbar-inverse { background: url(../responsive_images/transparent_bg.png) }
.LoginSectionWrapper { margin: 0 auto; position: relative; margin-bottom: -15px; }
/*.PopupArrow { font-size: 30px; color: #009CD0; position: absolute; top: -11px; margin: 0!important }*/
.PopupArrow {
    font-size: 30px;
    color: #009CD0;
    position: absolute;
    top: -11px;
    margin: 0!important;
    right: 14px;
}
.LoginSection .LoginPopup { position: relative }
/*.LoginSection .LoginExpand { font-size: 14px; position: absolute; left: -123px; top: 34px; z-index: 9999; width: 290px; background: #fff; color: #333; text-align: center; box-shadow: 0 10px 10px #222; -webkit-box-shadow: 0 10px 10px #222 }*/

.LoginSection .LoginExpand { font-size: 14px; position: absolute; 
  right:0; top: 34px; z-index: 9999; width: 290px;
   background: #fff; color: #333; text-align: center; 
   box-shadow: 0 10px 10px #222; -webkit-box-shadow: 0 10px 10px #222 }

.LoginSection .LoginExpand .Title { background: #009CD0; color: #fff; text-align: left; padding: 10px 15px; font-size: 17px }
.LoginSection .LoginExpand .Close { background: #007EAC; color: #fff; font-size: 14px; font-weight: 700; text-align: center; position: absolute; right: 12px; top: 9px; width: 25px; height: 25px; line-height: 26px; margin: 0; border-radius: 15px; -webkit-border-radius: 15px }
.FeatureNewsSection h1, h2, h5 { font-weight: 400 }
.LoginSection .LoginExpand .LoginField { padding: 25px 15px 0; position: relative }
.LoginSection .LoginExpand .LoginField i { position: absolute; top: 31px; left: 25px; font-size: 20px; color: #444 }
.LoginSection .LoginExpand .LoginField input, .LoginSection .LoginExpand .PasswordField input { padding: 6px 12px 6px 40px!important; -moz-transition: none !important; -webkit-transition: none !important; transition: none !important; }
.LoginSection .LoginExpand .PasswordField { padding: 15px 15px 20px; position: relative }
.LoginSection .LoginExpand .PasswordField i { position: absolute; top: 21px; left: 29px; font-size: 24px; color: #444 }
.LoginSection .LoginExpand form .LoginField input:focus, .LoginSection .LoginExpand form .PasswordField input:focus { border: 1px solid #ccc!important; box-shadow: none!important }
.LoginSection .LoginExpand form .SignIn { width: 60% }
.LoginSection .LoginExpand form .ForgetPwd { background: #EDEDED; padding: 25px 0; margin: 20px 0 0 }
.LoginSection .LoginExpand form .ForgetPwd a { color: #009CD0 }
.LoginSection .LoginExpand form .ForgetPwd a:hover { color: #333 }
.LoginSection { position: relative; right: 15px; top: 15px; z-index: 999; text-align: right; list-style: none; color: #fff; padding: 0; margin: 0 }
.slide .Caption1, .slide .Caption2 { text-align: left; font-size: 3em; padding: 0 }
.LoginSection li { font-family: 'Roboto', sans-serif; font-size: 16px; margin: 0 0 0 15px; display: inline; font-weight: 500; }
.LoginSection li a { color: #fff }
.LoginSection li a:focus { outline: 0 }
.LoginSection li i { margin: 0 2px 0 0 }
.Logo { margin: 0 }
.Logo img { margin: 0 0 0 -27px; height: 82px; }
.TopHeader { opacity: 10!important; position: absolute; top: 0; margin: 0 }
.navbar-toggle { border: 1px solid #999!important }
.navbar-toggle:focus, .navbar-toggle:hover { background: 0 0!important; border: 1px solid #fff!important }
.navbar-brand { padding: 5px 0 0 }
.NavigationSection { margin: 60px 0 0 }
.NavigationSection li a { font-size: 16px; color: #fff!important; padding: 0; margin: 0 0 0 20px }
.NavigationSection li a.active, .NavigationSection>li:hover>a { background: 0 0; border-bottom: 7px solid #0CF }
.NavigationSection li a:focus { background: 0 0!important; border-bottom: 7px solid #0CF!important }
.NavigationSection li { position: relative!important }
.itemInner, .slide { position: relative }
.NavigationSection li ul { display: none!important }
.NavigationSection li:hover ul { display: block!important }
.sub-menu { background: #000; border: none; right: -93px!important; top: 27px; padding: 10px; opacity: .9 }
.sub-menu li a { padding: 4px 10px; margin: 0 }
.sub-menu li a.active, .sub-menu li a:hover { background: #0CF; color: #000!important; border: none }
.slide { font-family: 'Roboto', sans-serif; font-weight:400; height: 547px!important; display: block; width: 100%; margin: 0 auto }
.slide i { margin: 20px 0 0 }
.slider1 { background: url(../responsive_images/slider/banner1_img.png) no-repeat }
.slider2 { background: url(../responsive_images/slider/banner2_img.png) no-repeat }
.slider3 { background: url(../responsive_images/slider/banner3_img.png) no-repeat }
.item { background-size: cover!important }
.item1 { background: url(../responsive_images/slider/banner1_bg.jpg) repeat-x }
.item2 { background: url(../responsive_images/slider/banner2_bg.jpg) repeat-x }
.item3 { background: url(../responsive_images/slider/banner3_bg.jpg) repeat-x }
.itemInner { width: 1349px; max-width: 1349px; height: 100%; margin: 0 auto }
.slide .Caption1 { top: 49%; left: 5% }
.slide .Caption1 .GetStart1 { position: absolute; left: 0; top: 25% }
.slide .Caption2 { top: 40%; left: 5% }
.slide .Caption2 .GetStart2 { position: absolute;left: 0; top: 60% }
.slide .Caption3 { font-size: 1.7em; text-align: center; top: 28%; padding: 0 }
.slide .Caption3 .GetStart3 { position: absolute; left: 39%; top: 23% }
.slide .carousel-control { z-index: 999 }
.GetStartButton { background: #A8D219; padding: 10px 20px; font-family: 'Roboto', sans-serif; font-size: 18px; color: #312E35; border-radius: 4px; -webkit-border-radius: 4px; box-shadow: 0 2px 1px #333; -webkit-box-shadow: 0 2px 1px #333; text-shadow: none; font-weight: 500; }
.GetStartButton:focus, .GetStartButton:hover { background: #9DC514; color: #312E35; text-decoration: none; outline: 0 }
.TabSection { background: url(../responsive_images/tabs_bg.jpg) center top repeat-x #EEE; padding: 0!important }
.TabSection .nav-tabs, .TabSection .nav-tabs li a { background: #535353; border-bottom: none }
.TabSection .nav-tabs li { width: 20% }
.TabSection .nav-tabs li a { font-family:'Roboto', sans-serif; font-size: 14px; height: 61px; line-height: 61px; padding: 0 10px 0 40px; margin: 0; color: #fff; border-left: 1px solid #666; border-right: 1px solid #444; border-top: none; border-radius: 0; -webkit-border-radius: 0; display: block; position: relative }
.TabSection .nav-tabs li .first:focus, .TabSection .nav-tabs li .first:hover, .TabSection .nav-tabs li a.first { border-left: none }
.TabSection .nav-tabs li .last:focus, .TabSection .nav-tabs li .last:hover, .TabSection .nav-tabs li a.last { border-right: none }
.TabSection .nav-tabs li a img { left: 5px; position: absolute; top: 17px; width: 30px }
.TabSection .nav-tabs li a span { padding: 0 }
.TabSection .nav-tabs li a .tab-arrow { display: none }
.TabSection .nav-tabs li.active a { color: #000; text-shadow: 0 0 5px #FFF }
.TabSection .nav-tabs li a:hover .tab-arrow, .TabSection .nav-tabs li.active a .tab-arrow { display: block; color: #eee; text-shadow: none; position: absolute; left: 35%; bottom: 0; font-size: 50px; text-align: center; height: 32px }
.TabSection .nav-tabs li a:focus, .TabSection .nav-tabs li a:hover { color: #000; text-shadow: 0 0 5px #FFF; border-left: 1px solid #666; border-right: 1px solid #444; border-top: none; background: 0 0; border-bottom: none }
.TabSection .nav-tabs li a:focus { outline: 0 }
.TabSection .nav-tabs li a:focus .tab-arrow { display: block; color: #eee; text-shadow: none; position: absolute; left: 35%; bottom: 0; font-size: 50px; text-align: center; height: 32px }
.tab-pane { padding: 10px 0; margin: 0!important }
.tab-pane .LeftPane { width: 22% }
.tab-pane .RightPane { width: 78%; height: 220px }
.tab-pane .RightPane ul { margin: 0; padding: 0 }
.tab-pane .RightPane ul li.Title { background: 0 0; font-family: 'Roboto', sans-serif; font-size: 16px; color: #2d3540; padding: 0; margin: 0 0 5px; font-weight: 500; }
.tab-pane .RightPane ul li { background: url(../responsive_images/listing_arrow.png) 0 4px no-repeat; font-family:'Roboto', sans-serif; font-size: 14px; color: #576165; list-style: none; padding: 0 0 0 25px; margin: 0 0 2px 15px }
.ReadMore { position: absolute; bottom: 20px; right: 0; padding: 12px 16px }
h2 { font-family: 'Roboto', sans-serif; font-weight:400; font-size: 32px; color: #535353; padding: 10px 0; margin: 0 }
h3 { font-family: 'Roboto', sans-serif; font-size: 28px; color: #333; margin: 10px 0; font-weight: 500; }
.BlackButton, .BlackButton:hover, .BlueButton, .BlueButton:hover { color: #fff; border: none }
h4 { font-family: 'Roboto', sans-serif; font-weight:400; font-size: 24px }
.BlackButton, .BlueButton, h5 { font-family: 'Roboto', sans-serif; }
h5 { font-size: 18px }
.testi-heading h3 {
    color: #2d3540;
}
.BlackButton { background: #535353; font-size: 13px }
.BlackButton:hover { background: #444 }
.BlackButton:focus { background: #444; outline: 0 }
.BlueButton { background: #009BD2 }
.BlueButton:hover { background: #0294c8 }
.BlueButton:focus { background: #0294c8; outline: 0 }
.CommonButton { font-family: 'Roboto', sans-serif; font-size: 14px; padding: 12px 30px; letter-spacing: 1px; font-weight: 500; }
.ProductSection, .TestimonialSection { padding: 20px 0!important }
.btn-lg { border-radius: 4px }
.BorderRight {    border-right: 1px solid #9fb9c1;}
.ProductSection .ProductBox { font-family:'Roboto', sans-serif; font-size: 13px; line-height: 20px; color: #576165; text-align: center; height: 260px; position: relative }
.ProductSection .ProductBox img { margin: 10px 0 15px }
.ProductSection .ProductBox a { font-family: 'Roboto', sans-serif; font-size: 15px; color: #333; position: absolute; bottom: 0; left: 39%; font-weight: 500; }
.ProductSection .ProductBox a:hover { color: #009CD0 }
.TestimonialSection {       background: #d5dfe5;
  padding: 40px 0 !important;
  margin-top: 20px;
  margin-bottom: 20px;
}
.TestimonialSection h2 {     color: #333;
  padding: 10px 0 20px;
  font-family: 'Roboto', sans-serif; font-weight: 500;}
.TestimonialSection h4 i { font-size: 28px }
.slick-slide img {

  height: 50px;

}
.TestimonialSection .TestimonialBox h5 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}
.TestimonialSection .TestimonialBox span {
  color: #00080a;
  margin-top: 10px;
  display: block;    margin-bottom: 15px;
}
.TestimonialSection .TestimonialBox h3 {
  margin-top: 0;
}
/* .TestimonialSection .TestimonialBox { height: 300px } */
.TestimonialSection .TestimonialBox p {font-size: 15px;
  line-height: 25px;
  margin: 20px 0 0;
  color: #576165 !important;
  font-weight: normal;
  font-family:'Roboto', sans-serif;    margin-bottom: 25px;}
.TestimonialSection .TestimonialBox p span { display: block; color: #A3DAFF; font-size: 14px; margin: 20px 0 }
.FeatureNewsSection { padding: 10px 0!important }
.FeatureNewsSection h1 { font-size: 32px; color: #444; font-family: 'Roboto', sans-serif; font-weight:400; margin-bottom: -15px; text-align: center; text-shadow: 0 -1px 0 #fff }
.FeatureNewsSection ul { padding: 0; margin: 0; list-style: none }
.FeatureNewsSection ul li { margin: 15px 0 }
.FeatureNewsSection ul li .NewsImage { width: 50px; padding: 5px 0; float: left }
.FeatureNewsSection ul li .NewsDesc { width: 88%; float: left }
.FeatureNewsSection ul li .NewsDesc h5 { color: #444; margin: 0 }
.FeatureNewsSection ul li p { font-size: 13px; color: #444; font-family:'Roboto', sans-serif; font-weight: 400; text-shadow: 0 -1px 0 #fff; margin: 6px 0 0 }
.FeatureNewsSection, .FooterSection .Copyright, .FooterSection .navbar-collapse ul li a { font-family: 'Roboto', sans-serif;  }
.FeatureNewsSection { font-size: 15px }
.FeatureNewsSection #myTab2 { border-bottom: none }
.FeatureNewsSection #myTab2 li { margin: 15px 30px 15px 0; width: 29%; text-align: center }
.FeatureNewsSection #myTab2 li:last-child { margin: 15px 0 }
.FeatureNewsSection #myTab2 li a { background: #eee; color: #333; padding: 0; margin: 0; border: none; border-radius: 5px; -webkit-border-radius: 5px; height: 55px; line-height: 55px }
.FeatureNewsSection #myTab2 li a.first { line-height: 20px; padding: 8px 0 0 }
.FeatureNewsSection #myTab2 li a:hover, .FeatureNewsSection #myTab2 li.active a { background: #535353; color: #fff }
.FeatureNewsSection #myTabContent2 .tab-pane { padding: 0 }
.FeatureNewsSection #myTabContent2 .slideshow a { text-align: center; color: #333; margin: 15px 2px 15px 3px; float: left }
.FeatureNewsSection #myTabContent2 .slideshow a span { display: block; margin: 10px 0 0 }
.FooterSection { background: #D5DFE5; padding: 0!important }
.FooterSection .SocialIconBox { margin: 12px 0 10px }
.FooterSection .SocialIconBox .SocialIcons { width: 30px; height: 30px; line-height: 30px; font-size: 20px; text-align: center; border-radius: 20px; -webkit-border-radius: 20px; margin: 0 10px 0 0 }
.FooterSection .SocialIconBox .tw { background: #0598c9; color: #d5dfe5 }
.FooterSection .SocialIconBox .tw:hover { background: #2fa6cf }
.FooterSection .SocialIconBox .in { background: #268fc1; color: #d5dfe5 }
.FooterSection .SocialIconBox .in:hover { background: #0598c9 }
.FooterSection .SocialIconBox .fb { background: #346fc5; color: #d5dfe5 }
.FooterSection .SocialIconBox .fb:hover { background: #5485cb }
.FooterSection .Copyright { font-size: 14px; color: #333; margin: 0 0 8px }
.FooterSection footer { margin: 0 }
.FooterSection .navbar-header .navbar-toggle { position: absolute; top: 0; right: 0 }
.FooterSection .navbar-collapse li { border-left: 1px solid #fff; margin: 30px 0 30px 15px }
.FooterSection .navbar-collapse ul li:first-child { border-left: none }
.FooterSection .navbar-collapse ul li a { font-size: 14px; color: #333; padding: 0; margin: 0 0 0 15px }
.FooterSection .navbar-collapse ul li a.active, .FooterSection .navbar-collapse ul li a:hover { background: 0 0; text-decoration: underline }
.InnerPageHeader { background: #535353 }
.InnerContainer { font-family: Helvetica; font-size: 16px; color: #333; background: #EEE; border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 2px #888; -webkit-box-shadow: 0 0 2px #888; margin: 50px auto; overflow: hidden }
.Heading, h1.Heading { font-family: 'Roboto', sans-serif; color: #005F6B; font-size: 31px; font-weight: 500; }
h1.Heading { padding: 0 0 15px }
.Heading { padding: 15px 0 }
.Banner .BannerImage { position: relative; margin: 0 0 0 -15px; width: 104% }
.Banner .BannerImage .ConferenceGetStart, .Banner .BannerImage .EnterpriseGetStart { position: absolute; left: 35px; bottom: 30px }
.Banner .BannerCaption { font-family:'Roboto', sans-serif; padding: 10px 0; background: #3998BF; color: #fff; position: relative }
.Banner .BannerCaption i { font-size: 40px; line-height: 40px; margin: 0 18px 0 0; float: left }
.Banner .BannerCaption .fa-mobile-phone { font-size: 50px }
.Banner .BannerCaption p { font-size: 16px; line-height: 20px; margin: 0; float: left }
.Banner .BannerCaption .FullList { border-bottom: none }
.Banner .BannerCaption .fa-caret-down { position: absolute; top: 40px; left: 550px; font-size: 100px; color: #3998BF }
.YellowLink { border-bottom: 1px dashed #F8E65F; color: #F8E65F; font-weight: 700; display:block; }
.YellowLink:hover { border-bottom: none; color: #F8E65F }
.BlueLink { border-bottom: 1px dashed #9EDAEF; color: #9EDAEF; font-weight: 700 }
.BlueLink:hover { border-bottom: none; color: #9EDAEF }
.BlueText { color: #009CD0 }
.WhiteBg { background: #fff }
.GreyBg { background: #eee; border-top: 1px solid #DFDEDE; border-bottom: 1px solid #DFDEDE }
.padding50 { padding-top: 50px!important }
.padding_top { margin: -30px 0 0 }
.padding_bottom { padding: 30px 15px 0!important }
.padding50_bottom { padding: 50px 15px 0!important }
.ContentBox { padding: 30px 15px }
.ContentBox img { margin: 0 auto }
.InnerContainer p { margin: 0 }
.ContentTitle { color: #222; font-size: 24px; margin: 0 0 20px }
.BottomBox { background: #E3E3E3 }
.BottomBox .RecentApps { font-family: 'Roboto', sans-serif; text-align: center; border-right: 1px solid #ccc; font-weight: 500; }
.BottomBox .RecentApps h5 { font-family: 'Roboto', sans-serif; font-size: 16px; text-transform: uppercase; margin: 15px 0 ; font-weight: 500;}
.BottomBox .RecentApps a { width: 33%; display: block; margin: 0 0 15px; float: left }
.BottomBox .RecentApps a:focus, .BottomBox .RecentApps a:hover { color: #333; text-decoration: none }
.BottomBox .RecentApps span { font-size: 16px; display: block; margin: 5px 0 0 }
.BottomBox .FeaturesList h2 { color: #222; margin: 50px 0 0 10px; float: left }
.BottomBox .FeaturesList button { margin: 60px 10px 0 0; float: right }
.AttendeeSection { background: url(../responsive_images/attendee_icon.png) 15px 2px no-repeat; padding: 0 15px 0 115px }
.SecuritySection { background: url(../responsive_images/security_icon.png) 15px 2px no-repeat; padding: 0 15px 0 115px }
.AnnouncementSection { background: url(../responsive_images/announcement_icon.png) 15px 2px no-repeat; padding: 0 15px 0 135px }
.Banner .BannerImage .HealthGetStart, .Banner .BannerImage .SportGetStart { left: 415px; bottom: 50px; position: absolute }
.EventReminders .Image1 { margin: 18px 0 0 }
.ProductPage { background: #fff }
.ProductPage .Heading { background: #eee; padding: 15px; margin: 0 0 0 -15px; width: 115% }
.ProductPage p { margin: 20px 0 }
.PolicyPage { background: #fff }
.PolicyPage .Heading { background: #eee; padding: 15px; margin: 0 0 0 -15px; width: 115% }
.PolicyPage p { margin: 20px 0 }
.PolicyPage .Title { color: #005f6b; font-size: 18px; margin: 0 0 2px }
.SitemapPage { background: #fff }
.SitemapPage .Heading { background: #eee; padding: 15px; margin: 0 0 0 -15px; width: 115% }
.SitemapPage .SitemapLinks { list-style: none; padding: 20px 0; margin: 0 }
.SitemapPage .SitemapLinks li { width: 50%; margin: 5px 0; float: left }
.SitemapPage .SitemapLinks li a { color: #009CD0 }
.SitemapPage .SitemapLinks li a:focus, .SitemapPage .SitemapLinks li a:hover { color: #fe9d00; text-decoration: none }
.ProductWrapper { margin: 0 0 30px }
.Product1 { text-align: center; width: 25%; margin: 0 4%; float: left }
.small_image { margin: 30px 0 0 }
.Product1 span { display: block; margin: 20px 0 0 }
.Product2 { text-align: center; width: 20%; margin: 0 1%; float: left }
.AppGallery { background: #fff; font-size: 12px; padding: 15px 0 0 }
.AppGallery #myTab3 { padding: 0 15px }
.AppGallery #myTab3 li a { background: #eee; font-size: 18px; font-weight: 700; color: #333; padding: 10px 20px; margin: 0 10px 0 0 }
.AppGallery #myTab3 li.active a { background: #fff; color: #005F6B }
.AppGallery #myTabContent3 { font-family: Helvetica; padding: 0 15px }
.AppGallery #myTabContent3 .tab-pane { padding: 15px 0 0 }
.AppBox { background: #eee; width: 47.7%; margin: 0 0 15px 1.5%; padding: 15px 0; border: 1px solid #DFDEDE; float: left }
.AppBox .col-md-3 { width: 18%; padding: 0 0 0 15px }
.AppBox .col-md-9 { width: 82% }
.AppBox .Title { color: #005f6b; font-size: 18px; margin: 0 0 8px }
.AppBox p { margin: 0 0 10px }
.AppBox span { display: block }
.AppBox .Icons { margin: 14px 0 2px }
.Ignite p { height: 137px }
.Florida p { height: 189px }
.SPBT p { height: 240px }
.JWN p { height: 308px }
.Trinity p { height: 171px }
.ContactPage p { margin: 0 0 10px }
.ContactPage .EmailBox { font-size: 16px; margin: 30px 0 0 }
.ContactPage .EmailBox div { padding: 0 }
.ContactPage .EmailBox i { font-size: 24px; color: #666; margin: 0 5px 0 0; position: relative; top: 3px }
.ContactPage .EmailBox span { display: block; color: #005F6B; font-size: 18px; margin: 0 0 10px }
.ContactPage .EmailBox .EmailContent { background: #e5e5e5; font-weight: 400; border-radius: 4px; -webkit-border-radius: 4px; padding: 15px }
.ContactPage .WhiteBox { background: #fff; padding: 15px; margin: 26px 2% 30px; width: 46%; border: 1px solid #ddd; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 5px 0 #ccc; -webkit-box-shadow: 0 5px 0 #ccc }
.ContactPage .WhiteBox form { font-family:'Roboto', sans-serif; font-size: 13px }
.ContactPage .WhiteBox .form-group { width: 45%; margin: 0 3% 4% 2%; float: left }
.ContactPage .WhiteBox .form-group label { font-family: 'Roboto', sans-serif; font-weight: 500; display: block }
.ContactPage .WhiteBox .CheckGroup { width: 100% }
.ContactPage .WhiteBox .CheckGroup label { display: block }
.ContactPage .WhiteBox .CheckGroup input[type=checkbox] { position: relative; top: 2px; margin: 0 3px 0 0 }
.ContactPage .WhiteBox .CheckGroup .CheckEmail, .ContactPage .WhiteBox .CheckGroup .CheckPhone { font-family:'Roboto', sans-serif; font-weight: 400; display: inline }
.ContactPage .WhiteBox .form-group select { width: 100%; border: 1px solid #ccc; padding: 7px 10px; border-radius: 4px; -webkit-border-radius: 4px }
.ContactPage .WhiteBox .CommentBox { width: 96% }
.ContactPage .WhiteBox .CommentBox textarea { width: 100%; height: 100px; border: 1px solid #ccc; padding: 5px 10px; resize: none; border-radius: 4px; -webkit-border-radius: 4px }
.ContactPage .WhiteBox form .GetStarted { margin: 20px 0 }
.FeaturePage { font-family:'Roboto', sans-serif; padding: 15px; background: #eaeaea }
.FeaturePage .FeatureTabs { background: #fff; padding: 15px 0 15px 15px; border-radius: 5px; -webkit-border-radius: 5px; width: 27%; border: 1px solid #ddd; float: left }
.FeaturePage .FeatureTabs .FeatureTabTitle { display: none; width: 100%; margin: 0 0 10px }
.FeaturePage .FeatureTabs .navbar-toggle { z-index: 999; width: 100%; position: relative; background: #fff }
.FeaturePage .FeatureTabs .navbar-collapse { width: 100%; padding: 0; background: #fff; max-height: 100% }
.FeaturePage .FeatureTabs .FeatureNav { margin: 0; padding: 0; list-style: none }
.FeaturePage .FeatureTabs .FeatureNav li a { font-weight: 700; font-size: 16px; display: block; border-bottom: 1px solid #d5d5d5; position: relative }
.FeaturePage .FeatureTabs .FeatureNav li a:focus, .FeaturePage .FeatureTabs .FeatureNav li a:hover { color: #333; text-decoration: none }
.FeaturePage .FeatureTabs .FeatureNav li a.First { border-top: 1px solid #d5d5d5; border-radius: 7px 0 0; -webkit-border-radius: 7px 0 0 }
.FeaturePage .FeatureTabs .FeatureNav li a.First img { border-radius: 7px 0 0; -webkit-border-radius: 7px 0 0 }
.FeaturePage .FeatureTabs .FeatureNav li a.Last, .FeaturePage .FeatureTabs .FeatureNav li a.Last img { border-radius: 0 0 0 7px }
.FeaturePage .FeatureTabs .FeatureNav li a img { margin: 0 10px 0 0 }
.FeaturePage .FeatureTabs .FeatureNav li a .arrow { display: none; position: absolute; top: 0; right: -33px; margin: 0; border-radius: 0!important; -webkit-border-radius: 0!important }
.FeaturePage .FeatureTabs .FeatureNav li .selected .arrow, .FeaturePage .FeatureTabs .FeatureNav li a:hover .arrow { display: block }
.FeaturePage .FeatureContent { width: 70%; float: right }
.FeaturePage .FeatureContent p { margin: 0 0 20px }
.FeaturePage .FeatureContent img { margin: 0 0 10px }
.FeaturePage .FeatureContent .row p { margin: 30px 0 20px }
.BorderBottom { border-bottom: 1px solid #ddd; margin: 0 0 15px }
.NoMarginBottom { margin-bottom: 0!important }
.NoMarginTop { margin-top: 0!important }

.section.TabSection div#myTabContent  .pull-right.RightPane {
    height: auto !important;
}

.section.TabSection div#myTabContent .pull-right.RightPane a {
    color: #23a3ec;
}
.section.TabSection div#myTabContent  .pull-right.RightPane .ReadMore {
    position: relative;
    bottom: 0; 
    float: right;
    margin-top: 10px;
}
.LoginSection{padding-right: 50px;}
.HeaderSection{padding-right: 70px;}


/*new footer css*/

.section.FooterSection {
    padding: 50px 0px !important;
    border-top: 1px solid #d6d0d0;
    background: #2c87bf;
}
.section.FooterSection ul{
  padding: 0px;
  margin: 0px;
}
.section.FooterSection ul li {
    list-style: none;
    margin-bottom: 12px;
}
.section.FooterSection ul li:last-child{
  margin-bottom: 0px;
}
.section.FooterSection ul li a{
  color: #fff;
}
.section.FooterSection h2 { 
    font-size: 28px;
    color: #ffffff; 
    margin: 0 0 10px 0;
    font-weight: 700;
    text-transform: capitalize;
}
.Copyright-bottom .SocialIconBox{
  text-align: right;
}
.Copyright-bottom {
    padding: 10px 0 8px 0;
    background: #232020;
    color: #fff;
    border-top: 1px solid #4c4b4b;
}
.Copyright-bottom p{
  margin-bottom: 0px !important;
  line-height: 28px;
}
.Copyright-bottom .SocialIconBox i.fa {
    font-size: 25px;
    color: #fff;
    padding: 0 0px 0 16px;
}
.Copyright-bottom .SocialIconBox i.fa.fa-facebook.fb.SocialIcons {
    font-size: 22px;
}
/*new footer css end*/

.slide .Caption2 .GetStart2 {
    position: absolute;
    left: 0;
    top: 66%;
}

.slide .Caption2 {
    top: 32%;
    left: 5%;
}

.slide {
    font-family: 'Roboto', sans-serif; font-weight:400;
    height: 437px!important;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.FeaturePage .FeatureTabs .navbar-toggle {
    z-index: 99 !important;
}

div#myCarousel.new-carousel:after {
    top: 0 !important;
}

/*ul#myTab li a {
    background: url(../responsive_images/newTabSection-sprite.png) no-repeat !important;
}*/


@media only screen and (min-width:320px) and (max-width:480px) {
  
.Logo { width: 250px }
.Logo img { width: 90% }
.navbar-toggle { position: absolute; right: 0; top: 30px; margin: 0 }
.LoginSectionWrapper { background: #111; padding: 1px 15px }
.LoginSection { position: static }
.LoginSection li { font-size: 12px }
.navbar-header { width: 100%; margin: 0!important; position: relative }
.navbar-collapse { background: #000; float: none!important; opacity: .9 }
.NavigationSection { padding: 10px 0; margin: 0 }
.NavigationSection li a { border-left: 7px solid transparent; border-bottom: none; padding: 5px 10px; margin: 0 }
.NavigationSection li a.active, .NavigationSection li a:hover { border-left: 7px solid #0CF; border-bottom: none }
.NavigationSection li a:focus { border-bottom: none!important }
.NavigationSection li .dropdown-toggle.focus { background: 0 0 }
.sub-menu { padding: 0 }
.sub-menu li a { padding: 4px 10px 4px 20px!important; font-size: 14px }
.sub-menu li a.active, .sub-menu li a:hover { background: #0CF!important; color: #000 }
.slide .carousel-control { top: 58%; width: 35px; height: 60px; z-index: 999 }
.itemInner { width: 100%; max-width: 100%; height: 100%!important }
.slide { height: 80%!important }
.fill { background-size: cover!important; background-position: center 35px!important }
.slider1, .slider2, .slider3 { background: 0 0 }
.slide .Caption1 { font-size: 2em; left: 15%; top: 40%; line-height: 1.2em }
.slide .Caption1 .GetStart1 { top: 68%; line-height: 1.4em }
.slide .Caption2 { font-size: 1.4em; left: 15%; top: 40%; width: 85%; line-height: 1.2em }
.slide .Caption2 .GetStart2 { top: 62%!important; line-height: 1.4em }
.slide .Caption3 { font-size: 1.2em!important; left: 15%; top: 38%!important; line-height: 1.3em }
.slide .Caption3 .GetStart3 { left: 10%; top: 79%; line-height: 1.4em }
.TabSection .container { padding: 0 }
.TabSection .nav-tabs li { width: 20% }
.TabSection .nav-tabs li a { height: 60px; line-height: 50px; padding: 0; display: block; text-align: center }
.TabSection .nav-tabs li a span { height: 15px; display: block; padding: 0; margin: -3px 0 0; overflow: hidden }
.TabSection .nav-tabs li.active a .tab-arrow, .TabSection .nav-tabs li:focus a .tab-arrow, .TabSection .nav-tabs li:hover a .tab-arrow { font-size: 24px; position: absolute; top: -2px; left: 25px; color: #eee; display: block }
.TabSection .tab-pane { height: auto!important; padding: 0 }
.TabSection .tab-pane h2 { padding: 15px 15px 10px }
.TabSection .tab-pane .LeftPane { width: 100%; margin: 10px 0 }
.TabSection .tab-pane .RightPane { width: 100%; height: auto; margin: 5px 0 }
.tab-pane .RightPane ul li.Title { margin: 0 0 10px }
.ReadMore { position: inherit; width: 100%; margin: 20px 0 }
.ProductSection { padding: 0!important }
.ProductSection h2 { text-align: center; margin: 10px 0 0; padding: 10px 0 0 }
.ProductSection .ProductBox { height: auto; border-bottom: 1px solid #eee; padding: 15px 15px 20px }
.ProductSection .ProductBox a { position: static; margin: 10px 0 }
.TestimonialSection { padding: 0!important }
.TestimonialSection h2 { padding: 20px 0 10px }
.TestimonialSection .TestimonialBox { padding: 10px 15px 0;    border-right: none; }
.FeatureNewsSection .NewsSection { border-bottom: 1px solid #ddd; padding: 0 15px 10px; margin: 0 0 10px }
.FeatureNewsSection #myTab2 li { margin: 15px 5px 15px 0; width: 32% }
.FeatureNewsSection #myTabContent2 .slideshow a { width: 140px }
.FeatureNewsSection #myTabContent2 .slideshow a img { width: 100% }
.FeatureNewsSection ul li .NewsImage { width: 50px }
.FeatureNewsSection ul li .NewsDesc { width: 82% }
.FooterSection .navbar-header .navbar-toggle { z-index: 999; top: -56px; right: 15px; border: 1px solid #535353!important }
.FooterSection .navbar-header .navbar-toggle .icon-bar { background: #535353 }
.FooterSection .col-md-9 { padding: 0 }
.FooterSection .navbar-collapse { overflow: hidden;     overflow-y: auto; padding: 0 }
.FooterSection .navbar-collapse ul { margin: 0 }
.FooterSection .navbar-collapse ul li { margin: 0; border-left: none }
.FooterSection .navbar-collapse ul li a { background: #222; color: #aaa; margin: 0; padding: 10px 15px }
.FooterSection .navbar-collapse ul li a.active, .FooterSection .navbar-collapse ul li a:hover { background: #111; text-decoration: none; color: #fff }
.navbar { margin: 0 }
.InnerContainer { margin: 15px; overflow: hidden }
.Banner .BannerCaption .col-md-7 { padding: 0 15px 15px; margin: 0 0 10px; border-bottom: 1px solid #008BB7 }
.Banner .BannerCaption i { width: 16%; text-align: center }
.Banner .BannerCaption p { width: 77% }
.Banner .BannerCaption p br { display: none }
.Banner .BannerCaption p a, .Banner .BannerCaption p span { margin: 0 0 0 5px }
.Banner .BannerImage { width: 188% }
.Banner .BannerImage .ConferenceGetStart { padding: 5px 10px; bottom: 7px; left: 17px; font-size: 16px }
.Banner .HealthBannerImg { margin: 0 0 0 -220px!important; width: 210%!important }
.Banner .HealthBannerImg .HealthGetStart { left: 225px!important; bottom: 10px!important }
.Banner .EnterpriseBannerImg { width: 250% }
.Banner .EnterpriseBannerImg img { margin: 0 0 0 -10px }
.Banner .EnterpriseBannerImg .EnterpriseGetStart { position: absolute; left: 25px; bottom: 18px }
.Banner .SportBannerImg img { margin: 0 0 0 -184px }
.Banner .SportBannerImg .SportGetStart { left: 15px; bottom: 10px }
.ContentBox .ContentTitle { margin: 20px 0 }
.ContentBox p { margin: 0 0 20px }
.BottomBox .RecentApps { border-bottom: 1px solid #ccc }
.BottomBox .FeaturesList h2 { font-size: 25px; margin: 10px 0 0 }
.BottomBox .FeaturesList button { margin: 0 0 20px; width: 100% }
.Interactivity { padding-top: 0!important }
.Illustrated .padding_top { padding-top: 30px }
.EnterpriseEvents .padding_top { margin: 0 }
.Sharing { padding-top: 0!important }
.Sharing .padding_top { margin: 0!important }
.Attendees .padding_top, .NewsCasts .padding_top { margin: 0 }
.QRCodes, .Survey { padding: 0 15px!important }
.QRCodes .padding_top { padding: 30px 0!important }
.AttendeeSection { background-position: center 2px; padding: 70px 15px 20px 0; margin: -20px 0 0; text-align: center; border-bottom: 1px solid #ddd }
.AnnouncementSection, .SecuritySection { background-position: center 2px; padding: 70px 15px 0 0; text-align: center }
.AttendeeSection p { margin: 0 }
.SecuritySection { margin: 20px 0 0 }
.SecuritySection p { margin: 0 }
.AnnouncementSection { margin: -20px 0 0 }
.AnnouncementSection p { margin: 0 }
.Product1 { margin: 0 0 20px; width: 100% }
.AppBox { margin: 0 0 15px 4%; width: 92% }
.AppBox .col-md-3 { width: 100px; float: left }
.AppBox .col-md-9 { width: 100% }
.AppBox p { height: auto; margin: 0 0 20px }
.AppBox .Icons a img { margin: 0 2px 5px 0 }
.AppGallery #myTab3 { padding: 0 5px }
.AppGallery #myTab3 li { width: 46%; margin: 0 2% -1px }
.AppGallery #myTab3 li a { text-align: center; padding: 10px 0; margin: 0 }
.ContactPage .WhiteBox, .ContactPage .WhiteBox .form-group { width: 96% }
.ContactPage .EmailBox div { width: 100%; margin: 0 0 10px }
.ContactPage .WhiteBox form .GetStarted button { width: 100% }
.FeaturePage .FeatureTabs { background: 0 0; padding: 0; width: 100%; border: none }
.FeaturePage .FeatureContent { width: 100%; padding: 0; margin-top: 15px;}
.FeaturePage .FeatureContent .row p { margin: 0 0 20px }
.FeaturePage .FeatureTabs .navbar-toggle { height: 55px; line-height: 54px; padding: 0 10px 0 0; border: 1px solid #bbb!important; text-align: left; overflow: hidden }
.FeaturePage .FeatureTabs .navbar-toggle:focus, .FeaturePage .FeatureTabs .navbar-toggle:hover { background: #fff!important }
.FeaturePage .FeatureTabs .navbar-toggle i { position: absolute; top: 18px; right: 10px }
.FeaturePage .FeatureTabs .navbar-collapse { background: 0 0 }
.FeaturePage .FeatureTabs .FeatureNav { background: #fff; margin: 15px 0 0; border-radius: 7px; -webkit-border-radius: 7px }
.FeaturePage .FeatureTabs .navbar-toggle span { display: block; padding: 0 0 0 80px; font-size: 16px; font-weight: 700; color: #333 }
.FeaturePage .FeatureTabs .navbar-toggle .Overview { background: url(../responsive_images/icon/over_view_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .CMS { background: url(../responsive_images/icon/cms_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .Branding { background: url(../responsive_images/icon/branding_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .Sponsor { background: url(../responsive_images/icon/sponsor_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .Alert { background: url(../responsive_images/icon/alert_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .Schedule { background: url(../responsive_images/icon/schedule_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .Speaker { background: url(../responsive_images/icon/speakers_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .Map { background: url(../responsive_images/icon/maps_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .Attendee { background: url(../responsive_images/icon/attendee_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .Social { background: url(../responsive_images/icon/social_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .Exhibitor { background: url(../responsive_images/icon/exhibitor_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .Survey { background: url(../responsive_images/icon/surveys_icon.jpg) no-repeat; display: block; padding: 0 0 0 80px!important }
.FeaturePage .FeatureTabs .navbar-toggle .Analytic { background: url(../responsive_images/icon/analytics_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .navbar-toggle .Lead { background: url(../responsive_images/icon/lead_generation_icon.jpg) no-repeat; display: block }
.FeaturePage .FeatureTabs .FeatureNav li a.First { border-top: 1px solid #d5d5d5; border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0 }
.FeaturePage .FeatureTabs .FeatureNav li a.First img { border-radius: 7px 0 0; -webkit-border-radius: 7px 0 0 }
.FeaturePage .FeatureTabs .FeatureNav li a.Last { border-radius: 0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px }
.FeaturePage .FeatureTabs .FeatureNav li a.Last img { border-radius: 0 0 0 7px; -webkit-border-radius: 0 0 0 7px }
.FeaturePage .FeatureTabs .FeatureNav li .selected .arrow, .FeaturePage .FeatureTabs .FeatureNav li a .arrow, .FeaturePage .FeatureTabs .FeatureNav li a:hover .arrow { display: none }
.FeaturePage .FeatureTabs .FeatureTabTitle { display: block; text-align: left }
}
@media only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) {
.navbar-toggle { top: 26%!important }
.Banner .BannerImage { width: 181% }
.Banner .BannerImage .ConferenceGetStart { bottom: 22px; left: 28px }
.BottomBox .FeaturesList button { margin: 20px 0; padding: 12px 20px; width: auto }
.Banner .HealthBannerImg { margin: 0 0 0 -160px!important; width: 156%!important }
.Banner .HealthBannerImg .HealthGetStart { left: 272px!important; bottom: 16px!important }
.Banner .SportBannerImg img { margin: 0 0 0 -286px }
.Banner .SportBannerImg .SportGetStart { left: 25px; bottom: 30px }
.slide .Caption1 { width: 70%!important }
.slide .Caption2 { width: 80%!important; font-size: 1.6em!important }
.slide .Caption3 { width: 82%!important; left: 9%!important; text-align: center; font-size: 1.4em!important }
.slide .Caption3 .GetStart3 { top: 55%!important }
.AppGallery #myTab3 li a.RecentCustomApps { text-align: center; height: 74px; line-height: 54px; padding: 10px 0; margin: 0 }
.AppGallery #myTab3 li a { padding: 10px 0 12px }
.TabSection .nav-tabs li.active a .tab-arrow, .TabSection .nav-tabs li:focus a .tab-arrow, .TabSection .nav-tabs li:hover a .tab-arrow { font-size: 24px; position: absolute; top: -2px; left: 41px; color: #eee; display: block }
.ContactPage .EmailBox div { float: left; width: 50% }
.ReadMore { margin: 15px 0!important }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.Multilevel .ContentTitle, .ProductSection .ProductBox h3 { white-space: nowrap }
.Banner .BannerCaption p br, .FeaturePage .FeatureTabs .FeatureNav li a:hover .arrow, .slide .Caption2 br, .slide .Caption3 br { display: none }
.container { width: auto }
.Logo img { width: 330px }
.navbar { border-radius: 0; margin: 0; border: none }
.navbar-header { width: 22% }
.navbar-collapse { padding: 0 15px 0 0 }
.NavigationSection { margin: 82px 0 0 }
.NavigationSection li a { margin: 0 0 0 12px }
.carousel-control { z-index: 9999 }
.itemInner { width: auto }
.slide { height: 500px !important }
.slider1 { background-position: -466px 0!important }
.slide .Caption1 { top: 39%; left: 8%; width: 50%; font-size: 2.8em; line-height: 1.4em }
.slide .Caption1 .GetStart1 { top: 42%; line-height: 1.4em }
.slide .Caption2 { top: 37%; left: 8%; width: 55%; font-size: 2.6em; line-height: 1.3em }
.slide .Caption2 .GetStart2 { top: 67%; line-height: 1.4em }
.slider3 { background-size: contain!important; width: 115%!important; background-position: -56px bottom!important }
.slide .Caption3 { top: 25%; left: 10%; width: 80% }
.slide .Caption3 .GetStart3 { top: 30%; left: 36% }
.TabSection .container { padding: 0 }
.TabSection .tab-content { padding: 0 15px }
.TabSection .nav-tabs { border-bottom: 1px solid #535353 }
.TabSection .nav-tabs li { border-bottom: 2px solid #535353 }
.TabSection .nav-tabs li.active a .tab-arrow, .TabSection .nav-tabs li:hover a .tab-arrow { font-size: 35px; height: 22px }
.TabSection .nav-tabs li a { font-size: 13px }
.tab-pane .LeftPane { width: 208px }
.tab-pane .RightPane { width: 71%; height: 270px; float: left!important }
.ProductSection .ProductBox { width: 33%; height: 272px; float: left }
.TestimonialSection .TestimonialBox { }
.FeatureNewsSection ul li .NewsDesc { width: 85% }
.FeatureNewsSection #myTab2 li, .FeatureNewsSection #myTab2 li:last-child { margin: 15px 7px }
.FeatureNewsSection #myTabContent2 .slideshow a { margin: 15px 12px }
.FooterSection .col-md-3 { width: 27%; padding-right: 0; float: left }
.FooterSection .col-md-9 { width: 72%; float: right }
.FooterSection .navbar-collapse li { margin: 30px 0 30px 5px }
.FooterSection .navbar-collapse ul li a { margin: 0 0 0 5px }
.InnerContainer { margin: 20px; overflow: hidden }
.Banner .BannerImage { width: 105% }
.Banner .BannerImage .ConferenceGetStart { bottom: 12px; left: 25px }
.Banner .BannerCaption .col-md-7 { width: 53%; float: left }
.Banner .BannerCaption .col-md-5 { width: 47%; float: right }
.Banner .BannerCaption p { width: 82% }
.Banner .BannerCaption p a, .Banner .BannerCaption p span { margin: 0 0 0 5px }
.Banner .BannerCaption .fa-caret-down { font-size: 60px; top: 45px; left: 50% }
.BottomBox .FeaturesList { text-align: center }
.BottomBox .FeaturesList h2 { width: 100%; text-align: center; margin: 35px 0 0 }
.BottomBox .FeaturesList button { margin: 0; float: none }
.Multilevel p, .QRCodes p { margin: 0 0 20px }
.Banner .BannerImage .HealthGetStart { left: 303px; bottom: 25px }
.Banner .EnterpriseBannerImg .EnterpriseGetStart { position: absolute; left: 40px; bottom: 25px }
.Multilevel img { position: relative; bottom: -24px }
.QRCodes img { position: relative; bottom: -16px }
.MultiEvents img { margin: 44px 0 0 }
.MultiEvents p { margin: 0 0 20px }
.Illustrated { padding-bottom: 20px!important }
.Illustrated .padding_top { margin: 0 }
.NewsCasts .padding_top, .Sharing .padding_top { margin: -30px 0 0 }
.Banner .BannerImage .SportGetStart { left: 300px; bottom: 30px }
.EventReminders .Image1 { margin: 170px 0 0 }
.EventReminders .Image2 { margin: 108px 0 0 }
.AppBox .col-md-3 { width: 85px; float: left }
.AppBox .col-md-9 { width: 75%; float: left }
.Ignite p { height: 206px }
.Florida p { height: 289px }
.SPBT p { height: 255px }
.JWN p { height: 494px }
.Trinity p { height: 237px }
.AppBox .Icons a { margin: 0 10px 10px 0; width: 85px; float: left }
.FeaturePage .FeatureTabs { width: 39% }
.FeaturePage .FeatureContent { width: 57% }
.FeaturePage .FeatureTabs .FeatureNav li a:focus .arrow { display: block }

}

 @media (min-width:1199px) {
  .slick-initialized .slick-slide {
    display: block;
    padding: 0px 85px;
}
.TestimonialSection .carousel-controls.testimonial-carousel-controls {
  position: initial;
  margin: 0px 25px;
}
}
@media (max-width:1024px) {
.TabSection .nav-tabs li a { display: block; font-size: 14px; padding-left: 52px }
.TabSection .nav-tabs li a img { width: 42px; top: 13px }
.TabSection .nav-tabs li a span { width: 83px; display: block; line-height: 20px; padding: 9px 0 }
.TabSection .nav-tabs li.active a .tab-arrow { height: 15px; top: 40px }
.TabSection .nav-tabs li:hover a .tab-arrow { height: 15px }
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
.ContactPage .EmailBox div { width: 100%; margin: 0 0 20px }
.FeaturePage .FeatureContent .row div { width: 100% }
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
.navbar-header { width: auto }
.NavigationSection li a { margin: 0 0 0 20px }
.slider1 { background-position: -200px 0!important }
.slide .Caption1 { top: 39%; left: 6%; width: 50% }
.slide .Caption1 .GetStart1 { top: 42% }
.slide .Caption2 { top: 37%; left: 6%; width: 46%; font-size: 2.6em; line-height: 1.3em }
.slide .Caption2 .GetStart2 { top: 49%; line-height: 1.4em }
.slide .Caption2 br { display: none }
.slider3 { background-position: -74px bottom!important }
.slide .Caption3 .GetStart3 { top: 23%; left: 36% }
.TabSection .nav-tabs li.active, .TabSection .nav-tabs li:focus, .TabSection .nav-tabs li:hover { border-bottom: none }
.TabSection .nav-tabs li.active a .tab-arrow, .TabSection .nav-tabs li:hover a .tab-arrow { height: 20px; left: 41% }
.tab-pane .RightPane { height: 230px }
.ProductSection .ProductBox { height: 255px }
.FeatureNewsSection #myTab2 li { margin: 15px 28px 15px 0 }
.FeatureNewsSection #myTab2 li:last-child { margin: 15px 0 }
.FeatureNewsSection #myTabContent2 .slideshow a { margin: 15px 4px }
.FooterSection .navbar-collapse li { margin: 30px 0 30px 15px }
.FooterSection .navbar-collapse ul li a { margin: 0 0 0 15px }
.Banner .BannerImage { width: 104% }
.Banner .BannerImage .ConferenceGetStart { bottom: 25px; left: 35px }
.Banner .EnterpriseBannerImg .EnterpriseGetStart { position: absolute; left: 50px; bottom: 50px }
.Banner .BannerImage .HealthGetStart { left: 412px; bottom: 50px }
.Banner .BannerImage .SportGetStart { left: 408px; bottom: 50px }
.Multilevel img, .QRCodes img { position: relative; bottom: 0 }
.BottomBox .FeaturesList { text-align: inherit }
.BottomBox .FeaturesList h2 { width: auto; text-align: inherit; margin: 50px 0 0 10px }
.BottomBox .FeaturesList button { margin: 60px 10px 0 0; float: right }
.MultiEvents img { margin: 0 }
.Multilevel p, .QRCodes p { margin: 0 0 20px }
.Illustrated { padding-bottom: 0!important }
.Illustrated .padding_top { margin-top: -30px }
.EventReminders .Image1 { margin: 25px 0 0 }
.EventReminders .Image2 { margin: 0 }
.AppBox .col-md-9 { width: 81% }
.Ignite p { height: 137px }
.Florida p { height: 185px }
.SPBT p { height: 237px }
.JWN p { height: 305px }
.Trinity p { height: 170px }
.AppBox .Icons a { margin: 0; width: auto; float: none }
.FeaturePage .FeatureTabs { width: 29% }
.FeaturePage .FeatureContent { width: 68% }
}

@media(max-width: 767px){


.navbar-header.pull-left {
    width: 100%;
}
.logoboxbg.slideshow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.logoboxbg.slideshow a span{
  font-size: 12px;
}

.LoginSection li { 
    font-size: 13px;
    margin: 0 0 0 0px; 
} 
.LoginSection li i { 
    font-size: 13px;
}
.LoginSection li i.fa.fa-mobile-phone.fa-2x{
  font-size: 19px;
  position: relative;
  top:2px;
}
.LoginSection li:nth-child(even) {
    margin-left: 10px;
    margin-right: 10px;
}
.LoginSection {
    padding-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.HeaderSection {
    padding-right: 15px;
}
.section.TabSection{
  overflow: hidden;
}

}

@media only screen and (min-width:320px) and (max-width:568px) {
.jAnnouncment-wrap img { display: block; margin: 0px auto; }
.HeaderSection .navbar-collapse { overflow: hidden }
.slide { height: 70%!important }
.slide .Caption1 .GetStart1 { top: 58% }
.slide .Caption2 { top: 43% }
.slide .Caption2 .GetStart2 { top: 55% }
.slide .Caption3 { font-size: 1.4em; top: 35% }
.slide .Caption3 .GetStart3 { top: 72% }
.TabSection .nav-tabs li a { height: 60px; line-height: 50px; padding: 0; display: block; text-align: center }
.TabSection .nav-tabs li a img { position: static }
.TabSection .nav-tabs li.active a .tab-arrow, .TabSection .nav-tabs li:focus a .tab-arrow, .TabSection .nav-tabs li:hover a .tab-arrow { font-size: 24px; position: absolute; top: 43px; color: #eee; display: block }
.TabSection .nav-tabs li a span { overflow: hidden; height: 1px; padding: 0 }
.TabSection .nav-tabs li.active a .tab-arrow { left: 50%; margin-left: -7px; text-indent: inherit }
.FeatureSection #myTabContent2 .rg_slide { min-height: 280px }
}
@media only screen and (min-width:320px) and (max-width:568px) and (orientation:landscape) {
.LoginSection { top: 5px }
.navbar-header { width: 100% }
.navbar-toggle { position: absolute; top: 50px; right: 0 }
.navbar-collapse { background: #000; opacity: .9; width: 568px; max-height: 372px; margin: 0 0 0 -15px!important; padding: 0!important; float: none!important }
.NavigationSection { padding: 10px 0; margin: 0 }
.NavigationSection li a { border-left: 7px solid transparent; padding: 5px 10px }
.NavigationSection li a.active, .NavigationSection li a:focus, .NavigationSection li a:hover { border-left: 7px solid #0CF; border-bottom: none!important }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { background: 0 0 }
.TabSection .nav-tabs li.active a .tab-arrow { left: 47px }
.NavigationSection li .sub-menu { padding: 0 }
.NavigationSection li .sub-menu li { margin: 0 20px }
.NavigationSection li .sub-menu li a { font-size: 14px }
.NavigationSection li .sub-menu li a.active, .NavigationSection li .sub-menu li a:focus, .NavigationSection li .sub-menu li a:hover { background: #0CF!important; color: #000!important; border-left: 7px solid transparent!important }
.slide { height: 100%!important }
.slide .Caption1 { top: 42%; width: 32%; font-size: 2.4em }
.slide .Caption1 .GetStart1 { top: 65%; left: 1% }
.slide .Caption2 { top: 42%; width: 33%; font-size: 1.8em }
.slide .Caption2 .GetStart2 { top: 72% }
.slider3 { background: 0 0 }
.slide .Caption3 { top: 43%!important; width: 34%; left: 4%; font-size: 1.6em }
.slide .Caption3 br { display: none }
.slide .Caption3 .GetStart3 { left: 30%; top: 67% }
.carousel-control { top: 58% }
.tab-pane .LeftPane { width: 36% }
.tab-pane .RightPane { width: 63%; height: auto }
.ReadMore { position: inherit; margin: 15px 0 15px 40px }
.ProductSection { padding: 20px 0 0!important }
.ProductSection h2 { text-align: center }
.ProductSection .ProductBox { height: auto; border-bottom: 1px solid #eee; padding: 15px 15px 20px }
.ProductSection .ProductBox p { margin: 0 0 15px }
.ProductSection .ProductBox a { position: static }
.TestimonialSection { padding: 20px 0 0!important }
.TestimonialSection h2 { padding: 10px 0 }
.TestimonialSection .TestimonialBox { height: auto; border-bottom: 1px solid #008BB7; padding: 10px 15px 0 }
.FeatureSection #myTabContent2 .rg_slide { min-height: 280px }
.FooterSection .navbar-header .navbar-toggle { top: -64px; border: 1px solid #535353!important }
.FooterSection .navbar-toggle .icon-bar { background: #535353 }
.FooterSection .navbar-collapse {  overflow: hidden;  padding: 0 }
.FooterSection .navbar-collapse ul li { margin: 0; border-left: none }
.FooterSection .navbar-collapse ul li a { background: #222; color: #aaa; margin: 0; padding: 10px 15px }
.FooterSection .navbar-collapse ul li a.active, .FooterSection .navbar-collapse ul li a:hover { background: #111; text-decoration: none; color: #fff }
.FooterSection .navbar-collapse .navbar-nav { margin: 0 }
}


@media(max-width: 480px){
.section.FooterSection {
    padding: 15px 0 20px 0px !important; 
}
.section.FooterSection h2{
  font-size: 22px;
}
.section.FooterSection .fcol-1 {
    width: 40%;
}
.section.FooterSection .fcol-2 {
    width: 60%;
}
.section.FooterSection .fcol-3 {
    width: 100%;
}
.section.FooterSection h2{
  margin:0px;
}
.cb-left,.Copyright-bottom .SocialIconBox,.cb-right{
  width: 100%;
  text-align: center;
}
.Copyright-bottom i.fa.fa-twitter.tw.SocialIcons{
  padding-left: 0px;
}
.Copyright-bottom .SocialIconBox i.fa{
  font-size: 20px;
}
.Copyright-bottom .SocialIconBox i.fa.fa-facebook.fb.SocialIcons{
  font-size: 18px;
}
}
 


/*new home page css*/

.section.TabSection.new-TabSection {
    background: url(../responsive_images/tabs_bg-new.png) center top repeat-x #fff !important;
    padding-bottom: 60px !important;
} 
.section.TabSection.new-TabSection .nav-tabs, .section.TabSection.new-TabSection  .nav-tabs li a {
    background: #23a3ec; 
}
.section.TabSection.new-TabSection .nav-tabs li.active a .tab-arrow{
  color: #fff;
}

.new-header .Logo img {
    margin: 13px 0 15px 0;
    height: 54px;
}
.new-header.navbar-inverse { 
    background: #fff;
}
.new-header .NavigationSection li a,.new-header .LoginSection ,.new-header .LoginSection li a{ 
    color: #2d2929!important; 
}

.new-header .LoginSection li i.fa.fa-lock.fa-2x ,.new-header .LoginSection li i.fa.fa-envelope.fa-2x  {
    font-size: 20px;
    top: 1px;
    position: relative;
}
.new-header .LoginSection  i.fa-mobile-phone {
    font-size: 25px;
    position: relative;
    top: 2px;
}
.section.TabSection.new-TabSection .nav-tabs li a .tab-arrow {
    left: 0px !important;
    right: 0px !important;
    margin: 2px 0 0px 0;
    bottom: -3px;
    z-index: 1;
}
.section.TabSection.new-TabSection .nav-tabs li{
  border-bottom: none !important;
  position: relative;
}

.new-TabSection  .RightPane ul li {
    margin: 0 0 2px 5px;
}


section.TestimonialSection.New-TestimonialSection .carousel-controls.testimonial-carousel-controls .prev, 
section.TestimonialSection.New-TestimonialSection .carousel-controls.testimonial-carousel-controls .next{
  z-index: 2;
}

#myCarousel.new-carousel .itemInner {
    width:100%;
    max-width: 1350px; 
}
 

.new-header .HeaderSection {
    padding-right: 15px;
}
.new-header .LoginSection{
  padding-right: 0px;
} 
@media only screen  and (min-width : 768px)  and (max-width : 1024px)  {
.new-header.navbar-inverse .NavigationSection {
    margin: 42px 0 0;
}
.new-header.navbar>.container .navbar-brand {
    margin-left: 0;
}
.new-header.navbar-inverse .HeaderSection {
    padding-right: 15px !important;
        display: flex;
    justify-content: space-between;
}

.new-header .LoginSection { 
    padding-right: 0px;
}
.new-header .NavigationSection li a{
  margin: 0 0 0 10px;
}
.new-header .collapse.navbar-collapse.navbar-ex1-collapse.pull-right{
      padding-right: 15px !important;
    margin-left: auto;
}
}

 

@media(min-width: 1025px){
.section.TabSection.new-TabSection .nav-tabs li {
    width: auto;
    padding: 0 0px; 
}
 .section.TabSection.new-TabSection ul#myTab{
    display: flex;
    justify-content: center;
    align-items: center;
 }
}
@media(min-width: 992px){
  .section.TabSection.new-TabSection .nav-tabs li a { 
    /*white-space: nowrap; */
}
}
@media(min-width: 768px){
  .section.TabSection.new-TabSection .nav-tabs li a {
    border: none !important;
    display: flex;
    align-items: center; 
}
}


.section.TabSection.new-TabSection .nav-tabs li:before {
    background: #eef1f3;
    height: 36px;
    width: 1px;
    content: '';
    right: 0px;
    position: absolute;
    top: 14px;
    z-index: 1;
}

 
.section.TabSection.new-TabSection  .nav-tabs li a {
  border:none !important;
   font-size: 18px;
}
 
.section.TabSection.new-TabSection .nav-tabs li:last-child:before,
.section.TabSection.new-TabSection .nav-tabs li:last-child:after{
  display: none;
}



#myCarousel.new-carousel {
    background: #0369a2;
}
#myCarousel.new-carousel .carousel-inner>.item { 
    background: none !important;
    z-index: 2;
}
.New-TestimonialSection {
    margin-top: 0;
}
.section.New-ProductSection {
    padding-bottom: 60px !important;
    background: #ebf4f9;
}
.section.New-ProductSection h1{
  margin-bottom: 35px;
  color: #2d3540;
  font-weight: 500;
  text-align: center;
}
.prsec-icon {
  width: 103px;
    height: 103px;
    margin: 0 auto;
    background: #23a3eb;
    border-radius: 100%;
    margin-bottom: 15px;
    line-height: 106px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section.New-ProductSection .ProductBox a { 
    position: relative;
    left: inherit;
    bottom: inherit;
}
.section.New-ProductSection .ProductBox{
  height: auto;
}
.section.New-ProductSection a.readmore {
    color: #23a3eb !important;
    font-weight: 400 !important;
    font-size: 17px;
}
.section.New-ProductSection a.readmore:hover  {
    color: #535353 !important; 
}

div#myCarousel.new-carousel .slide { 
    height: 600px!important; 
}

div#myCarousel.new-carousel .slider4 {
  background: url(../responsive_images/slider/new-slider-img.webp) no-repeat;
  background-position: right bottom !important;
}
div#myCarousel.new-carousel .slider4 {
    background: url(../responsive_images/slider/new-slider-img.png) no-repeat;
    background-position: right bottom !important;
}
 
div#myCarousel.new-carousel .fill { 
    background-position: center bottom; 
}

div#myCarousel.new-carousel .heading-title {
    max-width: 620px;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400;
    line-height: 54px;
}

div#myCarousel.new-carousel:before {
    position: absolute;
    left: 0;
    bottom: 20px;
    content: '';
    background:#0369a2 url(../responsive_images/slider/slider-iconleft-bg.png) no-repeat;
    height: 140px;
    width: 50px; 
    z-index: 2;
}

div#myCarousel.new-carousel:after {
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    margin: 0 auto;
    content: '';
    background: url(../responsive_images/slider/slider-icontop-bg.png) no-repeat;
    height: 100px;
    width: 120px; 
}
.slider-btn a {
  padding: 12px 35px;
}

.blue-btn {
  /*  background: rgb(35,163,235) !important;
    background: -moz-linear-gradient(top, rgba(35,163,235,1) 0%, rgba(25,128,186,1) 99%) !important;
    background: -webkit-linear-gradient(top, rgba(35,163,235,1) 0%,rgba(25,128,186,1) 99%) !important;
    background: linear-gradient(to bottom, rgba(35,163,235,1) 0%,rgba(25,128,186,1) 99%) !important;*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23a3eb', endColorstr='#1980ba',GradientType=0 );
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    color: #fff !important;
    border-radius: 5px !important;
    box-shadow: none;
    min-width: 200px;
    text-align: center !important;
    min-height: 40px !important;
    border: 2px solid #f4a205 !important;
    font-size: 18px;
    background: #f4a205 !important;
}
.bw100 {
    min-width: 140px;
}
.new-header ul li a,.new-header ul li  {
    font-family: 'Lato', sans-serif !important;
}
.new-header .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0 !important;
}

.section.TabSection.new-TabSection ul#myTab li span,
.section.TabSection.new-TabSection div#myTabContent h2,
.section.TabSection.new-TabSection .tab-pane .RightPane ul li.Title,
.section.TabSection.new-TabSection .tab-pane .RightPane ul li,
.section.TabSection.new-TabSection div#myTabContent .pull-right.RightPane .ReadMore,
.section.ProductSection.New-ProductSection h1,.section.ProductSection.New-ProductSection h3,
.section.ProductSection.New-ProductSection p,
.New-TestimonialSection .TestimonialBox p
{
  font-family: 'Lato', sans-serif !important;
}

.section.TabSection.new-TabSection .nav-tabs li a span {
    padding: 0;
    line-height: 20px;
    padding-left: 0px;
}

.section.ProductSection.New-ProductSection h3 {
    margin: 0 0 16px 0;
    font-size: 25px;
    font-weight: 600;
    color: #2d3540;
}
.section.ProductSection.New-ProductSection p{
  font-size: 17px;
  line-height: 26px;
}
.section.TabSection.new-TabSection div#myTabContent h2{
  display: none;
}
.section.TabSection.new-TabSection div#myTabContent {
    padding-top: 20px;
    background: white;
    border-radius: 12px;
    position: relative;
    top: 7px;
    box-shadow: 1px 2px 10px #c7c2c2;
    padding-bottom: 20px;
}
a.white-label{
  font-size: 17px !important;
}
.section.TabSection.new-TabSection li.Title {
    font-size: 24px !important;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 28px;
}
.section.TabSection.new-TabSection .tab-pane .RightPane ul li {
    font-size: 18px;
    background-position: 0 8px;
}
.section.TabSection.new-TabSection .nav-tabs li a{
  position: relative;
}
.section.TabSection.new-TabSection .nav-tabs li a:before {
    content: '';
    height: 26px;
    width: 31px;
    background: #23a3ec url(../responsive_images/newTabSection-sprite.png) no-repeat !important;
    position: absolute;
    left: 5px;
     background-position: 0 0; 
    background-size: 257px !important; 
    display: none;
   
}

.section.TabSection.new-TabSection .nav-tabs li.ntb1.active a:before { 
  background-position: 0px -42px !important; 
}
.section.TabSection.new-TabSection .nav-tabs li.ntb2 a:before { 
    background-position: -53px 0px !important;  
}
.section.TabSection.new-TabSection .nav-tabs li.ntb2.active a:before { 
     background-position: -53px -42px !important; 
}

.section.TabSection.new-TabSection .nav-tabs li.ntb3 a:before { 
   background-position:-106px 0px !important;  
}
.section.TabSection.new-TabSection .nav-tabs li.ntb3.active a:before { 
  background-position:-106px -42px !important; 
}
.section.TabSection.new-TabSection .nav-tabs li.ntb4 a:before { 
   background-position:-162px 0px !important;  
  
}
.section.TabSection.new-TabSection .nav-tabs li.ntb4.active a:before { 
  background-position:-162px -42px !important; 
 
}



.section.TabSection.new-TabSection .nav-tabs li.ntb5 a:before { 
  background-position:-226px 0px !important;  
 
}
.section.TabSection.new-TabSection .nav-tabs li.ntb5.active a:before { 
 background-position:-226px -42px !important;   
 
}

.section.TabSection.new-TabSection ul#myTab li a picture{
  display: none;
}


.section.TabSection.new-TabSection div#myTabContent .pull-left.LeftPane {
    text-align: center;
}
.section.TabSection.new-TabSection div#myTabContent .pull-left.LeftPane picture.img-responsive {
    display: inline-block;
}

.New-TestimonialSection {
    background: #fff !important;
    margin-bottom: 0px !important;
}

.feature-new {
    background: #ebf4f9 !important;
    padding: 50px 0 !important;
}
section.TestimonialSection.New-TestimonialSection .testi-heading {
    margin-bottom: 40px;
}
 section.TestimonialSection.New-TestimonialSection .testi-heading h2,  section.TestimonialSection.New-TestimonialSection .testi-heading h3 {
  
    font-family: 'Lato', sans-serif !important;
}
section.TestimonialSection.New-TestimonialSection .testi-heading h2 {
    font-size: 30px !important;
    color: #565656;
    

}
section.TestimonialSection.New-TestimonialSection .testi-heading h3{
  font-size: 36px;
  line-height: 40px;
  margin-top: 3px;
  text-align: center;
}

section.TestimonialSection.New-TestimonialSection .testi-heading h3 span {
    display: block;
    font-size: 30px;
    color: #565656;
}

section.TestimonialSection.New-TestimonialSection h4 {
    font-size: 22px; 
    font-family: 'Lato', sans-serif !important;
}

section.TestimonialSection.New-TestimonialSection .TestimonialBox p {
    font-size: 17px; 
    font-family: 'Lato', sans-serif !important;
}

section.TestimonialSection.New-TestimonialSection .TestimonialBox span{
    font-size: 17px; 
    font-family: 'Lato', sans-serif !important;
    color: #00080a;
    font-weight: 600;
}

section.TestimonialSection.New-TestimonialSection .TestimonialBox h5 {
    font-family: 'Lato', sans-serif !important;
    color: #232222;
    font-size: 24px;
    font-weight: 600;
}
section.TestimonialSection.New-TestimonialSection .TestimonialBox h5 {
    font-family: 'Lato', sans-serif !important;
    color: #2d3540;
}
.feature-new h2 {
    font-family: 'Lato', sans-serif !important;
    margin-bottom: 20px;
    color: #333333;
    font-weight: 600;
}

.feature-new  ul li .NewsDesc h5,.feature-new  ul li p,
.Copyright-bottom.Copyright-new p.Copyright{
    font-family: 'Lato', sans-serif !important;
}

.feature-new  ul li p{
  font-size: 17px;
}
.feature-new  .NewsDesc > br{
  display: none;
}
.feature-new  ul li .NewsImage{
  padding:0px;
}

.feature-new ul li .NewsDesc h5{
  font-weight: 700;
}


.section.TabSection.new-TabSection .nav-tabs li a:focus,
.section.TabSection.new-TabSection .nav-tabs li a:hover,
.section.TabSection.new-TabSection .nav-tabs li.active a{
  color: #fff;
  text-shadow: none;
}

.section.TabSection.new-TabSection .nav-tabs li a img { 
    opacity: 0.5;
}

.section.TabSection.new-TabSection .nav-tabs li.active a img{
   opacity:1;
}

.mobile-tab-heading {
    font-size: 24px !important;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 0px;
    color: #333;
    display: none;
}
.feat-mobile{
  display:none;
}
.feat-mobile .feat-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.feat-mobile .feat-logo .ft-col {
    width: 30%;
    margin-bottom: 30px;
}
.feat-mobile .feat-logo img {
    max-width: 100%;
    filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      opacity: 0.8;
}
.feat-mobile .feat-logo .ft-col a:hover img{
    filter: none;
     -webkit-filter: none;
      -moz-filter: none;
      -ms-filter: none;
      opacity: 1;
}
.new-header ul.dropdown-menu.sub-menu li a {
    color: #fff !important;
}
section.TestimonialSection.New-TestimonialSection .testi-top img {
    max-width: 100%;
}

.FeatureNewsSection.feature-new #myTab2 li a.first {
    line-height: 55px;
    padding: 0;
}
 
.feature-new .log-col {
    width: 24%;
    display: inline-block;
    text-align: center;
    min-height: 100px;
}
.feature-new .log-col span{
  display: none !important;
}
.feature-new .log-col img{
  max-width: 100%;
  height: auto !important;
  width: auto !important; 
}
.feature-new .log-col a{
  background:none !important;
  float: none !important;
}
.feature-new  div#tab-three3  .log-col{
  margin-bottom: 20px;
}

.feature-new .log-col img{ 
   /* filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%); */
    opacity: .7;
}
.feature-new .log-col img:hover{ 
    filter: none;
    -webkit-filter: none;
     -moz-filter: none;
      -ms-filter: none; 
    opacity: 1;
}
/**20-jan**/
.heading-title-two {
    font-size: 35px;
}
p.caption_content {
    max-width: 620px;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400;
    font-size: 22px;
    margin-top: 17px !important;
}

.new-header.navbar-inverse {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.12156862745098039);
}

.BannerImage.casestudy-div p {
    position: absolute;
    top: 0;
    font-size: 26px;
    padding: 50px 30px 0 25px !important;
    color: #fff;
    font-weight: 300 !important; 
}
.BannerImage.casestudy-div .GetStartButton { 
    bottom: 20px;
    left: 20px;
    position: absolute;
}

section.error-404.not-found .page-content > p {
    font-size: 30px;
}
/*blog pages*/
section.error-404.not-found header.page-header {
    margin: 20px 0 0 0;
}

section.error-404.not-found  .page-content form.search-form {
    font-size: 20px;
}
section.error-404.not-found  .page-content  form.search-form label {
    margin-bottom: 0;
    font-weight: 700;
    width: 100%;
}
section.error-404.not-found  .page-content  input[type="search"].search-field{
      height: 44px;
}

body.single.single-post div#content div#primary main#main h1.entry-title {
    font-size: 36px;
    color: #333 !important;
}

body.single.single-post div#content div#primary main#main h2{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 28px;
    padding: 0px;
    color: #333 !important;
}
body.single.single-post div#content div#primary main#main h3{ 
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 24px;
    padding: 0px;
    color:#333 !important;
}
body.single.single-post div#content div#primary main#main p {
    margin: 0 0 15px;
}
body.single.single-post div#content div#primary main#main .comment-notes,
 body.single.single-post div#content div#primary main#main .comment-awaiting-moderation, 
 body.single.single-post div#content div#primary main#main .logged-in-as, 
 body.single.single-post div#content div#primary main#main .form-allowed-tags{
  font-size: 15px;
 }
 body.single.single-post div#content div#primary main#main .comment-form label{
  font-size: 15px;
 }
  body.single.single-post div#content div#primary main#main .comment-form input,  body.single.single-post div#content div#primary main#main .comment-form textarea,
   body.single.single-post div#content div#primary main#main .comment-form select{
    font-size: 15px;
   }

@media(max-width: 909px){

body.single.single-post div#content div#primary main#main .entry-content { 
    margin: 0;
    padding: 0 15px;
}
body.single.single-post div#content div#primary main#main  .entry-header {
  margin: 18px 15px 0 15px;
}
}


/*blog pages end*/

@media(max-width: 1365px){ 
  div#myCarousel.new-carousel .heading-title {
    max-width: 580px; 
    font-size: 42px;
    line-height: 46px;
}
}

@media(max-width: 1200px){
  div#myCarousel.new-carousel .heading-title {
    max-width: 452px;
}
}


@media(max-width: 1100px){
  .section.TabSection.new-TabSection .nav-tabs li a { 
    font-size: 14px;
}
  p.caption_content{margin: 17px auto 0;margin-top: 0 !important;}
  #myCarousel.new-carousel .carousel-inner .item .fill {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width:500px !important;
    background-size: 100% !important;
}
#myCarousel.new-carousel .Caption2 .GetStart2 {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: inline-block !important;
    margin-top: 20px !important;
    
    padding: 0 !important;
    line-height: 34px;
    min-width: 180px;
    font-size: 18px;
}
div#myCarousel.new-carousel .heading-title {
    font-size: 28px;
    margin: 0 auto;
    line-height: 40px;
    max-width: 500px;
}

div#myCarousel.new-carousel  .carousel-caption {
    position: absolute;
    top: 24px !important;
    right: 0 !important;
    width: 100% !important;
    left: 0 !important;
    text-align: center !important;
    bottom: inherit !important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
div#myCarousel.new-carousel  .itemInner {
    width: 100%;
    max-width: 100%;
    height: 100%!important;
}
div#myCarousel.new-carousel:before {  
    height: 64px;
    width: 25px; 
    background-size: 23px;
}
}


@media(max-width: 1024px){
.new-header .Logo img {
    width: auto !important;
}
section.TestimonialSection.New-TestimonialSection .testi-top {
    text-align: center;
}
section.error-404.not-found .page-content > p {
    font-size: 18px;
}
}



@media(max-width: 992px){

.BannerImage.casestudy-div p {
    position: absolute;
    top: 0;
    font-size: 20px;
    padding:18px 0 0 0 !important;
    color: #fff;
    font-weight: 300 !important; 
    left: 0;
}

.BannerImage.casestudy-div .GetStartButton { 
    left: 0px; 
}
}

@media(max-width: 768px){
  .BannerImage.casestudy-div {
    width: 100% !important;
    margin: 0 !important;
    margin-left: 0 !important;
}
.BannerImage.casestudy-div img.img-responsive{
  max-width: initial;
  height: 290px;
  margin-left: -15px;
}
}

@media(max-width: 767px){
body.single.single-post div#content div#primary main#main h1.entry-title {
    font-size: 22px;
}
body.single.single-post div#content div#primary main#main h2{
  font-size: 20px;
}
body.single.single-post div#content div#primary main#main h3{
  font-size: 18px;
}
section.error-404.not-found header.page-header {
    margin: 20px 10px 10px 20px;
}
body.blog{
  font-size: 18px;
}
body.blog .entry-title { 
    font-size: 2rem;
  }

 .BannerImage.casestudy-div  .GetStartButton { 
    padding: 6px 12px; 
    font-size: 17px; 
}
 .BannerImage.casestudy-div p { 
    font-size: 17px; 
}
 .section.TabSection.new-TabSection .tab-pane .RightPane ul li {
    font-size: 16px;
    background-position: 0 6px; 
}
	.section.TabSection.new-TabSection div#tab-four .mobile-tab-heading {
    margin-left: 10px;
}
	section.TestimonialSection.New-TestimonialSection .TestimonialBox p { 
    padding: 0 15px;
}
section.TestimonialSection.New-TestimonialSection .TestimonialBox span { 
    word-break: break-word;
}
 
  div#myCarousel.new-carousel:after {
      top: 64px;
  }
  .section.TabSection.new-TabSection .nav-tabs li:before { 
    height: 26px; 
    right: 0px; 
    top: 15px;
  }
  .new-header .LoginSectionWrapper.container {
    display: none !important;
  }
  .new-header.navbar-inverse {
    background: #fff !important;
  }
.new-header .navbar-toggle {
    top: 8px !important;
    border: 1px solid #e6e3e3!important;
    margin-right: 0px;
    margin: 0px;
}
.new-header .navbar-toggle .icon-bar {
    background-color: #585555 !important;
}
.new-header .navbar-header {
    margin: 0;
    position: relative;
}
.new-header .navbar-collapse {
    width: 100%;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    background: #101010;
    opacity: 1;
	z-index:999;
}
.new-header .NavigationSection {
    margin: 0px 0 0;
}
.new-header .NavigationSection li a {
    border-left: 7px solid transparent;
    border-bottom: none;
    padding: 5px 10px;
    margin: 0;
  }
  .new-header .Logo img {
    margin:0;
    height: auto;
    width: 130px !important;
}
.new-header .navbar-brand {
    padding: 0;
}
.new-header  .HeaderSection { 
    padding-top: 10px;
    padding-bottom: 10px;
}
.new-header .NavigationSection li a, .new-header .LoginSection, .new-header .LoginSection li a {
    color: #ffffff!important;
}
#myCarousel.new-carousel .carousel-inner .item .fill {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width:500px !important;
    background-size: 100% !important;
}
#myCarousel.new-carousel .Caption2 .GetStart2 {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: inline-block !important;
    margin-top: 20px !important; 
    padding: 0 !important;
    line-height: 34px;
    min-width: 160px;
    font-size: 17px;
}
.FeatureNewsSection.feature-new #myTab2 li a {
    font-size: 17px;
}
div#myCarousel.new-carousel .heading-title {
    font-size: 28px;
    margin: 0 auto;
    line-height: 30px;
    max-width: 500px;
}

.slider-btn{ margin-top: 20px;}
.slider-btn a {
  width: 49%;
  min-width: 49%;
  display: inline-block;
  margin-left: 0px !important;
  margin-bottom: 8px !important;
  font-size: 17px !important;
  padding: 8px !important;
}
div#myCarousel.new-carousel  .carousel-caption {
    position: absolute;
    top: 75px !important;
    right: 0 !important;
    width: 100% !important;
    left: 0 !important;
    text-align: center !important;
    bottom: inherit !important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
div#myCarousel.new-carousel  .itemInner {
    width: 100%;
    max-width: 100%;
    height: 100%!important;
}
div#myCarousel.new-carousel:before {  
    height: 64px;
    width: 25px; 
    background-size: 23px;
}
.section.TabSection.new-TabSection .nav-tabs li a span {
    overflow: hidden;
    height: 1px;
    padding: 0;
    margin: -3px 0 0;
}
.section.TabSection.new-TabSection .nav-tabs li a img {
    position: static;
}
.section.TabSection.new-TabSection .nav-tabs li a {
    height: 60px;
    line-height: 50px;
    padding: 0;
    display: block;
    text-align: center;
}
.section.TabSection.new-TabSection .nav-tabs li.active a .tab-arrow,
.section.TabSection.new-TabSection .nav-tabs li:focus a .tab-arrow,
.section.TabSection.new-TabSection .nav-tabs li:hover a .tab-arrow {
    font-size: 46px;
    position: absolute;
    top: 32px;
    color: #fff;
    display: block;
    text-indent: inherit;
}
.section.TabSection.new-TabSection div#myTabContent { 
    margin-left: 15px;
    margin-right: 15px;
}
.section.TabSection.new-TabSection .tab-pane .LeftPane{
  display: flex;
  align-items: center;
}
.feature-new .NewsSection {
    display: none;
}
.section.TabSection.new-TabSection div#myTabContent .pull-right.RightPane .ReadMore { 
 float: left;
    width: 100px;
    margin-left: 30px;
    font-size: 17px;
    padding: 0;
}

div#myCarousel.new-carousel .slide {
    height: 80%!important;
}

section.TestimonialSection.New-TestimonialSection .testi-heading h3 {
    font-size: 28px; 
    text-align: left;
    line-height: 34px; 
}
section.TestimonialSection.New-TestimonialSection .testi-heading{
  position: relative;
}
section.TestimonialSection.New-TestimonialSection .testi-heading:after { 
    content: '';
    height: 100px;
    width: 100px;
    position: absolute;
    right: 0;
    background: url(../responsive_images/testiquote-icon.png) no-repeat;
    background-size: 100%;
    bottom: -50px;
}
section.TestimonialSection.New-TestimonialSection .testi-heading h2 {
    font-size: 26px !important;
    color: #565656;
    text-align: left;
}
section.TestimonialSection.New-TestimonialSection .testi-heading h3 span{
  font-size: 26px !important;
}
section.TestimonialSection.New-TestimonialSection{
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
section.TestimonialSection.New-TestimonialSection .testimonial.text-left{
  text-align: center !important;
}
section.TestimonialSection.New-TestimonialSection .testi-top img {
    display: inline-block;
}

section.TestimonialSection.New-TestimonialSection .TestimonialBox span br {
    display: none;
}
section.TestimonialSection.New-TestimonialSection .testi-top {
    border-bottom: 1px solid #dad3d3;
    margin-bottom: 15px;
}
section.TestimonialSection.New-TestimonialSection .carousel-controls.testimonial-carousel-controls .prev,
section.TestimonialSection.New-TestimonialSection .carousel-controls.testimonial-carousel-controls .next {
    height: 40px;
    width: 40px;
    background: #23a3eb;
    color: #ffffff;
    line-height: 42px;
    font-size: 17px;
    cursor: pointer;
    border-radius: 100%;
}
.section.TabSection.new-TabSection {
    background-color: #ebf4f9; 
}
.section.New-ProductSection h1{
  font-size: 30px;
}
.section.ProductSection.New-ProductSection .ProductBox:nth-child(2) {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.section.ProductSection.New-ProductSection .ProductBox:nth-child(2):before {
    position: absolute;
    content: '';
    background: #a9bac3;
    height: 1px;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0px;
}
.section.ProductSection.New-ProductSection .ProductBox:nth-child(2):after {
    position: absolute;
    content: '';
    background: #a9bac3;
    height: 1px;
    width: 70%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0px;
}
.section.FooterSection.footer-new .fcol-3 {
    display: none;
}
/*.feat-desktop{
  display: none;
}*/
.feat-mobile{
  display:block;
}
.feature-new h2{
  text-align: center;
}
.feature-new {
    padding: 30px 0 20px 0 !important;
}
.feat-mobile .feat-logo .ft-col { 
    justify-content: center;
    display: flex;
    align-items: center;
}

.section.FooterSection.footer-new {
    padding: 30px 0 !important;
}
.section.FooterSection.footer-new h2 { 
    font-family: 'Lato', sans-serif !important;
    margin-bottom: 10px !important;
    margin-top: 0 !important;
    padding-top: 0;
}
.section.FooterSection.footer-new ul li {
    font-family: 'Lato', sans-serif !important;
    font-size: 17px;
}
.Copyright-bottom.Copyright-new p {
    margin-bottom: 5px !important; 
    font-size: 17px;
}
.feature-new h2 { 
    font-size: 30px;
}
.section.FooterSection.footer-new .fcol-1{
  width: 50%;
}
.section.FooterSection.footer-new  .fcol-2{
  width: 50%;
}
section.TestimonialSection.New-TestimonialSection .TestimonialBox{
  border-bottom: none !important;
}
#myCarousel.new-carousel.slide {
  min-height: 550px !important;
}
#myCarousel.new-carousel.slide .carousel-control {
    display: none;
}

section.TestimonialSection.New-TestimonialSection .carousel-controls.testimonial-carousel-controls .prev,
section.TestimonialSection.New-TestimonialSection .carousel-controls.testimonial-carousel-controls .next{
	top:300px;
}
.new-header .HeaderSection .navbar-collapse {
    overflow: auto !important;
}

.new-header .NavigationSection li.dropdown ul.dropdown-menu.sub-menu {
    display: none !important;
}

.new-header .NavigationSection li.dropdown.open ul.dropdown-menu.sub-menu {
    display: block !important;
}
.new-header .NavigationSection li.dropdown.open b.caret{
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fff;
    border-top:none;
}
 
 p.caption_content {
    max-width: 600px;
    font-size: 18px;
    margin: 16px auto 0 !important;
}
.feature-new .log-col {
    width: 30%;
    }
    .feature-new .log-col img:hover {
    opacity: 1;
}

.section.TabSection.new-TabSection .nav-tabs li a:before { 
    left: 0; 
    top: 18px;
    right: 0;
    margin: 0 auto;
}

}

@media(max-width: 576px){
  #myCarousel.new-carousel .carousel-inner .item .fill {
    max-width: 440px !important;
}
}

@media(max-width: 480px){
.feature-new h2{
  text-align: left;
}
  .feat-mobile .feat-logo .ft-col:first-child {
    position: relative;
    left: -15px;
  }
  .mobile-tab-heading {display: block;}
.section.TabSection.new-TabSection li.Title{
  display: none;
}
.section.TabSection.new-TabSection  .tab-pane .LeftPane { 
    display: flex;
    align-items: center;
}
.section.TabSection.new-TabSection  .tab-pane .LeftPane img {
    max-height: 50px;
}
.mobile-tab-heading {
    font-size: 21px !important;
}
div#myCarousel.new-carousel .heading-title { 
    max-width: 400px;
    font-size: 21px;
}
section.TestimonialSection.New-TestimonialSection .carousel-controls.testimonial-carousel-controls .prev, 
section.TestimonialSection.New-TestimonialSection .carousel-controls.testimonial-carousel-controls .next{
	top:500px;
}
p.caption_content {
    max-width: 400px;
    }
#myCarousel.new-carousel.slide {
    min-height: 485px !important;
}
p.caption_content {
    font-size: 16px;
        margin: 0px auto 0 !important;
  }
div#myCarousel.new-carousel .carousel-caption{
  padding: 0 20px;
}

}
@media(max-width: 320px){
  #myCarousel.new-carousel .carousel-inner .item .fill { 
    max-width:310px !important; 
}
div#myCarousel.new-carousel .heading-title { 
    padding: 0 10px;
}
}

/*new home page css end*/

p a {
    
    font-weight: bold;
}

.cent-contactus{
  text-align: center;
  margin-bottom: 15px;
}