body {
    
    font-family: 'Nunito','Helvetica Neue','Arial';
    background-image: url(../img/bg.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100%;
    
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.btn-phone, .btn-phone:hover {
    border: 1px solid #00A2B2; 
    background-color: transparent;
    background-image: url(../img/icons/phone.png) ; 
    background-repeat: no-repeat;
    background-position: 10px;
    text-indent: 30px;
    font-size: 12px;
    color: #00A2B2;
    font-weight: bold;

}   


.headlink {font-weight: bold;font-size: 12px;color: #323232;}
.logo-col {text-align: center}
.headlink:hover { color: #00A2B2;}
.soc {display: inline-block; margin-right: 15px}
.soc img {height: 20px; margin-right: 5px}
.soc img:hover {opacity: 0.7}

.logo {margin-top: 10px}

ul.menu {width: 100%; padding: 0; overflow: hidden; margin-top: 30px;}
ul.menu li {list-style: none; display: inline-block; margin: auto 5px; padding: 5px 5px; border-radius: 10px}
ul.menu li#active {background: #d2f0f5; padding: 5px 15px; }
ul.menu li a {
font-weight: bold;
font-size: 24px;
color: #323232;
}

ul.menu li#active a {color: #026b75 }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




.slide {
   
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.slide img {max-width: 100%}


.slide .title {
position: relative;
font-weight: 800;
font-size: 42px;
color: #00A2B2;
line-height: 50px;}



.slide .seperator {height: 6px; border-radius: 6px; background-color:#00A2B2; width: 50px; margin: 10px 0 15px }

.slide .text {
font-size: 16px;
color: #323232;
letter-spacing: 0;
line-height: 24px;
}

.btn-readmore {
    padding-top: 12px;
    padding-bottom: 12px;
    border-color: #00A2B2; color: #00A2B2; font-weight: bold;
padding-left: 20px;
    font-size: 14px;
    padding-right: 80px;
  background-image: url(../img/arrow.png) ; 
    background-repeat: no-repeat;
    background-position: right 20px center;

}

.btn-plybck {
    padding-top: 12px;
    padding-bottom: 12px;
    border-color: #00A2B2; color: #00A2B2; font-weight: bold;
padding-left: 20px;
    font-size: 14px;
    padding-right: 80px;
  background-image: url(../img/playback.png) ; 
    background-repeat: no-repeat;
    background-position: right 20px center;

}

.btn-plybck:hover {
  background-image: url(../img/playback-white.png);
    background-color: #00A2B2;
    border-color: #00A2B2;
    
}

.btn-contactus { color: white; 

 background-image: url(../img/arrow-white.png) ; 
    background-repeat: no-repeat;
    background-position: right 20px center;

text-align: left}

.btn-readmore-dark {border-color:#D0CFCE ;  background-image: url(../img/arrow-black.png)  ; color:#323232 }

.btn-readmore-light {border-color:white ;  background-image: url(../img/arrow-white.png)  ; color:white}

.btn-readmore-contact, .btn-readmore-contact:hover {text-align: left;  border-color:white ;background: url(../img/arrow-color.png), white; color:#C82F8D;   background-repeat: no-repeat;  background-position: right 20px center;}

.btn-readmore:hover {
  background-image: url(../img/arrow-white.png);
    background-color: #00A2B2;
    border-color: #00A2B2;
    
}
.btn-readmore-contact:hover {
    
   background: url(../img/arrow-color.png), rgba(255, 255, 255, 0.75);
  
    background-repeat: no-repeat;
    background-position: right 20px center;
    border-color: transparent;
    
}

.box {background: #FFFFFF;
box-shadow: 0 10px 25px -10px rgba(0,0,0,0.20);
border-radius: 15px;}

.product {padding: 30px 80px; transition: all 0.2s ease-out;position: relative;bottom: 0; }

.product:hover {bottom: 10px}
.product img {max-height: 215px; max-width: 100%;}
.product .title, .prod-title {font-weight: 800;
font-size: 18px;
color: #00A2B2;
letter-spacing: 0.75px;
text-align: center;}

.product .text, .service24 .text {
    
font-size: 14px;
color: #222222;
letter-spacing: 0.58px;
line-height: 20px;

}


.btn-show-all {background: #EFFCFE;

font-weight: bold;
font-size: 14px;
color: #00A2B2;
letter-spacing: 0;
text-align: center;
line-height: 24px;}

.cat-title {
font-weight: bold;
font-size: 26px;
color: #323232;
line-height: 30px;
}


.service {
box-shadow: 0 10px 25px -10px rgba(0,0,0,0.20);
border-radius: 15px;
padding: 50px 35px;

     background: url(../img/serv-bg.png), linear-gradient(162deg, #00CFD9 0%, #00A2B2 98%) ; 
    background-repeat: no-repeat;
    background-position: right bottom;
    transition: all 0.2s ease-out;
    position: relative;
    bottom: 0;
    
    
}

.service:hover {
    
    bottom: 10px;
    
    
}

.service-white {
      background: url(../img/serv-bg2.png), white ; 
     background-repeat: no-repeat;
    background-position: center bottom;
    min-height: auto;
    margin-bottom: 20px;
    
    
    
}



.service .icon img {height: 65px}
.service .photo img {max-height: 126px}
.service .title {font-weight: 800;
font-size: 20px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 24px;
}

.service .title-left {font-weight: 800;
font-size: 20px;

letter-spacing: 0;
text-align: left;
line-height: 24px;
}

.service .seperator, .product-details .seperator {height: 6px; border-radius: 6px; background-color:white; width: 30px; margin: 10px auto}
.service .seperator-left, .product-details .seperator-left {height: 6px; border-radius: 6px; background-color:#00A2B2; width: 30px; margin: left; margin-top: 5px; margin-bottom: 7px;}

.product-details .seperator {background-color: #C82F8D; margin: 10px 0px}

.service .text {opacity: 0.85;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 20px;}

.service-white .title {color: #323232}

.service-white .icon img {filter: invert(66%) sepia(85%) saturate(2350%) hue-rotate(161deg) brightness(103%) contrast(101%);}
.service-white .seperator {background-color: #00A2B2}
.service-white .text {color: #323232}
.swiper-pagination {
bottom: 0px !important;
}

.swiper-pagination-bullet-active {background: #00A2B2 !important}


.service24 {
    
    background-image: url(../img/techsupport.jpg);
    background-repeat: no-repeat;
    background-position: right 20px bottom 20px;
    background-size: 450px;
}
.service24, .ctusbox {min-height: 530px}

.service24 .text {width: 70%}

.service24 .title, .ctusbox .title {font-weight: bold;
font-size: 32px;
color: #C82F8D;
letter-spacing: 1.33px;
line-height: 30px;}

.ctusbox {

    background: #C82F8D
}


.ctusbox .title {color: white}

.contact-input {background: transparent; border-color: #E397C6; font-weight: bold;
    padding-top:  15px;
     padding-bottom:  15px;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
line-height: 24px;
height: auto!important;
}
.contact-input::placeholder {color: white}
.contactus-input {padding-top: 15px; padding-bottom: 15px;  height: auto!important;}

.swiper-partners .swiper-slide img {max-height: 126px; max-width: 126px;    filter: grayscale(100%); opacity: 0.3; cursor: pointer;}

.swiper-partners .swiper-slide img:hover {opacity: 1;filter: grayscale(0%)}

.copyright {
    
    font-weight: 600;
font-size: 12px;
color: #323232;
letter-spacing: 0.5px;
text-align: right;
    
}

.footer img {max-height: 43px}

.footertext {
    text-align: center;
    opacity: 0.4;
font-size: 12px;
color: #222222;
letter-spacing: 0.5px;
text-align: center;
    
    border-top: 1px solid #d8d8d8;
}




.swiper-services {padding-bottom: 40px !important}

.product-shadow {
    
    filter: drop-shadow(1px 7px 15px rgba(0,0,0,0.31));
-webkit-filter: drop-shadow(1px 7px 15px rgba(0,0,0,0.31));
-moz-filter: drop-shadow(1px 7px 15px rgba(0,0,0,0.31));
}




.product-inner .photo img {
   
    max-height: 400px

}

.product-inner .maintext {
    
text-align: center;
font-size: 16px;
color: #222222;
letter-spacing: 0.67px;
text-align: center;
line-height: 24px;
}


.product-details .title {
    
    font-weight: 800;
font-size: 20px;
color: #323232;
letter-spacing: 0;
line-height: 24px;
}

.photo-details img {width: 100%;  position: relative;}
.t100 {top: 80px;}
.b100 {bottom: 80px;}
.b320 {bottom: 120px;}

.withbg {background: #F2F7F9; padding: 125px 0px}
.withbg320 {background: #F2F7F9; padding: 25px 0px}
.tablespecs {background-image: linear-gradient(162deg, #00CFD9 0%, #00A2B2 98%);
box-shadow: 0 10px 25px -10px rgba(0,0,0,0.20);
border-radius: 15px;

position: relative;
top: -50px}


.specstitle {
    
    font-weight: 800;
font-size: 20px;
color: #FFFFFF;
letter-spacing: 0;
line-height: 24px;
}


.tablespecs table {color: white}
.tablespecs table th, .tablespecs table td {border-top-color: rgba(255, 255, 255, 0.50)}



.contacts .title, .static .title {
    
  font-weight: bold;
font-size: 22px;
color: #323232;
letter-spacing: 0;
line-height: 24px;
}



.contacts .text {

font-size: 14px;
color: #323232;
letter-spacing: 0;
line-height: 20px;
}

.form-group {margin-bottom: 10px}

.swiper-product {height: 400px}



@media (max-width: 991.98px) { 

        body {
        
        background-repeat: no-repeat;
    background-size: auto 100%;
    background-attachment: fixed;
    }

   
    
    .slide img {margin-top: 20px; margin-bottom: 20px}

    .slider {margin-top: 0px !important}
}




@media (max-width: 575.98px) { 

 .slide {text-align: center; height: auto; padding-bottom: 25px}
  .slide .text  {margin: 0 auto}
    .slide .seperator {margin-left: auto; margin-right: auto}

    .langblock {margin-bottom: 10px}

    ul.menu {display: none; margin-top: 10px;}


    ul.menu li {display: block; margin: 15px auto; width: 90%}
    
    .logo-col {text-align: left}
    .logo-col img {height: 50px}

   
    .product {padding: 30px 30px;}
    
    .product img {max-width: 100%; height: auto;}
    .service24 .text {width: 100%}
    
    .copyright {text-align: center}
    
    .footerlogo {text-align: center; margin-bottom: 20px}
    
    
    .body {background-size: 100%}
    
    .product-details .seperator {margin: 10px auto}
    .product-details {text-align: center}
    .b100, .t100 {bottom: 0; top: 0}

    
    .product-inner .photo img {max-width: 300px}
    
    .photo-details {text-align: center}
    .photo-details img {width: 80%;}
    
    .withbg {padding: 60px 0 0px 0}
    
    .swiper-product {height: 330px}
    
    .tablespecs {top: 0}
    
    
    .product:hover, .service:hover {bottom: 0px; }
    
    
    .soc {margin-right: 0;}
    .soc img {height: 24px; margin: 0 8px}
 
    
    #menubtn { margin-top: 21px !important}
    
    .service24 {
    background-position: center bottom 15px;
    background-size: 90%;
    padding-bottom: 230px !important;
    }
       
}


@media (min-width: 992px) { 
    
    .slide .title {margin-top: 50px}

}

.center-justified {
    text-align: justify;
    text-align-last: center;
}

.outer-div {
  width: 100%;
  text-align: left;
}

.inner-div {
  display: inline-block;
  margin: 0 auto;
  padding: 3px;
}

html, body {
  overflow-x: hidden;
}
body {
  position: relative
}

.omnisoft-image {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(var(--hero-scale));
    z-index: 2;
}

service-title-e {
    width: 5px;
}