@import url("fontawesome-all.min.css");
@import url('https://fonts.googleapis.com/css?family=Krub:400,400i,500,500i,600,600i,700,700i');

*, html{
  padding:0; margin:0;
  box-sizing:border-box;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
 
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: 'Krub', sans-serif;
  font-size:14px;
  box-sizing:border-box;
  padding-top:70px;
  color:#676767;
  overflow-x:hidden;
}

body.beforelogin{padding-top:0px;}


input[type="text"], input[type="email"], input[type="search"], 
input[type="date"], input[type="time"], input[type="file"], 
textarea, button, input[type="password"], input[type="tel"], 
select {
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  appearance:none!important;
  box-shadow:none!important;
  border-radius:2px;
}
a, input, button, a:focus, input:focus, button:focus {outline:none!important; box-shadow:none!important;}
:focus {outline: -webkit-focus-ring-color auto 0px!important;}
img{max-width:100%;}
li{list-style-type:none;}
label.radio-design{position:relative; padding-left:25px; padding-right:2px; cursor:pointer; font-weight:400; font-size:14px; color:#909090; margin-right:8px;}
label.radio-design input[type="radio"]{opacity:0; position:absolute; left:0; top:0; margin:0;}
label.radio-design input[type="radio"] ~ span{position:absolute; left:0px; top:2px; width:14px; height:14px; border-radius:100%; border:1px solid #a6a6a6; /*box-shadow:inset 3px 5px 4px rgba(0,0,0,0.2);*/}
label.radio-design input[type="radio"] ~ span:before{opacity:0; content:''; position:absolute; left:3px; top:3px; width:6px; height:6px; background:#a6a6a6; border-radius:100%; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0);}
label.radio-design input[type="radio"]:checked ~ span:before {opacity:1; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
label.radio-design.dark{color:#333346;}

label.checkbox-design{position:relative;padding-left:25px;padding-right:2px;cursor:pointer;font-weight: 600;font-size: 15px;color: #1e1e1e;margin-right:8px;}
label.checkbox-design input[type="checkbox"]{opacity:0; position:absolute; left:0; top:0; margin:0;}
label.checkbox-design input[type="checkbox"] ~ span{position:absolute;left:0px;top:2px;width:16px;height:16px;border-radius:2px;border:1px solid #ccc;/* box-shadow:inset 3px 5px 4px rgba(0,0,0,0.2); */}
label.checkbox-design input[type="checkbox"] ~ span:before{opacity:0;content:'';position:absolute;left:4px;top:2px;width:6px;height:9px;background:transparent;border-right: 2px solid #1363c6;border-bottom: 2px solid #1363c6;-webkit-transition: all 0.2s linear;transition: all 0.2s linear;transform:scale(0) rotate(45deg);-webkit-transform:scale(0) rotate(45deg);-ms-transform:scale(0) rotate(45deg);}
label.checkbox-design input[type="checkbox"]:checked ~ span{border: 1px solid #1363c6;}
label.checkbox-design input[type="checkbox"]:checked ~ span:before {opacity:1; transform:scale(1) rotate(45deg); -webkit-transform:scale(1) rotate(45deg); -ms-transform:scale(1) rotate(45deg);}
label.checkbox-design.dark{color:#333346;}

label.checkbox-design2{position:relative; padding-left:25px; padding-right:2px; cursor:pointer; font-weight:500; font-size:14px; color:#333346; margin-right:8px; margin-bottom:0px;}
label.checkbox-design2 input[type="checkbox"]{opacity:0; position:absolute; left:0; top:0; margin:0;}
label.checkbox-design2 input[type="checkbox"] ~ span{position:absolute; left:0px; top:2px; width:16px; height:16px; border-radius:2px; border:1px solid #d8d8d8; background:#fff;}
label.checkbox-design2 input[type="checkbox"] ~ span:before{opacity:0; content:''; position:absolute; left:4px; top:2px; width:6px; height:9px; background:transparent; border-right:2px solid #333649; border-bottom:2px solid #333649; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; transform:scale(0) rotate(45deg); -webkit-transform:scale(0) rotate(45deg); -ms-transform:scale(0) rotate(45deg);}
label.checkbox-design2 input[type="checkbox"]:checked ~ span{border:1px solid #333649;}
label.checkbox-design2 input[type="checkbox"]:checked ~ span:before {opacity:1; transform:scale(1) rotate(45deg); -webkit-transform:scale(1) rotate(45deg); -ms-transform:scale(1) rotate(45deg);}

.container-common{width:100%; max-width:1440px; margin:0 auto; padding-left:15px; padding-right:15px;}

header{
  position:fixed; left:0px; top:0px; right:0px; width:100%; min-height:70px; padding:0px 20px;z-index:10;transition:1s;
}

.before-login header{background:#0069a1;}

header.header-bg{ background:rgba(0,0,0,0.8);transition:1s;}
.logo{width: 100%;max-width:120px;padding:10px 0px;font-size:35px;}
.logo a{display:inline-block;color:#fff;text-decoration:none;}
.logo img{width:100%; height:100%;}
a.btn-logSign{background: transparent;color: #fff;font-size: 14px;border: 1px solid #fff;border-radius:3px;
padding:6px 20px;min-width:100px;}
.login-box a.btn-logSign:last-child{margin-left:10px;}


.menu{float:right; width:auto; position:relative;}
.menu ul {padding:0px; margin:0;}
.menu ul li{display:inline-block;padding: 12px 20px;}
.menu ul li a{ color:#fff; font-size:14px; text-transform:uppercase;}


.mob-menu{display:none; position:absolute; right:10px; top:50%; margin-top:-20px; width:40px; height:40px; cursor:pointer;}
.mob-menu:hover{color:#000; cursor:pointer;}
.mob-menu span.menu-bar{position:absolute; right:0px; top:50%; margin-top:-1px; width:25px; height:2px; background:#fff;}
.mob-menu span.menu-bar:before{content:''; position:absolute; right:0px; top:50%; margin-top:-8px; width:30px; height:2px; background:#fff;}
.mob-menu span.menu-bar:after{content:''; position:absolute; right:0px; top:50%; margin-top:6px; width:30px; height:2px; background:#fff;}
.login-box{max-width:250px;margin-left: 25px;}
.top_user_info {position:relative; display: inline-block; text-align:right; vertical-align: middle; max-width: calc(100% - 72px); min-width:200px; margin-left:15px;border-left:1px solid #778599; }
.top_user_info .dropdown-toggle::after{border:none;}
.head-user-name {color:#fff;font-size:14px;margin-right:0;width:calc(100% - 55px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:500;}
.head-user-img {border-radius: 50%; width: 50px; height: 50px; margin-left:0px; position:relative;}
body.logged .head-user-img { border: 2px solid transparent;}
.head-user-img, .head-user-name { display: inline-block; vertical-align: middle; }
.head-user-img img { width: 100%; height: 100%; border-radius: 50%; }
.dropdown-menu.head-drop-down {    right: 15px; left: auto!important; width: 160px; padding: 10px; border-radius: 4px; border: none; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); top: 100%!important; transform: none!important;} 
.dropdown-menu.show {display: block;}
.dropdown-menu.head-drop-down.show:before {content: ""; border-bottom: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: -9px; right:12px; }
.dropdown-menu.head-drop-down a { padding: 9px 8px; background: #fff; font-size: 14px; color:#7f7f7f; }
.dropdown-menu.head-drop-down a + a {border-top:1px dashed #999;}
.header_select_box {width:520px;}
.dropdown-menu.main-dropdown{background:#333346; border:none; border-radius:0px; top:calc(100% - 30px)!important; padding:0px 8px;}
.dropdown-menu.main-dropdown:before {content: ""; border-bottom: 10px solid #333346; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: -9px; left: 12px; }
.dropdown-menu.main-dropdown li{padding:0px!important; display:block;}
.dropdown-menu.main-dropdown li + li{/*border-top:1px dashed #fff;*/
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.8) 70%, rgba(255, 255, 255, 0) 20%);
  background-position: top;
  background-size: 12px 1px;
  background-repeat: repeat-x;
}
.dropdown-menu.main-dropdown li a{ color:rgba(255, 255, 255, 0.9); font-size:13px; font-weight:300; text-transform:none; text-shadow:none; padding:10px;}
.dropdown-menu.main-dropdown li a:hover{background:transparent; color:#ffbf00;}

.close-menu{display:none; position:absolute; right:10px; top:10px; width:30px; height:30px; border-radius:100%;}
.close-menu:before{
  content:''; position:absolute; width:18px; height:2px; left:4px; top:14px; margin-top:-1px; background:#ff2801;
  transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);
}
.close-menu:after{
  content:''; position:absolute; width:18px; height:2px; left:4px; top:14px; margin-top:-1px; background:#ff2801;
  transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);
}



.banner-home{position:relative;width:100%;background-image:url(../images/banner.png);background-position:center;background-repeat:no-repeat;background-size:cover;text-align:left;}
.banner-wrapper{padding-left: 0;display: flex;flex-wrap: wrap;align-items: center;padding-top: 100px;}
.banner_head {margin-bottom:10px;padding-right:80px;padding-top:0px;padding-left: 60px;}
.banner_head h2 {margin: 0 0 15px;color: #fff;line-height: 1.2;font-weight: 600;font-size: 46px;}
.banner_head p {
    margin: 0px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.footer-content .row{min-height:60px;}

/*Footer section Start*/
footer{min-height:60px;  margin-top: -4rem;}
.footer-container{width:100%; max-width:1440px; margin:0 auto; padding:0px 15px;}
.footer-content h5{ color:#fff; margin-bottom:12px;}
.footer-content p{ margin:0px; color:#fff; font-size:13px;}
.social-manu{display:block; width:100%; position:relative;}
.social-manu a {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #fff;
    background: transparent;
    font-size: 18px;
    margin-left: 5px;
    border: 1px solid #fff;
}
.footer-content {padding: 0 3rem;    min-height: 60px;}
/*Footer section End*/

.short_links{margin:0px;}
.short_links li a {font-weight: 600; font-size: 12px; color: rgba(255, 255, 255, 0.9); line-height: 1; }
.short_links li:not(:last-child) {position: relative; padding-right: 15px; margin: 0; }
.short_links li:not(:last-child):after {position: absolute; content: ''; right: 6px; height: 10px; width: 1px; background: #fff; top: 6px; }
.short_links li a:hover,
.short_links li a:focus,
.short_links li a:active,
.short_links li a.active {text-decoration: none;}
.main-content{min-height:calc(100vh - 180px);}


/****************************************/

.head-para p {
    max-width: 600px;
    margin: 0 auto;
    font-weight: 500;
        font-size: 15px;
}
.sec-bg-grey{
    background-color: #f6f6f6;
}
.banner-left-part{
    width: 50%;
    min-height: 700px;
    display: flex;
    align-items: center;
}
.banner-right-part{
  width: 50%;
  text-align: right;
  min-height: 700px;
  display: flex;
  align-items: flex-end;
}
.banner-right-img img {
    margin-bottom: -60px;
}
.common-tabs ul.nav li.nav-item{margin:0 20px;}
.common-tabs .nav-pills .nav-link.active, .common-tabs .nav-pills .show>.nav-link{background-color: #f4ab13;}
.common-tabs .nav-pills .nav-link{color:#000;font-size:16px;font-weight:600;}
.product-box {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 15px #ccc;
    padding: 20px;
     margin: 0 0 30px;
     min-height: 320px;
}
.product_text-block h4 {
    color: #000;
    font-size: 20px;
    font-weight: 600;  
}
.product_text-block p {
    font-weight: 500;
    margin: 0 0 10px;
    padding: 0 10px;
}
.product-box .image-box {
    display: inline-block;
    max-width: 220px;
}
.product-box .image-box img {
    width: 100%;
    height: 170px;
}
.btn.btn-style {
    background-color: #4c8ea6 !important;
    background-image: linear-gradient(#4c8ea6, #43a796) !important;
    font-size: 14px;
    color: #fff;
}
.watch-working h5{color:#000;font-weight:600;margin-top: 30px;}
.watch-working p{font-weight:500;font-size: 15px}
.working-watch-img {
    padding: 0 20px;}

.team-member-info h5{color:#000;margin:10px 0 5px;font-size:18px;font-weight:600;}
.team-member-info label{color:#a3a3a3;}
.team-block{padding:20px;}
.team-member-info p{padding:0 10px;}
.team-member img {
    width:230px;
    height:230px;
    border-radius: 50%;
        object-fit: cover;
}
.team-member{position:relative; width:100%;background-image:url(../images/circle-bg.png); background-position:center;
 background-repeat:no-repeat;}

 .partners-slider-block .slick-slide img{display:inline-block;}
 .partners-logo-block{text-align:center;}
.partners-slider-block {
    box-shadow: 0 0 10px #ddd;
    padding: 20px;
    border-radius: 6px;
        margin: 3rem 20px 0 20px;
}

.partners-slider-block button.slick-arrow{background-color: #f4ab13;border-radius: 50%;text-align: center;width: 40px;height: 40px;}
.partners-slider-block .slick-next:before{position:relative;background-image:url(../images/right-arrow-icon.png); background-position:center;
 background-repeat:no-repeat;height:20px;width:20px;display:inline-block;content:'';opacity:unset;}
.partners-slider-block .slick-prev:before{position:relative;background-image:url(../images/left-arrow-icon.png); background-position:center;
 background-repeat:no-repeat;height:20px;width:20px;display:inline-block;content:'';opacity:unset;}
.partners-slider-block .slick-prev {left: -40px;}
.partners-slider-block .slick-next {right: -40px;}

.get-touch-section{
background-image: url(../images/gettouch-banner.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
 margin-top: 7rem;
 padding:0 0 6rem;
}
.dual-mobile img {
    margin-top: -3rem;
}
.gettouch-block-form input.form-control {
    border: none;
    border-bottom: 1px solid #fff;
    background-color: transparent;
        font-size: 14px;
        border-radius:0;
        color:#fff!important;
            padding: .375rem 0.2rem;
}
.gettouch-block-form input.form-control::-webkit-input-placeholder {color:#fff;}
.gettouch-block-form input.form-control::-moz-placeholder {color:#fff;}
.gettouch-block-form input.form-control:-ms-input-placeholder {color:#fff;}
.gettouch-block-form input.form-control:-moz-placeholder {color:#fff;}
.download-app .form-control {padding: 1.375rem .75rem;font-size:14px;    height: 46px;}
.download-app  .input-group-text.btn-theme {font-size: 14px;font-weight:400;}

.videoBox {
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 20px #ddd;
    border-radius:8px;
}
.videoBox video {
    width: 100%;
    height: 390px;
    object-fit: cover;
    overflow: hidden;
    margin-bottom: -5px;
}
.playbox {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 100%;
   right:20px;
    bottom:20px;
    background: #43a895;
    padding: 0px;
    cursor: pointer;
    overflow: hidden;
}
.playboxIcon {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 80px;
}
.playboxIcon i {
    color: #fff;
    font-size: 30px;
}
.long-life-text h5{color:#000;font-weight:600;}
.long-life-text p{font-weight:500;}
.long-life-text{padding:40px 20px;box-shadow:0 0 20px #ccc;border-radius:8px;}
.long-life-video, .long-life-text {width: 50%;}
.long-life-text {min-height: 390px;padding-left: 8rem;margin-bottom: 2rem;margin-left: -6rem;}
.menu ul li a:hover{text-decoration:none;}
.menu ul li.active {background-color: #41A893;}
.long-life-video {z-index: 9;}
.working-watch-img img {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.working-watch-img:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
a.btn-logSign:hover{background-color:#41A893; }
.menu ul li:hover {background-color: #41A893;}
.social-manu a:hover{background-color:#0f463b;}
.team-member img:hover{box-shadow:0 0 20px #41A893;}
.commonsec-style{padding:3rem 0 3rem;}
.common-heading_home h3{margin:0 0 20px;font-size: 32px;color:#0a0b0c;font-weight: 600;}