@import url("font-awesome.min.css");
@import url("slick.css");
@import url("slick-theme.css");
@import url("easy-responsive-tabs.css");
@import url("aos.css");
@import url("navigation.css");
/*@import url("menuzord.css");*/

body{margin:0px; padding:0px; color:#57585a; font-size:16px; background:#fff;
 /*font-family: 'DINPro-Regular'!important;*/ font-family: 'Lato', sans-serif; font-weight: 400; overflow-x:hidden; overflow-y:auto;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button{outline:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input,textarea,button,select,a,div{-webkit-tap-highlight-color:transparent;outline:none}
table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
img{border:0px;max-width:100%;vertical-align:top}
::-moz-selection{background:#0094d9;color:#fff}
::selection{background:#0094d9;color:#fff}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
a{text-decoration:none; color:#006384;}*{text-rendering:optimizeLegibility}
html.touch *{text-rendering:optimizeSpeed}
p{margin: 0px;padding: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px;padding: 0px;font-weight: normal;}
ol,ul,li{margin: 0px;padding: 0px;list-style-type: none;}
.clr{clear: both;}

.wrapper{width: 1170px; margin: 0 auto;}

.sticky .main_logo {opacity: 0; visibility: hidden; display: none;}
.sticky {background: #ffffff; position: fixed; width: 100%; left: 0; top: 0; z-index: 9999;
  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.sticky .menuzord-menu>li>a{color: #333;}
.main_logo{opacity: 1; display: block;}
.hover_logo{opacity: 0; visibility: hidden; display: none;}
.sticky .hover_logo {opacity: 1; visibility: visible; transition: 0.5s; display: block;}
.sticky .menuzord.red .menuzord-menu>li.active>a, .sticky .menuzord.red .menuzord-menu>li:hover>a
{color: #333 /*34736e*/;}
.sticky .logo_r{padding:0 /*7px 0*/;}
.sticky .menuzord-menu>li a.menu_mail{border-left: 1px solid #233a52;}
.sticky .menuzord.red .menuzord-menu>li:hover>a.menu_mail {border-left: 1px solid #34736e;color: #34736e;}
.logo_l a:first-child{opacity: 1;}
.logo_l a:last-child{opacity: 0;}
.sticky a.logo_l:first-child{opacity: 0;}
.sticky a.logo_l:last-child{opacity: 1;}

.sticky.logo_row{position: fixed;}
.logo_row{display: inline-block; width: 100%; padding: 0; position: relative; min-height: 70px /*96px*/;}
.logo_l{/*float: left;*/ position: absolute; left: 15px; top: 7px; z-index: 10;}
.logo_r{/*float: right;*/ position: absolute; right: 0; top:0 /*15px*/; padding:6px 0 0 0 /*20px 0 0 0*/; width: 100%;}

.megamenu_one{text-align: left; float: left; width: 33.333%;}
.megamenu_one ul{margin: 0px; padding: 0;}
.megamenu_one ul li{list-style-type: none; font-size: 15px;  font-family: 'Lato', sans-serif; font-weight: 700; position: relative;}
.megamenu_one ul li a{ padding: 10px 10px 10px 35px; border-left: none; color: #333; display: block;
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.megamenu_one ul li a:hover{color: #333; border-left:none; background: #f5f5f5; border-radius: 5px;
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.30);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.30);
  -ms-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.30);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.30);}
.megamenu_one ul li a i,.megamenu_one ul li a img{ position: absolute; left: 10px; top: 13px;}

ul.menu_sb{display: block; margin: 8px 0 0 0;}
ul.menu_sb li{list-style-type: none; float: left; cursor: default; padding: 0px 5px; padding-right: 5px;
border-right: 1px solid #ccc; line-height: 13px; width: auto; color: #34736e; font-size: 10px;
text-transform: uppercase; letter-spacing: 0.2px; font-family: 'Oxygen', sans-serif; font-weight: 700;}
ul.menu_sb li:last-child{border: none;}
ul.menu_sb.small li{padding: 0px 8px; padding-right: 8px; letter-spacing: 1px;}

header{background: url(../images/home_bg.jpg) no-repeat center right; min-height: 530px; background-attachment: fixed;
vertical-align: top; background-size: auto 100%; position: relative;}
.lets_work{position: absolute; left: -74px; bottom: 132px; color: #FFF; font-size: 11px; text-transform: uppercase;
font-weight: 700; font-family: 'Oxygen', sans-serif; letter-spacing: 4px;
transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
.lets_work_r{position: absolute; right: -119px; bottom: 186px;
transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
.lets_work_r span{display: inline-block; color: #FFF; font-size: 11px; text-transform: uppercase;
font-family: 'Oxygen', sans-serif; font-weight: 700; letter-spacing: 4px;}
.lets_work_r ul{margin: 0px; padding: 0px; display: inline-block;}
.lets_work_r ul li{list-style-type: none; float: left; margin: 0 20px 0 0; color: #FFF; font-size: 12px;
text-transform: uppercase; font-family: 'DINPro-Medium'; letter-spacing: 2px;}

.lets_work_r ul li a {color: #FFF; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); text-decoration: none;}
.lets_work_r ul li a:hover{color: #0a1220; text-decoration: underline;}

.menuzord-menu>li a.menu_mail{/*border-left: 1px solid #FFF;*/ text-transform: lowercase; letter-spacing: 0.5px;
padding-left: 20px;}
.menuzord-menu>li a.menu_mail i{font-size: 12px; margin: 2px 5px 0 0;}
.menuzord-menu>li a.menu_mail:hover{/*border-left: 1px solid #FFF;*/ color: #FFF;}

.banner_cap{height: 440px /*500px*/; display: table; vertical-align: middle; text-align: center; width: 100%;}
.banner_title{display: table-cell; vertical-align: middle;}
.banner_head{font-size: 40px; color: #FFF; font-family: 'Oxygen', sans-serif; font-weight: 700;
text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
-moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
-ms-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
}
.banner_head span{font-size: 50px; color: #FFF; text-transform: uppercase;}

.banner_title b{color: #FFF; display: inline-block; text-align: center; width: 100%; margin: 20px 0 0 0;
font-size: 22px; font-family: 'Oxygen', sans-serif; letter-spacing: 0.5px; font-weight: 700; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
-moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
-ms-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);}
.typewriter_txt_bx{text-align: center; display: inline-block; width: 100%; margin: 15px 0;}
.typewriter_txt_bx b{color: #FFF;float: left; font-weight: 700; font-family: 'Oxygen', sans-serif;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
  -moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
  -ms-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);}
.typewrite span.wrap{border-right:2px solid #fff;padding-right: 5px;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
-moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50); -ms-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* ie10, ie11+ */
    a.typewrite{color: #fff;}
    .slidecaptiontitle b{color: #fff;}
    .typewrite span.wrap{color: #fff;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    a.typewrite{color: #C3090F;}
    .slidecaptiontitle b{color: #C3090F;}
    .typewrite span.wrap{color: #C3090F;}
}

.lets_btn{border: 1px dashed #CCC; padding: 10px 30px; color: #FFF; font-size: 14px; text-transform: uppercase;
margin: 30px 5px 0 5px; display: inline-block; font-weight: 700; letter-spacing: 1px; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.lets_btn:hover{background: #FFF; color: #388ec7; border: 1px solid #FFF; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.download_btn{border: 1px solid #FFF; background: #FFF; padding: 10px 30px; color: #388ec7; font-size: 14px; text-transform: uppercase;
margin: 30px 5px 0 5px; display: inline-block; font-family: 'Roboto', sans-serif; font-weight: 500; letter-spacing: 1px; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.download_btn:hover{background: none; color: #FFF; border: 1px dashed #FFF; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.serv_title.abt_back{background:#FFF url(../images/about_bg.jpg) no-repeat center bottom; padding: 60px 0;}
.about_title.extra_margn{margin: 30px 0;}
.client_logo.white_sec{padding: 30px 0; background: #f9fafc;}

.serv_title{background: #FFF; padding: 30px 0; text-align: center;}
.client_title{font-size: 32px; color: #34736e; margin: 0 0 15px 0;  font-family: 'Oxygen', sans-serif; font-weight: 400;
letter-spacing: 0.5px;}
.client_title span{font-weight: 700;}
.client_txt{font-size: 18px; margin: 0 100px; line-height: 28px; font-family: 'Lato', sans-serif;}

.client_logo{background: #FFF; /*padding: 40px 0;*/}

/*service section css*/
.service_bx{background: #FFF; padding: 60px 0; position: relative;}
.service_bx:after{content: ''; position: absolute; right: 15px; top: 15px; background: url(../images/section_circle.png) no-repeat;
width: 207px; height: 272px;}
.title_section{margin: 0 0 20px 0; display: block; color: #34736e; position: relative; z-index: 10;}
.title_section h3{position: relative; font-size: 12px; font-family: 'Oxygen', sans-serif; text-transform: uppercase;
margin: 0 0 5px 0; padding: 0 0 0 50px; letter-spacing: 1px; font-weight: 400;}
.title_section h3:after{content: ''; position: absolute; left: 0; top: 50%; width: 40px; height: 1px; background: #34736e;}
.title_section h2{font-size: 30px /*32px*/; font-family: 'Oxygen', sans-serif; font-weight: 400;}
.title_section h2 span{font-weight: 700;}

.portfolio_bx{background: #FFF; padding: 60px 0 100px 0; position: relative;}
.portfolio_slide{position: relative; z-index: 10;}
.portfolio_bx::after{content: ''; position: absolute; right: 0; top: 0; background: url(../images/portfolio_round_r.png) no-repeat;
width: 204px; height: 276px;}
.portfolio_bx::before{content: ''; position: absolute; left:0; bottom: 0; background: url(../images/portfolio_round_l.png) no-repeat;
width: 388px; height: 404px;}

/*why choose section css*/
.service_bx.why_choose{background: #f9fafc;}
.service_bx.why_choose.padding_zero{padding-bottom: 0;}
.why_choose_bx{display: block;}
.why_l{float: left; width: 50%;}
.why_r{float: right; width: 48%; text-align: right; /*padding: 100px 0 0 0;*/}
.why_choose_list{margin: 20px 0 0 0;}
.why_choose_list ul{margin: 0px; padding: 0px;}
.why_choose_list ul li{list-style-type: none; border-bottom: 1px dashed #d9d9d9; margin-bottom: 20px; padding-bottom: 20px;}
.why_choose_list ul li:last-child{border-bottom: none;}
.scal_head{color: #1992bf; font-size: 16px; margin: 0 0 5px 0; font-family: 'Oxygen', sans-serif; font-weight: 700;}
.scal_txt{font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 26px;}

.service_boxes{display: inline-block; width: 100%; background: #020813;}
.service_boxes ul{margin: 0px; padding: 0px;}
.service_boxes ul li{list-style-type: none; width: 25%; float: left;}
.service_bx_one{display: table; height: 333px; width: 100%; vertical-align: middle; background: #388ec7;}
.service_one_cont{padding: 30px; display: table-cell; vertical-align: middle;}
.title_section.white_title{color: #FFF; margin: 0 0 15px 0;}
.title_section.white_title h3:after{background: #FFF;}
.title_section.white_title h2{font-size: 30px;}
.service_one_txt{color: #FFF; font-size:14px /*16px*/; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 26px;
letter-spacing: 0.5px;}

.animated_service{display: table; height: 333px; width: 100%; vertical-align: middle; background: #0a1220;
border-right: 1px solid #2c3343; border-bottom: 1px solid #2c3343;}
.animated_service.change_clr{background: #020813;}
.contenttexture{display: table-cell; vertical-align: middle; padding: 30px; height: 333px; overflow: hidden;
-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.serviceicon { min-height: 55px; position: relative; display: block; margin: 0 0 20px 0;
  -webkit-transition: opacity 0.1s, 0.4s linear, -webkit-transform 0.50s;
transition: opacity 0.1s, 0.4s linear, transform 0.50s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}
.service_nm{color: #41a3e3; font-size: 16px; text-transform: uppercase; font-family: 'Oxygen', sans-serif; font-weight: 700;
 margin: 0 0 15px 0; letter-spacing: 0.5px; -webkit-transition: opacity 0.4s, -webkit-transform 0.35s;
  transition: opacity 0.4s, transform 0.35s;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);}
ul.list{display: block; margin: 0px; padding: 0px; -webkit-transition: opacity 0.4s, -webkit-transform 0.35s;
transition: opacity 0.4s, transform 0.35s; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0);}
ul.list li {cursor: default; list-style: none; float: left;
 padding: 0px 8px; padding-left: 8px; border-right: 1px solid #3b3b3b; line-height: 13px; width: auto;
color: #FFF; font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px;}
ul.list li:last-child{border-right: none;}
 ul.list li a { font-size: 10px; color: #fff; letter-spacing: 1px; text-decoration: none; border-bottom: 1px solid #9e9e9e;
padding-bottom: 5px;}
.contenttexture p {opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform 0.35s; transition: opacity 0.4s, transform 0.35s;
    -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); height: 0;
    font-family: 'Lato', sans-serif; font-weight: 400;
    margin-bottom: 0px; color: #fff; font-size: 14px;  padding-right: 0; line-height: 25px;}

.contenttexture:hover .serviceicon{opacity:0;-webkit-transition:opacity 0.1s, 0.4s linear, -webkit-transform 0.50s;transition:opacity 0.1s, 0.4s linear, transform 0.50s;-webkit-transform:translate3d(0, -40px, 0);transform:translate3d(0, -40px, 0);}
.contenttexture:hover p{transition:0.5s linear;-webkit-transform:translate3d(0, 0, 0);
  transform:translate3d(0, 0, 0);opacity:1;height:auto;}
.contenttexture:hover .service_nm{-webkit-transition:opacity 0.4s, -webkit-transform 0.50s;transition:opacity 0.4s, transform 0.50s;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);}
.contenttexture:hover ul.list{text-transform: uppercase; -webkit-transition:opacity 0.4s, -webkit-transform 0.50s;transition:opacity 0.4s, transform 0.50s;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);padding-bottom:20px;}

/*portfolio secion css*/
.portfolio_slide .slick-prev,.portfolio_slide .slick-next{position: absolute; margin: 30px 0 0 30px; right: auto; width: 60px;
  height: 60px; border: 1px dashed #38afdb; border-radius: 50%; bottom: -107px; top: auto; content: ''; left: 60px;}
.portfolio_slide .slick-prev{background: url(../images/prev_arrow.png) no-repeat center center;
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.portfolio_slide .slick-next{left: 130px; background: url(../images/next_arrow.png) no-repeat center center;
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.portfolio_slide .slick-prev:before,.portfolio_slide .slick-next:before{content: '';}
.portfolio_slide .slick-prev:hover{border: 1px solid #38afdb; background: #38afdb url(../images/prev_arrow_hover.png) no-repeat  center center;
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.portfolio_slide .slick-next:hover{border: 1px solid #38afdb; background: #38afdb url(../images/next_arrow_hover.png) no-repeat  center center;
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.portfolio_slide .slick-dots{display: none !important;}

a.portfolio_btn{float: right; color: #0094d9; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 700;
border: 1px dashed #0094d9; padding: 10px 20px; margin: -7px 0 0 0; text-transform: uppercase;}
a.portfolio_btn:hover{background: #0094d9; border:1px solid #0094d9; color: #FFF;}

/*industry tabs*/

.industry_tabs{background-image: url(../images/industries_bg.jpg); background-repeat: no-repeat; background-position: top right;
  position:relative; min-height: 500px; padding: 60px 0; background-size: cover;}
.industry_tabs:after{content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
background-color: rgba(2,17,30,0.9); width: 56.5%;}
.tab_index{position: relative; z-index: 1;}
.tab_cont_one{display: block;}
.tab_cont_one img{text-align: center; margin: 0 auto 20px auto; display: block;}
.tab_tittle{text-align: center; font-family: 'Oxygen', sans-serif; font-weight: 700; color: #2484c3; font-size: 20px; margin: 0 0 20px 0;}
.tab_txt{font-size: 16px; line-height: 24px; color: #57585a; font-family: 'Lato', sans-serif; font-weight: 400;}

/*footer start here*/
footer{background: #34736e url(../images/footer_map.png) no-repeat center center; padding: 35px 0 0 0;}
.footer_l{float: left; width: 50%; padding: 0 50px 0 0;}
.footer_logo{margin: 0 0 20px 0;}
.footer_address{color: #FFF; position: relative; padding: 0 0 0 25px; font-size: 16px; line-height: 24px;
  margin: 0 0 20px 0;}
.footer_address i{font-size: 16px; position: absolute; left: 0; top: 3px;}
ul.footer_social{padding: 0 0 0 25px;}
ul.footer_social li{list-style-type: none; font-size: 18px; float: left; margin: 0 25px 0 0;}
ul.footer_social li a,.footer_address a{color: #FFF; text-decoration: none; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
ul.footer_social li a:hover, .footer_address a:hover{color: #3ce58e; text-decoration: none; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.footer_r{float: left; width: 25%; padding-left: 50px; border-left: 1px solid #43817c;}
.footer_title{position: relative; color: #FFF; font-size: 16px; text-transform: uppercase; padding: 0 0 0 40px;}
.footer_title::after{content: ''; position: absolute; width: 31px; height: 1px; background: #FFF; left: 0; top: 50%;}
ul.footer_menu{margin: 30px 0 0 0; padding: 0 0 0 10px;}
ul.footer_menu li{color: #FFF; font-size: 16px; margin: 0 0 15px 0;}
ul.footer_menu li i{margin: 0 8px 0 0; font-size: 14px;}
ul.footer_menu li a{color: #FFF; text-decoration: none; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
ul.footer_menu li a:hover{color: #3ce58e; text-decoration: none; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.copyright{border-top: 1px solid #43817c; padding:20px 0 /*30px 0 20px 0*/; /*margin-top:30px;*/
  display: inline-block; width: 100%;}
.copyright_l{float: left; color: #FFF; font-size: 14px;}
.copyright_r{float: right;}
.copyright_r ul{margin: 0px; padding: 0px;}
.copyright_r ul li{list-style-type: none; float: left; color: #FFF; font-size: 14px; margin: 0 0 0 15px;}
.copyright_r ul li a,.copyright_r ul li a:hover{color: #FFF; text-decoration: none; margin: 0 0 0 5px;}

.footer_row{display: inline-block; width: 100%; padding-bottom: 35px;}

/*about us page css start here*/
.page_subtitle{color: #FFF; font-size: 18px; line-height: 26px; width: 50%; margin: 20px auto 0 auto;
font-family: 'Lato', sans-serif;  letter-spacing: 0.5px; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);
-moz-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50); -ms-text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.50);}
.about_us{/*background: url(../images/aboutus-banner.jpg) no-repeat left center;*/ position: relative;}
.about_us::before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
background: rgba(0,28,52,0.7);}
.inner_title{position: relative; z-index: 10;}
.page_nm{position: absolute; left: -40px; bottom: 158px; color: #FFF; font-size: 14px; text-transform: uppercase;
  font-family: 'Oxygen', sans-serif; font-weight: 700; opacity:0.4; letter-spacing: 4px;
  transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
.page_nm.associate{left: -74px; bottom: 130px;}
.page_nm.consultancy{ left: -60px; bottom: 116px;}
.page_nm.erp{left: -55px; bottom: 111px;}
.page_nm.web{left: -95px; bottom: 152px;}
.page_nm.mobile{left: -112px; bottom: 168px;}
.page_nm.kiosk{left: -84px; bottom: 141px;}
.page_nm.outsource{left: -103px; bottom: 160px;}
.page_nm.about{left: -40px; bottom: 98px;}
.page_nm.testimonial{left: -87px; bottom: 144px;}
.page_nm.career{left: -60px; bottom: 117px;}
.page_nm.port{left: -66px; bottom: 124px;}
.page_nm.connect{left: -38px; bottom: 94px;}

.about_para{font-size: 16px; line-height: 26px; margin: 0 0 15px 0;}
.about_mission{position: relative; font-size: 17px; line-height: 28px; margin: 0 0 30px 0; color: #0086b3;
 font-weight: 700;}
.about_mission::after{content:''; position: absolute; background: url(../images/comma_icn.png) no-repeat;
left: -5px; top:-10px; width: 46px; height: 40px;}

.core_value{display: block; width: 100%; position: relative; z-index: 1;}
.core_value_l{float: left; width: 52%; border: 10px solid #f2f2f2;
padding: 30px 65px 0px 30px; position: relative; z-index: 9; margin-top: 30px;}
.core_value_r{float: right; width: 53%; margin: 0 0 0 -60px;}
.core_one{display: block; width: 100%; margin: 0 0 25px 0;}
.core_title{color: #41a3e3; font-size: 16px; font-family: 'Oxygen', sans-serif; font-weight: 700; margin: 0 0 5px 0;}
.core_txt{font-size: 16px; line-height: 26px; /*color: #000;*/}

.mission_bx{background: #34736e; padding: 30px 0;}
.mission_row{display: inline-block; width: 100%; text-align: center;}
.mission_one{width: 40%; display: inline-block; margin: 0 4%;  color: #FFF; vertical-align: top;}
.mission_title{font-size: 24px; font-family: 'DINPro-Medium'; margin: 15px 0 5px 0;}
.mission_txt{font-size: 16px; line-height: 24px; margin: 10px 0;}

.belief_bx{display: inline-block; width: 100%;}
.belief_bx ul{margin: 0px; padding: 0px;}
.belief_bx ul li{list-style-type: none; display: inline-block; width: 33%; padding: 0 20px; vertical-align: top;}
.belief_bx ul li i{color: #a5ce37; font-size: 50px; margin: 0 0 15px 0;}
.belief_bx ul li i.green,.belief_head.green{color: #31948c;}
.belief_bx ul li i.blue,.belief_head.blue{color: #2eabd9;}
.belief_head{font-size: 24px; font-family: 'DINPro-Medium'; margin: 0 0 15px 0; color: #a5ce37;}
.belief_txt{font-size: 16px; line-height: 26px;}

.key_project{text-align: center; margin: 30px 0 0 0;}
.key_pic{margin: 20px 0 0 0; display: inline-block; width: 100%;}

/*contact us page css start here*/
.contact_row{display: inline-block; width: 100%; position: relative; z-index: 1;}
.contact_l{float:left; width: 45%; margin: 60px 0 0 0;}
.contact_r{float: right; width: 50%; background: #f9fafc; padding: 20px;}
.contact_head{font-size: 26px; font-family: 'Oxygen', sans-serif; font-weight: 700; margin: 0 0 15px 0; line-height: 32px;
color: #34736e;}
.contact_head span{font-size: 14px; display: block; text-transform: uppercase; color: #333;}
.frm_row_one{margin: 0 0 20px 0;}

.contact_slid{color: #95be27; font-size:30px; line-height: 40px; font-family: 'Oxygen', sans-serif; font-weight: 700;
text-align: center; margin: 0 0 50px 0;}
.contact_slid span{color: #000;}
.contact-lazy .slick-prev, .contact-lazy .slick-next{display: none !important;}
.contact_slid_head{font-size: 20px; text-transform: uppercase; color: #239cc9; margin: 0 0 15px 0; text-align: center; font-family: 'Oxygen', sans-serif; font-weight: 700;}
.contact_slid_txt{color: #000; font-size: 16px; line-height: 26px; text-align: center; }

.contact-lazy .slick-dots li button{width: 12px; height: 12px; border-radius: 50%;}
.contact-lazy .slick-dots li{margin: 0 5px; width: 12px; height: 12px;}
.contact-lazy .slick-dots li button:before{width: 12px; height: 12px; content: ''; font-size: 16px; font-family: 'DINPro-Medium';
background: #2eabd9; color: #000; border-radius: 50%; opacity: 1;}
.contact-lazy .slick-dots li.slick-active button:before{color: #FFF; background: #34736e;}

.frm_l{float: left; width: 48%;}
.frm_r{float: right; width: 48%;}

/****  floating-Lable style start ****/
.input_one {width: 100%; background: none; border: 0; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px;
  border-bottom: 1px solid #b3b3b3; color: #333; font-size: 16px; padding: 12px 0; resize: none;
  font-family: 'Lato', sans-serif; }
.alllabel label i{font-size: 14px; margin: 0 3px 0 0;}
.alllabel label i.envelope{font-size: 12px;}

.input_one:focus{border-bottom: 1px solid #34736e;}

.floating-label {position:relative; width: 100%;float: left; margin:0; /*margin: 12px 0;*/}
.floating-input, .floating-select {display:block; width:100%;}
.floating-input:focus , .floating-select:focus {outline:none;}
.alllabel label {color:#333; font-size:16px;   font-family: 'Lato', sans-serif;  position:absolute;
pointer-events:none; font-weight: normal;
left:0px; right: 0px; top:16px; transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
.alllabel.career_pop label{color: #3D3D3D;   font-family: 'Lato', sans-serif; }
.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {top:-10px; font-size:14px;
    font-family: 'Lato', sans-serif;  color:#34736e;}
.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {top:-10px; font-size:14px;
    font-family: 'Lato', sans-serif;  color:#333;}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after { width:50%;}
.floating-textarea {min-height: 30px; max-height: 260px; overflow:hidden; overflow-x: hidden;}

/* highlighter */
.highlight {position:absolute; height:50%; width:100%; top:15%; left:0; pointer-events:none; opacity:0.5;}
/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {-webkit-animation:inputHighlighter 0.3s ease; -moz-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease;}

.contact_btn{margin: 15px 0 0 0; display: inline-block; width: 100%;}
.send_button{background: #34736e; color: #FFF; padding: 8px 20px; border: 0; font-size: 14px; font-weight: 700;
  text-transform: uppercase; font-family: 'Lato', sans-serif;
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.send_button:hover{background: #2eabd9; color: #FFF;
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

/*testimonial page css start here*/
.testimonial_one{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #CCC; height: 230px;
  display: table; width: 100%;}
.testimonial_l{width: 30%; display: table-cell; vertical-align: middle;}
.testimonial_r{width: 70%; display: table-cell; vertical-align: middle;}
.testimonial_pic{text-align: center;}
.testimonial_pic img{height: 170px; display: block; margin: 0 auto; border-radius: 50%;}
.testimonial_pic h3{margin: 15px 0 0 0; color: #34736e; font-size: 17px; font-family: 'Oxygen', sans-serif; font-weight: 700;
line-height: 26px;}
.testimonial_pic h3 span{display: block; font-size: 13px; color: #333; text-transform: uppercase;}
.testimonial_txt{text-align: justify; font-size: 16px; line-height: 26px; position: relative;}
.testimonial_txt::before{content:''; background: url(../images/quote.png) no-repeat left top;
position: absolute; left:0;  top:-27px; width: 64px; height: 64px; opacity: 0.1;}
.testimonial_txt span{display: block; font-size: 20px; margin: 0 0 10px 0; color: #239cc9;
  font-family: 'Oxygen', sans-serif;  font-weight: 700;}

/*career page css start here*/
.career_one{display: block;}

.career_one ul{margin: 0px; padding: 0px;}
.career_one ul li{list-style-type: none; float: left; width: 50%;}
.counter-data {padding: 20px 30px; min-height: 200px; position: relative; text-align: center;}
.counter-data small {position: absolute; font-size: 160px; top: 0; left: 0; right: 0px; display: inline-block; color: #f0f0f0;}
.counter_title{font-size: 22px; font-family: 'Oxygen', sans-serif; font-weight: 700; color: #388ec7; position: relative;}
.counter_txt{font-size: 16px; line-height: 28px;  position: relative;}

/*career accordion*/
.faq {width: 100%; position: relative; z-index: 1;}
.faqitem .accordion_title {padding: 15px; border-bottom: 2px solid #eeeeee; background: #FFF; color: #000;
  justify-content: space-between; align-items: center; cursor: pointer;}
.faqitem .accordion_title h4 {margin: 0; display: inline-block;}
.faqitem .accordion_title .fa.fa-minus {display: none;}
.faqitem.jquery-accordion-active .fa.fa-minus {display: block;}
.faqitem.jquery-accordion-active .fa.fa-plus {display: none;}
.faqitem .content {padding: 30px; display: none; background: #f9fafc;}

.plus_minus{display: inline-block; margin: 0 20px 0 0; font-size: 18px; color:#a5ce37 }
.position_nm{font-size: 17px; font-family: 'Oxygen', sans-serif;  font-weight: 700; color: #34736e; }
.position_nm span{font-size: 14px; color: #333;}
.vacancy_no{font-size: 18px; color: #2eabd9; margin: 0 0 15px 0;  font-weight: 700;}
.vacancy_dis{font-size: 16px; font-family: 'Oxygen', sans-serif; font-weight: 700; color: #34736e; margin: 0 0 10px 0;}
.vacancy_list{margin: 0 0 15px 0; padding: 0px;}
.vacancy_list li{/*list-style-type: none; line-height: 34px; font-size: 15px;*/
list-style-type: none; line-height: 24px; font-size: 15px; position: relative; padding: 0 0 0 22px;
margin: 0 0 14px 0px;}
.vacancy_list li i{/*font-size: 14px; margin: 0 3px 0 0; color: #2eabd9;*/
  font-size: 14px; margin: 0 3px 0 0; color: #2eabd9; position: absolute; left: 0; top: 5px;}
.vacancy_mail{font-size: 16px; font-family: 'Oxygen', sans-serif; font-weight: 700;}
.vacancy_mail span{width: 50%; float: left;}
.vacancy_mail span a{color: #2eabd9; text-decoration: none; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.vacancy_mail span a:hover{color: #333; text-decoration: none; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.career_apply{background: #FFF; padding: 50px 0; text-align: center;}
.career_txt{color: #2eabd9; font-size: 14px; text-transform: uppercase;
line-height: 30px; color: #333;}
.career_txt span{display: block;px;}
.career_txt span a{border-bottom: 1px dashed #8cbc0d; color: #8cbc0d;}
.career_txt span a:hover{}

  /*web development page css start here*/
.service_bx.why_choose.non_padding{padding-bottom: 0;}
.app-feature-list {position: relative; display: inline-block; background-image: url(../images/web-development.jpg);
position: relative; z-index: 10; background-repeat: no-repeat; background-size: cover;
margin: /*40px*/ 0 -1px 0 0; background-position: center;}
.app-feature-list-wrapper {overflow: hidden;}
.app-feature-list li {display: inline-block; float: left; width: 33.33%; height: 300px; border-right: 1px solid #92929c;
border-bottom: 1px solid #92929c; padding: 30px; cursor: pointer; transition: 0.5s;}
.app-feature-content {color: #fff; padding: 50px 0 0; transition: 0.5s; text-align: center;}
.app-feature-content .bg-img {width: 75px; height: 75px; margin: 0 auto;}
.app-feature-title {font-size: 16px; font-family: 'Oxygen', sans-serif;  font-weight: 700; line-height: 24px;
margin: 5px 0 0; text-transform: uppercase; overflow: hidden;}
.app-feature-details {font-size: 14px; line-height: 24px; margin: 10px 0 0;
visibility: hidden; opacity: 0; height: 0; transition: 0.5s;}
.app-feature-list li:hover {background-color: rgba(0, 20, 49, 1);}
.app-feature-list li:hover .app-feature-content {padding: 20px 0 0;}
.app-feature-list li:hover .app-feature-details {visibility: visible; opacity: 1; height: 86px; overflow: hidden;}

/*kiosk page css start here*/
.kisok_one{border: 10px solid #f2f2f2; margin: 0 0 30px 0; padding: 40px; position: relative; z-index: 10;}
.kiosk_left{float: left; width: 65%; margin: 0 5% 0 0;}
.kiosk_right{float: right; width: 30%; text-align: center;}
.kiosk_right.left_pic{float: left;}
.kiosk_left.right_cont{float: right; margin: 0 0 0 5%;}

.download_brochure{text-align: center;}
.download_brochure a{background: #1a93d2; font-size: 16px; text-transform: uppercase; padding: 11px 25px;
border-radius: 3px; color: #FFF; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.download_brochure a:hover{background: #34736e; color: #FFF; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

/*mobile app development page css start here*/
.app_subhead{color: #000; font-size: 16px; margin: 0 0 15px 0; font-family: 'Oxygen', sans-serif; font-weight: 700; text-transform: uppercase;}
.app_txt{font-size: 16px; line-height: 26px; margin: 0 0 15px 0; padding: 0 30px 0 0; text-align: justify;}
.go_cont_btn{display: inline-block; font-weight: 700; margin:8px 0 30px 0; background: #388ec7; padding: 10px 20px; color: #FFF;
font-size: 14px;  text-transform: uppercase; letter-spacing: 0.5px; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.go_cont_btn:hover{background: #a4ce39; color: #FFF; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.app_txt.erp{font-size: 16px; line-height: 28px; text-align: left;}

.process_list{display: inline-block; width:100%; text-align: center;}
.process_list ul{margin: 0px; padding: 0px;}
.process_list ul li{list-style-type: none; display: inline-block; text-align: center; width: 33%; vertical-align: top;}
.process_one{padding: 25px 20px;}
.process_one img{text-align: center; margin: 0 0 15px 0;}
.erp_diagram{text-align: center;}

/*portfolio page css start here*/

.hidden { display: none; }
#filter {text-align: center; background-color: #FFF; padding: 0;}
#filter button {border: 0; background-color: #FFF; font-family: 'Oxygen', sans-serif;  font-weight: 700; font-size: 16px;
color: #000; cursor: pointer; padding: 15px 20px;}
#filter button.active { background-color: #FFF; color: #2d82bb; border-bottom: 2px solid #2d82bb;}
#filter button:focus { outline: 0;}
#posts {max-width: 100%; margin: 0 auto; display: inline-block; width: 100%; text-align: left;
padding: 15px 0;}
#posts .post {width: 47%; margin: 15px; background: #CCC; display: inline-block; height: 450px /*350px*/;
overflow: hidden; text-align: center; cursor: pointer; position: relative; z-index: 1;
display: inline-block; background: #000;}
#posts .post img {position: relative; display: block; opacity: 1;
/*width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px, 0, 0) scale(1.1);
transform: translate3d(-10px, 0, 0) scale(1.1);
-webkit-backface-visibility: hidden;*/
backface-visibility: hidden;
min-height: 100%; width: 100%;}
#posts .post:hover img {opacity: 0.2; /*-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);*/}
#posts .post .post-content {padding: 2em; color: #fff; text-transform: uppercase;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}
#posts .post .post-content::before,
#posts .post .post-content::after { pointer-events: none; }
#posts .post .post-content,#posts .post a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#posts .post a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
#posts .post h2 {/*word-spacing: -0.15em;*/ position: absolute; right: 0; bottom: 0;
  padding: 1em 1.2em; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); font-size: 0; opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0);
  -moz-text-shadow:0px 0px 5px rgba(0, 0, 0, 0.6);
  -ms-btext-shadow:0px 0px 5px rgba(0, 0, 0, 0.6);}
#posts .post:hover h2{opacity: 1; font-size: 22px; font-family: 'Oxygen', sans-serif;  font-weight: 700;
-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
#posts .post p { margin: 0; font-size: 15px;}
#posts .post p {letter-spacing: 1px; padding: 0 0 0 10px; width: 70%;
border-left: 1px solid #fff; line-height: 22px; text-align: left; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0);}
#posts .post:hover p {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

@media screen and (max-width: 600px) {#posts .post { width: 50%; } }

/*associated page css start here*/
.associate-row{background: #a4ce39; padding: 30px 0;}
.associate_l{width: 80%; margin: 0 auto; /*float: left; width: 60%; padding: 73px 0 0 0;*/}
.associate_l ul{margin: 0px; padding: 0px;}
.associate_l ul li{list-style-type: none; float: left; width: 25%; text-align: center; color: #FFF;}
.associate_l ul li i{font-size: 30px; margin: 0 0 10px 0;}
.associate_l ul li h2{font-size: 24px; margin: 0 0 10px 0; font-family: 'Oxygen', sans-serif; }
.associate_l ul li span{font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; line-height: 22px; font-weight: 700;}

.associate_r{float: right; width: 40%; background: #98c028; color: #FFF; padding: 25px; font-family: 'Oxygen', sans-serif; }
.associate_title{font-size: 20px; margin: 0 0 15px 0; font-weight: 700;}
.associate_txt{font-size: 14px; line-height: 24px; margin: 0 0 15px 0;}
a.join_btn{background: #FFF; padding: 10px 30px; font-size: 14px; text-transform: uppercase; color: #a4ce39;
    font-family: 'Lato', sans-serif;  font-weight: 700;
letter-spacing: 0.5px; margin:0; display: inline-block; border: 1px dashed #FFF;
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
a.join_btn:hover{background:#98c028; border: 1px dashed #FFF; color: #FFF;
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.assocaite_frm{width: 80%; margin: 0 auto; position: relative; z-index: 10;}
.upload_txt{margin: 30px 0 20px 0; display: inline-block; color: #333; font-size: 16px; line-height: 26px;
}
.upload_txt span{display: block; font-size: 14px;}
.inputbrowsebtn{position: relative;width: 100%;float: left; margin: 0 0 10px 0;}
.inputbrowsebtn input[type="file"] {position: absolute;cursor: pointer; left: 0; opacity: 0; bottom: 0; width: 100%;}
.inputbrowsebtn span {display: block;width:26px;float: left; text-transform: uppercase; cursor: pointer;}
.inputbrowsebtn label {position: absolute; left:0px; top:6px; overflow: hidden;}
.inputbrowsebtn span.dragover {}
.selectboxjob{text-align: left;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;overflow:hidden;padding-left: 26px; color: #34736e; font-size: 16px;}
a.remove_file{color: #C3090F; font-size: 14px; font-weight: 700; margin: 15px 0 0 0; display: inline-block; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
a.remove_file:hover{color: #34736e; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.menuzord-menu>li>.megamenu.about{padding: 0;}
ul.about_drop{margin: 0px; padding: 0px;}
ul.about_drop li{list-style-type: none; float: left; width: 33.333%; text-align: center;
  border-right: 1px solid #e5e5ea;}
ul.about_drop li:last-child{border-right: 0;}
.about_menu_one{background: #FFF; padding: 25px; text-align: center; font-family: 'Roboto', sans-serif;  min-height: 211px;
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.about_menu_one img{display: block; margin: 0 auto 5px auto; text-align: center;}
.about_menu_one h3{color: #2eabd9; font-size: 18px;  margin: 0 0 5px 0; font-weight: 500;}
.about_menu_one p{font-size: 16px; line-height: 24px; color: #57585a; font-weight: 400;  font-family: 'Lato', sans-serif;}
.about_menu_one:hover{background: #efeff4; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

/*call popup css start here*/
.well{background: #efeff4; border-radius: 3px; width: 50%; position: relative;}
.close_btn{position: absolute; font-size: 20px; color: #34736e; right: 10px; top:5px; cursor: pointer;}
.call_row{display: inline-block; width: 100%;}
.call_l{float: left; width: 50%;}
.call_l img{border-radius: 3px 0 0 3px;}
.call_r{float: left; width: 50%; padding:75px 50px /*30px 50px 50px 50px*/;}
.inquiry_head{color: #34736e; font-size: 18px; margin:20px 0 8px 0; font-family: 'Oxygen', sans-serif; font-weight: 700;}
.pop_list{display: block;}
.pop_list ul{margin: 0px; padding: 0px;}
.pop_list ul li{list-style-type: none; margin: 0 0 7px 0; position: relative; padding: 0 0 0 25px;
font-size: 15px;  font-family: 'Lato', sans-serif; color: #57585a; line-height: 24px;}
.pop_list ul li i{position: absolute; left: 0; top: 4px; font-size: 16px; }
.pop_list ul li i.envelope{font-size: 14px; top: 7px;}
.pop_list ul li a{color: #333; text-decoration: none; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.pop_list ul li a:hover{color: #7da413; text-decoration: none; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.associate_l.erp{width: 100%; padding: 0;}
.associate_l.erp ul li{width: 20%;}
.associate_l.erp ul li h2{margin: 0 0 5px 0; }
.associate_l.erp ul li span{font-size: 14px; text-transform: uppercase;}

/*new footer css*/
.footer_top{color: #FFF;}
.footer_one{display: inline-block; width: 100%; margin: 0 0 20px 0;}
.footer_one ul{margin: 0px; padding: 0px;}
.footer_one ul li{list-style-type: none; float: left; width: 25%;}

.call_sec{padding-left: 40px; border-left: 1px solid #43817c;}
.call_title{font-size: 15px; text-transform: uppercase; font-weight: 700; margin: 0 0 15px 0;}
.call_title i{margin: 0 3px 0 0;}
.mobile_head{font-size: 13px; text-transform: uppercase; font-family: 'Oxygen', sans-serif;  font-weight: 700; margin: 0 0 5px 0;}
.mobile_head i{margin: 0 5px 0 0;}
.call_txt{font-size: 15px; margin: 0 0 15px 0; letter-spacing: 0.5px; font-family: 'Roboto', sans-serif;}
.call_txt a{color: #FFF;}
.iso_bx{width: 100%; text-align: center;}

.footer_two{display: inline-block; width: 100%; border-top: 1px solid #43817c; padding: 30px 0;}
.quick_links{width: 25%; float: left;}
ul.quick_menu{margin: 0px; padding: 0px;}
ul.quick_menu li{list-style-type: none; display: block; margin: 0 0 12px 0; font-family: 'Roboto', sans-serif;}
ul.quick_menu li a{font-size: 15px; letter-spacing: 0.5px; color: #FFF; font-family: 'Lato', sans-serif;}
ul.quick_menu li a i{font-size: 14px; margin: 0 3px 0 0;}

.solutions_bx{float: left; width: 75%;}
.solution_one{width: 60%; float: left; padding-left: 40px; border-left: 1px solid #43817c;}
.solution_two{width: 40%; float: left; padding-left: 40px; border-left: 1px solid #43817c;
  min-height: 235px;}

.logos_row{background: #FFF; display: inline-block; text-align: center; width: 100%; /*margin: 0 0 30px 0;*/}
.logos_row ul{margin: 0px; padding: 0px;}
.logos_row ul li{list-style-type: none; display: inline-block;}

/*bizintel erp page css start here*/
.bizintel_table{overflow-x:auto; margin: 30px 0;}

table {border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ddd;
  background: #a1783a; color: #2f1a0e;}
th.bizintel_head{text-align: left; padding: 15px 12px; background: #2f1a0e;  color: #FFF;
  font-weight: normal; font-family: 'DINPro-Medium'; font-size: 18px; letter-spacing: 0.5px;  border: 1px solid #865f21;}
td {text-align: left; padding: 12px; font-size: 16px; font-family: 'DINPro-Medium'; border: 1px solid #865f21;}
tr:nth-child(even){background-color: #b98d4e}

span.ff{letter-spacing: 0.8px;}
.service_bx.top_btm_padd{padding: 0;}
.it_bx{background: #FFF; padding: 50px 0;}
.it_about{display: inline-block; width: 100%;}
.it_about_l{float: left; width: 50%; text-align: center;}
.it_about_r{float: right; width: 50%; padding: 0;}
.about_title{color: #34736e; font-size: 24px; font-family: 'Oxygen', sans-serif; font-weight: 700; margin: 0 0 15px 0;}
.about_title.extra_size{font-size: 32px;}
a.white_btn{display: inline-block; margin: 20px 0 0 0; color: #388ec7; border: 1px dashed #388ec7; background: #FFF; padding: 10px 30px;
font-size: 14px; font-family: 'Lato', sans-serif; font-weight: 700; text-transform: uppercase; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
a.white_btn:hover{color: #FFF; background:#388ec7; border: 1px solid #388ec7; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.team_help{display: inline-block; width: 100%;}
.team_help_l{float: left; width: 60%; padding: 50px 20px 0 0;}
.team_help_r{float: left; width: 40%;}
ul.team_list{margin: 0px; padding: 0px;}
ul.team_list li{list-style-type: none; position: relative; padding: 0 0 0 25px; line-height: 26px;
font-size: 16px; margin: 0 0 10px 0;}
ul.team_list li i{position: absolute; left:0; top: 5px; color: #38afdb; font-size: 16px;}

.help_table{background: #2eabd9; border: 1px solid #15a2d0; position: relative; z-index: 10;}
.help_title{padding: 8px; color: #FFF; font-size:14px; font-family: 'Oxygen', sans-serif; font-weight: 700;
text-transform: uppercase; display: inline-block; width: 100%;}
.help_title span{float: right; width: 33%; text-align: left;}
.help_one{background: #FFF; padding: 8px; color: #333; font-size: 14px;}
.help_one span,.help_two span{float: right; width: 33%; text-align: left;}
.help_two{background: #f9fafc; padding:8px; color: #333; font-size: 14px;
text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;overflow:hidden;}
ul.market_served{margin: 30px 0 0 0; padding: 0px;}
ul.market_served li{list-style-type: none; display: inline-block; width: 16%; padding: 0 15px; font-size: 15px;
font-weight: 700; line-height: 22px;}
ul.market_served li img{display: block; margin: 0 0 15px 0;}

.erp_list{text-align: center; position: relative; z-index: 10;}
.erp_list ul{margin: 0px; padding: 0px;}
.erp_list ul li{list-style-type: none; display: inline-block; font-family: 'Oxygen', sans-serif;  font-weight: 700;
font-size: 15px; line-height: 26px; margin: 10px; padding: 10px 20px; background: #2eabd9; color: #FFF;}
.erp_list ul li i{margin: 0 5px 0 0; width: 30px; text-align: center;
font-size: 22px; color: #FFF; background: -webkit-linear-gradient(#FFF, #ebebeb);
-webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.crm_bx{display: inline-block; width: 100%; margin: 20px 0 0 0;}

.bizintel_map{text-align: center; margin: 35px 0 0 0;}

.development_logo{margin: 10px 0; display: inline-block; width: 100%; text-align: center;}
.development_logo .slick-slide img{width: 140px;}
.web_app_pic{text-align: center; margin: 10px 0 0 0; display: inline-block; width: 100%; position: relative; z-index: 10;}
.web_app_pic img{background: #f3f4f8; padding: 10px; border: 1px solid #e8eaed;}
.web_list{margin: 30px 0 0 0; width: 100%; display: inline-block;}
.web_list ul{margin: 0px; padding: 0px;}
.web_list ul li{list-style-type: none; float: left; width: 50%;  font-size: 16px; line-height: 38px;}
.web_list ul li span{color: #0095da; font-size: 18px;}

.erp_bx_one{display: inline-block; width: 100%; margin: 15px 0 0 0; position: relative; z-index: 10;}
.erp_bx_one img{float: left; margin: 0 20px 20px 0; background: #f3f4f8; padding: 10px;
border: 1px solid #e8eaed;}
.erp_txt{font-size: 16px; line-height: 26px; margin: 0 0 20px 0;  text-align: justify;}

.erp_listing_bx.four_bx ul li{width: 25%;}
.erp_listing_bx.four_bx ul li .erp_one{min-height: 230px;}

.erp_listing_bx{display: inline-block; width: 100%; position: relative; z-index: 10;}
.erp_listing_bx ul{margin: 0px; padding: 0px;}
.erp_listing_bx ul li{list-style-type: none; float: left; width: 33.333%; padding: 10px;}
.erp_one{background: #FFF; padding: 25px; min-height: 325px; -webkit-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.erp_one i{display: block; font-size: 36px; margin: 0 0 10px 0; color: #a5ce37;}
.erp_one h3{font-size: 16px; color: #34736e; font-family: 'Oxygen', sans-serif;  font-weight: 700; margin: 0 0 10px 0;}
.erp_one p{color: #57585a; font-size: 15px; line-height: 26px; margin: 0 /*0 10px 0*/;}
.erp_one a{font-size: 14px; font-weight: 700; text-transform: uppercase; color: #199ac9; text-decoration: none;}
.erp_one a:hover{text-decoration: underline; color: #199ac9;}

.erp_one:hover{background: #2eabd9; color: #FFF; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.erp_one:hover.erp_one i,.erp_one:hover.erp_one h3,.erp_one:hover.erp_one p{color: #FFF; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}
.erp_one:hover.erp_one a{color: #FFF; -webkit-transition: all ease 0.5s;-moz-transition: all ease 0.5s;-o-transition: all ease 0.5s;-ms-transition: all ease 0.5s;transition: all ease 0.5s;}

.hire_timing{display: inline-block; width: 100%; margin: 15px 0;}
.hire_timing ul{margin: 0px; padding: 0px;}
.hire_timing ul li{list-style-type: none; display: inline-block; width: 33%; text-align: center;}
.hire_one{display: block; width: 100%;}
.hire_icn{display: inline-block; margin: 0 20px 0 0; vertical-align: middle;}
.hire_txt{display: inline-block; font-size: 20px; color: #000; font-family: 'Oxygen', sans-serif;  font-weight: 700;
vertical-align: middle; text-align: left;}
.hire_txt span{display: block; font-size: 16px;}

.more_boxes{padding: 0 30px;}
.erp_listing_bx.four ul li{width: 25%;}
.help_bx{display: inline-block; width: 100%; position: relative; z-index: 10;}
.help_l{float: left; width: 50%;}
.help_r{float: left; width: 50%; background: #f1f1f1; padding: 25px; margin: 30px 0 0 0;}
.help_head{font-size: 22px; font-weight: 700; font-family: 'Oxygen', sans-serif;
margin: 0 0 20px 0; color: #000; letter-spacing: 1px; line-height: 32px;}
.help_head span{color: #1da4d6; /*display: block;*/}
ul.help_list{margin: 0px; padding: 0px;}
ul.help_list li{list-style-type: none; margin: 20px 0; font-size: 17px; color: #000;}
ul.help_list li i{margin: 0 5px 0 0; color: #2eabd9;}

.intan_row{display: inline-block; width: 100%;}
.intan_l{float: left; width: 50%;}
.intan_r{float: left; width: 50%; margin: 80px 0 0 0;}
.client_logo.grey_bg{background: #f5f5f5; padding: 20px 0;}
.port_bx{position: relative; z-index: 10;}

.apps_row{display: block; position: relative; z-index: 10;}
.apps_row ul{margin: 0px; padding: 0px;}
.apps_row ul li{float: left; width: 25%; padding: 12px;}
.carbox {min-height: 230px; position: relative; background: #FFF; border-radius: 6px; padding: 10px;
-webkit-box-shadow: 0 0 6px #e4e4e4; -moz-box-shadow: 0 0 6px #e4e4e4; -ms-box-shadow: 0 0 6px #e4e4e4;
box-shadow: 0 0 6px #e4e4e4;}
.carbox-title {    font-family: 'Oxygen', sans-serif;
    font-weight: 700; font-size: 16px; text-transform: capitalize; color: #34736e; line-height: 28px;}
.img-carbox {display: block; text-decoration: none; overflow: hidden; width: 100%; border-radius: 0; height: 180px; background-repeat: no-repeat!important; background-size: 100%!important;}
.carbox:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,.07),0 6px 20px 0 rgba(0,0,0,.07) }
.img-carbox img { width: 100%; height: 180px; object-fit: cover; transition: all .25s ease; border-radius: 6px 6px 0 0; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.carbox:hover img { -webkit-filter: grayscale(0); filter: grayscale(0);}
.carbox-content {text-align: left; position: relative; padding: 8px 0 0 0;}

.error_row{display:inline-block; width: 100%; margin: 0 0 15px 0;}
.info-msg,.success-msg,.warning-msg,.error-msg {margin: 10px 0; padding: 10px; border-radius: 3px 3px 3px 3px;
font-family: 'Oxygen', sans-serif; font-size: 14px; font-weight: 600;}
.info-msg {color: #059; background-color: #BEF;}
.success-msg {color: #270; background-color: #DFF2BF;}
.warning-msg {color: #9F6000; background-color: #FEEFB3;}
.error-msg {color: #D8000C; background-color: #FFBABA;}
.captcha_row{display: inline-block; width: 100%; margin: 15px 0 0 0;}
.captcha_row span{display: inline-block; margin: 25px 10px 0 0; color: #333; font-size: 16px;}
.hidedefault{
  display: none;
}
@media screen and (max-width:1280px){
  header{min-height: 400px;}
  .banner_cap{height: 400px;}
  .banner_head{font-size: 36px;}
  .banner_head span{font-size: 46px;}
  .banner_title b{font-size: 24px;}
  .title_section h3{font-size: 14px;}
  .title_section.white_title h2{font-size: 28px;}
  .contenttexture{padding: 18px;}
  .service_nm{font-size: 16px; margin: 0 0 15px 0;}
  .title_section h2{font-size: 34px;}
  .portfolio_bx{padding: 60px 0;}

  .testimonial_txt span{font-size: 22px;}
  .counter_title,.about_title{font-size: 22px;}
  .about_title.extra_size{font-size: 28px;}
  .app_txt{font-size: 16px; line-height: 28px;}

  .erp_txt{font-size: 16px;}
  .hire_txt{font-size: 22px;}
  .help_head{font-size: 24px;}
  #posts .post:hover h2{font-size: 32px;}

  .call_r{padding:25px 50px 35px 50px }

  .contact_head{font-size: 30px;}
  .contact_slid{font-size: 28px;}
}
@media screen and (max-width:1024px){
  .wrapper{width: 96%; margin: 0 auto; }
  .service_boxes ul li{width: 50%;}
  .contenttexture{padding: 30px;}
  .service_boxes ul li ul.list li{width: auto;}
  a.portfolio_btn{font-size: 16px;}
  .portfolio_slide .slick-prev, .portfolio_slide .slick-next{left: 0; width: 50px; height: 50px;}
  .portfolio_slide .slick-next{left: 60px;}
  .portfolio_bx{padding: 40px 0 90px 0;}
  .service_bx{padding: 40px 0;}

  .industry_tabs{padding: 45px 0;}
  .resp-tabs-list li{font-size: 18px; margin: 0 20px 20px 0; padding: 20px;}
  .resp-tabs-list li img{margin: 0 10px 0 0;}
  .resp-tabs-container{width: 41%;}
  .resp-tab-content{padding: 25px;}
  .logos_row ul li{width: 19%;}
  .why_choose_list ul li{margin-bottom: 15px; padding-bottom: 15px;}
  .menuzord-menu>li>a{padding: 10px 12px;}

  .client_title{font-size: 32px;}
  .client_txt{font-size: 16px; line-height: 26px; margin: 0 60px;}

  /*about*/
  .page_subtitle{font-size: 16px; line-height: 24px;}
  .page_nm{font-size: 14px;}
  .title_section h2 {font-size: 32px;}
  .about_para{font-size: 14px; line-height: 24px;}
  .about_mission{font-size: 16px; line-height: 24px;}
  .mission_bx{padding: 20px 0;}
  .associate_l ul li i{font-size: 28px;}
  .associate_l ul li h2{font-size: 24px;}
  .associate_l.erp ul li span{font-size: 13px; line-height: 20px;}
  .vacancy_list li{position: relative; padding: 0 0 0 20px; line-height: 22px; margin: 10px 0; font-size: 14px;}
  .vacancy_list li i{position: absolute; left: 0; top: 5px;}
  .intan_r{margin: 70px 0 0 0;}

  /*testimonial*/
  .testimonial_pic img{height: 150px;}
  .testimonial_pic h3{font-size: 18px; line-height: 24px; margin: 10px 0 0 0;}
  .testimonial_pic h3 span{font-size: 13px;}
  .testimonial_txt span{font-size: 20px;}
  .testimonial_txt{font-size: 14px; line-height: 24px;}
  .testimonial_l{width: 25%;}
  .testimonial_r{width: 75%;}

  /*career*/
  .counter-data{min-height: auto;}
  .counter_title {font-size: 20px;}
  .counter_txt{font-size: 14px; line-height: 24px;}
  .counter-data small{font-size: 130px;}
  .vacancy_mail{font-size: 16px;}
  .core_txt{font-size: 14px;}

  /*it consultancy*/
  .team_help_l{padding: 30px 0 0 0;}
  .about_title{font-size: 20px;}
  ul.market_served li{width: 19%;}
  .app-feature-list li{padding: 15px;}
  .app-feature-details{font-size: 14px;}
  ul.team_list li,ul.team_list li i{font-size: 14px; line-height: 22px;}
  .app-feature-title{font-size: 16px;}
  .app-feature-list li:hover .app-feature-details{overflow: auto;}
  .it_bx{padding: 40px 0;}
  .about_title {font-size: 18px;}

  /*erp product*/
  .about_title.extra_size {font-size: 26px;}
  .erp_txt{font-size: 14px; line-height: 25px; margin: 0 0 15px 0;}
  .erp_list ul li{font-size: 16px; padding: 8px 18px; line-height: 24px;}
  .crm_bx{margin: 0;}
  .erp_list ul li i{width: 26px; font-size: 18px;}
  .erp_one h3{font-size: 16px; line-height: 22px; margin: 0 0 5px 0;}
  .erp_one p{font-size: 14px; line-height: 24px; margin: 0 0 5px 0;}
  .erp_one i{font-size: 32px;}
  .erp_one a{font-size: 13px;}

  /*web development*/
  .web_list ul li{position: relative; padding:0 20px 0 30px; font-size: 16px; line-height: 24px; margin: 5px 0 }
  .web_list ul li span{position: absolute; left: 0; top: 0; font-size: 16px;}
  .app-feature-content .bg-img{width: 55px; height: 55px;}
  .banner_title b {font-size: 22px;}

  /*mobile development*/
  .app_subhead{font-size: 16px; margin: 0 0 10px 0;}
  .app_txt{font-size: 14px; line-height: 23px;}
  .go_cont_btn{margin: 8px 0 20px 0;}

  /*kiosk service*/
  .kisok_one{padding: 30px; margin: 0 0 20px 0;}

  /*resource outsourcing*/
  .hire_icn{margin: 0 15px 0 0;}
  .hire_txt {font-size: 20px;}
  .hire_txt span{font-size: 16px;}
  .erp_listing_bx.four ul li {width: 33.333%;}
  .help_head {font-size: 20px; line-height: 30px;}
  ul.help_list li{font-size: 16px; margin: 18px 0;}

  /*portfolio*/
  #filter button{font-size: 16px;}
  #posts .post:hover h2,#posts .post:hover h2{font-size: 26px;}
  #posts .post p{font-size: 16px;}
  #posts .post{width:47%; margin: 10px; height: auto;}
  #posts .post img{background-size: cover;}

  /*become associate*/
  .core_title{font-size: 16px;}
  .associate_title{font-size: 20px;}
  .associate_txt{font-size: 14px;}
  .input_one,.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label,.alllabel label{font-size: 14px;}

  /*call popup*/
  .well{width: 70%;}
  .inquiry_head{font-size:18px;}
  .pop_list ul li{font-size: 14px;}
  .pop_list ul li i.envelope{font-size: 13px;}
  .pop_list ul li i {top: 5px; font-size: 15px;}

  /*contact us*/
  .contact_slid {font-size: 24px; line-height: 34px; margin: 0 0 40px 0;}
  .contact_slid_head{font-size: 18px;}
  .contact_slid_txt{font-size: 14px; line-height: 23px;}
  .contact_head {font-size: 26px;}
  .contact_head span{font-size: 13px;}

}

@media screen and (max-width:800px){
  header{min-height: 350px;}
  .banner_cap{height: 350px;}
  .slick-dotted.slick-slider{margin: 0;}
  .resp-tabs-container{width: 55%; float: none;}
  h2.resp-accordion img{display: none;}
  .resp-tab-content {padding: 15px;}
  .tab_cont_one img{margin: 0 auto 10px auto;}
  .tab_tittle{font-size: 18px; margin: 0 0 10px 0;}
  .tab_txt{font-size: 15px; line-height: 22px;}
  .menuzord-menu>li>.megamenu{padding: 0;}

  .megamenu_one ul li{font-size: 14px;}
  .megamenu_one{width:50%;}
  ul.menu_sb li{font-size: 10px;}

  .title_section h3{font-size: 12px;}
  .title_section h2{font-size: 28px;}
  .scal_head{font-size: 16px;}
  .scal_txt{font-size: 14px; line-height: 24px;}
  .why_r{display: none;}
  .why_l{float: none; width: 100%;}
  .why_choose_list{background: url(../images/owner_pic.png) no-repeat right bottom; background-size: 50%;}
  .why_choose_list ul li{width: 50%;}
  .call_title{font-size: 14px;}.mobile_head{font-size: 13px;}
  .footer_one ul li{width: 50%;}
  .portfolio_slide .slick-prev, .portfolio_slide .slick-next{bottom: -87px;}
  a.portfolio_btn{margin: 10px 0 0 0;}

  .call_sec{border-bottom: 1px solid #43817c; border-left: none; padding: 0; margin-bottom: 15px;}
  .iso_bx{text-align: left; border-bottom: 1px solid #43817c; min-height: 141px /*148px*/; padding-bottom: 15px;
    margin-bottom: 15px;}
  .footer_two{border-top: none; padding: 0;}
  .quick_links{float: left; width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #43817c;}
  .footer_one{margin: 0;}
  ul.quick_menu li{width: 33.333%; float: left;}
  .solutions_bx{width: 100%; border-left: 0;}
  .solution_one{border-left: 0; padding: 0; width: 60%;}
  ul.quick_menu.solutions li{width: 100%; width: 100%;}

  .serv_title{padding: 25px 0;}
  .client_txt{margin: 0;}
  .client_title {font-size: 28px;}

  .intan_r{margin: 0;}
  .associate_l ul li i{font-size: 26px;}
  .associate_l ul li h2{font-size: 22px;}
  .associate_l.erp ul li span {font-size: 12px; line-height: 16px;}
  .core_value_l{width: 65%; margin-top: 10px; padding: 25px 35px 0px 25px}
  .core_value_r {width: 40%; margin: 0 0 0 -40px;}

  .testimonial_pic img {height: 130px;}
  .testimonial_txt::before{top: -17px; width: 50px; height: 50px; background-size: cover;}
  .testimonial_txt span {font-size: 18px;}
  .testimonial_pic h3{font-size: 16px; line-height: 22px;}
  .testimonial_pic h3 span {font-size: 12px;}

  .counter_title {font-size: 18px;}

  .position_nm,.vacancy_dis{font-size: 18px;}
  .vacancy_no{font-size: 16px; color: #0a99ce;}
  .career_apply{padding: 40px 0;}
  .it_about_l{width: 45%;}

  .team_help_l{width: 42%; margin: 0 2% 0 0; padding: 0;}
  .team_help_r{width: 56%;}
  .help_title{font-size: 12px;}
  .app-feature-content .bg-img{width: 52px; height: 60px;}
  .app-feature-title{font-size: 14px; text-transform: uppercase;}
  ul.market_served li{font-size: 14px; width: 30%; margin: 10px 0;}
  .it_bx{padding: 30px 0;}
  ul.market_served li img{margin: 0 0 5px 0; width: 52px;}
  .app-feature-list li{height:270px; padding: 20px;}

  .about_title.extra_size {font-size: 22px;}
  .erp_bx_one img{float: none; margin: 0 auto 15px auto; display: grid;}
  .erp_list ul li{font-size: 14px; margin: 6px;}
  .erp_list ul li i {width: 20px; font-size: 16px;}
  .erp_listing_bx ul li{width: 50%;}
  .web_list ul li{font-size: 14px; padding: 0 20px 0 25px;}
  .web_list ul li span{font-size: 14px;}
  .web_list{margin: 20px 0 0 0;}
  .banner_title b {font-size: 20px;}
  .page_subtitle{font-size: 14px; line-height: 22px;}

  .go_cont_btn{font-size: 12px; margin: 0;}

  .hire_timing ul li{width: 32%;}
  .hire_icn{max-width: 55px; margin: 0 10px 0 0;}
  .hire_txt {font-size: 18px;}
  .hire_txt span {font-size: 14px;}
  .erp_listing_bx.four ul li {width: 50%;}
  .help_r{margin: 0;}
  .help_head {font-size: 18px; line-height: 28px; margin: 0 0 15px 0;}
  ul.help_list li {font-size: 14px; margin: 15px 0;}

  #posts .post p {font-size: 12px; width: 100%; line-height: 20px;}
  #posts .post:hover h2, #posts .post:hover h2 {font-size: 20px; text-align: right;}
  #filter button {font-size: 14px;}

  .associate_l{padding: 20px 0; width: 100%; display: inline-block;}
  .associate_l ul li{width: 25%; /*margin: 15px 0;*/}
  .send_button{font-size: 14px;}
  .upload_txt{font-size: 14px;}
  .core_one{margin: 0 0 20px 0;}

  .inquiry_head {font-size: 16px;}
  .call_r {padding: 15px 30px 15px 30px;}
  .inquiry_head{margin: 15px 0 8px 0;}

  .contact_slid {font-size: 20px; line-height: 28px; margin: 0 0 30px 0;}
  .contact_slid_head {font-size: 16px;}
  .contact_slid_txt {font-size: 14px; line-height: 22px;}
  .contact_head {font-size: 20px; line-height: 28px; margin: 0 0 10px 0;}
  .contact_head span {font-size: 12px; font-family: 'DINPro-Medium';}

  .download_brochure{margin: 15px 0 0 0; display: inline-block; width: 100%;}
  .download_brochure a{font-size: 14px;}
  .process_list ul li{width:49%;}
  .erp_listing_bx.four_bx ul li {width: 33.333%;}

}
@media screen and (max-width:700px){
  .associate_l ul li{width: 50%; margin: 10px 0;}
  .erp_listing_bx ul li{width: 100%;}
  .erp_one{min-height: auto;}
  .erp_one h3{font-size: 14px;}
  .erp_listing_bx.four_bx ul li {width: 50%;}
  .erp_listing_bx.four_bx ul li .erp_one {min-height: 180px;}

  .banner_title b {font-size: 18px;}
  .resp-tabs-container,.industry_tabs:after{width: 100%;}
  footer{padding: 30px 0 0 0;}
  .copyright_l{float: none; width: 100%; text-align: center; line-height: 22px; margin: 0 0 10px 0;}
  .copyright_r{float: none; width: 100%; text-align: center;}
  .copyright_r ul li{float: none; display: inline-block; text-align: center; margin: 0 5px; font-size: 12px;}
  ul.quick_menu li a{font-size: 14px;}
  .banner_head{font-size: 32px;}
  .banner_head span {font-size: 28px;}
  .lets_work{left: -78px;}
  .lets_work_r{right: -130px;}
  .portfolio_bx::before,.portfolio_bx::after{display: none;}
  .contenttexture {padding: 20px;}
  ul.list li{line-height: 22px;}
  .contenttexture p{display: inline-block; width: 100%;}
  .megamenu_one{width: 50%;}
  .about_menu_one h3{font-size: 16px;}

  .associate_l.erp ul li{width: 33.333%; padding: 10px; float: left;}
  .testimonial_one{height: auto;}
  .testimonial_l{width:30%;}
  .testimonial_r{width: 70%;}
  .faqitem .accordion_title{padding: 15px 15px 15px 40px; position: relative;}
  .plus_minus{position: absolute; left: 15px; top: 15px;}
  .position_nm{font-size: 16px; line-height: 20px;}
  .faqitem .content{padding: 15px;}
  .vacancy_mail span{float: none; width: 100%; display: block; margin: 8px 0;}
  .career_apply{padding: 30px 0;}

  .counter-data{padding: 20px;}
  .career_txt{line-height: 24px;}
  .team_help_l{float: none; width: 100%; margin: 0 0 15px 0;}
  .team_help_r{float: none; width: 100%;}
  .app-feature-list li{width: 50%;}
  .iso_bx{min-height: 148px;}

  .erp_txt{margin: 0 0 10px 0;}
  .web_list ul li{float: none; width: 100%;}
  .go_cont_btn{margin: 5px 0 20px 0;}

  .title_section h2 {font-size: 24px;}
  .service_bx {padding: 30px 0;}
  .kiosk_right{float: none; width: 100%; text-align: center;}
  .kiosk_left{float: none; width: 100%;}
  .kiosk_left.right_cont{margin: 15px 0 0 0;}
  .kisok_one{padding: 20px;}

  .more_boxes {padding: 0 15px;}
  ul.help_list li{position: relative; padding: 0 0 0 20px; line-height: 22px;}
  ul.help_list li i{position: absolute; left: 0; top: 6px;}
  .help_r{padding: 20px;}
  .hire_txt {font-size: 16px;}
  .hire_icn {max-width: 50px; margin: 0 5px 0 0;}

  #posts .post{margin: 7px; }
  #posts .post .post-content{padding: 15px;}
  #posts .post:hover h2, #posts .post:hover h2 {font-size: 16px;}
  #posts .post p{font-size: 11px; line-height: 18px;}

  /*.associate_l{width: 51%}
  .associate_r{width: 49%;}*/

  .well {width: 90%;}
  .call_l{background: #FFF; min-height: 265px;}
  .call_r{padding:15px; }

  .map_area{height: 300px;}
  .map_area iframe{height: 300px;}
  .logos_row{margin: 18px 0 0 0;}
  .contact_head {font-size: 18px; line-height: 18px;}
  .contact_head span{margin: 10px 0 15px 0; line-height: 18px;}

  .scal_head {font-size: 15px;}

}

@media screen and (max-width:568px){
  .why_choose_list{background: none;}
  .why_choose_list ul li{width: 100%;}
  .industry_tabs{background-size: cover;}
  .contenttexture{padding: 20px;}
  .portfolio_slide .slick-prev, .portfolio_slide .slick-next{width: 45px; height: 45px;}
  .portfolio_slide .slick-prev,.portfolio_slide .slick-next{background-size: 50%;}
  .portfolio_slide .slick-next:hover,.portfolio_slide .slick-prev:hover{background-size: 50%;}
  .portfolio_slide .slick-next {left: 48px;}
  .portfolio_slide .slick-prev, .portfolio_slide .slick-next{bottom: -77px; margin: 30px 0 0 10px;}
  a.portfolio_btn{padding: 8px 15px;}
  .megamenu_one{width: 100% /*50%*/;}
  .solution_one{float: none; width: 100%; border-bottom: 1px solid #43817c; display: inline-block;}
  .solution_two{float: none; width: 100%; border-left: none; padding: 15px 0 0 0; min-height: auto;}
  .solution_two ul.quick_menu.solutions li{float: left; width: 50%;}

  .contenttexture,.service_bx_one{height:auto; min-height: 351px;}
  .associate_l.erp ul li{width: 33.333%; padding: 15px;}
  .core_value_l{float: none; width: 100%; padding: 25px; margin: 0 0 20px 0;}
  .core_value_r,.intan_l{float: none; width: 100%; margin: 0 auto;}
  .intan_r{float: none; width: 100%; margin: 25px 0 0 0;}

  .testimonial_one{padding-bottom: 15px; margin-bottom: 15px; display: block;}
  .testimonial_txt span {font-size: 16px;}
  .testimonial_r,.testimonial_l{float: none; width: 100%; display: block; margin: 10px 0;}
  .testimonial_pic img {height: 100px;}
  .testimonial_txt::before {top: 0px; width: 35px; height: 35px; background-size: cover;}
  .vacancy_mail{font-size: 14px;}

  .career_one ul li{width: 100%;}
  .counter-data small {font-size: 100px;}

  .iso_bx,.call_sec{min-height: 160px;}
  .erp_one{padding: 15px;}
  .more_boxes {padding: 0 10px;}

  .associate_l{float: none; width: 100%; display: inline-block;}
  .associate_r{float: none; width: 100%; display: inline-block; margin: 0 0 7px 0; padding: 15px;}
  .assocaite_frm{width: 90%;}

  .contact_l{float: none; width: 100%; margin: 0 0 60px 0;}
  .contact_r{float: none; width: 100%;}
  .contact_slid {font-size: 18px; line-height: 28px;}
  .contact_head {font-size: 20px; line-height: 20px; margin: 0 0 15px 0; display: inline-block;}
  .contact_head span{line-height: 20px; margin: 10px 0 0 0;}
  .logos_row{margin: 0;}

}

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

    .process_list ul li{width:100%;}
    .erp_listing_bx.four_bx ul li {width: 100%;}
    .erp_listing_bx.four_bx ul li .erp_one {min-height: auto;}

  .page_nm{display: none;}
  .lets_work,.lets_work_r{display: none;}
  .banner_head{font-size: 26px;}
  .banner_head span {font-size: 32px;}
  .banner_title b{margin: 15px 0 0 0;}
  .lets_btn{font-size: 13px;}
  .banner_title b{font-size: 18px; line-height: 28px;}
  .lets_btn{padding: 8px 20px; margin: 20px 5px 0 5px;}
  .service_boxes ul li {width: 100%;}
  .animated_service,.contenttexture,.service_bx_one{height: 250px;}
  a.portfolio_btn {margin: 16px 0 0 0; position: relative; font-size: 14px;}

  .title_section.white_title h2 {font-size: 24px;}
  .service_one_txt{font-size: 14px; line-height: 24px;}
  .industry_tabs:after,.resp-tabs-container{width: 100%;}
  .why_choose_list ul li{width: 100%;}
  .why_choose_list{background: none;}
  .footer_one ul li{width: 100%;}
  ul.quick_menu li a,.call_txt{font-size: 14px;}
  ul.quick_menu li {width: 50%; float: left;}
  ul.quick_menu{display: inline-block; width: 100%;}
  .solution_one{float: none; width: 100%;}
  .solution_two{float: none; width: 100%; border-left: none; border-top: 1px solid #43817c; padding: 20px 0 0 0;}
  .logos_row ul li {width: 32%;}
  footer{padding: 30px 0 0 0;}
  .solution_two ul.quick_menu.solutions li{float: none; width: 100%;}
  .megamenu_one{width: 100%; float: none;}
  ul.about_drop li{float: none; width: 100%; border-right: none; border-bottom: 1px solid #e5e5ea;
  padding-bottom: 10px; margin-bottom: 10px;}

  .client_title {font-size: 24px;}
  .client_txt{font-size: 14px; line-height: 24px;}
  .page_subtitle{width: 100%;}
  .associate_l.erp ul li{width: 50%; padding: 10px; text-align: center;}
  .about_mission{font-size: 14px; line-height: 22px;}

  .it_about_l{float: none; width: 100%; text-align: center; margin: 0 0 15px 0;}
  .it_about_r{float: none; width: 100%;}

  .help_title{display: inline-block; width: 100%;}
  .help_title span,.help_one span,.help_two span{width: 20%;}
  .app-feature-list li{width: 100%; height: 250px;}
  ul.market_served li{width: 49%;}
  .about_title.extra_size{font-size: 20px;}
  .erp_listing_bx ul li{width: 100%;}
  .erp_txt{line-height: 24px; text-align: inherit;}
  .go_cont_btn{margin: 0;}

  .hire_icn {max-width: 55px; float: none; margin: 0 auto;}
  .hire_txt {font-size: 16px; display: block; text-align: center; margin: 10px 0 0 0;}
  .erp_listing_bx.four ul li {width: 100%; padding: 0; margin: 10px 0;}
  .help_l{float: none; width: 100%;}
  .help_r{float: none; width: 100%;}
  .help_head {font-size: 16px; line-height: 26px; margin: 0;}

  #filter button{padding: 12px 18px;}
  #posts .post{width: 100%; margin: 5px;}
  #posts .post {width: 94%; margin: 10px;}
  #posts .post:hover h2, #posts .post:hover h2 {font-size: 18px; text-align: right;}
  #posts .post .post-content {padding: 20px;}

  .associate_l ul li i{margin: 0 0 5px 0;}
  .associate_l ul li h2 {font-size: 20px; margin: 0 0 5px 0;}
  .associate_l ul li span{font-size: 14px; line-height: 18px; margin: 0}
  .assocaite_frm{width: 100%;}
  a.join_btn{padding: 8px 15px;}
  .upload_txt{margin: 15px 0;}

  .well{width: 90%;}
  .call_l{float: none; width: 100%; background: #FFF; text-align: center;}
  .call_r{float: none; width: 100%; padding: 20px;}

}

@media screen and (max-width:375px){
  .title_section h3{font-size: 10px;}
  .title_section h2 {font-size: 20px;}
}

@media screen and (max-width:320px){
  header,.banner_cap{height: 250px;}
  .banner_head{font-size: 20px;}
  .banner_head span {font-size: 26px;}
  .banner_title b {font-size: 16px;}
  .portfolio_slide .slick-prev, .portfolio_slide .slick-next{width: 40px; height: 40px;}
  .portfolio_slide .slick-prev,.portfolio_slide .slick-next{background-size: 50%;}
  .portfolio_slide .slick-next:hover,.portfolio_slide .slick-prev:hover{background-size: 50%;}
  .portfolio_slide .slick-next {left: 48px;}
  .portfolio_slide .slick-prev, .portfolio_slide .slick-next{bottom: -77px; margin: 30px 0 0 10px;}

  .core_value_l{padding: 20px 20px 0 20px;}
  .title_section h3{padding: 0 0 0 40px;}
  .title_section h3:after{width: 30px;}
  ul.market_served li{width: 100%;}
  ul.market_served li br{display: none;}

  .erp_list ul li{width: 70%; margin: 5px auto;}
  .go_cont_btn{margin: 0 0 15px 0;}

  ul.quick_menu li{padding: 0 0 0 20px; position: relative;}
  ul.quick_menu li i{position: absolute; left:0; top: 6px;}
  .hire_txt{font-size: 14px;}
  .hire_txt span{font-size: 12px;}
  .help_r{padding: 15px;}

  #posts .post .post-content{padding: 1em;}
  #posts .post:hover h2, #posts .post:hover h2 {font-size: 16px; text-align: right;}
  #filter button {padding: 10px 14px;}

  .frm_row_one{display: inline-block; margin: 0 0 14px 0; width: 100%;}
  .frm_l{float: none; width: 100%; display: inline-block; margin: 0 0 14px 0;}
  .frm_r{float: none; width: 100%;}

}
.menuzord-menu > li:first-child { visibility: hidden; }