textarea, select, input, button { outline: none; }
.theme-color-bg{
    background-color:#5672C0;;
}
.sec-background{
	background: #ECF0FF;
}
.booking-schedule{
    text-align: center;
    margin-bottom: 30px;
}

body{
  font-family: 'Source Sans Pro', sans-serif;
}

.support-anchor a{
    color: #1B4EF4;
    font-size: 18px;
}

.mt-15{
    margin-top: 15px;
}
@media (min-width: 768px) {
    .home-content-div {
        margin-top: 15%;
    }
    .manage-multiple-store {
        margin-top: 13%;
    }
    .manage-multiple-locations {
        margin-top: 13%;
    }
    .update-currency-conversion {
        margin-top: 13%;
    }
    .price-margin-right {
        margin-right: 20px;
    }
}
.mt-70{
    margin-top: 70px;
}
.mt-20{
    margin-top: 20px;
}
.mb-30{
    margin-bottom: 30px;
}
.mr-20{
	margin-right: 20px;
}
.landing_logo_nav{
  background-color: TRANSPARENT !important;
  padding: 15px;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
  background-color:  TRANSPARENT !important;
  font-size: 18px;
  //font-weight: 700;
  color: #394049;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
  background-color:  TRANSPARENT !important;
  font-size: 18px;
  //font-weight: 700;
  color: #0a0a0a;
}
.navbar-inverse .navbar-nav > .active > a:hover{
    background-color:  TRANSPARENT !important;
	font-size: 18px;
	//font-weight: 700;
	color: #0a0a0a;
}
.navbar-inverse .navbar-nav{
    background-color:  TRANSPARENT !important;
	border-color: TRANSPARENT !important;
	font-size: 18px;
	//font-weight: 700;
	color: #394049;
}
.navbar-inverse{
  background-color: TRANSPARENT !important;
  border-color: TRANSPARENT !important;
}

.landing_header_row{
  // position: fixed;
  width: 100%;
  top: 0;
  z-index: 200;
  
}
.landing_header_row.navbar-nav>li>a{
    //padding-top: 15px !important;
    //padding-bottom: 10px !important;
    font-size: 18px;
    //font-weight: 700;
    color:#394049;
}
.navbar-inverse .navbar-nav>li>a {
    color: #394049;
}
.landing_header_row.nav>.active>a{
    color: #394049;
    //border-bottom: 2px solid #5672C0;;
}

.home-banner{
    float: right;
}
.home-content{
    //float: left;
    position: absolute;
    margin-left: 45px;
    margin-top: 195px;
}
.home_heading{
    font-size: 32px;
    //color: #394049;
}
.home_content{
    font-size: 18px;
    color: #555555;
}

.install-btn{
    background-color: #606EC6 !important;
    border-color: #3F4EAD !important;
    color: #fff !important;
    height: 46px;
    padding: 12px 35px 32px 35px;
    font-size: 16px;
}

.key-benefits-heading-main{
    font-size: 26px;
    color: #394049;
    text-align: center;
}
.key-benefits-img{
    float: right;
}

.key-benefits-heading{
    color: #394049;
    font-size: 22px;
}
.key-benefits-content{
   color: #394049;
   font-size: 18px;
}
.key-benefits-content-sec{
    position: absolute;
    margin-left: 170px;
    margin-top: 190px;
}


.multilocation-sec{
    margin-top: 146px;
    margin-left: -222px;
}
.multicurrency-content-sec {
    position: absolute;
    margin-top: 166px;
    margin-left: 170px;
}
.multicurrency-img {
    float: right;
}


.features-center{
    text-align: center;
    text-align: -webkit-center;
}

.features{
    //background-color: #EAF0FE;
    //margin-top: 70px;
    text-align: center;
    text-align: -webkit-center;
}
.features-heading{
    font-size: 26px;
    margin: 50px 0 50px 0;
    text-align: center;
    color: #394049;
}
.features-points{
    font-size: 18px;
    margin: 20px 0 50px 0;
    color: #394049;
}
.video-background{
    height: 239px;
    background: #5367C5;
    position: relative;
    border-radius: 5px;
}
.play-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
.font-size-16{
    font-size: 16px;
}
.membership-title {
    color: #121212;
    font-size: 18px;
    padding: 10px 0 0 0;
}
.btn-schedule{
    padding: 10px 15px;
    font-size: 16px;
}
.padding-22-15{
    padding: 22px 15px;
}
span.price-badge {
    background: #FFB944;
    padding: 6px;
}
.contact-hr{
	margin-left: 25%;
    margin-right: 25%;
	border-top: 1px solid #c5c3c3
}
.price-heading{
    font-size: 26px;
    margin: 50px 0 13px 0;
    color: #394049;
}
.price-content {
     font-size: 18px;
    margin-bottom: 10px;
}
.price-install{
    margin-bottom: 50px;
}
.faq-ans{
    color: #555555;
    font-size: 18px;
}
.faq-ques{
    color: #333333;
    font-size: 20px;
}
.booking-hr{
    margin-left: 25%;
    margin-right: 25%;
}
.schedule-text{
    font-size: 20px;
}
.membership-price {
    color: #121212;
    font-size: 32px;
}
.membership-duration {
    color: #737F8C;
    font-size: 16px;
}
.membership-channel {
    color: #283FD2;
    font-size: 16px;
    padding: 0 0 10px 0;
}
.membership-description {
    font-size: 15px;
    color: #121212;
    padding-bottom: 20px;
}
.white-bg{
    background: #fff;
    transition: box-shadow .5s, transform .5s;
    border-radius: 5px;
}
.white-bg:hover{
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.2);
    transform: translateY(-1px);
}

.support-heading{
    color: #394049;
    font-size: 22px;
    margin-top: 20px;
}
.support-content{
    color: #555555;
    font-size: 18px;
}

.bg-white {
  background-color: #ffffff;
}
.bg-success {
  background-color: #45BE5E;
  color: #ffffff;
}
.bg-danger {
  background-color: #E85757;
  color: #ffffff;
}

/*------------------------------------*\
	Back to top
\*------------------------------------*/

#back-to-top {
    display:none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #5672C0;
    border-radius:3px;
    color: #FFF;
    z-index: 9999;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
    cursor: pointer;
    opacity: 0.4;
}

/*#back-to-top:after {
    content: "\f106";
    font-family: 'FontAwesome';
}*/

#back-to-top:hover {
    opacity: 0.8;
}

/*------------------------------------*\
	Preloader
\*------------------------------------*/


#preloader {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #FFF;
    z-index: 99999;
}

.preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.preloader span {
    display: inline-block;
    background-color: #5672C0;
    width: 25px;
    height: 25px;
    -webkit-animation: 1s preload ease-in-out infinite;
            animation: preload 1s ease-in-out infinite;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    border-radius:50%;
}

.preloader span:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.preloader span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
}

.preloader span:nth-child(3) {
    -webkit-animation-delay: 0.15s;
            animation-delay: 0.15s;
}

.preloader span:nth-child(4) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}

@-webkit-keyframes preload {
	0% {
	   -webkit-transform:scale(0);
	           transform:scale(0);
	}
  50% {
    -webkit-transform:scale(1);
            transform:scale(1);
  }
  100% {
    -webkit-transform:scale(0);
            transform:scale(0);
  }
}

@keyframes preload {
	0% {
	   -webkit-transform:scale(0);
	           transform:scale(0);
	}
  50% {
    -webkit-transform:scale(1);
            transform:scale(1);
  }
  100% {
    -webkit-transform:scale(0);
            transform:scale(0);
  }
}

/***************************************************
SNACKBAR/ FLASH MESSAGE
***************************************************/

/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #e62020; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar. 
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}