body{
  font-family: 'Raleway', sans-serif;
}
:focus{ outline: none;}
html{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
 .logged-in #masthead{margin-top:32px;}

/*-------Header and footer ----*/
.header-logo-left-menu-right{position:absolute; left:0; width:100%; transition:all 0.6s;
-webkit-transition:all 0.6s; -moz-transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.header-logo-left-menu-right.sticky{position: fixed; background:rgba(0,0,0,0.6);}
.header-logo-left-menu-right.sticky .top-bar{display: none;}
#masthead {background:rgba(0,0,0,0.4); }
#masthead .top-bar {background:rgba(0,0,0,0.6); line-height: 22px;}
#masthead .top-bar  li{border: none; margin: 0;}
#masthead .top-bar a{color:#fff; font-size: 13px; line-height: 14px;  padding-left: 10px; position: relative; font-weight: 500;}
#masthead .top-bar li:first-child a:after{display: none;}
#masthead .top-bar a:after{width: 2px ; height: 10px; top:0px; bottom: 0; margin:auto; position: absolute; content: ''; background:#9d9d9f; left: 0;}

.menu .container{position:static !important;}
#ubermenu-nav-main-54-primary > li {padding-bottom: 7px;}
.menu .navbar-brand{height: 60px; padding: 5px 15px;}
#masthead .ubermenu-main {margin-top:2px;}
.ubermenu-nav > li> a{color: #fff !important; font-size: 14px !important; line-height: 18px; font-weight:500!important;padding: 15px 9px !important;}
.ubermenu-skin-white .ubermenu-item-level-0:hover > .ubermenu-target, 
.ubermenu-skin-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target{background: none; color: #ca2728 !important}
.ubermenu-nav > li.get-quote{padding: 10px 0 0 ;}
.ubermenu-nav > li.get-quote >a{
  width: 90px; height: 28px; font-size: 12px !important; line-height: 25px !important; padding: 0 !important;
   font-weight: 600!important; text-transform: uppercase; text-align: center; margin-left: 9px;
  background: #f43d3d; border-radius: 5px;  border:1px solid #f43d3d !important;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
}
.ubermenu-nav > li.get-quote:hover >a.ubermenu-target{ border:1px dashed #f43d3d !important; color: #f43d3d !important; background: none;}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{display: none !important;}
#masthead .navbar-right{margin-right: 0;}

.header-logo-left-menu-right.sticky .navbar-brand{height: 50px;}
.header-logo-left-menu-right.sticky .navbar-brand{padding: 2px 15px;}
.header-logo-left-menu-right.sticky .ubermenu-main{margin-top: 0px !important;}
.header-logo-left-menu-right.sticky #ubermenu-nav-main-54-primary > li { padding-bottom: 0px !important;}/*
.header-logo-left-menu-right.sticky .ubermenu-nav > li.get-quote > a{line-height: 25px !important; width: 95px; font-size: 13px !important; height: 32px;}*/



div.ubermenu-submenu{margin-top:23px !important; }
#masthead.navbar-scrolled{background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
min-height:100px !important}
#masthead.navbar-scrolled .navbar-brand {
  height: 96px!important;
  line-height: 96px!important;
}
.ubermenu-skin-white .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target{border: none;}
.ubermenu-skin-white .ubermenu-submenu .ubermenu-target .ubermenu-target-title{font-size: 13px; color: #252626; font-weight: normal; line-height: 17px;}

.ubermenu-skin-white .ubermenu-submenu .techno-menu-mobility > a>span.ubermenu-target-title{color: #f56f6c; font-weight: 600; font-size: 18px;}
.ubermenu-skin-white .ubermenu-submenu .techno-menu-web > a>span.ubermenu-target-title{color: #5acc62; font-weight: 600; font-size: 18px;}
.ubermenu-skin-white .ubermenu-submenu .techno-menu-salesforce > a>span.ubermenu-target-title{color: #2ab1dd; font-weight: 600; font-size: 18px;}
.ubermenu-skin-white .ubermenu-submenu .techno-menu-ecm > a>span.ubermenu-target-title{color: #f3a540; font-weight: 600; font-size: 18px; text-transform: uppercase;}
.ubermenu-skin-white .ubermenu-submenu .techno-menu-frontend > a>span.ubermenu-target-title{color: #fa9168; font-weight: 600; font-size: 18px; text-transform: uppercase;}
.ubermenu-skin-white .ubermenu-submenu .techno-menu-cloud > a >span.ubermenu-target-title{color: #1adabd; font-weight: 600; font-size: 18px;text-transform: uppercase;}

.ubermenu-skin-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop{border: none;}

.ubermenu-row > li > a.ubermenu-target{padding: 20px 20px 10px 0;}
.ubermenu .ubermenu-submenu-type-stack{padding:0;}

.ubermenu .ubermenu-submenu-type-stack li{padding: 5px 0; border-top: 1px solid #b4b3b3;}

.menu .techno-menu-mobility ul > li:last-child,
.menu .techno-menu-web ul > li:last-child,
.menu .techno-menu-salesforce ul > li:last-child,
.menu .techno-menu-ecm ul > li:last-child,
.menu .techno-menu-frontend ul > li:last-child,
.menu .techno-menu-cloud ul > li:last-child{border-bottom: 1px solid #b4b3b3;}

.ubermenu .ubermenu-nav .ubermenu-column-1-4 {  padding: 0 30px 0 0; width: 25%; }


.menu .techno-menu-mobility li:hover,
.menu .techno-menu-mobility li.ubermenu-current-menu-item{background: #fe5956; }
.menu .techno-menu-web li:hover,
.menu .techno-menu-web li.ubermenu-current-menu-item{background: #55ce5d;}
.menu .techno-menu-salesforce li:hover,
.menu .techno-menu-salesforce li.ubermenu-current-menu-item{background: #30bce9;}
.menu .techno-menu-ecm li:hover,
.menu .techno-menu-ecm li.ubermenu-current-menu-item{background: #faa940;}
.menu .techno-menu-frontend li:hover,
.menu .techno-menu-frontend li.ubermenu-current-menu-item{background:#fa9168 ;}
.menu .techno-menu-cloud li:hover,
.menu .techno-menu-cloud li.ubermenu-current-menu-item{background:#3dead9; }

.ubermenu .ubermenu-submenu-type-stack li:hover a span.ubermenu-target-title,
.ubermenu .ubermenu-submenu-type-stack li.ubermenu-current-menu-item a span.ubermenu-target-title{color: #fff;}

.techno-menu-widgetVideo{padding-right: 0!important;}
.techno-menu-widgetVideo li{padding:20px 0 !important;}
.techno-menu-widgetVideo h3.ubermenu-widgettitle{margin: 0; padding:0 0 10px;font-size: 18px; color: #000; font-weight: 600; text-align: center; width: 100%;}
.techno-menu-widgetVideo  iframe{min-width: 100% !important; height: auto !important; min-height: 100%!important}
.techno-menu-widgetVideo p{font-weight: normal; font-size: 13px; color: #252626; line-height: 17px; text-align: center;}
.menu .ubermenu-submenu >ul > li{margin-bottom: 25px;}
.techno-menu-widgetVideo,
.techno-menu-widgetVideo li{margin-bottom: 0 !important; padding-bottom: 0 !important;}
.techno-menu-widgetLinks{text-align: center !important;}
.techno-menu-widgetLinks h3{margin:10px 0 5px; font-size: 18px; line-height: 22px; color: #000000;}
.techno-menu-widgetLinks h3+span{font-weight: normal; font-size: 15px; line-height: 15px; color: #676262;}
.techno-menu-widgetLinks .our_partner_sec{margin-bottom: 20px;}

.sticky-wrapper{position:absolute; left:0; width:100%;}
#masthead {background:rgba(0,0,0,0.4); }
#masthead .top-bar {background:rgba(0,0,0,0.6);}
#masthead.sticky{background:rgba(0,0,0,0.9); }
#masthead .top-bar a{color:#fff;}
.menu .container{position:static !important;}

#masthead.sticky .navbar-brand img{width: 80%; }

#masthead .navbar-brand,
#masthead .navbar-brand img{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; width: 90%}
#masthead .navbar-brand {max-width: 270px;}


.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{display: none !important;}
.ubermenu-skin-white .ubermenu-item-level-0:hover > .ubermenu-target, 
.ubermenu-skin-white .ubermenu-item-level-0.ubermenu-active > .ubermenu-target{background: none; color: #ca2728 !important}

div.ubermenu-submenu{margin-top:23px !important; }
#masthead.navbar-scrolled{background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
min-height:90px !important}
#masthead.navbar-scrolled .navbar-brand {
  height: 90px!important;
  line-height: 90px!important;
}
.ubermenu-skin-white .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target{border: none;}
.ubermenu-skin-white .ubermenu-submenu .ubermenu-target .ubermenu-target-title{font-size: 13px; color: #252626; font-weight: normal; line-height: 17px;}

.ubermenu-skin-white .ubermenu-submenu .techno-menu-mobility > a>span.ubermenu-target-title{color: #f56f6c; font-weight: 600; font-size: 18px;}
.ubermenu-skin-white .ubermenu-submenu .techno-menu-web > a>span.ubermenu-target-title{color: #5acc62; font-weight: 600; font-size: 18px;}
.ubermenu-skin-white .ubermenu-submenu .techno-menu-salesforce > a>span.ubermenu-target-title{color: #2ab1dd; font-weight: 600; font-size: 18px;}
.ubermenu-skin-white .ubermenu-submenu .techno-menu-ecm > a>span.ubermenu-target-title{color: #f3a540; font-weight: 600; font-size: 18px; text-transform: uppercase;}
.ubermenu-skin-white .ubermenu-submenu .techno-menu-frontend > a>span.ubermenu-target-title{color: #fa9168; font-weight: 600; font-size: 18px; text-transform: uppercase;}
.ubermenu-skin-white .ubermenu-submenu .techno-menu-cloud > a >span.ubermenu-target-title{color: #1adabd; font-weight: 600; font-size: 18px;text-transform: uppercase;}

.ubermenu-skin-white.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop{border: none;}

.ubermenu-row > li > a.ubermenu-target{padding: 20px 20px 10px 0;}
.ubermenu .ubermenu-submenu-type-stack{padding:0;}

.ubermenu .ubermenu-submenu-type-stack li{padding: 5px 0; border-top: 1px solid #b4b3b3;}

.menu .techno-menu-mobility ul > li:last-child,
.menu .techno-menu-web ul > li:last-child,
.menu .techno-menu-salesforce ul > li:last-child,
.menu .techno-menu-ecm ul > li:last-child,
.menu .techno-menu-frontend ul > li:last-child,
.menu .techno-menu-cloud ul > li:last-child{border-bottom: 1px solid #b4b3b3;}

.ubermenu .ubermenu-nav .ubermenu-column-1-4 {  padding: 0 30px 0 0; width: 25%; }


.menu .techno-menu-mobility li:hover,
.menu .techno-menu-mobility li.ubermenu-current-menu-item{background: #fa504c; }
.menu .techno-menu-web li:hover,
.menu .techno-menu-web li.ubermenu-current-menu-item{background: #55ce5d;}
.menu .techno-menu-salesforce li:hover,
.menu .techno-menu-salesforce li.ubermenu-current-menu-item{background: #30bce9;}
.menu .techno-menu-ecm li:hover,
.menu .techno-menu-ecm li.ubermenu-current-menu-item{background: #faa940;}
.menu .techno-menu-frontend li:hover,
.menu .techno-menu-frontend li.ubermenu-current-menu-item{background:#fa9168 ;}
.menu .techno-menu-cloud li:hover,
.menu .techno-menu-cloud li.ubermenu-current-menu-item{background:#3dead9; }

.ubermenu .ubermenu-submenu-type-stack li:hover a span.ubermenu-target-title,
.ubermenu .ubermenu-submenu-type-stack li.ubermenu-current-menu-item a span.ubermenu-target-title{color: #fff;}

.techno-menu-widgetVideo{padding-right: 0!important;}
.techno-menu-widgetVideo li{padding:20px 0  0!important;}
.ubermenu h3.ubermenu-widgettitle{margin: 0; padding:0 0 10px; color: #000; font-weight: 600; text-align: center; width: 100%;}
.techno-menu-widgetVideo  iframe{min-width: 100% !important; height: auto !important; min-height: 100%!important}

#menu-item-8225 { width: 100% !important;text-align: center;}
.ubermenu-skin-white .ubermenu-submenu .tecno-menu-businessIntelligence > a > span.ubermenu-target-title{color: #656ddf; font-size: 18px; text-transform: uppercase; font-weight: 600;}
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li{border: none; display: inline-block !important; width: auto !important;}


.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, 
.ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, 
.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, 
.ubermenu .ubermenu-widget, .ubermenu-responsive-toggle{padding: 5px 20px 5px 50px}
/*Technologies sub menu icons*/
.menu .techno-menu-mobility li,
.menu .techno-menu-web li,
.menu .techno-menu-salesforce li,
.menu .techno-menu-ecm li,
.menu .techno-menu-frontend li,
.menu .techno-menu-cloud li{position: relative;}

.menu .techno-menu-mobility li:after,
.menu .techno-menu-web li:after,
.menu .techno-menu-salesforce li:after,
.menu .techno-menu-ecm li:after,
.menu .techno-menu-frontend li:after,
.menu .techno-menu-cloud li:after{background: url(../images/mega_menu_icons.png) no-repeat 0 0;
  width: 30px; height: 30px; position: absolute; content: ''; left: 0; top: 5px;
}
/*--Mobility--*/
.menu .techno-menu-mobility li:nth-child(1):after{background-position:-570px 0;}
.menu .techno-menu-mobility li:nth-child(2):after{background-position:-570px -36px;}
.menu .techno-menu-mobility li:nth-child(3):after{background-position:-570px -72px;}
.menu .techno-menu-mobility li:nth-child(4):after{background-position:-570px -108px;}
.menu .techno-menu-mobility li:nth-child(5):after{background-position:-570px -144px;}
.menu .techno-menu-mobility li:nth-child(6):after{background-position:-570px -180px;}
/*---On Hover----*/
.menu .techno-menu-mobility li:nth-child(1):hover:after,
.menu .techno-menu-mobility li:nth-child(1).ubermenu-current-menu-item:after{background-position:-612px 0;}
.menu .techno-menu-mobility li:nth-child(2):hover:after,
.menu .techno-menu-mobility li:nth-child(2).ubermenu-current-menu-item:after{background-position:-612px -36px;}
.menu .techno-menu-mobility li:nth-child(3):hover:after,
.menu .techno-menu-mobility li:nth-child(3).ubermenu-current-menu-item:after{background-position:-612px -72px;}
.menu .techno-menu-mobility li:nth-child(4):hover:after,
.menu .techno-menu-mobility li:nth-child(4).ubermenu-current-menu-item:after{background-position:-612px -108px;}
.menu .techno-menu-mobility li:nth-child(5):hover:after,
.menu .techno-menu-mobility li:nth-child(5).ubermenu-current-menu-item:after{background-position:-612px -144px;}
.menu .techno-menu-mobility li:nth-child(6):hover:after,
.menu .techno-menu-mobility li:nth-child(6).ubermenu-current-menu-item:after{background-position:-612px -180px;}

/*--Web--*/
.menu .techno-menu-web li:nth-child(1):after{background-position:-750px 0;}
.menu .techno-menu-web li:nth-child(2):after{background-position:-753px -36px;}
.menu .techno-menu-web li:nth-child(3):after{background-position:-753px -72px;}
.menu .techno-menu-web li:nth-child(4):after{background-position:-750px -108px;}
.menu .techno-menu-web li:nth-child(5):after{background-position:-750px -144px;}
.menu .techno-menu-web li:nth-child(6):after{background-position:-750px -180px;}
/*---On Hover----*/
.menu .techno-menu-web li:nth-child(1):hover:after,
.menu .techno-menu-web li:nth-child(1).ubermenu-current-menu-item:after{background-position:-790px 0;}
.menu .techno-menu-web li:nth-child(2):hover:after,
.menu .techno-menu-web li:nth-child(2).ubermenu-current-menu-item:after{background-position:-793px -36px;}
.menu .techno-menu-web li:nth-child(3):hover:after,
.menu .techno-menu-web li:nth-child(3).ubermenu-current-menu-item:after{background-position:-793px -72px;}
.menu .techno-menu-web li:nth-child(4):hover:after,
.menu .techno-menu-web li:nth-child(4).ubermenu-current-menu-item:after{background-position:-790px -108px;}
.menu .techno-menu-web li:nth-child(5):hover:after,
.menu .techno-menu-web li:nth-child(5).ubermenu-current-menu-item:after{background-position:-790px -144px;}
.menu .techno-menu-web li:nth-child(6):hover:after,
.menu .techno-menu-web li:nth-child(6).ubermenu-current-menu-item:after{background-position:-790px -180px;}

/*--salesforce--*/
.menu .techno-menu-salesforce li:nth-child(1):after{background-position:-930px 0;}
.menu .techno-menu-salesforce li:nth-child(2):after{background-position:-930px -36px;}
.menu .techno-menu-salesforce li:nth-child(3):after{background-position:-930px -72px;}
.menu .techno-menu-salesforce li:nth-child(4):after{background-position:-930px -108px;}
.menu .techno-menu-salesforce li:nth-child(5):after{background-position:-930px -144px;}
.menu .techno-menu-salesforce li:nth-child(6):after{background-position:-930px -180px;}
/*---On Hover----*/
.menu .techno-menu-salesforce li:nth-child(1):hover:after,
.menu .techno-menu-salesforce li:nth-child(1).ubermenu-current-menu-item:after{background-position:-970px 0;}
.menu .techno-menu-salesforce li:nth-child(2):hover:after,
.menu .techno-menu-salesforce li:nth-child(2).ubermenu-current-menu-item:after{background-position:-970px -36px;}
.menu .techno-menu-salesforce li:nth-child(3):hover:after,
.menu .techno-menu-salesforce li:nth-child(3).ubermenu-current-menu-item:after{background-position:-970px -72px;}
.menu .techno-menu-salesforce li:nth-child(4):hover:after,
.menu .techno-menu-salesforce li:nth-child(4).ubermenu-current-menu-item:after{background-position:-970px -108px;}
.menu .techno-menu-salesforce li:nth-child(5):hover:after,
.menu .techno-menu-salesforce li:nth-child(5).ubermenu-current-menu-item:after{background-position:-970px -144px;}
.menu .techno-menu-salesforce li:nth-child(6):hover:after,
.menu .techno-menu-salesforce li:nth-child(6).ubermenu-current-menu-item:after{background-position:-970px -180px;}

/*--ecm--*/
.menu .techno-menu-ecm li:nth-child(1):after{background-position:-662px 0;}
.menu .techno-menu-ecm li:nth-child(2):after{background-position:-662px -36px;}
.menu .techno-menu-ecm li:nth-child(3):after{background-position:-662px -72px;}
.menu .techno-menu-ecm li:nth-child(4):after{background-position:-662px -108px;}
.menu .techno-menu-ecm li:nth-child(5):after{background-position:-662px -144px;}
.menu .techno-menu-ecm li:nth-child(6):after{background-position:-662px -180px;}
/*---On Hover----*/
.menu .techno-menu-ecm li:nth-child(1):hover:after,
.menu .techno-menu-ecm li:nth-child(1).ubermenu-current-menu-item:after{background-position:-706px 0;}
.menu .techno-menu-ecm li:nth-child(2):hover:after,
.menu .techno-menu-ecm li:nth-child(2).ubermenu-current-menu-item:after{background-position:-706px -36px;}
.menu .techno-menu-ecm li:nth-child(3):hover:after,
.menu .techno-menu-ecm li:nth-child(3).ubermenu-current-menu-item:after{background-position:-706px -72px;}
.menu .techno-menu-ecm li:nth-child(4):hover:after,
.menu .techno-menu-ecm li:nth-child(4).ubermenu-current-menu-item:after{background-position:-706px -108px;}
.menu .techno-menu-ecm li:nth-child(5):hover:after,
.menu .techno-menu-ecm li:nth-child(5).ubermenu-current-menu-item:after{background-position:-706px -144px;}
.menu .techno-menu-ecm li:nth-child(6):hover:after,
.menu .techno-menu-ecm li:nth-child(6).ubermenu-current-menu-item:after{background-position:-706px -180px;}

/*--frontend--*/
.menu .techno-menu-frontend li:nth-child(1):after{background-position:-843px 0;}
.menu .techno-menu-frontend li:nth-child(2):after{background-position:-843px -36px;}
.menu .techno-menu-frontend li:nth-child(3):after{background-position:-843px -72px;}
.menu .techno-menu-frontend li:nth-child(4):after{background-position:-843px -108px;}
.menu .techno-menu-frontend li:nth-child(5):after{background-position:-843px -144px;}
.menu .techno-menu-frontend li:nth-child(6):after{background-position:-843px -180px;}
/*---On Hover----*/
.menu .techno-menu-frontend li:nth-child(1):hover:after,
.menu .techno-menu-frontend li:nth-child(1).ubermenu-current-menu-item:after{background-position:-884px 0;}
.menu .techno-menu-frontend li:nth-child(2):hover:after,
.menu .techno-menu-frontend li:nth-child(2).ubermenu-current-menu-item:after{background-position:-884px -36px;}
.menu .techno-menu-frontend li:nth-child(3):hover:after,
.menu .techno-menu-frontend li:nth-child(3).ubermenu-current-menu-item:after{background-position:-884px -72px;}
.menu .techno-menu-frontend li:nth-child(4):hover:after,
.menu .techno-menu-frontend li:nth-child(4).ubermenu-current-menu-item:after{background-position:-884px -108px;}
.menu .techno-menu-frontend li:nth-child(5):hover:after,
.menu .techno-menu-frontend li:nth-child(5).ubermenu-current-menu-item:after{background-position:-884px -144px;}
.menu .techno-menu-frontend li:nth-child(6):hover:after,
.menu .techno-menu-frontend li:nth-child(6).ubermenu-current-menu-item:after{background-position:-884px -180px;}

/*--cloud--*/
.menu .techno-menu-cloud li:nth-child(1):after{background-position:-1010px 0;}
.menu .techno-menu-cloud li:nth-child(2):after{background-position:-1010px -36px;}
.menu .techno-menu-cloud li:nth-child(3):after{background-position:-1010px -72px;}
.menu .techno-menu-cloud li:nth-child(4):after{background-position:-1010px -108px;}
.menu .techno-menu-cloud li:nth-child(5):after{background-position:-1010px -144px;}
.menu .techno-menu-cloud li:nth-child(6):after{background-position:-1010px -180px;}
/*---On Hover----*/
.menu .techno-menu-cloud li:nth-child(1):hover:after,
.menu .techno-menu-cloud li:nth-child(1).ubermenu-current-menu-item:after{background-position:-1050px 0;}
.menu .techno-menu-cloud li:nth-child(2):hover:after,
.menu .techno-menu-cloud li:nth-child(2).ubermenu-current-menu-item:after{background-position:-1050px -36px;}
.menu .techno-menu-cloud li:nth-child(3):hover:after,
.menu .techno-menu-cloud li:nth-child(3).ubermenu-current-menu-item:after{background-position:-1050px -72px;}
.menu .techno-menu-cloud li:nth-child(4):hover:after,
.menu .techno-menu-cloud li:nth-child(4).ubermenu-current-menu-item:after{background-position:-1050px -108px;}
.menu .techno-menu-cloud li:nth-child(5):hover:after,
.menu .techno-menu-cloud li:nth-child(5).ubermenu-current-menu-item:after{background-position:-1050px -144px;}
.menu .techno-menu-cloud li:nth-child(6):hover:after,
.menu .techno-menu-cloud li:nth-child(6).ubermenu-current-menu-item:after{background-position:-1050px -180px;}

/*---businessIntelligence---*/
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li a{ padding: 55px 20px 0 !important;}
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li{position: relative;}
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:after{background: url(../images/technology_submenu_bottom_icon.png) no-repeat 0 0; position: absolute;
   width: 45px; height:50px; top: 0; left: 0; right: 0; margin:auto;
}
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(1):after{background-position:0 0;}
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(2):after{background-position:-160px 0; }
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(3):after{background-position:-285px 0; }
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(4):after{background-position:-418px 0; }
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(5):after{background-position:-535px 0; }
/*----Hover---*/
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:hover a span.ubermenu-target-title{color: #61a628 !important;}
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(1):hover:after,
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(1).ubermenu-current-menu-item:after{background-position:0 -70px;}
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(2):hover:after,
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(2).ubermenu-current-menu-item:after{background-position:-160px -70px; }
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(3):hover:after,
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(3).ubermenu-current-menu-item:after{background-position:-285px -70px; }
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(4):hover:after,
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(4).ubermenu-current-menu-item:after{background-position:-418px -70px; }
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(5):hover:after,
.ubermenu .tecno-menu-businessIntelligence .ubermenu-submenu-type-stack li:nth-child(5).ubermenu-current-menu-item:after{background-position:-535px -71px; }

/*Home Footer*/
.home-footer{background:url(../images/inner_footer_bg.jpg) no-repeat top center/cover; padding-top: 40px;}
.home .home-footer{background:url(../images/home_footer_bg.jpg) no-repeat top center/cover; padding-top: 100px;}
#footer .home-footer h3{font-size: 18px; color: #e53935; font-weight: 600; line-height: 22px;}
#footer .home-footer li {border: none!important; color: #fff; padding: 0; margin: 5px 0;}
#footer .home-footer li a{position: relative;}
#footer .home-footer li a:after{
  height: 1px; 
  width: 0%; 
  background:#fff; 
  position: absolute; 
  content: ''; 
  left: 0; 
  bottom: -2px; 
  margin:auto;
  transition:all 0.3s;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
}
#footer .home-footer li a:hover:after{width: 100%;}
#footer .home-footer li a{color: #fff; font-size: 14px;}
#footer .home-footer .contacts{margin: 0 45px 0 35px}
#footer .home-footer .contact-address{background: #0d0e11; padding: 20px 0;}
#footer .home-footer .contact-address h3{color: #fff;}
#footer .home-footer .contact-address p{color: #8b8b8b; font-size: 14px; line-height: 22px;}
#footer .home-footer .contact-address p a{color: #e53935; font-size: 15px;}
#footer .home-footer .contact-address p a.tell{cursor: default;}
footer .subfooter{background: #0a0a0c; min-height: 55px; padding: 8px 0;}
footer .subfooter .element-bottom-10{margin: 0 !important;}
footer .subfooter .textwidget,
footer .subfooter .textwidget li a{color: #373437; font-size: 12px; line-height: 39px; font-weight: 600;}
footer .subfooter .textwidget li:hover a{color: #fff;}
footer .subfooter .textwidget li{position: relative;}
footer .subfooter .textwidget li:after{position: absolute; width: 1px; height:22px; background:#373437; left: 0; content: ''; top: 0; bottom: 0; margin:auto;}
footer .subfooter .textwidget li:first-child:after{display: none;}
footer .subfooter .textwidget li{padding: 0 5px;}
footer .subfooter .textwidget ul{margin-bottom: 0;}

footer .subfooter .sidebar-widget .social-icons li a{border: 1px solid #373437; height: 40px; width: 40px; border-radius: 0; line-height: 40px;}
footer .subfooter .sidebar-widget .social-icons li a .fa{color: #373437; font-size: 22px; line-height: 40px;}
footer .subfooter .sidebar-widget .social-icons li:hover a{border-color: transparent;}
footer .subfooter .sidebar-widget .social-icons li:hover a .fa{color: #067eb6 !important;}
#text-10{float: right;}
#text-10 ul{margin: 0; padding: 0;}
footer .subfooter .sidebar-widget li {float: left; height: 40px !important; margin-bottom: 5px !important;}

/*---End header and footer----*/
.wrapper_box{overflow: hidden;}

h1,h2{
  font-size:40px; 
  font-weight:700; 
  line-height: 45px; 
  color: #fff; 
  letter-spacing:2px
}

h3{
  font-size:30px; 
  line-height: 32px;
  font-weight: 400;
  color: #fff;
}
h4{ 
  font-size: 24px;
  font-weight:500; 
  line-height: 34px;
}
h5{ 
  font-size:20px; 
  font-weight:400; 
  line-height: 26px;
}
p{ 
  font-size:18px; 
  line-height: 25px;
  color: #fff;
}

.background-overlay{ display: none !important;}
#bannerBox{padding-top: 135px;}
#banner_box{padding-top: 135px;}
/*------------Banner buttons----------------*/
#banner_box .banner_btn .btn {
  border-radius: 5px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  height: 43px;
  line-height: 39px;
  margin-right: 2%;
  padding: 0;
  transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  width: 143px;
  color: #fff;
  border: 2px solid #fff;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}
#banner_box .banner_btn .btn:after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  position: absolute;
  content: '';
  z-index: -1;
  transition:all 0.4s ease 0s; 
  -webkit-transition:all 0.4s ease 0s;
  -moz-transition:all 0.4s ease 0s;
  -ms-transition:all 0.4s ease 0s;
}
#banner_box .banner_btn .btn:hover:after{width: 100%;}

#banner_box .banner_btn .btn.contact_us{margin-right: 0;}
#how_can_Box{background-attachment: fixed !important;}
#how_can_Box h2 {  
  font-weight:600; 
  margin-bottom:20px;
}
#how_can_Box p{font-size:30px;}
#how_can_Box .talk_box { 
  font-size:24px; 
  padding:40px 0 45px
}
#how_can_Box .button_box a.talk_expert{ margin:0 20px 0 40px;}
#how_can_Box .button_box a{
  color: #fff;
  font-size: 14px;
 margin-left: 20px;
  text-align: center;
  border:1px solid #fff; 
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  width:200px; height:50px; 
  line-height:50px; 
  box-sizing:border-box;
  -webkit-box-sizing:border-box; 
  -moz-box-sizing:border-box; 
  ms-box-sizing:border-box;  
  display:inline-block;
   font-weight: 600;
   position: relative;
}

#banner_box .banner_btn .btn.contact_us:after{right: 0; left: auto;}

#how_can_Box .button_box a:after,
#how_can_Box .button_box a:before{
  background: #fff;
  height: 100%;
  left: 50%;
  top: 0;
  width: 0;
  position: absolute;
  content: '';
  z-index: -1;
  transition:all 0.3s ease 0s; 
  -webkit-transition:all 0.3s ease 0s;
  -moz-transition:all 0.3s ease 0s;
  -ms-transition:all 0.3s ease 0s;
}
#how_can_Box .button_box a:before{
  right: 50%;
}
#how_can_Box .button_box a:hover{color: #000;}
#how_can_Box .button_box a:hover:after{width: 50%; left: 0;}
#how_can_Box .button_box a:hover:before{width: 50%; right: 0;}



.four_advantage_box { 
  margin: 50px 0; 
  float:left; 
  width:100%;
}
.adv-box .icon-desc,
.adv-box .icon{ background: #1CBCF0;}
/*Common for all*/
.adv-box{
  border-radius: 0;
  display: table;
  float: left;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  margin: 0 0 3px;
  padding: 0;
  text-align: left;
  width: 100%;
  color: #fff;
  position: relative;
}
.adv-box div{ display: table-cell; vertical-align: middle;}
.adv-box .icon{ 
  height: 85px; 
  width: 85px;
  text-align: center;
}
.adv-box .gap{ width: 3px; background: transparent;}
.adv-box .icon-desc{
  padding: 5px 25px;
}
.rounded-box .adv-box{ margin: 0 0 70px;}
.rounded-box .icon{ 
  border-radius:50%; 
  width:100px; 
  height:100px; 
  position:absolute; 
  left:-20px; 
  top:-100%; 
  bottom:-100%; 
  line-height:90px; 
  margin:auto 0 ; 
  border:5px solid #fff; 
}
.rounded-box .icon-desc{ 
  padding: 15px 25px 15px 85px; 
  border-radius: 50px;
}
.rounded-box >div:nth-of-type(2n) .icon{ 
  right:-20px; 
  left:auto;
}
.rounded-box >div:nth-of-type(2n) .icon ~.icon-desc{
  padding:15px 85px 15px 25px
}
#advantage_box h3{font-weight: 400; font-size: 20px;}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* End Icon Wobble Vertical */
@media all and (max-width:1400px){
  .container{width: 1010px;}
  .h1, h1,.h2, h2  {font-size: 36px; line-height: 40px; letter-spacing: 0;}
  .h3, h3 {font-size: 28px;}
  .h4, h4 {font-size: 20px;}
  .h5, h5 {font-size: 18px;}
  .h6, h6 {font-size: 12px;}
  p{ font-size:16px; line-height: 25px;}
  #masthead .top-bar a{
    color:#fff; 
    font-size: 12px; 
    line-height: 14px;  
    padding-left: 10px; 
    position: relative; 
    font-weight: normal;
 }
 #how_can_Box .button_box a{height: 45px line-height45px; font-size: 13px; width: 170px;}
  #advantage_box {padding: 40px 0 70px;  }
  .adv-box{font-size: 16px;}
  #advantage_box .four_advantage_box {
      float: none;
      margin: 45px auto;
      max-width: 900px;
    }
  #advantage_box h3{font-size: 20px}
#how_can_Box p{font-size:26px;}
  .square-box .adv-box .icon {
    height: 65px;
    text-align: center;
    width: 65px;
  }
  .square-box .adv-box .gap {width: 1px; }
  #advantage_box .square-box .icon img {width: 65%;}
  .square-box .adv-box {margin-bottom: 1px;}
  #advantage_box h3{font-size: 18px; line-height: 25px;}
}

@media all and (max-width:1010px){
  .container{ width: 970px;}
  h1,h2{ font-size:30px; line-height: 34px;}
  h3{font-size: 20px;}
  #how_can_Box .talk_expert{ 
    margin:10px 20px 0 0; 
    height:45px; 
    line-height:45px;
  }
  #how_can_Box .contact{
    height:45px; 
    line-height:45px;
  }
  .button_box {display: inline-block; margin-top: 20px;}
  /*footer*/
  .home .home-footer{padding-top: 150px; }
  #footer .home-footer .contacts{margin: 0;}
  #footer .home-footer .col-md-2 .sidebar-widget{text-align: center !important;}
  #footer .home-footer .contact-address{width: 50%; display: inline-block; margin: 20px 0;}
  #footer .home-footer li a:after{right: 0;}
  .element-top-10 .col-sm-4{width: 100%; text-align: center;}
  #text-10{float: left !important; margin-top: 20px; width: 100%;}
  #footer .sidebar-widget{text-align: center !important;}

}

@media all and (max-width:991px){
  .container{ width: 750px;}
  #how_can_Box .button_box a.talk_expert{margin-left: 0;}

}


@media all and (max-width:767px){
  #masthead .navbar-brand, #masthead .navbar-brand img,
  #masthead.sticky .navbar-brand img{width: 70%;}
  .container{width:auto;}
  #banner_box {padding-top: 45px;}
  #masthead .top-bar{display: none;}
  .menu .navbar-brand{padding: 10px 0; height: 60px;}
  .navbar-toggle .icon-bar{background:#fff;}
  .navbar-toggle{margin-top: 18px;}
  #masthead.navbar-scrolled .navbar-brand {
    height: 60px!important;
    line-height: 60px!important;
  }
  .header-logo-left-menu-right.sticky .navbar-brand{padding: 2px 0;}
  #masthead.navbar-scrolled{min-height: 60px !important;}
  h1,h2{font-size: 24px; line-height: 28px;}
  h3{font-size: 18px; line-height: 24px;}
  
  #banner_box .banner_btn .btn{width: 120px; height: 40px; line-height: 38px;}
  #how_can_Box .talk_box{ font-size:22px; margin:0; padding:25px 0;}  
  #how_can_Box .button_box {
    display: inline-block; text-align:center;
    margin-top: 30px;
    width: 100%;
  }
  #advantage_box .four_advantage_box{ margin:50px 0;}
  #how_can_Box p {font-size:24px; line-height: 28px;}
  #how_can_Box .button_box a {
    display: block;
    margin: 0 auto !important;
    width: 250px;
  }
  .home-footer{background: url(../images/home_footer_bg_small.jpg) repeat; padding: 20px 0 0;}
  #footer .home-footer .contact-address{width: 100%; display: inline-block; margin: 20px 0;}
  #footer .home-footer  .col-md-2{margin: 10px 0;}
  .adv-box{font-size: 14px;}
  .four_advantage_box .col-md-12,
  .four_advantage_box .col-md-6{ padding: 0;}
  .adv-box .icon-desc{ padding: 5px 15px;}
  .rounded-box .adv-box{ margin: 0 0 15px;}
  .rounded-box .icon,
  .rounded-box .gap{ display: none;}
  .rounded-box .icon-desc{ padding: 10px 20px !important;}

    #advantage_box h3{font-size: 16px; line-height: 22px;}
#how_can_Box p{font-size:22px;}
}