@charset "utf-8";
/* CSS Document */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 9, 2018 */


/*
--blue:#007bff;
 --indigo:#6610f2;
 --purple:#6f42c1;
 --pink:#e83e8c;
 --red:#dc3545;
 --orange:#fd7e14;
 --yellow:#ffc107;
 --green:#28a745;
 --teal:#20c997;
 --cyan:#17a2b8;
 --white:#fff;
 --gray:#6c757d;
 --gray-dark:#343a40;
 --primary:#007bff;
 --secondary:#6c757d;
 --success:#28a745;
 --info:#17a2b8;
 --warning:#ffc107;
 --danger:#dc3545;
 --light:#f8f9fa;
 --dark:#343a40;
 --breakpoint-xs:0;
 --breakpoint-sm:576px;
 --breakpoint-md:768px;
 --breakpoint-lg:992px;
 --breakpoint-xl:1200px;
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, hr small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,div{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
a{
    -moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
.ease{

	transition:all ease .4s ;
	-moz-transition:all ease .4s ;
	-webkit-transition:all ease .4s ;
	-o-transition:all ease .4ms ;
}
body{font-family: Tahoma, Geneva, sans-serif;text-rendering: optimizeLegibility;font-size: 17px;}
img{height: auto;max-width: 100%}
p{margin: 0;padding: 0 0 25px}
html {
	-webkit-text-size-adjust:100%;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;overflow-x:hidden;
}
/*  Clearfix
------------------------------------------------------------------------------*/
/*
.clearfix:after,
section:after,
aside:after,
article:after,
footer:after,
header:after,
div:after,
ul:after {
	content: "";
	display: table;
	clear: both;
}
.clearfix:before,
section:before,
aside:before,
article:before,
footer:before,
header:before,
div:before,
ul:before {
	content: "";
	display: table;
}

.clearfix,
section,
aside,
article,
footer,
header,
div,
ul 
 {
	zoom: 1;
}
.clear {
	clear:both;
	height:0;
}
*/
li{list-style: none}
a, button{
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  -o-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
}

a:focus, button:focus{
  outline: none;
}

.no-padding{
  padding-left: 0;
  padding-right: 0;
}
img{max-width: 100%}
.no-margin{
  margin-left: 0;
  margin-right: 0;
}
main{}
.relative{position: relative}
header{padding: 5px 0 0;font-size: 12px}
header ul.list-inline li{padding:0 5px}
header ul.list-inline li a{color:#b4b4b4}
header ul.list-inline li a i{font-size: 130%;padding: 0 0 0 10px}
header ul.list-inline li:hover a,
header ul.list-inline li:focus a{color: #000000;text-decoration: none}
header .search-bar .form-control{border-color: #eeeeee;font-size: 12px;}
header .search-bar .form-control:focus{outline:none;box-shadow: none}
header .logo-right img{position: absolute;right: 0;top:44px;height:52px;}
header nav{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#276191+0,215785+100 */
background: rgb(39,97,145); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(39,97,145,1) 0%, rgba(33,87,133,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(39,97,145,1) 0%,rgba(33,87,133,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(39,97,145,1) 0%,rgba(33,87,133,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#276191', endColorstr='#215785',GradientType=0 ); /* IE6-9 */
    color: #ffffff;padding: 0
}
header .container{position: relative;z-index: 2}
header nav .container{position: relative;z-index: 1}
header .navbar{padding: 0}
.navbar a{color: #ffffff}
.dropdown{
   
    border:0;
}
.dropdown-menu{
    background:rgba(30, 67, 159, 0.6);
    border:0;
    top:80%;border-radius: 0;
}
.dropdown-menu ul{
    background:rgba(30, 67, 159, 0.6);}
.dropdown-item:hover{
    background:#085ca5;
    color:#fff;
}
.dropdown-menu a{
    color:#fff;
} 
.navbar .nav-item .nav-link{
    color:#eee !important; 
    
}
.navbar .nav-item .nav-link:hover .navbar .nav-item .nav-link{
    color:red !important;
    
}
header .navbar-nav .nav-item .nav-link{text-transform: uppercase;padding: 17px 13px ;}
header .navbar-nav .nav-item   .dropdown-menu li a {padding: 8px;display: block;text-align: center;font-size: 11px}
header .navbar-nav .nav-item   .dropdown-menu li a span{display: block;height: 40px;line-height: 14px;}
header .navbar-nav .nav-item   .dropdown-menu{padding-bottom: 0;padding-top:9px;z-index: 2}
header .navbar-nav .nav-item   .dropdown-menu li a:hover,
header .navbar-nav .nav-item   .dropdown-menu li a:focus{background: transparent;color: #ffffff}
header .navbar-nav .nav-item   .dropdown-menu li a{white-space:inherit;}
header .navbar-nav .nav-item   .dropdown-menu li {border: 1px solid #99b5cb;display: block;border-left: 0;border-top: 0;width:130px;float: left}
header .navbar-nav .nav-item   .dropdown-menu li i{display: block;text-align: center;height: 85px}
header .navbar-nav .nav-item   .dropdown-menu li i img{transform:  scale(.7);
-webkit-transform: scale(.7) ;
-moz-transform:  scale(.7) ;
-o-transform:  scale(.7) ;
-ms-transform:  scale(.7);
 transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;

}
header .navbar-nav .nav-item   .dropdown-menu li:hover i img{
    transform:  scale(1);
-webkit-transform: scale(1) ;
-moz-transform:  scale(1) ;
-o-transform:  scale(1) ;
-ms-transform:  scale(1);

    
}
header .navbar-nav .nav-item.dmenu:hover::after{border-bottom:10px solid #788ec5;border-left: 10px solid transparent;
    border-right: 10px solid transparent;content: "";position: absolute;left: 50%; margin-left: -14px;bottom: 0;z-index: 99 }

header .navbar-nav .nav-item   .dropdown-menu.three-col {width:390px; }
header .navbar-nav .nav-item   .dropdown-menu.two-col {width:260px; }
header .navbar-nav .nav-item   .dropdown-menu.four-col {width:520px; }
header .navbar-nav .nav-item   .dropdown-menu.seven-col {width:910px;margin-left: -125px; }
header .navbar-nav .nav-item   .dropdown-menu.product {margin-left: -125px; }
header .navbar-nav .nav-item   .dropdown-menu.trade {right: 0;left: auto}
header .navbar-nav .nav-item   .dropdown-menu.contact {right: 0;left: auto}
header .container.first-row{padding-top: 20px;padding-bottom: 20px}
header .container.first-row .logo-right{margin-top: 28px;}
header .navbar-toggler{display: none}
#HomeCorousel .carousel-item img{width: 100%}
#HomeCorousel .carousel-indicators{bottom: 5%;}


.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}

#header-wrap {
  position: fixed;
  height: auto;
  width: 100%;
  z-index: 100
}
/* .mbr-parallax-background a:hover {

 background-color:#023b6a;


} */

/* .card-group a:hover {

 background-color:yellow;


}  */
.color-more  { padding:10px 37px;background: #ffffff;border: 1px solid #245d8c;color: #266191}
.color:hover {

  background:#245d8c;color: #ffffff
}

.section{padding:110px 0}
/* .HM-about{background: url(../img/mark.png) no-repeat center bottom;} */
.HM-about h3{color: #ff8401;font-size:calc(23px + (65 - 23) * ((50vw - 320px) / (1920 - 320)));padding: 0 0 25px}
.btn-more  { padding:10px 37px;background: #ffffff;border: 1px solid #245d8c;color: #266191}
.btn-more:hover  { background:#245d8c;color: #ffffff}
/**/
.HM-services{background:url(../img/service-bg.png) no-repeat center center; }
.mbr-parallax-background,
.mbr-background {
  background-attachment: fixed !important;
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: cover !important;
}
.mbr-hidden-scrollbar .mbr-parallax-background {
  background-size: auto 130%;
}
.mobile .mbr-parallax-background {
  background-attachment: scroll !important;
}
.HM-services{font-size: 14px}
.HM-services .card-title{color: var(--orange);font-size:calc(19px + (24 - 19) * ((50vw - 320px) / (1920 - 320)));}
.HM-services .card-title small{color: var(--gray);display: block;font-weight: normal}
.HM-services a{color: #000000}
.HM-services a:hover{text-decoration: none}
.HM-services a:focus{text-decoration: none}
.HM-services img{display: block;}

.bg-grid{background: url(../img/grid.jpg) repeat;}
.HM-three-colum .card-title{color: var(--grey);font-size:calc(19px + (27 - 19) * ((50vw - 320px) / (1920 - 320))); }
marquee  { height: 163px;overflow: hidden;}
marquee ul li {  padding-bottom: 30px; line-height: 18px;}
 marquee ul li a {color: var(--grey);}
 marquee ul li a:hover {color: var(--grey);}
.HM-three-colum .card-body{font-size: 14px}
 marquee h4{font-weight: bold;padding: 0 0 10px}
.HM-three-colum .carousel-caption{position: static;color: #000000;text-align: left;}

.HM-three-colum  .card .carousel-control-prev{ left: auto;right:31px;}
.HM-three-colum  .card .carousel-control-next{ right: -1px; }

.HM-three-colum  .card .carousel-control-prev,
.HM-three-colum  .card .carousel-control-next{border: 1px solid #cccccc; width: 30px; height: 30px; position: absolute;top:-39px;opacity: 1;color: #000;}


footer{background: url(../img/map.png) no-repeat center center #023b6a;background-size: cover;font-size: 14px;color: #88b9e1;}
footer a{color: #88b9e1;}
footer ul.foot-links li{padding: 5px 0 5px 10px;border-bottom: 1px solid #406685;letter-spacing: 1px}
footer ul.foot-links li:last-child{border-bottom:0;}
footer ul.foot-links li a:hover,
footer ul.foot-links li a:focus{color: #ffffff;text-decoration: none}
footer h2{color: #ffffff;font-size: 22px;padding: 0 0 25px}
footer ul.social {padding: 0 0 20px}
footer ul.social li{display: inline-block;}
footer ul.social li a{display: inline-block;background:#647e94;width: 40px; height: 40px; text-align: center;text-align: center;color: #ffffff;border-radius: 50px;font-size: 20px;padding: 5px 0 0}
.inner-banner{background-size: cover;background-repeat: no-repeat;height: 300px;color: #ffffff;}
.inner-banner h1{font-size:calc(19px + (43 - 19) * ((100vw - 320px) / (1920 - 320)));font-weight: 300}
.inner-frame{padding: 50px 0}
.page-hed {
    color: #ff8401;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    line-height: 30px;
    
    padding: 18px 0;
    text-transform: uppercase;
    margin-bottom: 41px;
    font-size:calc(19px + (35 - 19) * ((100vw - 320px) / (1920 - 320)));
}
/* .about{background: url(../img/lap.png) no-repeat 0 0;background-size: cover; } */



.overview .more{color:var(--orange);display:block;position: relative;padding: 0 0 0 32px;font-size: 15px;}
.overview .more::before{border:1px solid var(--orange);width: 22px; height: 22px; border-radius: 25px;position: absolute;left: 0;top:1px;display: block;pointer-events: none;content: ""}
.overview .more::after{position: absolute;left: 9px;top:7px;display: block;pointer-events: none;content: "";border-left:5px solid var(--orange);border-bottom: 5px solid transparent;border-top: 5px solid transparent;}
.overview .card:hover .more{text-decoration: none;color:var(--blue); }
.overview .card:hover .more::after{border-left:5px solid var(--blue) }
.overview .card:hover .more::before{border-color: var(--blue) }
.overview .card{   
 transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;
}
.overview .card:hover{box-shadow: 1px 0px 8px #d9d9d9}
.overview .card-title{font-weight: 600;margin: 0}
.overview .card-text{font-size: 12px;height: 37px;}

.bg-grid{background:url(../img/grid.jpg) repeat;}

.carousel-sidebar{padding: 0 0 23px;}
.carousel-sidebar .carousel-control-prev,
.carousel-sidebar .carousel-control-next{border: 1px solid #cccccc; width: 30px; height: 30px; position: static;opacity: 1;color: #000;float: left;margin: 5px 3px 0 0;background: #ffffff}
ul.bullet-list{padding: 0 0 25px;}
ul.bullet-list li{padding: 0 0 20px 5px;margin: 0 0 0 15px; font-size: 80%;list-style: disc;list-style-type: disc}
.services .owl-prev{background-color:var(--blue);width: 35px; height: 35px; border-radius: 35px;text-align: center; color: #ffffff;border: 0;font-size: 27px;}
.services .owl-next{background-color:var(--blue);width: 35px; height: 35px; border-radius: 35px;text-align: center; color: #ffffff;border: 0;font-size: 27px;}
.services .owl-prev span,
.services .owl-next span{margin-top: -4px;display: block}
.services .owl-nav .owl-prev{float: left;margin-left: -18px;}
.services .owl-nav .owl-next{float: right;margin-right: -18px;}
.services .owl-nav .owl-prev,
.services .owl-nav .owl-next{margin-top: -137px;cursor: pointer}
.services .owl-nav{position: relative;z-index: 9}

ul.clientee{}
ul.clientee li{padding: 5px;display: inline-block;float: left;width: 20%; transition:All .5s ease;
-webkit-transition:All .5s ease;
-moz-transition:All .5s ease;
-o-transition:All .5s ease;
}
ul.clientee li img{border: 1px solid #D7D9D9;width: 100%;display: block}
ul.clientee li:hover{box-shadow: 1px 0px 8px #d9d9d9 }

ul.sub-nav{padding:0 0 54px;text-align: center}
ul.sub-nav li{display: inline-block;position: relative}
ul.sub-nav li a{display: inline-block;padding: 0 50px;text-transform: uppercase;color: #ffffff;background: #3182c4;}
ul.sub-nav li.active a{background: #ef8521}
ul.sub-nav li.active::after{border-top: 10px solid #ef8521;display: block; left: 50%;top: 100%;position: fixed;content: "";border-left:10px solid transparent;border-right:10px solid transparent;margin-left: -8px }
ul.sub-nav li a span{display: inline-block;font-size: 16px;}
ul.sub-nav li.partnership a span{background:url(../img/icon-partnership.png) no-repeat 0 center;padding: 16px 0 16px 64px; }
ul.sub-nav li.qutation a span{background:url(../img/icon-qutation.png) no-repeat 0 center;padding: 16px 0 16px 37px; }
ul.sub-nav li.demo a span{background:url(../img/icon-demo.png) no-repeat 0 center;padding: 16px 0 16px 52px; }

/**/

@media screen and (max-width: 1279px){
 
}
@media screen and (max-width: 1199px){
    header .navbar-nav .nav-item .nav-link{padding: 17px 6px;}
    .section{padding: 53px 0;}
}

@media screen and (max-width:991px){
 
    header .container.first-row .logo-right{margin-top: 0;}
    header .search-bar {display: none}
    header .logo-right img{position: static}
    header .container.first-row{padding-bottom: 9px;}
    header{font-size: 11px;}
    header .navbar-nav .nav-item .nav-link{padding: 12px 5px;}
    header .navbar-nav .nav-item .dropdown-menu li i img{width: 50px;}
    header .navbar-nav .nav-item .dropdown-menu li i{height: 50px;}
    header .navbar-nav .nav-item .dropdown-menu.seven-col{width: 650px;}
    header .navbar-nav .nav-item .dropdown-menu.product{margin-left: -84px;}
    header .navbar-nav .nav-item .dropdown-menu.trade{right: -40px;}
    header .navbar-nav .nav-item .nav-link{text-align: center}
}
@media screen and (max-width:800px){
    header .navbar-nav .nav-item .dropdown-menu.three-col,
    header .navbar-nav .nav-item .dropdown-menu.four-col,
    header .navbar-nav .nav-item .dropdown-menu.seven-col{width: auto;}
    header .navbar-nav .nav-item .dropdown-menu li{width: auto;float: none}
    header .navbar-nav .nav-item .dropdown-menu li i{display: none}
    header .navbar-nav .nav-item .dropdown-menu li a span{height: auto;text-align: left;}
    header .navbar-nav .nav-item .dropdown-menu.trade{right: auto}
    header .navbar-nav .nav-item .dropdown-menu.product{margin-left: auto;}
    .visible-device{display: block}
    header .navbar-toggler{border: 1px solid var(--blue);line-height: 8px;padding: 2px 5px 8px;}
    header .navbar-toggler .navbar-toggler-icon{height: 1px;background: var(--blue)}
    header .container.first-row{padding-bottom: 18px;}
    header .nav-brand img{width:120px;max-width: 1000px}
    
}

@media screen and (max-width:767px){
    header .navbar-nav .nav-item .nav-link{text-align: left}
    header .navbar-nav .nav-item .nav-link{border-bottom: 1px solid #5a80a8}
    body{font-size: 14px;}
    .HM-services .card-img-top {display: none}
    .about{background: #ffffff}
    .page-hed{border-bottom:0;border-top:0;margin-bottom: 0;}
}
@media screen and (max-width:576px){
    header .navbar-toggler{display: block;width: 50px;margin-left: -20px;}
    header .navbar-nav .nav-item .nav-link{padding: 9px 18px;}
    .inner-banner{height: 147px;}
    .inner-frame{padding: 34px 0 40px;   }
    .page-hed{padding:  0 0 18px;}
    ul.foot-links{padding: 0 0 20px}
}

@media screen and (max-width:480px){
 
}

/* <h1> issac changes   </h1> */

.card-deck{
  margin-bottom: 20px;
}