/*
	Kognoz additions 2019

*/

/*
    font-size: 0.9rem;
    color: rgba(0,0,0,.9);
    font-stretch: normal;
    font-weight: 400;
    letter-spacing: normal

*/

body{
    background-color:#ffffff !important; /* #f5f7fa 8?
    line-height: 1.75;
    font-family: 'Salesforce Sans', sans-serif;
    font-size: 0.9rem;
    letter-spacing: normal;
    font-weight: 400;
    color: #272d33;/*rgba(0,0,0,.9);*/
    /* from carrousel.css*/
    padding-bottom: 3rem;
    padding-top: 3rem;
}

a{
    color: rgb(55,173,206);
}

.card{
    background-color: rgba(250,250,250,0);
}

/*
.quotation{
    font-size: 18px;
    quotes: "\201C""\201D""\2018""\2019";
    padding: 10px 20px;
    line-height: 1.4;
  }
  
  .quotation:before {
    content: open-quote;
    display: inline;
    height: 0;
    line-height: 0;
    left: -10px;
    position: relative;
    top: 30px;
    color: #ccc;
    font-size: 3em;
  }
  .quotation::after {
    content: close-quote;
    display: inline;
    height: 0;
    line-height: 0;
    left: 10px;
    position: relative;
    top: 35px;
    color: #ccc;
    font-size: 3em;
  }
  */


.btn-demo{
    background-color: #ff5907;
    border-color: #ff5907;
    color: #FFFFFF;
    font-weight: 600;
}

.btn-demo:hover{
    color: #FFFFFF;
    background-color: #e44f05;
    border-color: #ff5907;
}

.btn-learn-more{
    background-color: #0565CD;
    font-weight: 600;
    color: #FFFFFF;
    /*font-size: 0.9rem;*/
}

.btn-learn-more:hover{
    background-color: #074f9c;
    font-weight: 600;
    color: #FFFFFF;

}

.btn-get-it-now{
    background-color: #04844b;
    border-color: #04844b;
}

.btn-menu{
    font-weight: 600;
}

.btn-outline-secondary:hover {
    color: #4a4949;
    background-color: #6c757d21;
    border-color: #6c757d;
}



.kognoz-text{
    font-family: 'Salesforce Sans';
    color: #272d33;/*rgba(0,0,0,.9);*/
    font-size: 0.9rem;
    font-weight: 400;
}

.bg-light{
    background-color:#f5f7fa !important;
}

.bg-dark{
    background-color:#16325ccf !important;
}

/* navbar customizations */
.navbar{
    padding-top: 13px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e7e7e7;
    opacity: 0.95;
    overflow-y: auto;
    min-height: 98px;
}

/* nav bar animation start */
.icon-bar {
	width: 22px; 
	height: 2px;
	background-color: #B6B6B6;
	display: block;
	transition: all 0.2s;
	margin-top: 4px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
  }
   
  .navbar-toggler .middle-bar {
    opacity: 0;
  }
   
  .navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
  }
   
  .navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
  }
   
  .navbar-toggler.collapsed .middle-bar {
    opacity: 1;
  }
   
  .navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
  }

/* nav bar animation ends */


.navbar-light .navbar-nav .nav-link {
    color: #16325c; /*make same as active #16325c*/
    font-size: 19px; /* 16px */
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 700;
    letter-spacing: 0.03rem;
}

.navbar-light .navbar-nav .active>.nav-link, 
.navbar-light .navbar-nav .nav-link.active, 
.navbar-light .navbar-nav .nav-link.show, 
.navbar-light .navbar-nav .show>.nav-link {
    color: rgb(42 51 66); /* #16325c */
}


.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7);
}

.nav-span{
    padding-bottom: 10px;
}

.navbar-light .navbar-nav .active>.nav-link>span,
.navbar-light .navbar-nav .nav-link.active>span, 
.navbar-light .navbar-nav .nav-link.show>span, 
.navbar-light .navbar-nav .show>.nav-link>span {    
    border-bottom: 4px solid rgb(42 51 66);;
    transition: .2s ease-in-out; 
}

.navbar-light .navbar-nav .nav-link:focus>span, 
.navbar-light .navbar-nav .nav-link:hover>span {
    border-bottom: 4px solid #16325ccf ;
    transition: .2s ease-in-out; 
}

.align-center-kognoz{
    text-align: center;
}

.btn-outline-warning {
    color: #ff5907;
    border-color: #ff5907;
}

.btn-outline-warning:hover {
    color: #FFFFFF;
    background-color: #ff5907;
    border-color: #ff5907;
}

.btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle {
    color: #FFFFFF;
    background-color: #ff5907;
    border-color: #ff5907;
}


.land-page-banner{
    margin-top: -30px;
    margin-bottom:-15px;
    /*background: linear-gradient(to bottom, #16325ccf 0%, #16325ccf 100%);*/
    
    /*
    background-image:url("../img/23962.jpg");
    background-size: 2100px;
    */

    /*background-image:url("../img/26320.jpg"); 
    
    background-size: 1800px;
    background-repeat:repeat-x;
    */
    
    /*
    background-image:url("../img/26319-1.jpg");
    background-color: rgb(0,18,45);
    */

    /*
    background-color:rgb(107 110 110);/* rgb(115, 134, 134); rgb(140, 168, 168); rgb(157, 162, 162)
    */

    background-image: linear-gradient(135deg,#074f9c, #0565CD); /*#438fa1 #a4d4ef*/
    max-height: 700px;
}

.land-page-banner svg{
    display: block;
}

.land-page-banner-message{
    text-align: center;
    margin-top:150px;
}

.land-page-banner-graphics{
    text-align: center;
    margin-top: 100px
}

/* carousel */
.carousel-inner{
    text-align: center;
    position: absolute;
    top: 0;
    /* clipping */
    /*width: 1900px;*/
    /*overflow: hidden;*/
}


.front-msg{
    padding: 1.5rem;
}

.front-msg-img{
    max-height: 450px;
    margin-left: 50px;;
}

.front-msg-text{
    font-size: 28px;
    color:#FFFFFF;
    line-height: 38px;
    letter-spacing: 0.075rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
}




.carousel-background{
    position: relative;
    /*
    left: 100%;
    margin-left: -200%;
    width: 100%;
    */
    min-height: 180px;
    max-height: 470px;
    min-width: 1823px;
    margin-top: 50px;
}

.carousel-indicators{
    position: absolute;
    top: 300px;
}

.carousel-indicators li
{
    background-color: #6c757d;
    width: 10px;
    height: 10px;
    border-radius: 100%;    
}

.carousel-item{
    height: unset;
}

.kognoz-office-background{
    position: relative;
    /*
    left: 100%;
    margin-left: -200%;
    width: 100%;
    */
    min-height: 200px;
    max-height: 470px;
    min-width: 2000px;
    margin-top: 25px;
}

.carousel{
    margin-bottom: 0;
}
.carousel-item{
    background: none;
}

.carousel-caption{
    bottom: 8rem;
   /*
    top: 50%;
    margin-top: 280px;
    */
}

.carousel-text-muted{
    color: #bcbbba; /*#91908c;*/
    font-weight: bolder;
}

.carousel-button{
    margin-top: 40px;

}

.circle {
    position: relative;
    background: #0565CD;
    /*border: 0.12em solid #16325ccf;*/
    border-radius: 50%;
    height: 24px;
    width: 24px;
  }

  .play {
      position: absolute;
      top:7px;
      left: 9px;
    border-style: solid;
    border-width: 5px 5px 5px 9px;
    border-color: transparent transparent transparent #FFFFFF;
  }

  .a-play , .a-play:hover, .a-play:focus{
      color: #16325ccf;
      text-decoration: none;
  }

.btn-ifs{
    color: #fff;
    background-color:#204d74;
    border-color: #204d74;
}

.btn-ifs:active, .btn-ifs:focus {
    color: #fff;
     background-color: #204d74;
     border-color: #122b40;
 }

.btn-ifs.disabled, .btn-ifs:disabled {
    color: #fff;
    background-color: #93949a;
    border-color: #93949a;
}

/*
, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle

.btn-primary:not(:disabled):not(.disabled).active {
   color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
*/


.btn-ifs:hover{
    color: #fff;
    background-color: rgb(25,52,76,0.65);
    border-color: #204d74;
}

button:focus{
    outline: 0;;
}

a.btn:focus {
    text-decoration: none;
    color: #FFFFFF;
}

/* front page grid */
.ifs-front-cont-banner{
    /*background: #16325ccf;*/
    background: #f5f7fa;
}

.ifs-front-cont{
    background: #fff; /*f5f7fa*/
    /*padding-top: 10px;*/
    /*border-bottom: 1px solid #dee2e6;*/
    padding-top: 20px;
    padding-bottom: 15px;
}

/*
.row-buyonline{
 */   /*margin-top: 40px;*/
 /*
}
*/

.ifs-front-grid .row .col-ifs{
    padding-bottom: 45px;
    padding-top: 45px;
}

.ifs-front-grid .row .col-ifs-img{
    padding: 0;
}

.col-ifs-background{
    background-color: #fff; /*f5f7fa*/
}

.ifs-lcol{
    padding-left: 0;
    padding-right:0;

}

h2.cell-title{
    font-size: 28px;
    /*text-align: center;*/
    /*color: rgba(0,0,0);*/
    color: rgb(42 51 66);
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 30px;
}

h2.cell-title-kognoz{
    font-size: 28px;
    text-align: left;
    /*color: rgba(0,0,0);*/
    color: rgb(42 51 66);
    font-weight: 700;
    line-height: 30px;
}

p.cell-content{
    font-size: 16px;
    letter-spacing: normal;
    line-height: 30px; /*1.7rem;*/
    color: rgb(42 51 66); /*#272d33;*//*rgba(0,0,0,.9);*/
    text-align: left !important;
    min-height: 80px;
}
/*
.btn-learn-more{
    border: 1px solid #ccc;
    font-size: 0.9rem;
}
*/


.we-different-li
{
    background: inherit;
    line-height: 1.75;
    font-family: 'Salesforce Sans', sans-serif;
    letter-spacing: normal;
    font-size: 0.9rem;
    color: #272d33;/*rgba(0,0,0,.9);*/

}



/* footer */
.footer-text{
    font-size: 0.7rem;
    color: #fff; /*rgb(42 51 66);*/    
}

.footer-kognoz{
    /*margin-top: 30px;*/
    padding-bottom: 10px;
}

.footer-content{
    background-image: linear-gradient(135deg,#074f9c, #0565CD);
    margin-bottom: -50px;
}


/* products pages */

.product-description-container{
    text-align: left;
}

.product-desc-background{
   position: relative;
    /*
    left: 100%;
    margin-left: -200%;
    width: 100%;
    */
    min-height: 200px;
    max-height: 300px;
    min-width: 2000px;
    margin-top: 30px;    
}

.feature-lead{
    letter-spacing: normal;
    line-height: 30px;/*1.7rem;*/
    color: rgb(42 51 66); /*#272d33;*//*rgba(0,0,0,.9);*/
    text-align: left;
    font-size: 16px;/*0.9rem;*/
}

.product-description-box{
    margin-top:100px; /*50px;*/
    padding-bottom:10px;
    padding-top:10px;
}

.product-sections-menues{
    padding-bottom:0;
    padding-top:0;
}
.product-sections-menues .navbar{
    border-bottom: 0;
}

.ifs-navbar-toggler{
    border: 0;
}

.navbar.navbar-9 .navbar-toggler-icon {
    background-image: url('../img/hamburger3.svg');
}

.dropdown-item.active, .dropdown-item:active {
    background-color: rgb(55,173,206);
}

.ifs-navbar-collapsed-reference {
    margin-left: 1rem;
}
.kognoz-tab-active{
    display: block;
}

.kognoz-tab{
    display: none;
}

.featurette-divider-top{
    margin-top: 0;
    margin-bottom: 4rem;
}

.featurette-heading{
    font-size: 1.6rem;
    letter-spacing: 0.07rem;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 1.3rem;
    color: #272d33; /*rgba(0,0,0,.8);*/
    font-weight: 500 !important;
}
p.lead{
    font-size: 0.85rem;
}

span.text-muted{
    color: rgba(0,0,0,0.4) !important;
}

.nav-tabs .nav-item{
    font-size: 1.1rem;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #fff;
}
a#prod-pg-nav-sel{
    font-size: 1rem;
}

.summary-section{
    min-height: 180px;
    margin-top: 1rem;
}

/* buy online */
.ifs-buyonline{
    background-image: url("../img/woman-standing-laptop1.png");
    background-repeat: no-repeat;
    height: -webkit-fill-available;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    /*color: #16325ccf; *//*#fff;*/
    background-color:#FFF;/* #16325ccf;*/
}

li.nav-item > a.nav-link.active{
    color:rgb(55,173,206);/*#007bff;*/
    font-weight: 700;
}

li.nav-item > a.nav-link{
    color: rgb(42 51 66);
    /*color:#16325ccf;*/
}

/* modals */
.modal{
    font-size: 0.8rem;
    line-height: 1.6rem;
    letter-spacing: normal;
}

.video-modal-content{
    background: #000;
    color: #fff;
}

div#videoModal .modal-body{
    padding: 0;
    min-height: 50px;

}

/* acordeon */
.btn-link{
    font-family: 'Salesforce Sans';
    color: #272d33;/*rgba(0,0,0,.9);*/
    font-size: 0.9rem;
}

.btn-link:hover, .btn-link.focus, .btn-link:focus{
    text-decoration: none;
}

.list-group-item.active {
    z-index: 2;
    color:#272d33;/*rgba(0,0,0,.9);*/
    background-color:#eaf0f5;/* #e2e6ea;*/
    border-color: #dae0e5;
}

/* forms */
/*
form .form-group label{
    font-family: 'Salesforce Sans Semibold', sans-serif;
}
form .form-group label.form-check-label{
    font-family: 'Salesforce Sans', sans-serif;
}
*/

.form-control{
    font-size: 0.8rem;
}

.form-check-input {
    margin-top: 0;
}

/* buy online */
.main-container{
    margin-top: 50px;
    padding-bottom: 10px;
    padding-top: 10px;    
}


.bio-text{
    text-align: start;
    font-size: small;
}

/* ekko lightbox custom */
.kognoz-modal-body{
    padding: 0;
}

.kognoz-modal-content{
    background-color: #000;
    border: none;
}

.kognoz-close{
    color: #FFFFFF;
}

.kognoz-close:hover{
    color: #FFFFFF;
}

.kognoz-modal-title{
    color: #FFFFFF;
}

.ekko-lightbox-nav-overlay a{
    color: #c3c3c3;
    ;
}

/* faq */
.faq-title{
    font-size: 22px;
    color: rgba(0,0,0);
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 30px;
    display: inline-block;
    color: rgb(42 51 66);
    margin-left: 10px;
}

.faq-question-btn{
    text-align:left;
    font-size:0.85rem;
}

.faq-answer{
    font-size:0.85rem;
    color: rgb(42 51 66);
}


/* media queries */
@media (min-width: 62em)
{
    .featurette-heading {
        margin-top: 1rem;
    }

}

@media (min-width: 576px)
{
    .modal-dialog {
        max-width: 650px;
    }
}


/*---------------- 14-OCT-2019 Start-------------------------*/


a.ifs-prod {
    color: #000;
    font-weight: 700;
}


div.featurette{
    padding-top: 0.5rem;
    margin-top: 2.5rem;
}

.prod-pg-cont{
    background-color: #fff; 
}

.icon-concept-container{
    padding-bottom: 12px;
}

.icon-cont{
    text-align: right;
}
.concept-icon{
    max-width: 40px;
}


@media (max-width: 576px){
    .prod-pg-cont{
        margin-top: 120px;
    }  

    .navbar-light .navbar-nav .active>.nav-link>span, 
    .navbar-light .navbar-nav .nav-link.active>span, 
    .navbar-light .navbar-nav .nav-link.show>span, 
    .navbar-light .navbar-nav .show>.nav-link>span {
        border-bottom: 1px solid #16325ccf ;
    }   
    .col-ifs-background{
        background-color: #FFF;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #16325c;
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px;
        font-weight: 500;
        /*letter-spacing: 0.03rem;*/
    }
    .btn {
        font-size: 15px;
    }

    .summary-section {
        margin-top: 5rem;
    }

    .front-msg{
        padding: 2.5rem;
    }
    
    .front-msg-img{
        max-height: 370px;
        padding: 2rem;
        margin-left: 0;
    }

    .front-msg-text{
        font-size: 24px;
        color:#FFFFFF;
        line-height: 30px;
        letter-spacing: 0.075rem;
        margin-bottom: 1.5rem;
        font-weight: 700;
    }
    
   
    
}


@media (max-width: 768px){
    .land-page-banner{
        max-height: 900px;
    }

    .prod-pg-cont{
        margin-top: 120px;
    }    

    .navbar-light .navbar-nav .active>.nav-link>span, 
    .navbar-light .navbar-nav .nav-link.active>span, 
    .navbar-light .navbar-nav .nav-link.show>span, 
    .navbar-light .navbar-nav .show>.nav-link>span {
        border-bottom: 1px solid #16325ccf ;
    }   

    .col-ifs-background{
        background-color: #FFF;
    }

    .ifs-front-grid{
        max-width: 768px;
    }

    .slds-progress{
        max-width: 90%;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #16325c;
        font-size: 15px;
        padding-left: 15px;
        padding-right: 15px;
        font-weight: 600;
        /*letter-spacing: 0.03rem;*/
    }
    .btn {
        font-size: 15px;
    }
    .summary-section {
        margin-top: 5rem;
    }

    .front-msg{
        padding: 2.5rem;
    }
    
    .front-msg-img{
        max-height: 370px;
        padding: 2rem;
    }

    

}

@media (min-width: 768px) and ( max-width:992px){
    .land-page-banner{
        max-height: 1000px;
    }
}
@media (min-width: 992px){
    

    .prod-pg-cont{
        margin-top: 90px;
    }    
}