html {
  scroll-behavior: smooth;
}

.float-left{
    float:left;
}

.mr-20{
    margin-right:20px;
}

.mt-10{
    margin-top:10px;
}

.height-60{
    height:60px;
}

.image {
    width:100%;
    height:auto;
    margin:30px 0;
}

.image img{
    width:80%;
    height:auto;
    margin:30px 10%;
}



@media only screen and (max-width:500px){
    .image img{
        width:80%;
        height:auto;
        margin:20px 10%;
    }
}



.map iframe{
    width:100%;
    height:300px;
    margin:10px 0;
}
/*----------------------------Slider --------------------*/


#slider_main{
    width:100%;
    height:auto;
    margin:0 ;
    border-bottom: 1px solid gray;


}


/*------------------------end of slider--------------------*/

/*---------------------Products Page-----------------*/

    .products-column{
        width:48%;
        height:250px;
        margin:10px 1%;
        border:1px solid black;
        float:left;

    }
    
    .products-column h2{
        margin:0;
    }
    
    .products-column a{
        margin:10px 20px;
    }

    @media only screen and (max-width:600px){
        .products-column{
            width:100%;
            height:auto;
            margin:20px 0;
            float:none;

        }
    }

/*---------------------------------------------------*/


/*----------------------Solutions Page----------------*/


    .solutions-column{
        width:31.33%;
        height:270px;
        margin:10px 1%;
        border:1px solid black;
        float:left;

    }
    
    .solutions-column h2{
        margin:0;
    }
    
    .solutions-column a{
        margin:10px 20px;
    }
    
    @media only screen and (max-width:800px){
        .solutions-column{
            height:300px;


        }
    }
    

    @media only screen and (max-width:600px){
        .solutions-column{
            width:100%;
            height:auto;
            margin:20px 0;
            float:none;

        }
    }


/*----------------------------------------------------*/
.bg-gray{
    background-color:#eff0f4;
}

.bg-black{
    background-color:black;
}

 .pad-lr-20, .pad-lr-20 p, .pad-lr-20 h4{
    padding:0 20px;
}

 .pad-lr-30 p, .pad-lr-30{
    padding:0 20px;
}


 .pad-lr-40 p, .pad-lr-40{
    padding:0 40px;
}

.border-tb{
    border-top:1px solid gray;
    border-bottom:1px solid gray;
}

.border-bottom{
    border-bottom:1px solid gray;

}

.border-right-white{
     border-right:1px solid white;
 
}



.color-black{
    color:black;
}

.products{
    width:100%;
    height:500px;
    background-color: #044480;
    text-align: center;
    padding: 100px 0;
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 5px 5px 15px gray;

}

.bg-products{
    background-color: #0054a3;
}

.products-list{

    margin-left:40px;
    line-height:15px;
}

.partners img{
    width:100%;
    height:auto;

}
.border-gray-tb{
    border:1px solid gray;
    box-shadow:5px 5px 15px gray;
}

.product-list{
    border:1px solid gray;
    border-radius:15px;
}

.heading-row{
    width:100%;
    height:auto;
    margin:0;

    float:left;
}

.heading-row-col1{
    width:auto;
    height:auto;
    float:left;
    margin:0;
}

.heading-row-col1{
    margin:0;
    padding-top:5px;
}


.heading-row-col2{
    width:auto;
    height:auto;
    float:right;
    text-align:right;
    padding:20px 0;

}

.heading-row-col2 i{
    margin:0px;
    margin-right:10px;
}

.heading-row-col2 i span{
    font-family:'arial narrow';
    font-weight:600;
    font-size:14px;
}


/*-----------------Contact Form-----------------------------*/

.wpcf7{
    width:80%;
    height:auto;
    margin:0 10%;
}

.cf-row{
    width:100%;
    height:auto;
    float:left;
}

.cf-col1{
    width:21%;
    height:auto;
    margin:15px;
    float:left;
}

.cf-col2{
    width:60%;
    height:auto;
    margin:15px;
    float:left;
}




.cf-col2 input, .cf-col2 textarea{
    width:100%;
    height:30px;
    border:none;
    border-bottom:1px solid gray;
    float:left;
}

 .cf-col2 textarea{
    width:100%;
    height:auto;
    float:left;
}

.cf-button{
    width:100%;
    height:auto;
    align-items:center;
}

.cf-button input{
    width:150px;
    height:40px;
    margin:10px 45%;
    border:2px solid gray;
    border-radius:10px;
    background-color: #044480;
    color:white;
    font-size:20px;
    cursor:pointer;
    letter-spacing:2px;
}

.cf-button input:hover{
    background-color:darkgray;
    color:black;
    border-color:black;
    
}

/*-----------------reactis Suite---------------*/

.rs-video-image{
    float:left;
    margin-right:20px;
}

/*-------------------reactis-page-----------------*/

.reactis-image img{
    width:60%;
    height:auto;
    margin:10px 20%;
}

/*-------------------------------------------------*/

  .page-title-container{
      width:100%;
      height:auto;
      position:sticky;
      top:60px;
      z-index:10;
  }
 .product-title-bar{
    width:100%;
    height:auto;
    margin:0;
    z-index:100;
    color:#0054a3;
    background-color:white;
    border-bottom:1px solid gray;
    float:left;


}

 .product-title-bar .col1{
    width:80%;
    height:auto;
    margin:8px 0 10px 0;
    margin-left:2.5%;
    font-family:'Georgia', sans-serif;
    font-size:20px;
    font-weight:700;
    float:left;

}

.product-title-bar .col2{
    width:15%;
    height:auto;
    margin:10px 0;
    float:right;
    text-align:right;
    padding-right:10px;
    display:none;

}

#product-menu-button{
    cursor:pointer;
    
}


.product-menu-container{
    width:100%;
    height:auto;
    margin:0 ;
    z-index:10;
    float:left;

}

.main-list{
    width:85%;
    height:auto;
    padding-left:40px;
}

.product-top-image-container{
    width:100%;
    height:auto;
    margin:0;
    float:left;
}

.product-top-image-container .col1, .product-top-image-container .col2{
    width:50%;
    height:auto;
    margin:0;
    float:left;
}
.product-top-image-container .col1{
    box-sizing:border-box;
    border-right:1px solid white; 
}

.product-top-image-container .col1 img, .product-top-image-container .col2 img{
    width:100%;
    height:auto;
}



.product-menu{
    list-style:none;
    margin:0;
    background-color: #0054a3;
    padding:10px;
    padding-left:2.5%;
}

.product-menu li{
    display:inline;
    padding:0 15px;
    border-right:1px solid white;
}



.product-menu li:last-child{
    border:none;
}
.product-menu li:first-child{
    padding-left:0;
}
.product-menu a{
    color:#b3bcc9;
    letter-spacing:1px;
    

}

.product-menu a:hover{
    color:white;
}

/*------------Reactis-Suite--------------------------*/

    .reactis-suite-row{
        width:100%;
        height:auto;
        float:left;
    }
    
    .reactis-suite-col3{
        width:30%;
        height:auto;
        float:left;
        margin:0;
        margin-left:10px;
        padding:10px;
        box-sizing:border-box;
    }
    
    
    
/*---------------------ASAP--------------------------------*/

    .asap-main-image{
        width:100%;
        height:auto;
        margin:0;
    }
    
    .asap-main-image img{
        width:100%;
        height:auto;
        margin:0;
        float:left;
    }
    
    .asap-gallery-image figure{
        border:1px solid gray;
        box-shadow:5px 5px 15px gray;
    }
    
    .asap-video{
        width:100%;
        height:auto;
        margin:10px 0;

    }
    
        
    .asap-video video{
        width:100%;
        height:auto;
        border:5px solid gray;
        border-radius:15px;
    }
    
    
    .asap-video iframe{
        width:100%;
        height:647px;
        border:5px solid gray;
        border-radius:15px;
    }
    
    .asap-video-text{
        margin-top:0;
    }
    
    .asap-image img{
        width:100%;
        height:auto;
    }
    
/*----------------------------Newsroom------------------*/

    .newsroom{
    }
    
    .newsroom .col1{
        width:100px;
        height:auto;
        margin:10px 1%;
        float:left;

    }
    
    .newsroom .col1 .year-menu{
    
        list-style:none;
        padding:0 10px;
        text-align:center;
        border:1px solid gray;
        border-radius:15px;    
        background-color:lightblue;
    }
    
  .newsroom .col1 .year-menu li{
       margin:10px 0;
    }    
    .newsroom .col2{
        width:88%;
        height:auto;
        margin:10px 1%;
        float:left;
    }


/*--------------------Customers Page------------------*/


    
 
    
    .customer-logo{
        width:14.66%;
        height:auto;
        margin:1%;
        float:left;

    }
    
    .customer-logo img{
        width:90%;
        height:auto;
        margin:5%;

    }
    
/*--------------------Partners Page------*/
    .partners-logo img{
        width:100%;
        height:auto;
        margin-top:30%;
    }
    
@media only screen and (max-width:800px){
    

    .customer-logo{
        width:31.33%;
        height:auto;
        margin:1%;
    }
}
   

/*---------------------------Contact us-----------------*/

@media only screen and (max-width:820px){
   
    .product-title-bar{
       height:auto;
   }
    .product-title-bar .col2{
        display:block;
    }
    .product-menu-container{
        display:none;

    }
    
       .product-menu li{
        display:block;
        padding:0;
        margin:10px 0 10px 5px;
        border:none;
    } 
    
}




@media only screen and (max-width:800px){
    .cf-col1, .cf-col2{
        width:100%;
        height:auto;
        margin:10px 0;
        float:none;
    }
    
    .cf-button{
        float:none;
        margin:20px 0;
    }
    
    .cf-button input{
        margin:20px 35%;
    }
    
    
/*-----------------Reactis Suite-----------*/

    .rs-video-image{
        float:none;
        margin-top:30px;
    }
    
/*---------------------ASAP 800px-------------------*/

    .asap-video iframe{
        width:100%;
        height:360px;
    }
    
    
/*------------------------------------------------------*/

    .product-top-image-container .col1, .product-top-image-container .col2{
        width:100%;
        height:auto;
        margin:0;
        border:none;
        float:none;
    }
        
}




@media only screen and (max-width:600px){
    .partner-logo{

        width:50%;
        height: auto;
        margin:20px 25%;

    }
    
    .wpcf7{
       width:100%;
       height:auto;
       margin:0;
   }
      .cf-button input{
        margin:20px 30%;
    }
    
}



@media only screen and (max-width:500px){



    .reactis-product-row {
        font-size:18px;
    }
    
/*-----------------------------------------------*/

    .heading-row-col1, .heading-row-col2{
        float:none;
        text-align:left;
    }
    
    .heading-row-col2{
        margin-left:20px;
    }
    
/*---------------------ASAP 800px-------------------*/

    .asap-video iframe{
        width:100%;
        height:220px;
    }
    

}