html { scroll-behavior: smooth;}
/*
@font-face {font-family: OpenSans-Light; src: url(fonts/OpenSans-Light.ttf); font-display: swap;}
@font-face {font-family: OpenSans-Regular;src: url(fonts/OpenSans-Regular.ttf); font-display: swap;}
@font-face {font-family: OpenSans-Semibold;src: url(fonts/OpenSans-Semibold.ttf); font-display: swap;}
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600&display=swap');
/*text fonts styles */
a {
  color: #305da1;

}
a:hover {
  color: #0b79ac;
  text-decoration: underline;
  
}
.bg-blue .gradient-text{
  background-color: #fff;  
  background-image: none !important;
}
.gradient-text {
  /* Fallback: Set a background color. */
  background-color: #49409e;
  
  /* Create the gradient. */
  background-image:  linear-gradient(40deg, #29aadb, #4886c6, #484b9c);
  
  /* Set the background size and repeat properties. */
  background-size: 100%;
  background-repeat: repeat;

  /* Use the text as a mask for the background. */
  /* This will show the gradient as a text color rather than element bg. */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}
.strong,.bold,strong{font-weight:600}
.bolder{font-weight:700 !important}
.fw-light{font-weight:400; }
.lowercase{text-transform: lowercase  !important;}
.uppercase{text-transform: uppercase !important;}
.capitalize{text-transform: capitalize !important;}
.w-100{width:100%;}
.light-blue{color:#467ABD !important}
.black{color: #000 !important;}
.underline{text-decoration: underline !important;}
a.underline:hover{text-decoration: none !important;}
.shadow{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
.rounded{border-radius:10px}
.d-flex{display:flex;}
.align-items-center{align-items: center;}
/*modal */
.modal{top:150px}
/*changes to old css */
.carousel-control{z-index:999;opacity: 1; width:auto; top:40%}
#main{margin-top: 0% !important; display:flex !important;flex-direction: column;}
.content-support{display:flex; width:100%;}
.navbar-brand{padding:15px 0px!important;}
#content-sub .post .entry {padding-top: 0 !important;}
.content-pricingB .sub-content-wrapper.testimonial,.testimonial, #content-sub .post .entry .container .sub-content-wrapper.testimonial,#content-sub .content .maincontent .box-subpage.testimonial{background-image:none !important;}
.navbar .navbar-right{margin-top:0px !important}
#content-sub .aboutuscontainer ul li,.maincontent ul li,.post ul li,.post ol li,.maincontent ol li,.content-pricingB .sub-content-wrapper.testimonial .container .item .text-content, #content-sub .post .entry .testimonial .item {
    color: #444;}
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next,.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { color:#333}
.content-landingpage.gym-management-software{margin-top:0px !important}
#wrap{padding-top:0px !important;}.memberportal-container{margin-top:0px !important}
#content-sub {display: flex; width:100%}
.text{ z-index:99}
.navigation .btn,.btn-ebook-submit{ font-size:14px !important; padding:6px 12px !important; text-transform: capitalize !important;}
.content-landingpage .container-wrapper.landingpage-first{margin-top:0px}
.post,.content-contact{margin:auto}
.h2-span{font-size:34px !important}
.content-pricingB .container .section-title {border-bottom: 0px !important; border: none;} 
.content-pricingC .key-features #view-more {text-decoration: none;border-radius: 6px;}
.content-pricingB .container .others .item .box-item .text h4{ color:#222; font-weight:500; font-size:20px;}
.content-pricingB .box .box-header,.content-pricingC .yearly-info,.content-pricingC .box .box-content .box-header .pricing-link{border-radius: 6px;}

.navbar .navbar-brand{width:auto !important; margin-top:0px !important}
.content-landingpage .container-wrapper.landingpage-first img,.landingpage-first .text-content {z-index: 999 !important;}
.container-wrapper.testimonial {
    background-image: url(../testimonial-section2.html) !important;
}
.content-pricingC .page-header-pricing .gymmasterbadge{top:0px}
@media (max-width: 991px) {
    #main,#content-sub,#content {flex-direction: column !important;}
   /* #content-sub{display:block;} */
    .content-home-b { top: 0 !important;}
    .notebox,.image{z-index:99 !important}
  
  }
  @media (max-width: 768px) {  
    .content-pricingC .yearly-info .checkbox-info .switch {float: inline-start; margin-bottom: 15px;margin-top: 10px;}
    .content-pricingC .page-header-pricing{ margin-top:50px}
    .content-pricingB .container .faq_div .faq_line .faq_content{margin-bottom:10px !important; margin-top:0px !important}
    .content-pricingB .container .faq_div .faq_line{margin:0px !important}
}
@media (max-width: 430px) {.h2-span,.content-pricingB .sub-content-wrapper.testimonial .container .bold-subtitle, #content-sub .post .entry .container .sub-content-wrapper.testimonial .container .bold-subtitle {font-size: 22px !important;}

.content-pricingB .container .others, .content-pricingB .container .others .section-title, .content-pricingB .container .others .item, .content-pricingB .container .others .item .box-item .image, .content-pricingB .container .others .item .box-item .text{display: inline-block;}
.content-pricingB .container .others .item .box-item, .content-pricingB .container .others .item .box-item .image, .content-pricingB .container .others .item .box-item .text,.content-pricingB{text-align: center;}
}
  .content-home-b {top: 0px !important;
}
.fixed-info { background-color: #fff; border-radius: 3px; bottom: 0px; border: 1px solid #ccc; right: 10px; padding: 8px !important; position: fixed !important; width: 340px !important; transition: all 0.4s ease-in-out;}
.fixed-info .close { right: 5px; position: absolute; top: 1px; }
.fixed-info .img-left { display: inline-block; float: left; margin-right: 10px; margin-left: 8px; }
.fixed-info .img-left i { margin: 7px 0px;}
.fixed-info .img-right { display: inline-block; float: left    ; }
.fixed-info .content-box { display: inline-block; float: left; width: 70%; }
.fixed-info .content-box h4 { line-height: 1.4 !important; margin: 6px 0px !important; font-size: 18px !important; color: #333 !important; }
.fixed-info .content-box .location { font-weight: 600; }
.fixed-info .img-right i { width: 38px; margin: 10px 0px; }
/* Cookie Bar */
.cookie-bar { border-top: 1px solid #000; bottom: 0px; background-color: #fff; position: fixed; z-index: 99999;}
.cookie-bar .cookie-bar-content { padding: 20px 20px; height: 150px; }
.cookie-bar .cookie-bar-content .cookie-bar-text { height: 80%; margin-top: 20px; }
.cookie-bar .cookie-bar-content p { margin: 0px; padding:0px; line-height: 1.5; }
.cookie-bar .cookie-bar-content .cookie-bar-button { height: 80%; margin-top: 10px; text-align: right; }
.cookie-bar .cookie-bar-content .cookie-bar-button .btn { background-color: #26394d; border-color: #26394d; font-size: 16px; height: 100%; width: 100%; }
  /* header */
body{font-family:'Open Sans', sans-serif!important; color: #444;content-visibility: auto}
body{font-family:'Open Sans', sans-serif }
.main-body img{ max-width:100%; background:transparent;}
.container-fluid{ padding-left:60px; padding-right:60px;   }
.ai-floating-image{right:-60px;top:-50px}
.navbar.up {top: -120px;}
.navbar{ background-color: #fff; background: #fff;border-radius: 0px;
    z-index: 9999; height: 125px; margin-bottom: 0px; top:0px; position: sticky !important; position: -webkit-sticky !important;     -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;
}
.navbar-nav{display:inline-block}
.navbar-header { float: left; padding: 25px 0px;}
.navbar-brand img{ height:45px; width:auto !important;}
#myNavbar{padding: 35px 0px;}
#myNavbar .navbar-nav{ display: flex;justify-content: center;text-align: center;list-style: inside;float: none;}
#myNavbar .nav > li > a{ text-transform: uppercase; font-size: 14px;color:rgb(41, 34, 34);}
#myNavbar .nav > li > a:hover{background:none;color: #2d5184}
#myNavbar .nav > li > a.btn:hover{background:#851d22;color: #fff;}
#myNavbar .nav > li > a.dropdown-toggle:after {content : "";position: absolute; padding-left: 10px; width: 25px; left:0}
#myNavbar .nav > li > a.active{ color:#2d5184 !important;}
#myNavbar .nav > li.open > a, #myNavbar .nav > li.open > a:hover,#myNavbar .nav > li.open > a:focus,#myNavbar .nav > li > a:focus{background: none; background-color: #fff;}
.navbar-right li a.country{padding-left:0px}
.nav > li > a > img { max-width: none; height:16px; vertical-align: baseline;}
ul.dropdown-menu { background: #ffffff;  margin-top: 25px !important; padding: 0px; border: 0px;}
ul.dropdown-menu li:hover::before{
    right: -19px; position: absolute; width: 0; height: 0; content: " "; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #347ab6;}
ul.dropdown-menu li a{padding:10px 20px;}
ul.dropdown-menu li:hover,ul.dropdown-menu li a:hover{ background-color: #347ab6;color:#fff !important;}
/* title */
.title{margin-bottom:30px;font-weight:500}
.title-blue{color:#4679bd !important;}
.fs-60{font-size:60px !important;}
/*sections */
.main h1, .main .h1{font-weight:500;font-size:40px;color:#27374e;letter-spacing: -1px;}
.main h2,.faq h3{letter-spacing: -1px;color: #2b384a;font-weight: 500;}
.main a.find {color: #305da1;font-weight: 500;}
.main p{font-size:16px;}
.main p.blue{color:#323d4d;}
.row-section{padding:150px 0px;}
.grey-section{background-color: rgb(239 244 250);background-image:url(../graphic.html);background-repeat:no-repeat;background-position: right;background-size: contain;padding:150px 40px;
}
.right-image {position:absolute;right:0px !important;}
.right-image img{position: absolute;right:0px;}
.left-image {position:absolute; left:0;}
.left-image img{position: absolute;left:0px}
.color-white{color:#fff!important}
.blue{color:#313b4e;}

/*Down Arrow Bounce*/
.bounce {-moz-animation: bounce 3s infinite;-webkit-animation: bounce 3s infinite;animation: bounce 3s infinite; height:30px;}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); transform: translateY(0); }
40% {-moz-transform: translateY(-30px);transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);transform: translateY(-15px);}}
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);-ms-transform: translateY(0); -webkit-transform: translateY(0);transform: translateY(0);}40% {-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px);}}
/* banner section */
.banner-section
{background: url(../home-banner-bg-1.html); background-color:#172339; background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;color:#fff;position: relative;
}
.banner-section .h1{font-size:48px;margin: 40px 0px 30px;  font-weight:600; display:block; letter-spacing: -3px;}
.banner-section p{font-size:16px;}
.banner-section ul{list-style-type: none;margin-left:-40px;margin-bottom:50px}
.banner-section ul li{padding:0px 10px;margin-top:40px;}
.banner-overlay{background-image: linear-gradient(to right, rgba(255,0,0,0), rgb(38 57 78));position: absolute;height: 100%;width:100%;z-index:9; left: 0;
  right: 0;
  bottom: 0;}
.banner-content{position: relative;z-index: 999;padding:100px 0px;}
.bg-white{background-color:#fff !important;}
.bg-grey{background-color: rgb(239 244 250);}
.bg-blue{background-color: #3d6ba7;background-image: linear-gradient(to bottom, #427ecd, #2d4e78);}
.bg-blue-round{background-color: #3d6ba7;color:#fff !important;border-radius:10px;padding:20px;background-image: linear-gradient(to bottom, #427ecd, #2d4e78);}
.customers .bg-blue-round,.customers .bg-dark-blue-round{height:300px;margin-bottom: 30px;;}
.customers .border-left{border-left:1px solid #fff; padding:0px 0px 0px 100px;height:170px;}
.blockquote{padding:30px 60px 30px 180px;}
.blockquote::before{content: url('../png/quote-marks.png');position: absolute;top: 80px;left: 100px;}
.bg-dark-blue-round{background-color: rgb(39 55 78);color:#fff !important;border-radius:10px;padding:60px;}
.bg-dark-blue{background-color: rgb(39 55 78);}
.bg-blue h2,.bg-blue h1, .bg-blue a{color: #fff !important;}
.image-list{list-style-type: none;margin-left:-40px}
.image-list li{display: inline-block;padding: 15px 15px;vertical-align: middle;}
.image-list li img{width:130px;}
/* Features Section */
.feature-box{background:rgb(239 244 250);padding:60px 30px 30px 30px;text-align:center;margin-bottom:80px;  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;}
.feature-box p{font-size:20px !important; color:#444}
.directories .feature-box-top-icon{left:42%}
.feature-box-top-icon{position: absolute;left: 40%;background: url(../svg/icon-bg.svg);height: 70px;width: 81px;top: -35px;padding: 15px;}   
.feature-box .find{
    margin-top: 40px;
    display: block;
}
/* booking and scheduling section */
.booking-section
{background: url(../gymmaster-bookingandscheduling.html);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;
}
.booking-overlay{background-image: linear-gradient(to right, rgba(255,0,0,0), rgb(5, 28, 64));position: absolute;height: 100%;width:100%;z-index:9; left:0; right:0}
.booking-content{position: relative;z-index:999;padding:150px 0px;color:#fff;}
/* counter section */
.counter-section{background:rgb(47 87 138);padding:150px 0px;color:#fff;background-image: linear-gradient(to bottom, #457abe, #2b4f7f);}
.counter h1,.counter .h1{font-weight:900;color:#fff;}
.counter .count-text{text-transform:uppercase;font-weight: 300 ;margin-top: 30px;}
.counter .count-text strong{font-weight:500}
.counter-section .border-right{border-right : 2px solid #fff;height:190px;margin-top:20px;}
/* accordions */
.pricing_faqs .accordion-group a{color:#2b4f7f}
.pricing_faqs .accordion-group a.collapsed{color:#333}
.accordion-toggle.collapsed:after {float: right;background-image: url(../png/down-arrow-black.png);background-size: 20px 10px;display: inline-block;width: 20px; height: 10px;content:""; transform: rotate(0deg);margin-right: 20px;}
.accordion-toggle:after {float: right;background-image: url(../png/down-arrow-black.png);background-size: 20px 10px;display: inline-block;width: 20px; height: 10px;content:""; transform: rotate(180deg); margin-right: 20px;}
/*.accordion-toggle[aria-expanded="true"]::after { background-image: url(../img/up-arrow-black.png);} */
.accordion-group {border-top: 1px solid #ccc;padding: 25px 0px;font-size: 30px;}
.accordion-heading{font-size:26px}
.accordion-group a{color:#333;}
.accordion-content{ padding:20px;}
.accordion-group a:hover,.accordion-group a:focus{text-decoration: none;}
.accordion-inner hr {margin-top: 25px;margin-bottom: 25px;border: 0;border-top: 1px solid #ccc;}
.accordion-inner p,.accordion-inner ol{font-size:16px !important}
/* buttons */
.btn{font-size:16px;padding:10px 20px;text-transform: uppercase;border-radius: 6px;font-weight:600; letter-spacing: -.5px;}
.btn-sm{ padding:10px 20px !important;}
.btn-big{padding: 30px !important;}
.btn-red{ background-color:  #E60303 !important;color:#fff !important;}
.btn-pink{background-color: #E60303 !important; color:#fff !important;}
.btn-outline-red{border:2px solid #E60303; color:#E60303; font-weight:500}
.btn-outline-red:hover{background-color: #E60303; color :#fff }
.btn-pink:hover{background-color: #D00C0C !important;}
/* testimonials */
.hometestimonial-content{position: relative;z-index:999;padding:150px 0px;color:#fff;}
.hometestimonial{background-image: url(../testimonial-section2.html);background-repeat: no-repeat;background-size: cover; position: relative;}
.hometestimonial .overlay{background: linear-gradient(to left, rgba(255,0,0,0), rgba(0, 0, 0, 0.9));position: absolute;height: 100%;width: 100%;z-index: 9; left:0;
}
.testimonial p{
   /* font-size: 16px; */
}
.hometestimonial .box {margin: 20px 0px;padding: 40px 20px 20px 20px;border-radius: 5px;color:#fff;/*  font-size:16px; */background: #305987;}
#carousel-testimonial .item .img-box .images {width: 100px;margin-right: 10px;}
#carousel-testimonial .item  .line{}
#carousel-testimonial .item {text-align: center;min-height: 100px;}
#carousel-testimonial .item .text-content{font-style: italic;  }
.carousel-control.left,.carousel-control.right{background: transparent;}
/* access control */
.access-control-bg{background: url(../jpg/gymmaster-accesscontrol.jpg);background-position:center;background-size: cover;}
/* padding */
.wd-100{width:100%;}
img.wd-100{width:100%; height:auto;}
.no-padding{padding:0px;}
.pad-10{padding:10px}
.pad-20{padding:20px}
.pad-30{padding:30px}
.pad-topbottom100{ padding-top:100px;padding-bottom: 100px;;}
.pad-topbottom80{ padding-top:80px !important;padding-bottom: 80px !important;}
.pad-topbottom50{ padding-top:50px !important;padding-bottom: 50px !important;}
.pad-topbottom20{ padding-top:20px;padding-bottom: 20px;}
.pad-topbottom10{ padding-top:10px;padding-bottom: 10px;}
.pad-topbottom150{padding-top:150px;padding-bottom: 150px;;}
.pad-top0{padding-top:0px !important;}
.pad-bot0{padding-bottom:0px !important;}
.pad-top30{padding-top:30px;}
.pad-top50{padding-top:50px;}
.pad-left50{padding-left:50px;}
.pad-left100{padding-left:100px;}
.pad-right50{padding-right:50px;}
.pad-right100{padding-right:100px;}
.pad-left-right100{padding-left: 100px;padding-right: 100px;;}
.pad-right50{ padding-right:50px;}
.pad-left-right30{ padding-left:30px;padding-right:30px;}
.pad-left-right50{ padding-left:50px; padding-right:50px;}
.pad-bot50{padding-bottom:50px !important}
.pad-bot30{padding-bottom:30px !important}
.pad-bot10{padding-bottom:10px !important}
.pad-bot100{padding-bottom:100px !important}

/* margins */
.no-margin{margin:0px;}
.mar-top40{ margin-top:40px}
.mt0{margin-top:0px;}
.mar-top0{margin-top:0px;}
.mar-top50{ margin-top:50px !important;}
.mar-top80{ margin-top:80px}
.mar-top100{margin-top:100px}
.mar-top20{ margin-top: 20px;}
.mar-top30{ margin-top: 30px !important;}
.mar-top10{margin-top:10px;}
.mar-top15{ margin-top: 15px;}
.mar-top5{margin-top:5px;}
.mar-bot0{ margin-bottom:0px !important;}
.mar-bot5{margin-bottom:5px;}
.mar-bot20{ margin-bottom:20px !important;}
.mar-bot30{ margin-bottom:30px;}
.mar-bot40{ margin-bottom:40px;}
.mar-bot80{ margin-bottom:80px;}
.mar-bot50{ margin-bottom:50px;}
.mar-bot60{ margin-bottom:60px;}
/* sprits */

.bg-key_fob_icon { width: 24px; height: 35px; background: url('../png/features-icons.png') -65px -120px; display:inline-block}
.bg-billing_icon { width: 35px; height: 35px;background: url('../png/features-icons.png') -10px -10px;display:inline-block}
.bg-cart_white {width: 35px; height: 35px;background: url('../png/features-icons.png') -65px -10px; display:inline-block}
.bg-member {width: 35px; height: 35px;background: url('../png/features-icons.png') -10px -65px; display:inline-block}
.bg-CALENDAR_white {width: 35px; height: 35px;background: url('../png/features-icons.png') -65px -65px; display:inline-block}
.bg-email_white_icon { width: 35px; height: 35px;background: url('../png/features-icons.png') -120px -10px; display:inline-block}
.bg-mob_icon { width: 35px; height: 35px;background: url('../png/features-icons.png') -120px -65px;  display:inline-block}
.bg-automation_icon {width: 35px; height: 35px;background: url('../png/features-icons.png') -10px -120px; display:inline-block}
.mob-key_fob_icon {width: 14px; height: 20px;background: url('../png/features-icon-mobile.png') -50px -90px; display:inline-block}
.mob-billing_icon { width: 20px; height: 20px;background: url('../png/features-icon-mobile.png') -10px -10px; display:inline-block}
.mob-cart_white {width: 20px; height: 20px;background: url('../png/features-icon-mobile.png') -50px -10px; display:inline-block}
.mob-member {width: 20px; height: 20px;background: url('../png/features-icon-mobile.png') -10px -50px; display:inline-block;}
.mob-calendar_white {width: 20px; height: 20px;background: url('../png/features-icon-mobile.png') -50px -50px; display:inline-block}
.mob-email_white_icon {width: 20px; height: 20px;background: url('../png/features-icon-mobile.png') -90px -10px; display:inline-block}
.mob-mob_icon {width: 20px; height: 20px;background: url('../png/features-icon-mobile.png') -90px -50px; display:inline-block}
.mob-automation_icon { width: 20px; height: 20px; background: url('../png/features-icon-mobile.png') -10px -90px; display:inline-block}
.bg-fitness247_logo {width: 152px; height: 36px;background: url('../client-logos.html') -334px -167px; display:inline-block}
.bg-life-soul_gym_logo {width: 174px; height: 40px; background:  url('../client-logos.html') -334px -10px;  display:inline-block}
.bg-profit_logo {width: 125px; height: 65px;background: url('../client-logos.html') -140px -195px;  display:inline-block}
.bg-viva_fitness_logo {width: 149px; height: 68px;background: url('../client-logos.html') -10px -107px;  display:inline-block}
.bg-logo_YMCA { width: 55px; height: 77px; background: url('../client-logos.html') -443px -70px;  display:inline-block }
.bg-logo_ufc {width: 117px; height: 77px;background: url('../client-logos.html') -197px -10px;  display:inline-block }
.bg-logo_golds_gym { width: 89px; height: 77px; background: url('../client-logos.html') -334px -70px;  display:inline-block }
.bg-logo_12th_round { width: 110px; height: 77px; background: url('../client-logos.html') -10px -195px; display:inline-block }
.bg-logo_i_feel_good { width: 167px; height: 77px; background: url('../client-logos.html') -10px -10px; display:inline-block}
.sprite {background-image: url('../png/gymmaster-spritesheet.png'); background-repeat: no-repeat; display: block;}
.sprite-Fitness247 {width: 155px;height: 20px; background-position: -170px -5px;}
.sprite-Group-577 {width: 43px;height: 43px; background-position: -335px -5px;}
.sprite-Path-152 { width: 40px; height: 47px; background-position: -388px -5px;}
.sprite-gideon { width: 125px; height:120px; background-position: -430px -289px;}
.sprite-joe_laxton { width: 120px;height: 120px; background-position: -395px -424px;}
.sprite-melissa_percival { width: 120px; height: 120px; background-position: -568px -90px;}
.sprite-border{border: 2px solid #fff;border-radius: 100%;}
.sprite-lock {  width: 16px; height: 16px;background: url('../png/header-sprite.png') -84px -160px;display: inline-block;}
.sprite-features_menu_arrow { width: 10px; height: 6px;background: url('../png/header-sprite.png') -142px -115px;display: inline-block;margin-top: -4px; margin-left: 10px;vertical-align: middle;}
.sprite-cross_white {width: 35px; height: 35px;background: url('../png/header-sprite.png') -10px -10px;display: inline-block;
}
.sprite-section_down_arrow {width: 13px; height: 8px;background:  url('../png/header-sprite.png') -176px -131px;display: inline-block;margin-left: 4px;margin-top: -4px; vertical-align: middle;
}
.sprite-banner_down_arrow {width: 41px; height: 23px;background: url('../png/header-sprite.png') -65px -10px;display: inline-block;}
/* mobile navigation*/
.mobile-nav{display:none}
/*teamviewer buttons */
.teamviewer a img{display: inline;width: 20px;}
/*overlay */
.overlay{background: #2e5486;z-index: 9;position: absolute; opacity: 0.9; height: 100%;width: 100%; left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(40deg, #29aadb, #4886c6, #484b9c, #0b0c3a);}
/* footer */
.footer-topcontent{z-index:99;position: relative;}
.footer-topcontent h1, .footer-topcontent a, .footer-top .h1{font-weight: 500 !important; color:#fff !important;}
.footer-topcontent a.btn{font-weight: 600 !important;}
.footer-topcontent p,.footer-topcontent h3{color: #fff !important;}
.footer-topcontent h3{line-height:1.4}
.footer-topcontent a{text-decoration: none;}
.footer-topcontent p{margin-top:10px;}
.footer-top{background: url(../footer-top-bg.html); background-size: cover; background-position: center; background-repeat: no-repeat;  color:#fff;  position: relative;}
.footer-top .container-fluid, footer .container-fluid, .footer-bottom .container-fluid{ padding-left:100px;padding-right:100px;}
footer{ background-color: #152437; padding:80px 0px; color:#fff}
footer ul{ list-style-type: none; margin-left:-40px; margin-top:30px}
footer h3{ font-size: 20px;color: #fff !important; text-transform: uppercase;}
footer ul li{padding:5px 0px;font-size: 14px; margin:0px !important;}
footer ul li a{ color: #98bae7 !important;
  font-weight: 200;}
footer .socialicons li img{height:30px; width:30px}
footer .socialicons li{display:inline;  padding-right:15px;}
.footer-bottom{  background-color: rgb(0 8 29);padding:50px 0px; color:#ccc; font-size: 12px;}
.footer-bottom ul{list-style-type: none; margin:0px;}
.footerbottom_links ul li,.rating-logos ul li{ display: inline;padding:0px 5px;}
.rating-logos{margin-top: -80px;;}
.footerbottom_links ul li a {color:#ccc;}
.footerbottom_links ul li:after {content: "|"; margin-left:15px;}
.footerbottom_links ul li:last-child:after{ content:"";}
.footerbottom_links { text-align: right;}
/* FAQS */
.faq{ background: rgb(239 244 250);height:100%;padding:40px; border-radius:10px;}
.faq p{color:#000 !important;}
.row-flex {display: flex; flex-wrap: wrap; }
 /* slick slider */
.slick-slide img{vertical-align:middle;max-height:110px;margin:auto;padding:10px 0;max-width:100%;display:inline-block;}
/* subpage CSS */
.tailigating-img{margin-top: -192px;right: 0px;}
.subpage-header{ background:url('../jpg/gymmaster-header-background.jpg');background-repeat: no-repeat; background-size: cover; padding:150px 0px; color:#fff;background-color: #112234;}
.subpage-header-content h1{ margin-bottom:30px;font-size:40px;}
.subpage-header-content p{  font-size: 20px; line-height: 1.7;color:#fff;}
.subpage-header-image{ margin-bottom:-40px; position:absolute; right:0}
.subpage-header-image img{ max-height:500px; max-width:100%}
.subpage-header-content ul{ display:table;}
.subpage-header-content ul li{font-size: 20px;display: table-cell; padding-bottom: 30px;}
.subpage-header-content ul li::before{content: url(../png/tick.png); position: relative; z-index: 100000; left: -30px; top: 10px; display: table-cell;}
.sub-page img{max-width:100%}
.sub-page h2{font-size:32px;line-height: 1.4;}
.sub-page p{ margin-bottom:20px;color:#444; line-height: 1.5;}
.sub-page .features p{ font-size:18px;}
.sub-page p.blue{color:#323d4d;}
ul.none-type li{margin-bottom: 10px; list-style-type: none;}
ul.dot-type {margin-left:-20px}
ul.dot-type li, .sub-page ol li{margin-bottom: 10px;}
ul.check-type { margin-left: -45px; list-style-position: outside; border-spacing:15px 10px; text-align: left;}
.sub-page  ul.check-type li{  font-size: 20px ; display: table-row;  padding-bottom: 30px;  }
.sub-page  ul.check-type li::before { content: url(../png/tick.png);  position: relative; z-index: 99; left: -10px;  top: 10px;display: table-cell; }
.hex-box-image{ background-repeat: no-repeat; clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); height: 130px;  width: 150px; text-align: center; margin: auto; background-size: cover !important; background-position: center !important;
margin-bottom:30px;}
.nav-stacked > li + li {margin-top: 0px;}
/* billing partners */
.billingsection .panel .billing .imgsub .imgsub-box img {margin: 0px 6px; width: 25px;display: inline-block;}
.billingsection .panel .billing img {width: 130px;margin: 10px auto;}
.billingsection .panel .locationbox {padding: 35px 15px;border-bottom: 1px solid #cccccc;margin: 0px;}
.billingsection .panel .billing.text {font-size: 15px; margin: 20px 0px;font-weight: 500;height: auto;padding: 0px 15px;}
.billingsection .panel .billing .imgsub .imgsub-box {text-align: center;padding: 0px;}
.billingsection .panel .billing {height: 120px;margin-bottom: 0px;}
.billingsection .panel .panel-body.other {padding: 0px;}
/* sticky menu */
#sticky-navbar { overflow: hidden; background-color: #fff; border-bottom:1px solid #ddd; padding:10px 0px; z-index:9999} 
#sticky-navbar a { float: left;display: block; color: #71747a; text-align: center; padding: 20px 25px;text-decoration: none;font-size: 20px;}
#sticky-navbar a:hover { color: black;}
#sticky-navbar a.active {color: black;}
.sticky { position: sticky;top: 0;width: 100%; }
  
/* sidebar css */
.sidebar-nav .nav-pills{background:rgb(237 237 237);border:1px solid #d1d1d2;}
.sidebar-nav .nav-pills li a{color:#333;padding:15px; border-bottom: 1px solid #d1d1d1; border-radius: 0;}
.sidebar-nav .nav-pills li.active a{color:#fff; background-color: #347ab6;}
.sidebar-nav .nav-pills li a:hover{background:#347ab6;color:#fff !important;}
.sidebar-nav .nav-pills li:hover::before,.sidebar-nav .nav-pills li.active::before{right: -29px;
    position: absolute;width: 0;height: 0;content: " "; border-top: 20px solid transparent; border-bottom: 20px solid transparent;border-left: 20px solid #347ab6;}
/*/// */
.floating-image { position: absolute;}
/* Media quries Styles */
.subpage-header-bottom{position:absolute; right:45px; bottom:20px;display:none}
.subpage-header-bottom ul {list-style-type: none;margin-left: -40px;margin-top:20px}
.subpage-header-bottom ul li{vertical-align: middle; display:table-cell; padding-right:15px;}
.subpage-header-bottom ul li img{max-height:100px}
/* hardware page css */
.box-hardware {height: 175px;margin-bottom: 40px;}
.box-hardware .hardware-content .description {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.box-hardware .hardware-content p.price {font-size: 15px;margin: 0px;padding: 0px;}
.box-hardware .hardware-content p.description {font-size: 18px;margin: 10px 0px 0px;padding: 0px;}
.header-footer .footer-box img {
  margin: auto;
  height: 70px;
}
.header-footer .footer-box h6 {
  font-size: 14px;
  text-align: center;
}
.box-subpage.header .image .subimage .box {
  cursor: pointer;
  padding: 0px 5px;
}
.box-subpage.header .image .subimage {
  margin-top: 40px;
}
h5.price {
  color: #86BC25;
  font-size: 20px;
  margin-bottom: 20px;
}

/* Client Testimonials Carousel */
.MultiCarousel { float: left; overflow: hidden; padding: 15px 15px 15px 0px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; align-items: center;display: flex;}
.MultiCarousel .MultiCarousel-inner .item { float: left; text-align: center; padding:0px 30px;}
.MultiCarousel #leftLst, .MultiCarousel #rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); cursor: pointer;}
.MultiCarousel #leftLst { left:0; }
.MultiCarousel #rightLst { right:0; }
/*Case Studies */
.caseStudies .breadcrumb {background-color: #fff;text-align: center;font-size: 20px;}
.caseStudies .breadcrumb li a{text-decoration: underline;}
.caseStudies .breadcrumb li a:hover{text-decoration: none;}

/* demo form */
.demo-form  .error:not(:empty) {width: 100%;padding: 5px;background-color: #FFC2B2;margin-top: 2px;color: #E31414;border: 1px solid #E62E00;border-radius: 5px;text-align: center;}
.accordion-heading{cursor: pointer;}
.demo-form .form-control,.demo-form .btn{padding:8px 16px; font-size:16px; height:44px}
.demo-form .btn{border-radius: 4px;}
.demo-form{width:400px;}
.demo-form input:focus{background-color: lightyellow;}

/* Container width */
@media only screen and (min-width: 992px) {
    .mobile-nav{display:none !important}
    .w-87{width:87%}
    .w-13{width:13%}
    .hidden-md{display:none;}
}
@media (min-width: 1100px) {
.container {
  width: 1080px !important;
}
}
@media only screen and (min-width: 1400px) {
     .container{width: 1300px !important;}
    #myNavbar .nav > li > a.country{padding:15px 30px 15px 15px;}
}
@media only screen and (min-width: 1520px) {
     .container{width: 1380px !important;}
}
@media only screen and (min-width: 1920px) {
      .container{width: 1600px !important;}
}
@media only screen and (min-width: 2600px) {
  .app-image img{max-height:580px !important; width:auto}
  .feature-box-top-icon {
    position: absolute;
    left: 45%;}
}
@media only screen and (min-width: 1921px) {
  .feature-box-top-icon {left: 45%;}
    .main h1,.footer-top h1,.footer-top-subpage h1,.main .h1,.footer-top .h1,.footer-top-subpage .h1{font-size:54px !important;}
    .main p, .footer-top p,.footer-top-subpage p, .main h4{font-size:22px;  }
    .sub-page  ul.check-type li,ul.dot-type li,.termTradeContent ol.parent,ul.none-type,.sub-page ol{font-size: 22px !important;  }
    .main h2,.faq h3{font-size:38px !important;color: #2b384a;font-weight: 500;}
    h3{font-size:28px;}
    .banner-section .h1 {font-size: 78px;}
    .banner-section p {font-size: 24px;}
    .hometestimonial p{ font-size:24px; }
    #myNavbar {padding: 25px 0px; }
    #myNavbar .nav > li > a { font-size: 20px; }
    .navbar{ height: 100px !important;}
    .navbar-header { padding: 5px 0px !important;}
    .navbar-brand img{height:60px;}
    ul.dropdown-menu li a {padding: 18px 20px;}
    .dropdown-menu{ font-size: 16px;}
    ul.dropdown-menu li:hover::before{right: -30px;position: absolute;width: 0;height: 0;content: " ";border-top: 29px solid transparent;border-bottom: 29px solid transparent;border-left: 30px solid #347ab6;}
    .btn{font-size:20px; padding:15px 30px;}
    .sidebar-nav .nav-pills li:hover::before,.sidebar-nav .nav-pills li.active::before{right: -25px;
      position: absolute;
      width: 0;
      height: 0;
      content: " ";
      border-top: 29px solid transparent;
      border-bottom: 30px solid transparent;
      border-left: 25px solid #347ab6;}
    .sidebar-nav .nav-pills li a{font-size: 20px !important}
    footer h3{ font-size: 24px;}
    footer ul li{font-size: 16px; }
    .footer-bottom {font-size: 14px;}
    footer .socialicons li img{ height:30px ; width:30px}
    .sprite-fb {width: 30px; height: 30px; background: url('../png/header-sprite.png') -10px -65px;display: inline-block;}
    .sprite-twt { width: 30px; height: 30px;background: url('../png/header-sprite.png') -60px -65px; display: inline-block;}
    .sprite-lnk {width: 30px; height: 30px;background: url('../png/header-sprite.png') -126px -10px;display: inline-block;}
    footer .socialicons li { padding-right: 10px;}
    .container { width: 1780px !important; }
    .height550{ height:550px; width:auto}
    .rating-logos { margin-top: -80px;}
    .subpage-header-content h1 {font-weight:500;font-size: 50px;}
  }
  @media only screen and (max-width: 1920px) {
    .counter h1, .counter .h1{font-size:50px }
    .main h1,.main .h1{ font-size:44px !important;}
    .counter h2.h1{font-size:50px}
    .footer-top h1, .footer-top-subpage h1,.footer-top .h1,.footer-top-subpage .h1{ font-size:48px !important; font-weight:500;}
    .counter .count-text{ font-size:24px}
    .main p, .footer-top p,.footer-top-subpage p,.main h4{font-size:21px;  }
    .main p.small{ font-size: 18px !important;line-height: 1.5;}
    .feature-box p,.feature-box p .find{font-size:18px !important;}
    .sub-page  ul.check-type li,ul.dot-type li,.termTradeContent ol.parent, ul.none-type,.sub-page ol{font-size: 20px !important; }
    .sub-page .features p, .caseStudies .breadcrumb { font-size: 20px;}
    .subpage-header-content h1 {font-weight:500;font-size: 50px;}
    .main h2,.faq h3{font-size:36px !important;}
    .banner-section .h1 {font-size: 78px; font-weight:600}
    .banner-section p { font-size: 20px;}
    .hometestimonial p{ font-size:20px; font-weight:normal!important}
    #myNavbar {padding: 24px 0px;}
    #myNavbar .nav > li > a {font-size: 18px;}
    .dropdown-menu{ font-size: 16px;}
    .navbar{height: 100px !important;}
    .navbar-header {padding: 5px 0px !important;}
    .navbar-brand img{height:60px;}
    ul.dropdown-menu li a { padding: 15px 20px;}
    ul.dropdown-menu li:hover::before{ right: -27px;position: absolute;width: 0;height: 0; content: " ";border-top: 27px solid transparent;border-bottom: 27px solid transparent;border-left: 28px solid #347ab6;}
    .btn{ font-size:20px;padding:15px 30px;}
    .sidebar-nav .nav-pills li:hover::before,.sidebar-nav .nav-pills li.active::before{
      right: -25px;
      position: absolute;
      width: 0;
      height: 0;
      content: " ";
      border-top: 29px solid transparent;
      border-bottom: 30px solid transparent;
      border-left: 25px solid #347ab6;
    }
    .sidebar-nav .nav-pills li a{font-size: 20px !important;border-bottom:1px solid #d1d1d1;}
    footer h3{font-size: 20px;}
    footer ul li, .footer-bottom { font-size: 14px;}
    footer .socialicons li img{  height:30px; width:30px }
    .sprite-fb {width: 30px; height: 30px; background: url('../png/header-sprite.png') -10px -65px;display: inline-block;}
    .sprite-twt { width: 30px; height: 30px;background: url('../png/header-sprite.png') -60px -65px; display: inline-block;}
    .sprite-lnk {width: 30px; height: 30px;background: url('../png/header-sprite.png') -126px -10px;display: inline-block;}
    footer .socialicons li {padding-right: 10px; }
   .height550{ height:425px; width:auto}
    .rating-logos { margin-top: -100px;}
  }

  @media only screen and (max-width: 1780px) {
    .banner-section img,.main img  {max-width: 100%; height:auto}
    .main h1,.footer-top h1,.subpage-header-content h1, .counter h1, .main .h1,.counter .h1, .footer-top .h1{font-size:40px !important;}
    .main p,.footer-top p, .subpage-header-content p,.counter .count-text, .main h4, .caseStudies .breadcrumb{font-size:18px;}
    .feature-box p,.feature-box p .find{font-size:18px !important;}
    .sub-page  ul.check-type li, ul.dot-type li, .termTradeContent ol.parent, ul.none-type,.sub-page ol{font-size: 18px !important;}
    .main h2,.faq h3,.accordion-group{font-size:30px !important;}
    .banner-section .h1 {font-size: 60px;}
    /*.banner-content ul li img{height:80px; width:auto}*/
    .banner-section p {font-size: 18px;}
    .hometestimonial p{font-size:14px;}
    #myNavbar .nav > li > a { font-size: 14px;}
    .navbar{height: 100px !important;}
    .navbar-header {padding: 5px 0px !important;}
    .navbar-brand img{height:60px;}
    ul.dropdown-menu li a {padding: 15px 20px;font-size:14px;}
    ul.dropdown-menu li:hover::before{right: -30px;position: absolute;width: 0;height: 0;content: " ";border-top: 26px solid transparent;border-bottom: 26px solid transparent;border-left: 30px solid #347ab6;}
    .btn{font-size:14px;padding:15px 30px;}
    .sidebar-nav .nav-pills li:hover::before,.sidebar-nav .nav-pills li.active::before{right: -26px;position: absolute;width: 0; height: 0;content: " "; border-top: 28px solid transparent;border-bottom: 28px solid transparent;border-left: 28px solid #347ab6;}
    .sidebar-nav .nav-pills li a{font-size: 16px !important}
    .sidebar-nav .nav-pills li a {padding: 16px 10px;}
    footer h3{font-size: 20px;}
    footer ul li,.footer-bottom{font-size: 14px;}
    footer .socialicons li img{height:26px; width:26px;}
    .sprite-fb {width: 25px; height: 25px;background: url('../png/header-sprite.png') -126px -60px; display: inline-block;}
    .sprite-twt { width: 25px; height: 25px;background: url('../png/header-sprite.png') -10px -115px; display: inline-block;}
    .sprite-lnk {width: 25px; height: 25px; background: url('../png/header-sprite.png') -55px -115px; display: inline-block;}
    footer .socialicons li {padding-right: 5px;}
   .footer-bottom .rating-logos img{height:70px; width:auto}
    .rating-logos {margin-top: -80px;}
    #sticky-navbar a {padding: 20px 20px;font-size: 18px;}
    .floating-image img {
        max-height: 500px;
    }
    
  }
  @media only screen and (max-width: 1520px) {
    .main h1,.subpage-header-content h1,.counter h1, .main .h1, .counter .h1{font-size:40px !important;}
    .main p,.subpage-header-content p,.counter .count-text, .main h4, .caseStudies .breadcrumb{font-size:16px;}
    .main p.small{font-size:14px !important}
    .banner-content .h3{font-size:22px; margin-top:0px }
    .feature-box p,.feature-box p .find{font-size:16px !important;}
    .sub-page  ul.check-type li, ul.dot-type li,.termTradeContent ol.parent, ul.none-type,.sub-page ol{font-size: 16px !important;}
    .main h2,.faq h3{font-size:28px !important;}
    .banner-section .h1 {font-size: 54px;}
    .banner-section p { font-size: 16px;}
    .hometestimonial p{ font-size:14px;}
    #myNavbar {padding: 25px 0px;}
    #myNavbar {padding: 29px 0px;}
    #myNavbar .nav > li > a,#myNavbar .nav > li > a.country {font-size: 14px; padding-top: 10px;padding-bottom: 10px; }
    .navbar-nav > li > a { padding-top: 10px;padding-bottom: 10px;}
    .navbar{height: 100px !important;}
    .navbar-header {padding: 10px 0px !important;}
    .navbar-brand img{height:50px;}
    ul.dropdown-menu li a { padding: 15px 20px;font-size:14px;}
    ul.dropdown-menu li:hover::before{ right: -30px;position: absolute;width: 0; height: 0;content: " ";border-top: 26px solid transparent;border-bottom: 26px solid transparent; border-left: 30px solid #347ab6;}
    .btn{font-size:14px;padding:15px 30px;}
    .sidebar-nav .nav-pills li:hover::before,.sidebar-nav .nav-pills li.active::before{right: -26px;position: absolute;width: 0; height: 0; content: " "; border-top: 28px solid transparent;border-bottom: 28px solid transparent;border-left: 28px solid #347ab6;}
    .sidebar-nav .nav-pills li a{font-size: 16px !important}
    .sidebar-nav .nav-pills li a {padding: 16px 10px;}
    footer h3{font-size: 20px;}
    footer ul li,.footer-bottom{font-size: 14px;}
    footer .socialicons li img{ height:22px; width:22px}
    .sprite-fb {width: 22px; height: 22px; background: url('../png/header-sprite.png') -100px -115px; display: inline-block;}
  .sprite-twt {width: 22px; height: 22px; background: url('../png/header-sprite.png') -176px -10px; display: inline-block;}
  .sprite-lnk {width: 22px; height: 22px; background: url('../png/header-sprite.png') -176px -52px; display: inline-block;}
    footer .socialicons li { padding-right: 5px;}
    #sticky-navbar a {padding: 20px 20px;font-size: 16px;}  
  }
  @media only screen and (max-width: 1380px) {
    .banner-content .h3{font-size:20px; margin-top:0px }
  }
  @media only screen and (max-width: 1300px) {
    .banner-section img,.main img  {max-width: 100%; height:auto}
    .container-fluid{padding-left:30px;padding-right:30px;}
    .ai-floating-image{right:-30px}
    .banner-content .h3{font-size:20px; margin-top:0px }
    .main h1, .counter h1, .main .h1, .counter .h1{font-size:32px !important;}
    .main p,.sub-page .features p,.counter .count-text,  .caseStudies .breadcrumb{font-size:16px;}
    .main p.small{font-size:12px}
    .feature-box p,.feature-box p .find{ font-size:16px !important;}
    .sub-page  ul.check-type li, ul.dot-type li,.termTradeContent ol.parent, ul.none-type, .sub-page ol{font-size: 14px !important;}
    .main h2,.faq h3, .accordion-group,.accordion-heading{font-size:24px !important;}
    .banner-section .h1 {font-size: 44px;}
    .banner-section p,.subpage-header-content p {font-size: 14px;}
    .hometestimonial p{font-size:15px; font-weight: normal !important;}
    #myNavbar {padding: 29px 0px;}
    #myNavbar .nav > li > a {font-size: 14px;}
    .navbar{ height: 130px;}
    .navbar-header { padding: 10px 0px !important;}
    .navbar-brand img{height:50px;}
    ul.dropdown-menu li a {padding: 15px 20px;font-size:14px;}
    .navbar-nav > li > .dropdown-menu {margin-top: 0;border-top-left-radius: 0;border-top-right-radius: 0;}
    .open > .dropdown-menu {display: block;}
    ul.dropdown-menu {margin-top: 17px !important;}
    ul.dropdown-menu li:hover::before{ right: -28px;position: absolute;width: 0;height: 0;content: " ";border-top: 26px solid transparent;border-bottom: 26px solid transparent;border-left: 28px solid #347ab6;}
    .btn{font-size:14px;padding:15px 30px;}
    .sidebar-nav .nav-pills li:hover::before,.sidebar-nav .nav-pills li.active::before{ right: -26px;position: absolute;width: 0;height: 0;content: " ";border-top: 26px solid transparent;border-bottom: 26px solid transparent; border-left: 28px solid #347ab6; }
    .sidebar-nav .nav-pills li a{font-size: 13px !important}
    .subpage-header img{max-width:100%}.subpage-header-content h1{font-size:36px;}
    footer{text-align: center;}
    footer h3{font-size: 15px;}
    footer ul li,.footer-bottom{font-size: 12px;}
    footer .socialicons li img{height:17px; width:17px}
    .sprite-fb {width: 17px; height: 17px;background: url('../png/header-sprite.png') -176px -94px; display: inline-block;}
    .sprite-twt { width: 17px; height: 17px;background: url('../png/header-sprite.png') -10px -160px; display: inline-block;}
  .sprite-lnk { width: 17px; height: 17px;background: url('../png/header-sprite.png') -47px -160px; display: inline-block;}
    .rating-logos img /*,.banner-content ul li img*/{ height:60px !important; width:auto} 
    .height650 { height: 500px;}
    .footer-top .container-fluid, footer .container-fluid, .footer-bottom .container-fluid,.footer-top-subpage .container-fluid {padding-left: 50px;padding-right: 50px;}
    #sticky-navbar a {padding: 20px 15px;font-size: 14px;}
    .height550{ height:auto;}
  }
  @media (min-width:992px) and (max-width:1180px) {
    .nav > li > a {padding: 10px 8px;} .navbar-brand img{height:40px} .navbar-right a.btn{ padding:10px 10px !important;}.content-home-b {top: 0px;}
    #myNavbar { padding: 27px 0px;}
    .navbar-header { padding: 15px 0px !important;}
    #myNavbar .nav > li > a { font-size: 13px;}
    .container-fluid {padding-left: 30px;padding-right: 30px;}
    .hometestimonial .box{width:600px}
}
@media (min-width:1181px) and (max-width:1600px) {
  .hometestimonial .box{width:600px}
}
#preloader{display:none}
  @media (max-width: 991px) {
    .accordion-heading{font-size:19px !important;}
    .navbar-header {float: none;}
    .pad-right50{padding-right:inherit;}
    #nav-toggle {display: block; margin-right:0px !important; margin-top:3px;}
    .counter .count-text{margin-top: 10px;}
    .counter .h1{font-size:38px !important}
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-brand{ margin-right:0px !important;padding:5px 0px !important}
    nav.navbar a.btn{color:#fff !important}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-collapse.collapse.in {display: block!important;}
    .navbar-nav {float: none!important;margin: 7.5px 0px;display:inline-block !important;}
    .navbar-nav>li {float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px;}
    .navbar-brand img{height:39px;}
    #myNavbar {background:#2d5184; position: relative; z-index:9999;margin-top: 0px;}
    .navbar-header{ float: none; padding: 15px 0px !important;}
    .navbar { height: 80px !important;}
    .navbar-toggle{padding-right:0px}
    .navbar-toggle .icon-bar { border: 1px solid #26384f;}
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left: 0px;}
    .navbar .no-padding{ padding:0px 15px;}
    .navbar-brand {padding: 10px 0px;}
    .navbar-nav .open .dropdown-menu {text-align: center;margin-bottom: 0px;}
    .navbar-header .btn{ font-size: 12px;padding: 8px 16px; }
    .navbar-demo-btn{float:right; display:inline-block;padding-top:6px;}
    .navbar-phone a{color:#0b082d;}
    .banner-section{background: #172339}
    .banner-section ul{ margin-left: -40px;}
    .banner-section ul li {float: none;}
    .mobile-navigation .navbar-nav{display: block !important;}
    .mobile-navigation .nav > li > a{display: inline-block; width: 100%; border:0}
    .mobile-navigation .nav > li > a.active {color: #fff !important;padding: 10px 30px;background-color: #122b4d;width:100%}
    .mobile-navigation .nav > li > a:hover,.mobile-navigation .nav > li > a:focus {color: #fff !important;padding: 10px 30px;background-color: #122b4d; border:0}
    .nav .open > a, .nav .open > a:hover,   .mobile-navigation .nav .open > a:focus {background-color: #122b4d;}
    .navbar-nav .open .dropdown-menu > li > a.active, .navbar-nav .open .dropdown-menu > li > a:hover{background-color: #000000}
    .dropdown-menu{font-size:12px;}
    .navbar-nav .open .dropdown-menu > li > a{text-transform: capitalize; border-radius: 6px;}
    .navbar-nav .open .dropdown-menu > li:hover{border-radius: 6px;;}
    .navbar-nav .open .dropdown-menu > li > a:focus{background-color: none; background: none;}
    .mobile-navigation .nav > li > a,.dropdown-menu > li > a{color:#fff !important;padding: 10px 30px;text-transform: uppercase;}
    .navbar-nav .open .dropdown-menu {position: static; float: none; width: auto; margin-top: 0 !important; background-color: #122b4d;border: 0; -webkit-box-shadow: none; box-shadow: none;}
    ul.dropdown-menu li:hover::before{ border:0px; }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {padding: 5px 15px 5px 25px;color: #fff !important;}
    .mobile-nav{background: #2d4e78;text-align:center; height:100vh; padding-top:40px; position: sticky;top: 0px;width: 100%;right: 0;z-index: 10000;}
    .mobile-close{position: absolute; right:40px; top:27px;z-index:10000;background-color: #2d4e78; border: none;}
    .hidden-xs{display:none;}
    .banner-content,.pad-topbottom100,.pad-topbottom150,.grey-section,.row-section,.counter-section,.testimonial,.booking-content,footer,.subpage-header,.subpage-header,.hometestimonial-content,.pad-topbottom80{padding:30px 0px !important;}
    .mob-boder-right {border-right: 1px solid #fff;}
    .banner-content .h3{font-size:18px; margin-top:0px }
    .hometestimonial{background:#eaeff5 !important;}
    .hometestimonial .overlay{background: #eaeff5 !important;}
    #sticky-navbar a {padding: 20px 10px;font-size: 12px;}
    .banner-content,footer,.footer-bottom{text-align:center}
    .footer-top h1, .footer-top-subpage h1,.subpage-header-content h1,.footer-top .h1, .footer-top-subpage .h1 {font-size: 30px !important;}
    .footer-topcontent h2{font-size:22px !important}
    .footer-top .btn,.feature-page .btn{font-size:13px;padding:10px 15px;}
    .footer-top p{margin-top:10px;}
    .customers .border-left{border-left:0px; padding:30px 0px 0px 0px;height:170px;}
    .customers .mar-top40{margin-top:0px !important;}
    .access-control-bg{background: #eee;}
    .rating-logos {margin-top: -115px; ;margin-bottom: 20px;}
    .image.pad-right100{padding-right:0px;}
    .feature-box{padding: 30px;}
    .sub-page ul, .sub-page ol{text-align: left !important; margin-left: -25px;}
    .homePage .feature-box-top-icon{ left: 45%;height: 40px;width: 47px;top: -20px;background-size: cover;padding: 8px;}
    .hometestimonial .quote{margin-top:-100px;}
    .hometestimonial .box {margin-bottom: 80px; text-align: center;}
    .hometestimonial .box:last-child{margin-bottom:20px}
    .hometestimonial .quote{margin-bottom:20px; }
    .hometestimonial .quote .sprite{margin:auto}
    .mar-top80, .mar-top50{margin-top:30px ;}
    .mar-bot50-mobile{margin-bottom:50px !important}
    .mar-topn20-mobile{margin-top:-20px !important}
    .navbar-toggle .icon-bar{width:28px}
    .navbar-toggle .icon-bar + .icon-bar {margin-top: 7px;}
    footer .socialicons li img {height: 25px;width: 25px; }
    .sprite-fb {width: 25px; height: 25px;background: url('../png/header-sprite.png') -126px -60px; display: inline-block;}
    .sprite-twt { width: 25px; height: 25px;background: url('../png/header-sprite.png') -10px -115px; display: inline-block;}
    .sprite-lnk {width: 25px; height: 25px; background: url('../png/header-sprite.png') -55px -115px; display: inline-block;}
    .footer-top .zoom-logo{width:100px; height:auto}
    .swap-on-mobile-1{-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;}
    .swap-on-mobile-2{-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2; -webkit-order: 2; order: 2;}
    .pad-left50{padding-left:15px}
    .preloader {background-color: #fff;bottom: 0;left: 0;position: fixed;top: 0; opacity: 1;pointer-events: none;-webkit-transition: 2s -webkit-transform;transition: 2s transform; width: 100%;z-index: 999999;}
  .site-loaded .preloader {-webkit-transform: scale(1.2);-ms-transform: scale(1.2); transform: scale(1.2);}
  #preloader{display:block}
  .preloader img,
  .preloader svg { left: 50%; height: 50px; position: fixed;top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      -webkit-transition: 2s width, 2s height;
      transition: 2s width, 2s height;
      width: 50px;
  }
  .preloader:after {
      border: 2px solid #e1e1e1;
      border-top-color: transparent;
      border-left-color: transparent;
      border-right-color: transparent;
      -webkit-border-radius: 100%;
      border-radius: 100%;
      content: "";
      left: 50%;
      height: 100px;
      margin-left: -50px;
      margin-top: -50px;
      position: fixed;
      top: 50%;
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transition: 2s all;
      transition: 2s all;
      width: 100px;
      -webkit-animation: spinner 1s infinite linear;
      animation: spinner 1s infinite linear;
  }
  @-webkit-keyframes spinner {
      from {
          -webkit-transform: rotate(0);
          transform: rotate(0);
      }
      to {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  @keyframes spinner {
      from {
          -webkit-transform: rotate(0);
          transform: rotate(0);
      }
      to {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  .demo-form{margin:auto}
  .pad-bot0-onmobile{padding-bottom:0px!important}
  }
  @media only screen and (max-width: 768px) {

    .counter h2.h1{font-size:30px !important}
    .banner-content{padding:30px 0px !important}
    .feature-page p.blue{text-align:left !important}
    .title{margin-bottom:20px}
    .subpage-header-content h1{margin-bottom:20px;}
    .main p, .sub-page .features p, .counter .count-text, .caseStudies .breadcrumb{font-size:15px !important}
    .main h2, .faq h3, .accordion-group, .accordion-heading{font-size: 20px !important;}
    .main h1,.subpage-header-content h1,.footer-top-subpage h1,.counter h1 ,.main .h1, .footer-top-subpage .h1{font-size: 22px !important;line-height: 1.2 !important;}
    .counter .count-text{margin-top: 10px;}
    .counter > .h1{font-size:38px !important}
    .subpage-header-content p,.footer-top-subpage p{font-size:15px; line-height:1.4}
    #myNavbar{background:#2d5184;position: relative;z-index:9999;margin-top: 0px; }
    .navbar-header{padding: 15px 0px;}
    .navbar-toggle {padding: 12px 0px 12px 12px;margin-right: 0px !important;margin-top: 0px !important;margin-bottom: 0px !important;}
    .mobile-close {right: 15px;}
    .pad-left50{padding-left:15px}
    .container-fluid {padding-left: 5px;padding-right: 5px;}
    .counter-section{margin-top:0px;}
    .footer-bottom ul{margin-left:-40px}
    .footer-top{background:none; background-color:#2d4e78}
    .booking-section{background: #0b082d;}
    .counter-section .border-right{border-right:0px;height:50px;margin-bottom:50px;}
    .pad-left-right100,.row-section,.grey-section,.footer-top .container-fluid,footer .container-fluid, .footer-bottom .container-fluid,.pad-left-right50{padding-left:15px;padding-right:15px;}
    h3,.sub-page .features p,.main p.small{font-size:16px !important; }
    .banner-section .h1 {font-size: 42px;margin:15px 0px 0px 0px; padding:0px 20px;}
    .banner-section .mar-top80{margin-top:30px;}
    .feature-box{    padding: 40px 0px 20px 0px;}
    .homePage .feature-box p,     .homePage  .feature-box p .find {font-size: 12px !important;}
    .feature-box .find { margin-top: 20px;}
    .homePage .feature-box-top-icon img{height:20px;}
   .homePage .feature-box-top-icon { left: 37%;height: 40px; width: 45px;top: 0px;background-size: cover;padding: 8px;}
    .feature-section, .feature-box{background:#fff}
    .feature-box{margin-bottom:0px;}
    .directories .feature-box{margin-bottom: 70px;}
    .mar-top100,.mar-top80{margin-top: 40px; }
    .main,.subpage-header-content{text-align: center;}
    .counter img{height:80px;margin-top:30px; width: auto;}
    .swap-container{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-moz-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;
    flex-direction: column;/* optional */-webkit-box-align: start;-moz-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;}
    .subpage-container{display:flex;flex-direction:column}
    .swap-on-mobile-1{-webkit-box-ordinal-group: 1;-moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;}
    .swap-on-mobile-2{-webkit-box-ordinal-group: 2;-moz-box-ordinal-group: 2;-ms-flex-order: 2; -webkit-order: 2; order: 2;}
    .rating-logos{margin-top: -80px; margin-bottom:20px}
    .slick-prev{left:0px !important;}
    .slick-next{right:0px !important;}
    .sub-page iframe{ height:250px;}
    .sub-page .features img{height:40px; width:auto}
    .sub-page .features h2,.access-features .title{margin-bottom:10px}
    .sub-page .features img.mar-bot20,.hex-box-image{ margin-bottom:0px !important;}
    .sub-page .features .col-md-4{ margin-bottom:50px !important;}
    .hex-box-image { height: 80px;width: 100px;}
    .subpage-container .text{ padding:10px 15px !important; /*text-align: center !important;*/}
    .text-left-mobile{text-align: left !important;;}
    .subpage-feature-section{padding:50px 5px 150px  !important;}
    .mar-top-on-mobile{ margin-top:-180px; margin-bottom:30px}
    .mar-bot-on-mobile{ margin-bottom:-180px; margin-top:30px}
   
    .bg-grey{background-image: none;}
    .tailigating-img{margin-top: -80px;margin-bottom: 20px;}
    .sub-page ul.check-type li::before {content: url(../png/tick-mobile.png);position: relative;z-index: 99;left: -10px;top: 10px;display: table-cell;}
    ul.check-type {margin-left: -40px;}
    .mar-top0{margin-top:10px;}
    .blockquote{padding:0px;}
    .blockquote::before {content: "";}
    .customers .bg-blue-round, .customers .bg-dark-blue-round{height:250px;padding:20px}
    .slick-list{margin:0px 30px !important;}
    .info-section-logos .mar-top40,.home-main .mar-top40{margin-top:20px !important;}
    .caseStudies .breadcrumb{font-size: 13px; }
    .hardware-tile{margin-top:20px}
    .MultiCarousel #leftLst img, .MultiCarousel #rightLst img{height: 25px !important ; width: auto;}
    .MultiCarousel .MultiCarousel-inner {  align-items: inherit;}
    .MultiCarousel{padding-top:0px !important}
    .grey-section{background-image: none;}
}
@media (min-width: 431px) and (max-width: 766px) {
    nav.navbar{height:80px !important}
}
@media only screen and (max-width: 524px) {
  .footer-topcontent span.mailto,.footer-topcontent span.country{display:block}
  .accordion-group{padding-right:20px;}
  .accordion-toggle.collapsed:after {margin-right: -20px;}
.accordion-toggle:after {margin-right: -20px;}
}
@media (max-width: 500px) {
  .demo-form{width:100%; margin:auto; margin-top:20px;}
  .demo-form .form-control,.demo-form .btn{padding:6px 12px; font-size:14px; height:40px}
  }
@media only screen and (max-width: 350px) {
.navbar-demo-btn{
display:none;
}
}
@media only screen and (max-width: 300px) {
  .navbar-header .btn {font-size: 12px;padding: 5px 10px;}
  .navbar-toggle .icon-bar {width: 22px;}
  .navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
  .navbar-brand img {height: 29px;}
  .mobile-close img {width: 22px;height: 22px;}
  .navbar {height: 72px !important;}
}
@media screen and (max-width: 793px){
    body{display:flex;flex-direction:column}
    .feature-section{order:1}
    .hometestimonial{order:1;}
    .counter-section{order:-3}
    .fixed-info { width: 100% !important; right: 5px !important; }
}