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




@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.eot');
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg'),
       url('../fonts/Montserrat-Regular.ttf') format('truetype'),
       url('../fonts/Montserrat-Regular.woff') format('woff'),
       url('../fonts/Montserrat-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Medium';
  src: url('../fonts/Montserrat-Medium.eot');
  src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg'),
       url('../fonts/Montserrat-Medium.ttf') format('truetype'),
       url('../fonts/Montserrat-Medium.woff') format('woff'),
       url('../fonts/Montserrat-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url('../fonts/Montserrat-SemiBold.eot');
  src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg'),
       url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
       url('../fonts/Montserrat-SemiBold.woff') format('woff'),
       url('../fonts/Montserrat-SemiBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/Montserrat-Bold.eot');
  src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg'),
       url('../fonts/Montserrat-Bold.ttf') format('truetype'),
       url('../fonts/Montserrat-Bold.woff') format('woff'),
       url('../fonts/Montserrat-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-ExtraBold';
  src: url('../fonts/Montserrat-ExtraBold.eot');
  src: url('../fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg'),
       url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'),
       url('../fonts/Montserrat-ExtraBold.woff') format('woff'),
       url('../fonts/Montserrat-ExtraBold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}









body{margin:0px;padding:0px;color:#252c25;font-size:16px; background:#FFF; font-family: 'Montserrat-Regular';  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:#00669b;color:#fff}
::selection{background:#00669b;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:#bc5627; -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:hover, hover{-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;}
*{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;}

html {
  scroll-behavior: smooth;
}

.clr{clear: both;}

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

/*ERP SYSTEM CSS*/
/* .expocenter{ margin-left: 70px;  margin-bottom: 25px; background-color: #004969;  }
.expoheight img{width: 1200px;}
.expocenter img{margin: auto;} */
 



.slide_one{min-height: 890px; vertical-align: middle; text-align: left;}
.slide_content{height: 672px; display: table; position: relative; z-index: 1; width: 100%;}
.bannerimgslide_content{height: 672px; display: table; position: relative; z-index: 1; width: 100%;}
.process_one{vertical-align: middle; display: table-cell;}



.service_bx{display: inline-block; width: 100%; padding: 80px 0; background: url(../images/round_bg.png) no-repeat center top; background-attachment: fixed;}
.title_row{display: inline-block; width: 100%; margin: 0 0 30px 0;}
.title_l{float: left; width: 40%; border-left: 5px solid #01358d; padding: 0 0 5px 25px; color: #01358d; font-size: 32px; font-weight: 700; line-height: 36px;}
.title_l span{color: #f9556d; text-transform: uppercase;}
.title_l p{display: block; color: #f9556d; font-size: 12px; text-transform: uppercase; font-weight: 500;}
.title_r{float: left; width: 60%; padding: 10px 0 0 15px; font-size: 18px; line-height: 32px;}
.service_list{display: inline-block; width: 100%;}
.service_list ul {margin: 0px; padding: 0px;}
.service_list ul li{list-style-type: none; float: left; width: 20%; padding: 5px;}

.service_one{/*background: #FFF; */display: block; position: relative;}

.service_nor{height: 232px; display: table; width: 100%; padding: 15px; background: #FFF; opacity: 1; -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;}
.service_nor_cont{display: table-cell; vertical-align: middle; text-align: center; }
.service_nor_cont i{font-size: 50px; display: block; color: #01358d; margin: 0 0 15px 0;}
.service_nor_cont img{display: block; margin: 0 auto 15px auto;}
.service_nm{font-size: 18px; font-weight: 500; line-height: 28px; color: #f9556d;}

.service_hov{height: 232px; display: table; width: 100%; padding: 15px; background: #01358d; color: #01358d; color: #FFF; opacity: 0; position: absolute; left: 0; top: 0; -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;}
.service_hov_cont{display: table-cell; vertical-align: middle; }
.hover_Ser_title{position: relative; color: #FFF; font-size: 16px; font-weight: 600; margin: 0 0 10px 0; line-height: 23px;}
ul.service_hover_list{margin: 0px; padding: 0px;}
ul.service_hover_list li{list-style-type: none; display: inline-block; width: 100%; position: relative; padding: 0 0 0 19px; font-size: 12px; line-height: 19px; margin: 0 0 5px 0;}
ul.service_hover_list li:last-child{margin: 0;}
ul.service_hover_list li i{position: absolute; left: 0; top: 0; }

.service_one:hover .service_hov{opacity: 1;}
.service_one:hover .service_nor{opacity: 0;}



.sticky.logo_row{position: fixed; background: #FFF; min-height: 70px; -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45); -ms-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45);
-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;}
.hover_logo { -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; opacity: 0; visibility: hidden; display: none;}
.sticky .hover_logo { -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; opacity: 1; visibility: visible; transition: 0.5s; display: block;}
.sticky .main_logo { -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; opacity: 0; visibility: hidden; display: none;}
.sticky .menuzord-menu>li>a{color: #333; padding:25px 0px 27px 32px /*25px 0px 5px 32px*/; -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;}
.sticky .menuzord-menu>li>a.active{color: #ed4345;}
.sticky .sticky .menuzord-menu>li.active>a, .menuzord-menu>li:hover>a{color: #f9556d;}
.sticky .logo_left {top: 10px; -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;}

.logo_row{position: relative; width: 100%; z-index: 10;}
.logo_content{position: absolute; left: 0; top: 0; z-index: 1; width: 100%;}
.logo_top{position: relative; padding: 0 /*0 0 300px*/;}
.logo_left{position: absolute; left: 0; top: 25px; z-index: 2;}
.menu_right{text-align: right;}

.slider_form{position: relative; width:100%; }
.slider_abs{position: absolute; left: 0; top: 130px; z-index: 1; width: 100%;}

.slide_demo{position: relative; z-index: 99;}
.form_cont{width: 45%; float: right; background: #FFF;border-radius: 5px;}
.demo_title{padding: 20px; border-bottom: 1px solid #d9d9d9; text-align: center; font-size: 26px; color: #01358d; font-weight: 700;}

.caption_round{background: rgba(0, 0, 0, 0.25); padding: 6px 6px 6px 10px; color: #FFF; border-radius: 3px; font-size: 14px; font-weight: 600; display: inline-block; margin: 0 0 20px 0;}
.caption_round a{background: #f9556d; color: #FFF; border-radius: 3px; font-size: 12px; text-transform: uppercase; padding: 7px 15px; display: inline-block; margin: 0 0 0 15px;}
.caption_title{color: #FFF; margin: 0 0 20px 0; font-size: 32px; font-weight: 700; line-height: 52px;}
.caption_title span{display: block; font-size: 52px;}
.caption_txt{margin: 0 0 20px 0; font-size: 16px; line-height: 27px; color: #FFF;}
.start_row{display: inline-block; width: 100%; margin: 15px 0 0 0;}
.start_btn{float: left; margin: 0 10px 0 0;}
.start_btn a{background: #f9556d; border: 1px solid #f9556d; color: #FFF; padding: 12px 20px;}
.start_btn a:hover{background: none; color: #f9556d; border: 1px solid #f9556d;}
.call_btn{float: left;}
.call_btn a{background: none; border: 1px solid #f9556d; color: #f9556d; padding: 12px 20px;}
.call_btn a:hover{background: none; color: #FFF; border: 1px solid #FFF; }

.industry_bx{padding: 80px 0; background: url(../images/round_bg.png) no-repeat center top; background-attachment: fixed;}
.title_r.padd_zero{padding-top: 0;}
.tab_content{position: relative; width: 100%; height: 100%; display: block;}
img.fix_icon{position: absolute; right: -10px; bottom: -10px;}
.tab_cont_right{display: inline-block; width: 100%; position: relative; z-index: 1;}
.tab_picture{float: left; width: 40%;}
.tab_picture img{border: 5px solid #f2f4f6;}
.tab_cont_feature{float: left; width: 60%; padding: 0 0 0 25px;}
.tab_title{color: #056082; font-size: 15px; line-height: 24px; font-family: 'Montserrat-Bold'; margin: 0 0 10px 0; text-transform: uppercase;}
.tab_title span{display: block; color: #f9556d; font-size: 11px;}
.tab_txt{margin: 0 0 22px 0; font-size: 15px; color: #252c25; line-height: 28px; display: inline-block; width: 100%;}
ul.tab_listing{margin: 0px; padding: 0px;}
ul.tab_listing li{list-style-type: none; position: relative; padding: 0 0 0 30px; display: inline-block; margin: 0 0 13px 0; color: #494848; font-size: 16px;}
ul.tab_listing li:last-child{margin: 0;}
ul.tab_listing li img{position: absolute; left: 0; top: 0;}

.pricing_bx{padding: 80px 0; background:#FFF url(../images/round_bg.png) no-repeat center top; background-attachment: fixed;}
.pricing_area{display: inline-block; width: 100%;}
.pricing_one{float: left; margin: 50px 0 0 0; width: 33.3333%; background: #FFF; min-height: 660px; -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45); -ms-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45);}
.pricing_two{float: left; width: 33.3333%; background: #FFF; position: relative; -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45); -ms-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.45);}
.price_title{padding: 25px; text-align: center; min-height: 100px; background: #01358d; color: #FFF; font-size: 26px; font-weight: 700;}
.price_title p{display: block; font-size: 12px; color: #FFF; margin: 5px 0 0 0; font-weight: 600; text-transform: uppercase;}
.price_title.two{padding: 50px 25px; background: #f9556d;}
.franchise_bx{display: inline-block; width: 100%;}
.franchise_title{text-align: center; padding: 15px; color: #f9556d; background: #f2f4f6;font-size: 18px; font-weight: 600;}
.franchise_bx ul{margin: 0px; padding: 15px;}
.franchise_bx ul li{position: relative; padding: 0 0 0 25px; font-size: 16px; margin:0 0 12px 0; line-height: 24px;}
.franchise_bx ul li:last-child{margin: 0;}
.franchise_bx ul li i{color: #01358d; font-size: 16px; position: absolute; left: 0; top: 0;}

.contact{position: relative; padding:80px 0; background: url(../images/contact_bg.png) no-repeat center center;}
.contact_content{display: inline-block; width: 100%; position: relative; z-index: 1;}
.contact_left{float: left; width: 50%; padding: 0 80px 0 0;}
.lets_title.info{margin: 0 0 10px 0;}
.section_title{margin-bottom: 30px; color: #01358d; font-size: 32px; font-weight: 700;}
.section_title span{color: #f9556d;}
.section_title p{display: block; color: #f9556d; font-size: 12px; font-weight: 500; text-transform: uppercase; margin: 0 0 5px 0;}
.contact_txt{font-size: 18px; line-height: 28px; margin: 0 0 30px 0;}
.contact_info{margin: 0 0 15px 0;}
.contact_info p{margin: 0 0 15px 0; position: relative; padding: 0 0 0 25px; display: inline-block; width: 100%;}
.contact_info p i{position: absolute; color: #fa5e6d; left: 0; top: 0; font-size: 16px;}
.contact_info p i.mail{font-size: 14px; top: 1px;}
.contact_social{display: block;}
.contact_social ul{margin: 0px; padding: 0;}
.contact_social ul li{list-style-type: none; float: left; margin: 0 13px 0 0; font-size: 15px;}
.contact_social ul li a{width: 36px; height: 36px; line-height: 36px; text-align: center; background: #FFF; color: #01358d; display: block; border-radius: 50%; -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;}
.contact_social ul li a:hover{background: #fa5e6d; 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;}

.contact_right{float: left; width: 50%;}
.lets_title{margin: 0 0 30px 0; color: #01358d; font-size:20px; font-weight: 700;}
.lets_title span{color: #f9556d;}
.lets_title p{display: block; font-weight: 600; font-size: 18px; color: #666666; margin: 10px 0 0 0;}
.contact_input{display: inline-block; width: 100%; margin: 0 0 10px 0;}
.form_l{float: left; width: 49%;}
.form_r{float: right; width:49%;}
.input_one{width: 100%; border: 1px solid #e3e3e3; background: #FFF; color: #666666; font-size: 16px; border-radius: 5px; padding: 14px; resize: none;}
.input_one::-webkit-input-placeholder {color: #666666 !important;opacity: 1 !important;}
.input_one:-moz-placeholder { color: #666666 !important;opacity: 1 !important;}
.input_one::-moz-placeholder {color: #666666!important;opacity: 1 !important;}
.send_btn{background: #f9556d; border-radius: 5px; padding: 16px 40px; color: #FFF; font-size: 16px; font-weight: 600; border: none; cursor: pointer; -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_btn:hover{background: #01358d; 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 SYSTEM CSS*/




/*BYTE ELEPHANTS CSS START HERE*/
header{position: relative;}

.slidepanel_cont{padding: 20px;}
.abt_panel{font-size: 14px; line-height: 22px; text-align: left; color: #252c25; text-transform: capitalize;  font-family: 'Montserrat-Regular';}
.slide_logo{text-align: center; margin: 0 auto 35px auto;}
.slide_service{text-align: left; text-transform: capitalize; margin: 0 0 35px 0;}
.slide_title{font-size: 14px; font-family: 'Montserrat-Bold'; text-transform: uppercase; color: #f9556d; margin: 0 0 10px 0;}
.slide_service ul{margin: 0px; padding: 0px;}
.slide_service ul li{list-style-type: none; display: block; margin: 0 0 13px 0; font-size: 13px; font-family: 'Montserrat-SemiBold'; padding: 0 0 0 20px; position: relative;}
.slide_service ul li i{position: absolute; left: 0; top: 3px; font-size: 12px;}
.slide_service ul li a{color:  #056082; text-decoration: none;}
.slide_service ul li a:hover{color: #f9556d;}
.slide_contact{text-align: left; text-transform: capitalize; margin: 50px 0 0 0;}

.slide_mail{position: relative; margin: 0 0 13px 0; font-size: 13px; font-family: 'Montserrat-SemiBold'; padding: 0 0 0 23px; color:  #056082; line-height: 22px; text-transform: initial; }
.slide_mail i{position: absolute; left: 0; top: 3px; font-size: 15px; color: #f9556d;}
.slide_mail i.mail{font-size: 14px; top: 1px;}
.slide_mail a{color: #056082; text-decoration: none;}
.slide_mail a:hover{color: #f9556d; text-decoration: none;}

.slide_social{display: inline-block; width: 100%; text-align: left; margin: 50px 0 0 0;}
.slide_social ul{margin: 0px; padding: 0px;}
.slide_social ul li{list-style-type: none; float: left; margin: 0 30px 0 0; font-size: 16px;}
.slide_social ul li a{color: #bfbfbf; text-decoration: none;}
.slide_social ul li a:hover{color: #f9556d;}


/* .expobanner{background-image: url(../images/ExpoConnect-banner.jpg); background-size: cover; background-position: center; background-repeat:no-repeat; height: 1080px;  width : 1349px; margin: 20px; }  */


.lets_work_r{position: absolute; left: -9%; bottom: 40%; z-index: 9;
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;margin-right: 5px;
font-family: 'Montserrat-SemiBold'; letter-spacing: 2px;}
.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 -5px 0px; color: #FFF; font-size: 12px;
text-transform: uppercase; font-family: 'DINPro-Medium'; letter-spacing: 2px;}

.lets_work_r ul li a {color: #00fcff; 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: #FFF; text-decoration: underline;}

.caption_one{text-align: center;}
.cap_welcome{color: #FFF; font-size: 12px; font-family: 'Montserrat-SemiBold'; margin: 0 0 20px 0; text-transform: uppercase; letter-spacing: 1px;}
.cap_powered{color: #FFF; font-size: 40px; font-family: 'Montserrat-SemiBold'; margin: 0 0 20px 0; letter-spacing: 1px; line-height: 50px;}
.cap_powered span{color: #00fcff;}
.cap_subtitle{color: #FFF; font-size: 19px; margin: 0 0 25px 0; font-family: 'Montserrat-Medium'; line-height: 33px;}
.cap_subtitle span{color: #00fcff; /*text-decoration: underline;*/}
.know_more_btn{background: #f9556d; font-size: 14px; font-family: 'Montserrat-SemiBold'; padding: 12px 26px; border-radius: 5px; color: #FFF; margin:10px 0 0 0; display: inline-block;}
.know_more_btn:hover{background: #FFF; color: #f9556d;}

/*service box*/
.service_bx{position: relative; background: #FFF url(../images/portfolio_bg_r.png) no-repeat right center; padding: 100px 0 135px 0;}
.service_bx::before{content: ''; position: absolute; left: 0; top:36px; background: url(../images/service_cube.png) no-repeat; width: 120px; height: 128px;}
.slide_row{background: #FFF; border-radius: 25px; /*position: relative;*/ margin: 130px 0 0 0;
-webkit-box-shadow: 0px 22px 90px 0px rgba(18, 27, 109, 0.13);
-moz-box-shadow: 0px 22px 90px 0px rgba(18, 27, 109, 0.13);
-ms-box-shadow: 0px 22px 90px 0px rgba(18, 27, 109, 0.13);
box-shadow: 0px 22px 90px 0px rgba(18, 27, 109, 0.13);}
.service_one{/*position: relative;*/ padding: 110px 25px 0 25px; text-align: center; z-index: 1;}
.service_title{color: #056082; font-size: 16px; text-transform: uppercase; font-family: 'Montserrat-Bold'; line-height: 24px; 
    margin:-20px 0 15px 0 /*0 0 15px 0*/;}
.service_title span{display: block; color: #252c25; font-size: 10px; font-family: 'Montserrat-SemiBold';}
.service_one p{margin: 0 0 15px 0; color: #252c25; font-size: 15px; line-height: 24px; }
.service_more{font-size: 12px; text-transform: uppercase; color: #f9556d; font-family: 'Montserrat-Bold';}
.service_more i{margin: 0 0 0 5px; font-size: 14px;}
.service_more:hover{color: #056082;}



.slick-prev,.slick-next{display: none !important;}



.service_icon{position: absolute; left: 0; top: -82px; width: 100%; text-align: center; }
.service_no{width: 230px; height: 230px; margin: 0 auto; line-height: 180px; text-align: center; background: url(../images/service-icn-1.png) no-repeat center center; background-size: cover; color: #FFF; font-size: 50px; font-family: 'Montserrat-Bold';}
.service_no.two{width: 230px; height: 230px; margin: 0 auto; line-height: 180px; text-align: center; background: url(../images/service-icn-2.png) no-repeat center center; background-size: cover; color: #FFF; font-size: 50px; font-family: 'Montserrat-Bold';}
.service_no.three{width: 230px; height: 230px; margin: 0 auto; line-height: 180px; text-align: center; background: url(../images/service-icn-3.png) no-repeat center center; background-size: cover; color: #FFF; font-size: 50px; font-family: 'Montserrat-Bold';}

.over_slider{margin: 50px 0 0 0 ;}
.new_slid_bx{margin: 82px 10px 10px 10px; display: block;}
.new_one{background: #FFF; padding: 20px 20px 40px 20px;  text-align: center; 
-webkit-box-shadow: 0px 0 12px 0px rgba(18, 27, 109, 0.13);
-moz-box-shadow: 0px 0 12px 0px rgba(18, 27, 109, 0.13);
-ms-box-shadow: 0px 0 12px 0px rgba(18, 27, 109, 0.13);
box-shadow: 0px 0 12px 0px rgba(18, 27, 109, 0.13);}
.service_icn{margin-top: -109px;}
.service_bx_txt {
    margin: 0 0 15px 0;
    color: #252c25;
    font-size: 15px;
    line-height: 24px;
}

/*our products*/
.products_bx{position: relative; background: #f1fdfc url(../images/portfolio_bg_r.png) no-repeat right center; padding: 100px 0;}
/*.products_bx::after{content: ''; position: absolute; top: -32px; left: 0; width: 100%; background: url(../images/portfolio_top.png) repeat-x; height: 32px;}*/
.products_bx::after{content: ''; position: absolute; top: -32px; left: 0; width: 100%;}
.products_bx::before{content: ''; position: absolute; bottom: -32px; left: 0; width: 100%; background: url(../images/portfolio_portfolio_bottom.png) repeat-x; height: 32px;}
.section_head.sky_blue span{color: #f1fdfc;}

.tabs{display: inline-block; width: 100%; margin: 50px 0 0 0;}
.prod_listing{display: inline-block; width: 100%; position: relative; z-index: 1;}
.prod_listing h4{color: #f9556d; font-size: 16px; font-family: 'Montserrat-Bold'; margin: 15px 0 10px 0;}
.prod_listing ul{margin: 0px; padding: 0px;}
.prod_listing ul li{list-style-type: none; float: left; width: 50%; color: #252c25; font-size: 14px; margin: 8px 0; position: relative; padding: 0 0 0 32px;}
.prod_listing ul li img{position: absolute; left: 0; top: 2px;}


/*portfolio*/
.portfolio_bx{position: relative; padding: 100px 0; background: #FFF url(../images/portfolio_round.png) no-repeat left center;}
.section_txt{color: #252c25; font-size: 16px; font-family: 'Montserrat-Medium'; line-height: 28px;}
.portfolio_list{display: inline-block; width: 100%; margin: 35px 0 0 0;} 
.port_pic{display: block;}
.port_pic ul{margin: 0px; padding: 0px;}
.port_pic ul li{list-style-type: none; float: left; width: 50%; padding: 0 9px 9px 0;}



.portfolio_l{float: left; width: 76%;}
.portfolio_r{float: right; width: 24%; background: url(../images/port_bg.jpg) no-repeat; display: table; height: 608px;}
.port_cont{display: table-cell; vertical-align: middle; padding: 0 16px; text-align: center; color: #FFF;}
.port_cont h4{font-size: 30px; line-height: 40px; letter-spacing: 0.5px; margin: 0 0 15px 0; font-family: 'Montserrat-Bold';}
.port_cont p{font-family: 'Montserrat-Medium'; font-size: 14px; line-height: 26px; margin: 0 0 35px 0;}

a.book_demo{color: #f9556d; font-family: 'Montserrat-SemiBold'; text-decoration: none;}
a.book_demo:hover{color: #056082; text-decoration: none;}

#posts {max-width: 100%; margin: 0 auto; display: inline-block; width: 100%; text-align: left; padding: 0;}
#posts .post {width: 100%; margin: 0; display: inline-block; height: auto; overflow: hidden; text-align: center; cursor: pointer; position: relative; z-index: 1; display: inline-block; background: #056082;}
#posts .post img {position: relative; display: block; opacity: 1; backface-visibility: hidden; /*min-height: 100%; width: 100%;*/}
#posts .post:hover img {opacity: 0.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 {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; -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%; font-size: 14px;
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);}


/*update*/
.update_area{position: relative; padding: 70px 0; background: url(../images/update_bg.jpg) no-repeat center center;  background-attachment: fixed; background-position: center; background-size: cover;}
.update_txt{text-align: center; color: #FFF;}
.update_title{color: #FFF; font-size: 42px; font-family: 'Montserrat-Bold'; margin: 0 0 18px 0;}
.update_title span{color: #00fcff;}
.update_txt p{width: 86%; font-size: 18px; line-height: 30px; margin: 0 auto 15px auto;}

/*about*/
.about_bx{position: relative; background: #FFF; padding: 100px 0;}
.about_bx::after{content: ''; position: absolute; left: 0; top: 0; background: url(../images/about_l.png) no-repeat; width: 204px; height: 272px;}
.about_bx::before{content: ''; position: absolute; right: 0; top: 0; background: url(../images/about_r.png) no-repeat; width: 182px; height: 689px;}
.about_bx_content{position: relative; z-index: 1;}
.about_bx_l{float: left; width: 55%; padding: 100px 50px 0 0;}
.section_head{position: relative; color: #056082; font-size: 32px;  font-family: 'Montserrat-Bold'; margin: 30px 0 30px 0;}
.section_head span{position: absolute; font-family: 'Montserrat-ExtraBold'; font-size: 90px; text-transform: uppercase; color: #FFF;
 width:100%;   left: 0; bottom: -14px; letter-spacing: 1.5px;
text-shadow: 2px 0 0 #fedde2, -2px 0 0 #fedde2, 0 2px 0 #fedde2, 0 -2px 0 #fedde2, 1px 1px #fedde2, -1px -1px 0 #fedde2, 1px -1px 0 #fedde2, -1px 1px 0 #fedde2;}
.section_head p{position: relative; z-index: 9; letter-spacing: 1px;}
.about_txt{color: #252c25; font-size: 15px; line-height: 28px;}
.about_txt p{margin: 0 0 40px 0;}
.discover_btn{background: #f9556d; font-size: 14px; font-family: 'Montserrat-SemiBold'; padding: 12px 26px; border-radius: 5px; color: #FFF;}
.discover_btn:hover{background: #056082; color: #FFF;}

.about_bx_r{float: right; width: 45%;}
ul.about_listing{margin: 0px; padding: 0px;}
ul.about_listing li{list-style-type: none; float: left; width: 50%; padding: 7px;}
.listing_one{background: #FFF; padding: 20px; height: 220px; text-align: center;
-webkit-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-moz-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-ms-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);}

.listing_one h3{color: #056082; font-size: 20px; font-family: 'Montserrat-SemiBold'; margin: 20px 0 10px 0; line-height: 22px;}
.listing_one h3 span{font-size: 11px; color: #252c25; text-transform: uppercase; display: block; letter-spacing: 0.5px;}
.listing_one p{font-size: 14px; line-height: 24px;}

.section_head p.small_size{font-size: 28px;}


/*footer*/
footer{background: #056082 url(../images/footer_map.png) no-repeat center center; padding: 50px 0 20px 0;}
.footer_links{display: inline-block; width: 100%; margin: 0 0 30px 0;}
.quick_links_one{float: left; width: 25%;text-align: justify;}
.quick_links_two{float: left; width: 45%; padding-left: 50px; border-left: 1px solid #246e91;text-align: justify;}
.quick_links_three{float: left; width: 30%; padding-left: 50px; border-left: 1px solid #246e91; min-height: 270px;text-align: justify;}
.footer_title{color: #FFF; font-size: 18px; font-family: 'Montserrat-SemiBold'; margin: 0 0 15px 0;}
ul.footer_menu{margin: 0px; padding: 0px;}
ul.footer_menu li{list-style-type: none; display: inline-block; margin: 10px 0; width: 100%; font-size: 15px; position: relative; padding: 0 0 0 25px}
ul.footer_menu li i{position: absolute; left: 0; top: 0;}
ul.footer_menu li a{color: #FFF; text-decoration: none;}
ul.footer_menu li a:hover{color: #ff7a8d; text-decoration: none;}

.digital_row{background: #FFF; width: 100%; display: inline-block;}
ul.digital_list{margin: 0px; padding: 0px;}
ul.digital_list li{list-style-type: none; float: left;}

.copyright_row{color: #FFF; font-size: 15px; margin: 20px 0 0 0;/* padding-top: 23px; border-top: 1px solid #246e91;*/}
.copyright_l{float: left; }
.copyright_r{float: right;}
.copyright_r ul{margin: 0px; padding: 0px;}
.copyright_r ul li{list-style-type: none; display: inline-block; margin: 0 0 0 15px;}
.copyright_r ul li a{color: #FFF;}
.copyright_r ul li a:hover{color: #ff7a8d;}



/*about us*/
.page_nm{min-height: 500px; position: relative;}
.page_title_bx{height: 500px; display: table; width: 100%; vertical-align: middle; text-align: center;}
.page_cont_bx{display: table-cell; vertical-align: middle; text-align: center;}
.page_name{color: #FFF; font-size: 40px; font-family: 'Montserrat-SemiBold'; margin: 0 0 0 0;
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);}
.page_txt{font-size: 16px; font-family: 'Montserrat-Medium'; color: #FFF; margin: 0 auto 25px auto; width: 60%; line-height: 26px;}
.page_discus{border: 1px dashed #FFF; padding: 11px 20px; color: #FFF; font-size: 12px; font-family: 'Montserrat-SemiBold'; display: inline-block; letter-spacing: 0.5px; border-radius: 5px; text-transform: uppercase;}
.page_discus:hover{border: 1px solid #FFF; color: #f9556d; background: #FFF;}
.about_content{display: inline-block; width: 100%; margin: 60px 0 140px 0;}
.about_left{float: left; width: 50%; padding: 0 70px 0 0; position: relative;}
.about_left img{width: 100%;}
.abt_exp{background: url(../images/abt_exp.png) no-repeat left bottom; background-size: cover; text-align: center; position: absolute; left: 30px; bottom:-15%;  width: 240px; height: 240px; padding: 95px 0 0; color: #FFF; font-size: 16px; line-height: 22px; text-align: center; font-family: 'Montserrat-Medium';}
.abt_exp span{font-size: 36px; font-family: 'Montserrat-Bold'; display: block; margin: 0 0 10px 0;}
.about_right{float: right; width: 50%;}
.abt_pg_txt{font-size: 16px; line-height: 26px; margin: 0 0 25px 0;}
.mission_quote{position: relative; padding: 0 0 0 0; font-size: 20px; font-family: 'Montserrat-Medium'; color: #056082; z-index: 2; line-height: 30px;}
.mission_quote::after{content: ''; position: absolute; background: url(../images/comma_icn.png) no-repeat; left: -5px; top: -10px;
width: 46px; height: 40px;}

.why_choose{display: inline-block; width: 100%; margin: 50px 0 0 0;}
.why_choose_l{float: left; width: 50%;}
.why_choose_r{float: right; width: 50%;}
.choose_one{position: relative; padding: 0 0 0 50px; margin: 0 0 25px 0;}
.choose_one:last-child{margin: 0;}
.choose_one i{position: absolute; font-size: 32px; left: 0; top: 5px; color: #f9556d;}
.choose_one h3{font-size: 16px; margin: 0 0 5px 0; font-family: 'Montserrat-SemiBold'; letter-spacing: 0.3px; color: #056082;}
.choose_one p{font-size: 15px; line-height: 24px;}

.testimonial_bx{margin: 35px 0 0 0; display: inline-block; width: 100%; position: relative; z-index: 9;}
.testimonial_one{margin: 20px; display: block;}
.testimonial_cont{background: #FFF; padding: 30px; text-align: center; 
-webkit-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-moz-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-ms-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);}
.testi_txt{margin: 30px 0; font-size: 15px; line-height: 26px; min-height: 208px;}
.testi_auther{display: block; text-align: center;}
.testi_auther img{display: block; width: 70px; height: 70px; border-radius: 50%; margin: 0 auto;}
.auther_nm{margin: 15px 0 0 0; font-size: 16px; font-family: 'Montserrat-SemiBold'; line-height: 26px;}
.auther_nm span{display: block; font-family: 'Montserrat-Medium'; font-size: 12px;}


.page_title_bx b{color: #FFF; display: inline-block; text-align: center; width: 100%; margin: 0 0 15px 0;
font-size: 22px; font-family: 'Montserrat-SemiBold'; font-weight: normal; 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);}
.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;}
}

.why_list{display: inline-block; width: 100%; margin: 30px 0 0 0;}
.why_list ul{margin: 0px; padding: 0px;} 
.why_list ul li{list-style-type: none; float:left; width: 33.333%; padding: 15px; font-size: 13px; text-transform: uppercase; font-family: 'Montserrat-Bold';  line-height: 22px;}
.why_one{padding: 25px; display: table; height: 100px; width: 100%; -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 8px 45px 0px rgba(29, 53, 87, 0.13);
-moz-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-ms-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);}
.why_icn{display: table-cell; vertical-align: middle; width: 15%; color: #ed4345; font-size: 30px; text-align: left;}
.why_txt{display: table-cell; vertical-align: middle; width: 85%;}
.why_one:hover{background: #056082; 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;}
.why_one:hover .why_icn{color: #FFF;}

.technologies_bx{display: inline-block; width: 100%; margin: 0;}
.technologies_list{display: inline-block; width: 100%; margin: 15px 0 0 0;}
.technologies_list ul{margin: 0px; padding: 0px;}
.technologies_list ul li{list-style-type: none; float: left; background: #FFF; width: 25%; position: relative; min-height: 85px;}
.technologies_list ul li.odd{background: #f1fdfc;}
.technologies_list ul li:hover{position: relative; z-index: 100;
    -webkit-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-moz-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-ms-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
}
/*.technologies_list ul li:nth-child(odd){background: #f7f8f8}*/

/*contact us */
.office_map{ display: block; /*background:#FFF; margin:20px; padding:10px; 
-webkit-box-shadow: 0px 8px 25px 0px rgba(29, 53, 87, 0.13);
-moz-box-shadow: 0px 8px 25px 0px rgba(29, 53, 87, 0.13);
-ms-box-shadow: 0px 8px 25px 0px rgba(29, 53, 87, 0.13);
box-shadow: 0px 8px 25px 0px rgba(29, 53, 87, 0.13);*/}

.con_pic{margin: 50px 0 0 0; display: inline-block; width: 100%;}
.con_pic img{max-width: 100%;}
.contact_row{display: inline-block; width: 100%; margin: 60px 0 0 0;}
.contact_l{float: left; width: 50%; padding: 0 100px 0 0;}
.get_title{color: #056082; font-size: 24px;  font-family: 'Montserrat-Bold'; line-height: 30px; margin: 0 0 25px 0;}
.get_title span{font-size: 10px; color: #f9556d; text-transform: uppercase; display: block; letter-spacing: 0.5px;}
.contact_txt{font-size: 16px; line-height: 28px; margin: 0 0 25px 0;}
.contact_phone{position: relative; padding: 0 0 0 40px; margin: 0 0 20px 0;}
.contact_phone i{position: absolute; left: 0; top:0 /*5px*/; font-size: 22px; color: #f9556d; }
.contact_phone h3{font-size: 16px; margin: 0 0 10px 0; font-family: 'Montserrat-SemiBold'; letter-spacing: 0.3px; color: #056082;}
.contact_phone p{font-size: 15px; line-height: 24px;}
.contact_phone a{color: #252c25; text-decoration: none;}
.contact_phone a:hover{color: #f9556d; text-decoration: none;}


.contact_r{float: left; width: 50%; background: #f9f8ff url(../images/contact_bg.png) no-repeat left top; background-size: cover; padding: 45px; border-radius: 8px; }
.drop_title{font-size: 24px; font-family: 'Montserrat-Bold'; color: #056082; margin: 0 0 20px 0; line-height: 36px;}
.drop_title span{display: block; font-size: 16px; color: #252c25; font-family: 'Montserrat-Medium';}
.form_row_one{display: inline-block; width: 100%; margin: 0 0 20px 0;}
.row_one_l{float: left; width: 48%}
.row_one_r{float: right; width: 48%;}
.input_l{background: none; border: none; border-bottom:1px solid #ccc6f8; width: 100%; padding: 10px 0; color: #252c25; line-height: 1.5; resize: none; font-size: 15px;}
.input_l:focus, input:focus{outline: 0; border-bottom:1px solid #056082;}
.input_l::-webkit-input-placeholder {color: #252c25 !important;opacity: 1 !important;}
.input_l:-moz-placeholder { color: #252c25 !important;opacity: 1 !important;}
.input_l::-moz-placeholder {color: #252c25!important;opacity: 1 !important;}
.form_btn{background: #f9556d; font-size: 14px; font-family: 'Montserrat-SemiBold'; padding: 12px 26px; border-radius: 5px; color: #FFF; border: none;}
.form_btn:hover{background: #056082; color: #FFF;};


/*portfolio page css*/
.port_bx{position: relative; z-index: 10;}
.service_bx.portfolio{padding: 100px 0 50px 0;}

.hidden { display: none; }
#filter {text-align: center; margin: 25px 0 20px 0; display: inline-block; width:100%; padding: 0;}
#filter button {border: 0; background-color: #FFF; font-size: 16px; font-family: 'Montserrat-SemiBold'; 
color: #056082; cursor: pointer; padding: 15px 20px;}
#filter button.active { background-color: #FFF; color: #f9556d; border-bottom: 2px solid #f9556d;}
#filter button:focus { outline: 0;}
/*#posts {max-width: 100%; margin: 0 auto; display: inline-block; width: 100%; text-align: left;
padding: 15px 0;}*/
#posts .postone {width: 48%; margin: 5px; background: #CCC; display: inline-block; height: 450px;
overflow: hidden; text-align: center; cursor: pointer; position: relative; z-index: 1;
display: inline-block; background: #000;}
#posts .postone img {position: relative; display: block; opacity: 1; backface-visibility: hidden; /*min-height: 100%; width: 100%;*/}
#posts .postone:hover img {opacity: 0.2; }
#posts .postone .post-content {padding: 2em; color: #fff; text-transform: uppercase;
-webkit-backface-visibility: hidden; backface-visibility: hidden;}
#posts .postone .post-content::before,
#posts .postone .post-content::after { pointer-events: none; }
#posts .postone .post-content,#posts .post a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#posts .postone a {z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0;}
#posts .postone 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 .postone:hover h2{opacity: 1; font-size: 22px; 
-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
#posts .postone p { margin: 0; font-size: 15px;}
#posts .postone 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 .postone:hover p {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}


/*become an associates*/
.associate_bg{background: url(../images/associate_pic.jpg) no-repeat left top; height: 60px; display: table; width: 100%; margin: 50px 0 0 0;}
.associate_cont{display: table-cell; width: 100%; vertical-align: middle;}
.associate_box{padding-left: 53%;}
.associate_one{position: relative; padding: 0 0 0 90px; margin: 20px 0; display: inline-block; width: 100%;}
.associate_one img{position: absolute; left: 0; top: 8px;}
.associate_one i{position: absolute; left: 0; top:10px; font-size: 45px; color: #f9556d;}
.associate_one h3{color: #056082; font-size: 20px; font-family: 'Montserrat-SemiBold';  margin: 0 0 10px 0;}
.associate_one p{line-height: 26px; text-align: left;}
/* counterstar alkesh */
.count{display:inline-block; width: 100%; position: relative; z-index: 5; margin: 50px 0 0 0; }
.count ul{margin: 0px; padding: 0px;}
.count ul li{list-style-type: none; float: left; width: 50%; display: inline-block;}
.counter{background-color: #ffffffe8; margin: 10px; text-align: center; padding: 30px 20px; border-radius: 15px;} 

.counter h3{font-size: 2rem; font-weight: 700; color: #004969;}
.counter p{font-size: 1.5rem; font-weight: 600; color: #012636;}

/* counterend */







.stats{display:inline-block; width: 100%; position: relative; z-index: 5; margin: 50px 0 0 0; }
.stats ul{margin: 0px; padding: 0px;}
.stats ul li{list-style-type: none; float: left; width: 25%;}
.stats_one{position: relative; padding: 0 0 0 60px; display: inline-block; width: 100%;}
.stats_one i{position: absolute; left: 0; top: 12px; font-size: 36px; color: #f9556d;}
.stats_one h3{color: #056082; font-size: 30px; font-family: 'Montserrat-Bold';  margin: 0 0 5px 0;}
.stats_one p{font-size: 16px; text-align: left; }


/*career page*/
.faq {width: 100%; position: relative; z-index: 1; display: inline-block; margin: 50px 0 0 0;}
.faqitem .accordion_title {padding: 15px; background: #FFF; color: #000; display: inline-block; width: 100%; margin: 10px 0;
  justify-content: space-between; align-items: center; cursor: pointer;
-webkit-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-moz-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-ms-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);}
.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; -webkit-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-moz-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-ms-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);}

.title_section{margin: 0 0 20px 0; display: block; color: #056082; position: relative; z-index: 10;}
.title_section h3{position: relative; font-size: 12px; color: #f9556d; text-transform: uppercase;
margin: 0 0 5px 0; padding: 0 0 0 50px; letter-spacing: 1px; font-family: 'Montserrat-SemiBold';}
.title_section h3:after{content: ''; position: absolute; left: 0; top: 50%; width: 40px; height: 1px; background: #f9556d;}
.title_section h2{font-size: 30px /*32px*/; font-family: 'Montserrat-Regular'; }
.title_section h2 span{font-family: 'Montserrat-Bold';}

.plus_minus{display: inline-block; margin: 0 20px 0 0; font-size: 18px; color:#f9556d }
.position_nm{font-size: 17px; font-family: 'Oxygen', sans-serif;   font-family: 'Montserrat-SemiBold'; color: #056082; }
.position_nm span{font-size: 14px; color: #333;}
.vacancy_no{font-size: 18px; color: #056082; margin: 0 0 15px 0; font-family: 'Montserrat-SemiBold';}
.vacancy_dis{font-size: 16px;  font-family: 'Montserrat-SemiBold'; color: #f9556d; 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: #f9556d; position: absolute; left: 0; top: 0;}
.vacancy_mail{font-size: 16px; font-family: 'Montserrat-SemiBold';}
.vacancy_mail span{width: 50%; float: left;}
.vacancy_mail span a{color: #056082; 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; font-family: 'Montserrat-SemiBold';}
.vacancy_mail span a:hover{color: #f9556d; 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; font-family: 'Montserrat-SemiBold';}

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

.welcome_bx{padding: 100px 0 50px 0; background: #f1fdfc; display: inline-block; width: 100%;}
.section_txt.line{line-height: 34px; width: 80%; margin: 0 auto;}
a.connect_mail{color: #f9556d;}
a.connect_mail:hover{color: #056082;}

/*TESTIMONIAL PAGE CSS*/
.testimonial_page{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #CCC; height: 230px; display: table;}
.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: 70px; display: block; margin: 0 auto; border-radius: 50%; }
.testimonial_pic h3{margin: 15px 0 0 0; color: #f9556d; font-size: 17px; font-family: 'Montserrat-SemiBold';
line-height: 26px;}
.testimonial_pic h3 span{display: block; font-size: 13px; color: #056082; font-family: 'Montserrat-Medium';}
.testimonial_txt{text-align: justify; font-size: 16px; line-height: 28px; 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;}

/*IT consultant*/ 
.service_bx.consultancy{padding: 50px 0;}
.consultant_row{display: table; width: 90%; margin: 50px auto; height: 250px;}
.consult_pic{display: table-cell; vertical-align: middle; width: 35%;}
.consult_cont{display: table-cell; width: 65%; vertical-align: top; line-height: 26px; padding: 0 0 0 30px; text-align: left;}
.title_one{font-size: 22px; margin:0 0 20px 0; font-family: 'Montserrat-SemiBold'; color: #056082;}

.team_help{display: inline-block; width: 100%; border-top: 1px dashed #CCC; padding: 50px 0 0 0 ;} 
.team_l{float: left; width: 60%; padding: 0 25px 0 0;}
.team_r{float: right; width: 40%;}
ul.team_list{margin: 0px; padding: 0px;}
ul.team_list li{list-style-type: none; margin: 12px 0; font-size: 16px; line-height: 28px; position: relative; padding: 0 0 0 35px;}
ul.team_list li img{position: absolute; left: 0; top: 0;}

.team_tab{background: #FFF; -webkit-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-moz-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
-ms-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);
box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);}
.team_tab_title{background: #f9556d; color: #FFF; font-size: 16px; font-family: 'Montserrat-SemiBold'; padding: 10px 15px;}
.team_tab_l{float: left; width: 75%;}
.team_tab_r{float: left; width: 25%; text-align: left;}
.tab_one{padding: 7px 15px; background: #FFF; font-size: 16px; line-height: 24px; font-size: 14px;}
.tab_one.two{background: #f9fafc;}

.business_title{margin: 15px 0; font-size: 18px; font-family:'Montserrat-SemiBold'; color: #056082;}
.business_txt{font-size: 16px; line-height: 26px; min-height: 135px;}
.section_head.small{margin: 0;}
.domain_list{display: inline-block; width: 100%; margin: 30px 0 50px 0;}
.domain_list ul{margin: 0px; padding: 0px;}
.domain_list ul li{list-style-type: none; float: left; width: 20%; padding: 0 15px; text-align: center;}
.domain_list ul li img{display: block; margin: 0 auto; text-align: center;}
.domain_list ul li span{display: block; text-align: center; font-size: 14px; font-family: 'Montserrat-SemiBold'; margin: 12px 0 0 0; line-height: 22px;}

.development_bx{background:#f3f4f8 url(../images/web_app.jpg) no-repeat left center; min-height: 460px; padding: 50px 0;}
.develop_list{padding-left: 38%;}
.develop_list ul{margin: 0px; padding: 0px;}
.develop_list ul li{list-style-type: none; float: left; margin: 0 0 20px 0; width: 50%; position: relative; padding: 0 0 0 30px;}
.develop_list ul li img{position: absolute; left: 0; top: 0;}

.erp_bx{display: inline-block; width: 100%;}
.erp_bx img{float: left; margin: 0 30px 20px 0;}
.section_head.smallhead{font-size: 22px; margin:0 0 20px 0;}
.erp_bx p{font-size: 16px; line-height: 28px; margin: 0 0 20px 0; letter-spacing: 0;}

.principle_bx{display: inline-block; width: 100%; margin: 30px 0 0 0;}
.erp_list{text-align: center; position: relative; z-index: 1;}
.erp_list ul{margin: 0px; padding: 0px;}
.erp_list ul li{list-style-type: none; display: inline-block;  font-family: 'Montserrat-Medium';
font-size: 16px; line-height: 26px; margin: 10px; padding: 10px 20px; background: #f9556d; color: #FFF;}
.erp_list ul li i{margin: 0 5px 0 0; width: 30px; text-align: center;
font-size: 26px; color: #FFF; }


.erp_listing_bx{display: inline-block; width: 100%; position: relative; z-index: 1;}
.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; -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 15px 0; color: #f9556d;}
.erp_one h3{font-size: 18px; color: #056082;  font-family: 'Montserrat-SemiBold'; 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-family: 'Montserrat-SemiBold'; text-transform: uppercase; color: #199ac9; text-decoration: none;}
.erp_one a:hover{text-decoration: underline; color: #199ac9;}

.erp_one:hover{background: #056082; 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;}

p.title{    position: relative; color: #056082; font-size: 32px; font-family: 'Montserrat-Bold'; margin: 0 0 30px 0;}
.hire_timing{display: block; width: 80%; margin: 45px auto 15px auto;}
.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; width: 64px; vertical-align: middle;}
.hire_txt{display: inline-block; vertical-align: sub; font-size: 20px; color: #000;  font-family: 'Montserrat-Bold'; text-align: left;}
.hire_txt span{display: block; font-size: 16px;}


.apps_row{display: block; position: relative; z-index: 5;}
.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: 'Montserrat-Bold'; font-size: 16px; text-transform: capitalize; color: #056082; 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;}


.help_bx{display: inline-block; width: 100%; position: relative; z-index: 5; margin: 50px 0 0 0;}
.help_l{float: left; width: 50%;}
.help_r{float: left; width: 50%; background: #FFF; padding: 25px; margin: 30px 0 0 0;}
.help_head{font-size: 22px; font-family: 'Montserrat-Bold';
margin: 0 0 20px 0;  letter-spacing: 1px; line-height: 32px;}
.help_head span{color: #056082; /*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; position: relative; padding: 0 0 0 25px;}
ul.help_list li i{margin: 0 5px 0 0; color: #f9556d; position: absolute; left: 0; top: 3px;}


.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: 'Montserrat-SemiBold'; position: relative; color: #056082;}
.megamenu_one ul li span{color: #252c25; font-size: 10px; text-transform: uppercase; font-family: 'Montserrat-SemiBold'; display: block; margin: 6px 0 0 0;}
.megamenu_one ul li a{ padding: 10px 10px 10px 35px; border-left: none; color: #056082; 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: #056082; 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;}

.megamenu_two{text-align: left; float: left; width: 25%;}
.megamenu_two ul{margin: 0px; padding: 0;}
.megamenu_two ul li{list-style-type: none; font-size: 15px;  font-family: 'Montserrat-SemiBold'; position: relative;}
.megamenu_two ul li a{ padding: 10px 10px 10px 35px; border-left: none; color: #056082; 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_two ul li a:hover{color: #056082; 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;}
.megamenu_two ul li a i,.megamenu_two ul li a img{ position: absolute; left: 10px; top: 13px;}

.megamenu_three{text-align: left; float: left; width: 33.333%;}
.megamenu_three ul{margin: 0px; padding: 0;}
.megamenu_three ul li{list-style-type: none; font-size: 15px;  font-family: 'Montserrat-SemiBold'; position: relative;}
.megamenu_three ul li a{ padding: 10px 10px 10px 35px; border-left: none; color: #056082; 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_three ul li a:hover{color: #056082; 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;}
.megamenu_three ul li a i,.megamenu_three 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: #252c25; font-size: 10px;
text-transform: uppercase; letter-spacing: 0.2px; font-family: 'Montserrat-SemiBold';}
ul.menu_sb li:last-child{border: none;}
ul.menu_sb.small li{padding: 0px 4px /*0px 8px*/; /*padding-right: 8px;*/ letter-spacing: 0;}

.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: 'Montserrat-Regular'; 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: #056082; font-size: 16px;  margin: 0 0 5px 0; font-family: 'Montserrat-SemiBold';}
.about_menu_one p{font-size: 15px; line-height: 24px; color: #57585a;  font-family: 'Montserrat-Regular';}
.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;}

.megamenu .wrapper{width: 100%;}

/*online learning page css*/
/*responsive table*/
.tableFixHead {overflow-y: auto; max-height: 900px ; display: inline-block; width: 100%; border-bottom: 1px solid #cdcdcd; background: #FFF; }
.tableFixHead thead th {position: sticky; top: -1px; z-index: 1;}
table {border-collapse: collapse; width: 100%;}
th,td {padding: 8px 16px; border: 1px solid #cdcdcd; font-size: 14px; line-height: 24px; }
.tableFixHead thead tr:nth-child(even) {background-color: #f9fafc;}
.tableFixHead tbody tr:nth-child(even) {background-color: #f9fafc;}
.tableFixHead tbody tr:hover{background: #ffeaed;}
th, td a{color: #333;}
th {background: #f9556d !important; color:#FFF; font-size: 15px; font-family: 'Montserrat-SemiBold';}

.online_bx{display: inline-block; width: 100%; padding-bottom: 50px; margin-bottom: 80px; border-bottom: 1px dashed #CCC;}
.online_l{float: left; width: 65%; margin: 50px 0 0 0;}
.online_txt{line-height: 28px; margin:0 0 25px 0;} 
ul.online_list{display: inline-block; width: 100%; margin: 25px 0 0 0; padding: 0px; border: 1px solid #f5f5f5;}
ul.online_list li{list-style-type: none; float: left; width: 25%; text-align: center; white-space: nowrap;}
.box_one{background: #fff5f6; padding: 30px 20px; text-align: center; min-height: 170px; font-family: 'Montserrat-SemiBold'; font-size: 15px;}
.box_one:hover{-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10); position: relative; z-index: 9;}
.box_one img{display: block; margin: 0 auto 15px auto;}
.box_one.white{background: #FFF;}

.online_r{float: right; width: 33%; background: #056082; padding: 10px;}
.online_right{padding: 15px 25px 10px 25px; color: #FFF;}
.online_right h3{color: #FFF; font-size: 18px; text-transform: uppercase; line-height: 26px;  font-family: 'Montserrat-SemiBold'; padding: 0 0 15px 20px; position: relative;}
.online_right h3:after{content: ''; position: absolute; left: 0; top: 0; border-left: 3px solid #FFF; width: 3px; height: 50px;}
.online_right p{font-size: 15px; line-height: 22px; margin: 0 0 15px 0;}
.online_r img{width: 100%;}

.online-footer{font-size: 28px; font-family: 'Montserrat-SemiBold'; text-align: center; text-transform: uppercase; color: #f9556d; margin: 50px 0 25px 0; padding-bottom:15px; border-bottom: 1px dashed #CCC;}
.online_step{display: inline-block; width: 100%;}
.online_step ul{margin: 0px; padding: 0px;}
.online_step ul li{list-style-type: none; float: left; width: 20%;}
.online_step ul li img{width: 100%;}

.service_bx.cont_us{padding: 100px 0 50px 0;}


/*blog page css*/
.blog_row{display: inline-block; margin: 60px 0 0 0;}
.blog_one{display: inline-block; width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #CCC;}
.blog_l{float: left; width: 30%;}
.blog_l img{border-radius: 5px;}
.blog_r{float: right; width: 67%;}
.blog_title{margin: 0 0 15px 0; line-height: 22px; color: #056082; font-family: 'Montserrat-SemiBold'; font-size: 18px;}
.blog_title span{display: block; font-size: 14px; margin: 5px 0 0 0; color: #777777; font-family: 'Montserrat-Regular';}
.blog_txt{font-size: 16px; line-height: 28px; margin: 0 0 15px 0;} 
.more_btn{background: #f9556d; font-size: 14px; font-family: 'Montserrat-SemiBold'; padding: 10px 20px; display: inline-block; border-radius: 5px; color: #FFF; margin: 0 0 10px 0;}
.more_btn:hover{background: #056082; color: #FFF;}

.blog_detail{display: inline-block; width: 100%; margin: 30px 0 0 0;}
.blog_detail_pic{display: block; margin: 0 0 25px 0;}
.blog_title.detail{font-size: 22px;}
.blog_title.small{/*font-size: 16px; */margin: 0 0 10px 0;}
.blogdet_single{margin: 15px 0 0 0 ; display: inline-block;}
.blog_title.small span{font-size: 14px; font-family: 'Montserrat-SemiBold'; color: #f9556d; display: block; margin: 0 0 3px 0;}
.blog_list{display: inline-block; width: 100%; margin: 0 0 20px 0;}
.blog_list ul{margin: 0px; padding: 0px;}
.blog_list ul li{list-style-type: none; float: left; width: 45%; margin: 0 4% 0 0; border-bottom: 1px dashed #CCC; position: relative; padding: 12px 12px 12px 32px;  }
.blog_list ul li img{position: absolute; left: 0px; top: 12px;}
.blog_boost{color: #252c25; font-size: 18px; font-family: 'Montserrat-SemiBold'; line-height: 28px; padding-top: 15px; border-top: 1px dashed #CCC;}
.blog_boost span{color: #f9556d; font-size: 22px;}
.blog_title span.count{color: #f9556d; display: inline-block; font-size: 18px;}

/*page load popup css*/
#mask {position:fixed;/*absolute*/ left:0; top:0; z-index:9000; background-color:#000; display:none;}  
#boxes .window {position:relative; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px; border-radius: 0; text-align: center;}
#boxes #dialog {width:40%; margin: 0 auto; position: fixed; height:auto; padding:35px; background-color:#f4f4f4;}
.popup_title{padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #e3e3e3; font-size: 18px; font-family: 'Montserrat-SemiBold'; color: #056082;} 
.popup_title span{display: block; margin: 5px 0 0 0; font-size: 13px; line-height: 22px; color: #333; text-transform: uppercase; font-family: 'Montserrat-Regular';}
.loading_button{display: block; width: 100%;}
.form_submit{background: #f9556d; font-size: 14px; font-family: 'Montserrat-SemiBold'; padding: 14px 26px; border-radius: 0; color: #FFF;
border: none; display: block; width: 100%;}
.form_submit:hover{background: #056082; color: #FFF;}
#popupfoot{position: absolute; right: 15px; top: 8px; font-size: 22px;}
#popupfoot a{color: #adacac;}
#popupfoot a:hover{color: #f9556d;}
.load_pop_row{margin: 0 0 18px 0; position: relative;}
.load_input{background: #FFF; border: 1px solid #dfdfdf; padding: 10px 10px 10px 35px; width: 100%;}
.load_pop_row i{position: absolute; left: 12px; top: 12px;}
.load_pop_row i.envelop{font-size: 14px;}
.load_pop_row i.mobile{font-size: 20px; top: 10px; left: 15px;}
.load_pop_row img{width: 100%;}







@media screen and (max-width:1280px){
    .popup_title{font-size: 17px;}
    
    .slick-list{overflow: hidden;}
    .slide_service{margin: 0 0 15px 0;}
    .slide_contact,.slide_social{margin: 30px 0 0 0;}
    .section_head span{font-size: 80px;}
    .section_head p.small_size {font-size: 26px;}
    .listing_one h3{font-size: 18px;}
    .update_title{font-size: 40px;}
    .port_cont h4{font-size: 28px; line-height: 38px;}
    .section_txt br{display: none;} 
    .section_head{font-size: 28px;}
    .associate_box {padding-left: 55%;}
    
    .online-footer{font-size: 26px;}
}
@media screen and (max-width:1100px){
    #boxes #dialog{width: 50%;}
    
    .blog_l img{width: 100%}
    .blog_title,.blog_title span{font-size: 16px;}
    .blog_title span{font-size: 13px; margin: 2px 0 0 0;}
    .blog_txt{font-size: 15px; line-height: 26px;}
    .more_btn{padding: 8px 20px;}
    .blog_row{margin: 30px 0 0 0;}
    
    .blog_boost,.blog_boost span{font-size: 18px;}
    .blog_title.detail {font-size: 20px;}
    .blog_list ul li{font-size: 15px;}
    .blog_title.small span{font-size: 13px;}
    .blog_title span.count{font-size: 18px;}
    img.blog_detail_pic{width: 100%;}
    
    
    .wrapper{width: 96%; margin: 0 auto;}
    /*.logo_top{padding: 0 0 0 185px;}*/
    .main_logo{width: 80%;}
    .bannerimgslide_content,.bannerimg{height: 600px; min-height: 600px;width:65%;}
        .slide_content,.slide_one{height: 600px; min-height: 600px;width:65%;}
    .cap_subtitle{font-size: 18px; margin: 0 0 15px 0;}
    .caption_one{padding: 80px 0 0 0;margin-right:24%;}
    .sticky .menuzord-menu>li>a{padding: 7px 0px 27px 18px;}
    .cap_powered{font-size: 36px; margin: 0 0 15px 0;}
    .section_head span {font-size: 70px; bottom: -10px;}
    .section_head{font-size: 28px; margin: 0 0 20px 0;}
    .service_no,.service_no.two,.service_no.three{width: 200px; height: 200px; line-height: 160px; font-size: 40px;}
    .service_title{font-size: 14px; margin: -15px 0 10px 0;}
    .service_bx{padding: 70px 0 105px 0;}
    .section_txt{font-size: 16px; width: 80%;}
    .products_bx,.portfolio_bx,.about_bx,.update_area,.service_bx.portfolio,.welcome_bx{padding: 70px 0;}
    .service_bx_txt,.tab_txt{font-size: 14px; /*line-height: 24px;*/}
    .tab_picture img{width: 100%;}
    .discover_btn,.know_more_btn{padding: 10px 20px;}
    .prod_listing h4{font-family: 'Montserrat-SemiBold';}
    .tab_cont_right{margin: 0 0 15px 0;}
    .port_cont h4 {font-size: 24px; line-height: 32px;}
    .update_title {font-size: 36px;}
    .update_txt p{font-size: 16px;}
    .update_txt p br,.listing_one p br{display: none;}
    .section_head p.small_size {font-size: 22px;}
    .listing_one h3 {font-size: 16px; margin: 15px 0 5px 0;}
    .listing_one{height: 205px;}
    .about_txt p {margin: 0 0 25px 0;}
    .quick_links_two{width: 40%;}
    .quick_links_three{width: 35%;}
    ul.digital_list li{width: 20%;}
    ul.digital_list li img{max-width: 100%; }
    .megamenu_two{width: 33.333%;}
    
    .technologies_list ul li img,.technologies_list ul li.odd img{width: 100%;}
    .why_icn{width: 20%;}
    .why_txt{width: 80%;}
    .page_name{font-size: 32px;}
    .page_title_bx b{font-size: 20px;}
    .about_left img{width: 100%;}
    .mission_quote{font-size: 18px; line-height: 28px;}    
    .page_nm{min-height: 450px; height: 450px;}
    
    .business_txt{min-height: 175px; font-size: 15px; line-height: 24px;}
    .business_title{font-size: 16px;}
    .team_tab_title{font-size: 14px;}
    .team_tab_l{width: 70%;}
    .team_tab_r{width: 30%;}
    .title_one{font-size: 20px;}
    ul.team_list li,.consult_cont{font-size: 15px;}
    
    .erp_one h3{font-size: 16px; line-height: 26px;}
    .section_head.smallhead{font-size: 20px;}
    .domain_list ul li span br{display: none;}
    .domain_list ul li span{min-height: 50px;}
    
    .hire_timing{width: 90%;}
    .help_head{font-size: 20px;}
    p.title{font-size: 30px;}
    ul.help_list li{font-size: 16px;}
    
    .development_bx{background: #f3f4f8;}
    .develop_list {padding-left: 10%;}
    .testimonial_cont{-webkit-box-shadow: 0px 5px 5px 0px rgba(29, 53, 87, 0.13);
    -moz-box-shadow: 0px 5px 5px 0px rgba(29, 53, 87, 0.13);
    -ms-box-shadow: 0px 5px 5px 0px rgba(29, 53, 87, 0.13);
    box-shadow: 0px 5px 5px 0px rgba(29, 53, 87, 0.13);}
    
    .associate_bg{background-size: contain;}
    .associate_box {padding-left: 40%;}
    .associate_one h3{font-size: 18px;}
    .stats_one p{font-size: 15px;}
    .stats_one{padding: 0 0 0 55px;}
    .stats_one h3{font-size: 28px;}
     

    .get_title{font-size: 22px; line-height: 26px;}
    .contact_phone p br{display: none;}
    .drop_title{font-size: 22px; line-height: 32px;}
    
    .title_section h2{font-size: 25px;}
    .vacancy_dis{font-size: 15px;}
    .title_section h3{margin: 0 0 10px 0;}
    
    #posts .postone{height: 400px;}
    #posts .postone p{font-size: 13px;}
    #posts .postone h2,#posts .postone:hover h2{font-size: 18px;}
    
    .online-footer{font-size: 24px;}
    .box_one,.online_right p{font-size: 14px;}
    .online_txt{font-size: 14px; line-height: 26px;}

}
@media screen and (max-width:900px){
    .blog_list ul li{width: 100%;}
    #boxes #dialog {width: 70%;}
    .load_input{font-size: 15px;}
    
    .main_logo{width: 60%;}
    .menuzord-responsive .menuzord-menu>li.mobile_off{display: none;}
    .lets_work_r{left: -16%;}
    .slide_content,.slide_one{height: 500px; min-height: 500px;}
    .bannerimgslide_content,.bannerimg{height: 500px; min-height: 500px;}
    .megamenu_two,.megamenu_one,.megamenu_three {width: 50%;}
    .megamenu_two ul li a:hover,.megamenu_one ul li a:hover,.megamenu_three ul li a:hover{background: #FFF;}
    
    
    
    
    .about_menu_one{min-height: 240px; padding: 15px;}
    .cap_powered {font-size: 32px; margin: 0 0 12px 0; line-height: 42px;}
    .cap_welcome{margin: 0 0 15px 0;}
    .cap_subtitle {font-size: 15px; margin: 0 0 10px 0; line-height: 26px;}
    .section_head{font-size: 22px;}
    .section_head span { font-size: 60px; bottom: -10px;}
    .section_txt{width: 100%;}
    .service_title {margin: -25px 0 10px 0;}
    .portfolio_l{width: 100%; float: none;}
    .port_cont{display: block; width: 100%; text-align: center;}
    .portfolio_r{float: none; width: 100%; background: none; height: auto; display: block; margin: 30px 0 0 0;}
    .port_cont h4{font-size: 24px; text-align: center; color: #056082; font-family: 'Montserrat-SemiBold'; margin: 0 0 5px 0;}
    .port_cont h4 br,.port_cont p br{display: none; font-size: 16px;}
    .port_cont p{color: #252c25; margin: 0 0 25px 0;}
    .update_title {font-size: 32px;}
    .update_txt p {font-size: 15px; line-height: 26px;}
    .about_bx_l{float: none; width: 100%; padding: 0; margin: 0 0 30px 0;}
    .about_bx_r{float: none; width: 100%;}
    .quick_links_two,.quick_links_three{padding: 0 0 0 25px;}
    ul.footer_menu li{font-size: 14px; line-height: 24px;}
    .copyright_l{float: none; width: 100%; text-align: center;}
    .copyright_r{float: none; width: 100%; text-align: center; margin: 15px 0 0 0;}
    .testimonial_cont{-webkit-box-shadow: 0px 0px 5px 0px rgba(29, 53, 87, 0.13);
    -moz-box-shadow: 0px 0px 5px 0px rgba(29, 53, 87, 0.13);
    -ms-box-shadow: 0px 0px 5px 0px rgba(29, 53, 87, 0.13);
    box-shadow: 0px 0px 5px 0px rgba(29, 53, 87, 0.13);}
    .domain_list ul li{width: 33.333%; margin: 0 0 15px 0;}
    .business_txt{min-height: 115px;}
    
    .testimonial_one{margin: 10px;}
    .testimonial_cont{padding: 15px;}
    .testi_txt{min-height: 340px;}
    .abt_exp{bottom: -46%;}
    .abt_exp span{font-size: 32px;}
    .why_list ul li{width: 50%;}
    .testi_quote img{max-width: 65px;}
    .testi_txt{margin: 15px 0;}
    .about_content{margin: 60px 0 80px 0;}
    .title_one{font-size: 18px;}
    
    .erp_bx img{float: none; text-align: center; margin: 0 auto 25px auto; max-width: 100%;}
    .section_head.smallhead{font-size: 20px; }
    .erp_bx p,.erp_list ul li{font-size: 15px; padding: 8px 17px; margin: 0 0 15px 0;}
    .erp_listing_bx ul li{width: 50%;}
    
    .hire_timing{width: 100%;}
    .hire_timing ul li{width: 33.333%; float: left;}
    .hire_txt{font-size: 18px;}
    .apps_row ul li{width: 33.333%;}
    .carbox-title{font-size: 15px;}
    p.title{font-size: 26px;}
    .help_head {font-size: 18px;}
    ul.help_list li,.develop_list ul li{font-size: 15px;}
    
    .develop_list{padding: 0;}
    .associate_bg{background: none; background-size: auto;}
    .associate_box{padding: 0;}
    .associate_one h3 {font-size: 16px;}
    .associate_one p{font-size: 15px;}
    .stats_one p{font-size: 14px;}
    .stats_one i{font-size: 32px;}
    .stats_one {padding: 0 0 0 50px;}
    .stats_one h3 {font-size: 24px;}
    .contact_txt{font-size: 15px; line-height: 26px;}
    .form_row_one{margin: 0 0 15px 0;}
    .row_one_l{float: none; width: 100%; margin: 0 0 15px 0;}
    .row_one_r{float: none; width: 100%;}
    .contact_r{padding: 20px;}
    .contact_l{padding: 0 25px 0 0 ;}
    .drop_title span{line-height: 24px; margin: 10px 0 0 0;}
    
    .page_txt br{display: none;}
    .title_section h2 {font-size: 22px;}
    .position_nm{font-size: 16px;}
    .section_txt.line {line-height: 28px; width: 90%; font-size: 15px;}
    .vacancy_no{font-size: 16px;}
    .vacancy_mail,.vacancy_list li{font-size: 14px;}
    .vacancy_mail span{float: left; width: 100%; margin: 10px 0;}
    .position_nm span{font-size: 13px;}
    .vacancy_dis {font-size: 14px;}
    
    .drop_title {font-size: 18px; line-height: 26px;}
    .contact_phone h3{font-size: 15px;}
    
    #posts .postone{height: 300px;}
    #posts .postone p{font-size: 13px;}
    #posts .postone h2,#posts .postone:hover h2{font-size: 16px;}
    
    .testimonial_txt{font-size: 14px; line-height: 26px;}
    .testimonial_pic h3{font-size: 15px;}
    .testimonial_pic h3 span{line-height: 20px; padding: 0 13px;}
    .testimonial_txt::before{background-size: cover; width: 54px; height: 54px;}
    
    .online-footer {font-size: 20px; }
    .box_one{min-height: 200px;}
    ul.online_list li{width: 33.333%; float: left;}
    .online_right h3{font-size: 14px;}
}
@media screen and (max-width:700px){
    #boxes #dialog {width: 90%; padding: 25px; left: 5% !important; right: auto; top: 5% !important; bottom: auto !important;}
    .popup_title {font-size: 16px; line-height: 24px;}
    .load_input {font-size: 14px;}
    
    .blog_l{float: none; width: 100%; margin: 0 0 20px 0;}
    .blog_r{float: none; width: 100%;}
    .blog_row{margin: 0;}
    
    .blog_title.detail {font-size: 18px;}
    .blog_boost, .blog_boost span {font-size: 16px;}
    
    .lets_work_r{display: none;}
    .sticky .menuzord-menu>li>a{padding: 10px;}
    ul.about_drop li{width: 100%; float: none; border-right: none; border-bottom: 1px solid #e5e5ea;}
    .section_head span {font-size: 40px; bottom: -4px;}
    .caption_one {padding: 60px 0 0 0;}
    .service_no, .service_no.two, .service_no.three{width: 170px; height: 170px; line-height:130px; font-size: 30px;}
    .section_txt{font-size: 15px;}
    h2.resp-accordion img{display: none !important;}
    h2.resp-accordion{line-height: 24px;}
    .resp-vtabs .resp-tabs-list li span {
    color: #252c25;
}
    .tab_picture{float: none; width: 100%; margin: 0 0 15px 0;}
    .tab_picture img{width: 100%;}
    .tab_cont_feature{float: none; width: 100%; padding: 0;}
    .prod_listing ul li{float: none; width: 100%; margin: 15px 0;}
    .prod_listing h4{font-size: 14px;}
    .port_cont h4{font-size: 22px;}
    .update_title{font-size: 26px;}
    .update_txt p{width: 100%;}
    .products_bx,.portfolio_bx,.about_bx,.update_area,.service_bx.portfolio,.welcome_bx{padding: 50px 0;}
    a.book_demo{display: block;}
    .cap_powered br,.cap_subtitle br{display: none;}
    .quick_links_one{float: none; width: 100%; border-bottom: 1px solid #246e91; border-left: 0; padding: 0 0 15px 0;}
    .quick_links_two{float: none; width: 100%; border-bottom: 1px solid #246e91; border-left: 0; padding: 0 0 15px 0; margin-top: 15px;}
    .quick_links_three{float: none; width: 100%; border-left: 0; margin-top: 15px; padding: 0;}
    #posts .post p{font-size: 13px;}
    
    .page_txt{width: 100%; font-size: 14px;}
    .page_title_bx b {font-size: 18px; line-height: 26px;}
    .page_discus{padding: 10px 20px;}
    
    .about_left{float:none; width: 100%; padding: 0; margin: 0 0 100px 0;}
    .about_right{float: none; width: 100%;  }
    .abt_exp {bottom: -33%; width: 200px; height: 200px; padding: 75px 0 0 0; font-size: 14px; line-height: 20px;}
    .abt_exp span {margin: 0 0 5px 0; font-size: 26px;}
    .about_content{margin: 40px 0 60px 0;}
    .abt_pg_txt{font-size: 15px; line-height: 24px;}
    .mission_quote {font-size: 16px; line-height: 26px;}
    .technologies_list ul li{width: 33.333%;}
    
    .why_list ul li{padding: 10px;}
    .auther_nm{font-size: 15px;}
    .abt_exp{bottom: -3%;}
    
    .consultant_row{display: inline-block; width: 100%;}
    .consult_pic{float: none; display: block; width: 100%; margin: 0 auto; text-align: center;}
    .consult_cont{display: block; width: 100%; margin: 30px 0 0 0; padding: 0;}
    .team_help{margin: 50px 0 0 0;}
    .team_l{float: none; width: 100%; padding: 0;}
    .team_r{float: none; width: 100%;}
    .domain_list ul li{width: 50%;}
    
    .section_head.smallhead{font-size: 16px; padding: 0; margin: 0 0 15px 0; line-height: 24px;}
    .erp_list ul li{margin: 5px; padding: 5px 15px;}
    .erp_list ul li i{width: 25px; font-size: 20px;}
    .erp_one h3 {font-size: 14px; line-height: 24px;}
    .section_head {font-size: 20px;}
    .hire_icn{margin: 0 10px 0 0;}
    .hire_txt {font-size: 16px;}
    .apps_row ul li {width: 50%;}
    .help_l{float: none; width: 100%; text-align: center;}
    .help_r{float: none; width: 100%; text-align: left;}
    .help_l img{max-width: 100%;}
    p.title {font-size: 22px;}
    .apps_row ul li{padding: 8px;}
    
    .develop_list ul li{float: none; width: 100%;}
    .associate_one p {font-size: 14px;}
    .stats ul li{width: 50%; margin: 10px 0;}
    .contact_l{float: none; width: 100%; padding: 0;}
    .contact_r{float: none; width: 100%; padding: 45px;}
    .row_one_l{float: left; width: 48%;}
    .row_one_r{float: right; width: 48%;}
    .contact_phone h3{font-size: 14px;}
    .get_title {font-size: 20px; line-height: 24px;}
    .drop_title {font-size: 20px; line-height: 32px;}
    
    .vacancy_no {font-size: 15px;}
    .section_txt.line{font-size: 14px; width: 100%;}
    .position_nm {font-size: 14px;}
    .plus_minus{margin: 0 10px 0 0;}
    .faqitem .accordion_title{margin: 7px 0;}
    
    #posts .postone{height: 250px;}
    #posts .postone{width: 47%;}
    #posts .postone p{display: none;}
    #filter button,.testimonial_pic h3{font-size: 14px;}
    .testimonial_pic h3 span{font-size: 12px;}
    
    .testimonial_page{height: auto; display: block;}
    .testimonial_txt::before {background-size: cover; width: 44px; height: 44px; top: -13px;}

    .testimonial_r{float: none; width: 100%; }
    .testimonial_l{float: none; width: 100%; display: block; text-align: center;  margin: 25px 0;}
    
    .online_l{float: none; width: 100%; margin: 0 0 30px 0;}
    .online_r{float: none; width: 100%;}
    .online-footer {font-size: 16px; line-height: 24px;}
    ul.online_list li{width: 50%;}
    .online_step ul li{width: 33.333%;}
    .box_one.mob_one{background: #fff5f6;}
    .box_one.mob_two{background: #FFF;}
    .online_right{padding: 15px 15px 10px 15px;}
}
@media screen and (max-width:640px){}
@media screen and (max-width:568px){}
@media screen and (max-width:480px){
    .slide_content, .slide_one{height: 450px; min-height: 450px;}
    .bannerimgslide_content, .bannerimg{height: 450px; min-height: 450px;}
    .lets_work_r{display: none;}
    .cap_welcome{font-size: 11px; line-height: 22px;}
    .cap_powered {font-size: 22px; margin: 0 0 10px 0; line-height: 30px;}
    .cap_subtitle{font-size: 14px; line-height: 24px;}
    .cap_subtitle br,.cap_powered br{display: none;}
    .megamenu_two, .megamenu_one,.megamenu_three{width: 100%;}
    .port_pic ul li {list-style-type: none; float: none; width: 100%; padding: 5px 0;}
    
    .copyright_l,.copyright_r{font-size: 14px; line-height: 24px;}
    .logo_left{top: 15px;}
    .section_head{font-size: 20px;}
    ul.about_listing li{width: 100%;}
    .lazy .slick-dots {bottom: 56px;}
    #posts .post img{text-align: center; margin: 0 auto;}
    
    .why_list ul li {width: 100%;}
    .testi_txt{min-height: inherit;}
    .technologies_list ul li,.technologies_list ul li.odd{width: 50%;}
    .domain_list ul li{width: 100%;}
    .consult_pic img{width: 100%;}
    .erp_listing_bx ul li{width: 100%}
    .domain_list ul li span{font-size: 13px;}
    .erp_list ul li{font-size: 12px;}
    .erp_list ul li i {width: 18px; font-size: 16px;}
    .domain_list ul li span{min-height: auto;}
    p.title {font-size: 19px;}
    
    .apps_row ul li{width: 100%;}
    .hire_icn{float: none; width: 100%; text-align: center;}
    .hire_txt{float: none; display: block; text-align: center;}
    .hire_txt {font-size: 15px;}
    .hire_txt span { display: block; font-size: 14px;}
    .erp_bx img{margin: 0 auto 15px auto}
    .help_r{padding: 0;}
    .erp_bx p{padding: 8px 0;}
    .page_txt{display: none;}
    
    .contact_r{float: none; width: 100%; padding: 25px;}
    .row_one_l{float: none; width: 100%;}
    .row_one_r{float: none; width: 100%;}
    .drop_title {font-size: 18px;}
    .input_l,.drop_title span{font-size: 14px;}
    .stats ul li{float: none; width: 100%; margin: 15px 0;}
    .stats_one i {font-size: 26px;}
    .stats_one h3 { font-size: 22px;}
    
    .position_nm span{display: block;}
    .position_nm {font-size: 14px;}
    .plus_minus{vertical-align: super;}
    .vacancy_mail span{line-height: 24px;}
    .title_section h2 {font-size: 20px;}
    .title_section h3{font-size: 11px;}
    
    #posts .postone p{display: block;}
    #posts .postone{height: 288px;}
    #posts .postone img{width: 100%;}
    #posts .postone{width: 100%;}
    .abt_exp {bottom: -13%;}

}
@media screen and (max-width:420px){
    .abt_exp {bottom: -19%;}
   
}

@media screen and (max-width:375px){
    .tab_picture img {width: 100%;}
    .section_head {font-size: 18px;}
    .section_head span{font-size: 32px;}
    #filter button{padding: 15px;}
    .abt_exp {bottom: -24%;}
    
}
@media screen and (max-width:360px){
    .abt_exp {bottom: -27%;}
    .online_step ul li{width: 50%;}
   
}
@media screen and (max-width:320px){
    .abt_exp {bottom: -33%;}
    
}

@media screen and (min-width:320px) , (max-width:414px) {
  .statastic{
   
    width: 100%;
    height: auto;  
   border-radius: 25px;
   z-index: 1999;
    
}
.square{
 
  font-size: 1rem;
  padding: 15px;
  color: #000;
  border-radius: 20px;
}
.para{
  padding: 10px;
  font-weight: 600; font-size: 1rem;
}
}


/
/* new slider */

.slide_one{min-height: 750px; vertical-align: middle; text-align: left; }
.slide_content{height: 672px; display: table; position: relative; z-index: 1; width: 100%;}
.bannerimgslide_content{height: 672px; display: table; position: relative; z-index: 1; width: 100%;}
.process_one{vertical-align: middle; display: table-cell;}
.expomob{  width: 320px; height: auto;}
.bannerimg{min-height: 750px; vertical-align: middle; text-align: left; display: block;}

   
   @media screen and (min-width:600px){

  .bannerimg .img01{display: block;}
  .bannerimg .img02{display:none;}
}

@media screen  and (max-width:600px){
  /* .expomob {display: block; }
   .bannerimg{display: none;}  */
   .bannerimg .img01{display: none;}
   .bannerimg .img02{display:block;height:600px;}
   .bannerimg{min-height:480px;width: 100%;}
   .slide_one{min-width:480px;}
   .slide_content{width: 60%; height:505px;}
   } 



/* img slider media */

/* counterstar alkesh */
.count{display:inline-block; width: 100%; position: relative; z-index: 5; margin: 50px 0 0 0; }
.count ul{margin: 0px; padding: 0px;}
.count ul li{list-style-type: none; float: left; width: 50%; display: inline-block;}
.counter{background-color: #ffffffe8; margin: 10px; text-align: center; padding: 20px 20px; border-radius: 15px;} 

.counter h3{font-size: 2rem; font-weight: 600; color: #004969;}
.counter p{font-size: 1rem; font-weight: 400; color: #012636;}
.count{display: inline-block;}


@media screen and (max-width:768px){
/*  .counter{width: 100%; }*/
  .count ul li{width: 100%; float:none;}
}

/*--------neea----------*/

/*--------------------------*/

.sticky .main_logo { -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;

    opacity: 0;

    visibility: hidden;

    display: none;

}

.sticky .menuzord-menu>li>a{color: #333; padding: 25px 0px 5px 32px; -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;}

.sticky .sticky .menuzord-menu>li.active>a, .menuzord-menu>li:hover>a{color: #f9556d;}

.sticky .logo_left {top: 10px; -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;}

.slider_form{position: relative; width:100%; }

.slider_abs{position: absolute; left: 0; top: 160px; z-index: 1; width: 100%;}



.slide_demo{position: relative; z-index: 99;}

.form_cont{width: 45%; float: right; background: #FFF;border-radius: 5px;}

.demo_title{padding: 20px; border-bottom: 1px solid #d9d9d9; text-align: center; font-size: 26px; color: #01358d; font-weight: 700;}

.slide_form{padding: 10px 30px;}

.demo_row{display: inline-block; width: 100%; margin: 0 0 15px 0;}

.demo_l{float: left; width: 48%;}

.demo_r{float: right; width: 48%;}

.input_two{width: 100%; border: none; border-bottom: 1px solid #d9d9d9; padding: 15px 5px; color: #565555; font-size: 18px; font-weight: 500;}

.input_two::-webkit-input-placeholder {color: #565555 !important;opacity: 1 !important;}

.input_two:-moz-placeholder { color: #565555 !important;opacity: 1 !important;}

.input_two::-moz-placeholder {color: #565555!important;opacity: 1 !important;}



.select-css {display: block; background:none; font-size: 18px; font-weight: 500; color: #565555; padding: 13px 5px; width: 100%;  border:none; border-bottom: 1px solid #d9d9d9; font-family: 'Montserrat', sans-serif;

max-width: 100%; box-sizing: border-box; margin: 0; -moz-appearance: none; -webkit-appearance: none;

appearance: none; background-image:url(../images/drop_arrow.png); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0;}

.select-css::-ms-expand {display: none;}

/* Hover style */

.select-css:hover {border-color: #d9d9d9;}

/* Focus style */

.select-css:focus {color: #565555; outline: none;}

.select-css option {font-weight:normal;}

*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {background-position: left .7em top 50%, 0 0; padding: .6em .8em .5em 1.4em;}



/* Disabled styles */

.select-css:disabled, .select-css[aria-disabled=true] {color: graytext; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);}

.select-css:disabled:hover, .select-css[aria-disabled=true] {border-color: #aaa;}



.demo_row label{font-size: 14px; line-height: 23px; padding: 0 0 0 40px; position: relative; color: #000000; display: inline-block; width: 100%;}

.demo_row label span{width: 100%; vertical-align: top;}

.option-input {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none;appearance: none;

height: 26px; width: 26px; transition: all 0.15s ease-out 0s; top: 5px;

background: #01358d; border-radius: 2px; border: none; cursor: pointer; display: inline-block; 

outline: none; position: absolute; left: 0;  z-index: 1000;}

.option-input:hover {background: #01358d;}

.option-input:checked {background: #f9556d;}

.option-input:checked::before {height: 26px; width: 26px; position: absolute; content: '✔'; display: inline-block; font-size: 17px; text-align: center; line-height: 26px; color: #FFF;}

.option-input:checked::after {background: #40e0d0; content: ''; display: block; position: relative; z-index: 100;}

.option-input.radio {border-radius: 50%;}

.option-input.radio::after {border-radius: 50%;}



.two_button{display: inline-block; width: 100%; margin: 10px 0 15px 0;}

.button_l{float: left; width: 48%;}

.demo_btn{background: #f9556d; color: #FFF; font-weight: 600; padding: 15px 10px; text-align: center; border-radius: 5px; border: 0; font-size: 16px; width: 100%; -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;}

.demo_btn:hover{background: #01358d; 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;}

.button_r{float: right; width: 48%;}

.call_btn{background: #FFF; color: #f9556d; border: 1px solid #f9556d; font-weight: 600; padding: 14px 10px; text-align: center; border-radius: 5px; font-size: 16px; width: 100%; -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; display: block;}

.call_btn:hover{background: #f9556d; 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;}



.slide_one{min-height: 890px; vertical-align: middle; text-align: left;}

.slide_content{height: 664px; display: table; position: relative; z-index: 1; width: 100%;}
.slide_contentnew{height: 664px; display: table; position: relative; z-index: 1; width: 100%;}

.process_one{vertical-align: middle; display: table-cell;}

.slide_caption{width: 50%; position: relative;}

.slide_count{position: absolute; opacity: 0.1; color: #FFF; font-size: 120px; font-weight: 700; left: 0; top: -51px;}

.welcome_slide{font-size: 12px; text-transform: uppercase; font-weight: 600; color: #f9556d; margin: 0 0 5px 0;}

.caption_title{font-size: 46px; line-height: 55px; color: #FFF; font-weight: 600;}

.caption_title span{text-transform: uppercase; color: #f9556d;}

.update_area{padding: 70px 0; background: url(../images/update_bg.jpg) no-repeat center center;  background-attachment: fixed; background-position: center; background-size: cover;}

.update_txt{text-align: center; color: #FFF;}

.update_title{color: #FFF; font-size: 42px; font-weight: 700; margin: 0 0 30px 0;}

.update_title span{color: #f9556d;}

.update_txt p{width: 72%; font-size: 18px; line-height: 30px; margin: 0 auto;}



.dispatch_managment{background: url(../images/grey_plus.jpg) repeat; padding: 100px 0; position: relative;}

.dispatch_managment::after{content: ''; position: absolute; left: 0; top: 60px; background: url(../images/service_left_round.png) no-repeat; width: 310px; height: 441px;}



.pos_managment{background: url(../images/white_plus.jpg) repeat; padding: 100px 0; position: relative;}

.pos_managment::after{content: ''; position: absolute; right: 0; top: 60px; background: url(../images/service_right_round.png) no-repeat; width: 310px; height: 441px;}

.pos_content{display: table; height: 365px; width: 100%; position: relative; z-index: 1;}

.pos_left{display: table-cell; vertical-align: middle; width: 50%;}

.img_cen{text-align: center; margin: 0 auto;}

.pos_right{display: table-cell; vertical-align: middle; width: 50%;}

.padd_right{padding: 0 70px 0 0;}

.section_title.pos{margin: 0 0 20px 0;}

.contact_txt.pos{margin: 0 0 25px 0;}

.pos_list{display: inline-block; width: 100%;}

.pos_list ul{margin: 0px; padding: 0px;}

.pos_list ul li{list-style-type: none; position: relative; padding: 0 0 0 36px; margin: 0 0 20px 0; line-height: 24px;}

.pos_list ul li img{position: absolute; left: 0; top: 0;}



.about{background: #f4f4f4; padding: 80px 0;}

.about_left{float: left; width: 50%;}

.about_right{float: left; width: 50%;}

.about_txt{line-height: 28px;}

.about_txt p{margin: 0 0 15px 0;}

.about_mission{position: relative; padding: 10px 0 0 0; color: #01358d; font-size: 18px; line-height: 28px; font-weight: 500; z-index: 1; margin: 0 0 30px 0;}

.about_mission i{position: absolute; left: 0; z-index: -1; top: 5px; color: #dddcdc; font-size: 50px;}

.about_stats{display: inline-block; width: 100%;}

.about_stats ul{margin: 0px; padding: 0px;}

.about_stats ul li{list-style-type: none; float: left; width: 25%; text-align: center;}

.about_stats ul li h2{font-size: 26px; font-weight: 700; margin: 0 0 10px 0; color: #f9556d;}

.about_stats ul li h2 span{font-size: 18px;}

.about_stats ul li p{font-size: 14px; color: #333333; font-size: 14px; line-height: 22px;}



.contact{position: relative; padding:80px 0;}

.contact::after{content: ''; position: absolute; left: 0; top: 40px; background: url(../images/contact_round.png) no-repeat; width: 274px; height: 389px;}

.contact_content{display: inline-block; width: 100%; position: relative; z-index: 1;}

.contact_left{float: left; width: 50%; padding: 0 80px 0 0;}

.section_title{margin-bottom: 30px; color: #01358d; font-size: 32px; font-weight: 700;}

.section_title span{color: #f9556d;}

.section_title p{display: block; color: #f9556d; font-size: 12px; font-weight: 500; text-transform: uppercase; margin: 0 0 5px 0;}

.contact_txt{font-size: 18px; line-height: 28px; margin: 0 0 30px 0;}

.contact_info{margin: 0 0 15px 0;}

.contact_info p{margin: 0 0 15px 0; position: relative; padding: 0 0 0 25px; display: inline-block; width: 100%;}

.contact_info p a{color: #666666; text-decoration: none;}

.contact_info p a:hover{color: #fa5e6d; text-decoration: none;}

.contact_info p i{position: absolute; color: #fa5e6d; left: 0; top: 0; font-size: 16px;}

.contact_info p i.mail{font-size: 14px; top: 1px;}

.contact_social{display: block;}

.contact_social ul{margin: 0px; padding: 0;}

.contact_social ul li{list-style-type: none; float: left; margin: 0 13px 0 0; font-size: 15px;}

.contact_social ul li a{width: 36px; height: 36px; line-height: 36px; text-align: center; background: #FFF; color: #01358d; display: block; border-radius: 50%; -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;}

.contact_social ul li a:hover{background: #fa5e6d; 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;}



.contact_right{float: left; width: 50%;}

.lets_title{margin: 0 0 30px 0; color: #01358d; font-size:32px; font-weight: 700;}

.lets_title span{color: #f9556d;}

.lets_title p{display: block; font-weight: 600; font-size: 18px; color: #666666; margin: 10px 0 0 0;}

.contact_input{display: inline-block; width: 100%; margin: 0 0 10px 0;}

.form_l{float: left; width: 49%;}

.form_r{float: right; width:49%;}

.input_one{width: 100%; border: 1px solid #e3e3e3; background: #FFF; color: #666666; font-size: 16px; border-radius: 5px; padding: 14px; resize: none;}

.input_one::-webkit-input-placeholder {color: #666666 !important;opacity: 1 !important;}

.input_one:-moz-placeholder { color: #666666 !important;opacity: 1 !important;}

.input_one::-moz-placeholder {color: #666666!important;opacity: 1 !important;}

.send_btn{background: #f9556d; border-radius: 5px; padding: 16px 40px; color: #FFF; font-size: 16px; font-weight: 600; border: none; cursor: pointer; -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_btn:hover{background: #01358d; 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;}



.know_more_btn{background: #f9556d; font-size: 14px; font-weight: 600;  padding: 12px 30px; border-radius: 5px; color: #FFF; margin:25px 0 0 0; display: inline-block; }

.know_more_btn:hover{background: #FFF; color: #f9556d;}



footer{background-color: #01358d; padding: 25px; text-align: center; color: #FFF;}

.testimonial_bx{margin: 35px 0 0 0; display: inline-block; width: 100%; position: relative; z-index: 9;}

.testimonial_one{margin: 20px; display: block;}

.testimonial_cont{background: #FFF; padding: 30px; text-align: center; 

-webkit-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);

-moz-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);

-ms-box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);

box-shadow: 0px 8px 45px 0px rgba(29, 53, 87, 0.13);}

.testi_txt{margin: 30px 0; font-size: 15px; line-height: 26px; min-height: 208px;}

.testi_auther{display: block; text-align: center;}

.testi_auther img{display: block; width: 70px; height: 70px; border-radius: 50%; margin: 0 auto;}

.auther_nm{margin: 15px 0 0 0; font-size: 16px; font-weight: 600; line-height: 26px;}

.auther_nm span{display: block; font-weight: 500; font-size: 12px;}



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

    .caption_title{font-size: 42px; line-height: 52px;}

    .demo_title{font-size: 24px;}

    .feature_head,.section_title,.lets_title{font-size: 30px;}

    .update_title{font-size: 38px;}

    .slick-list{overflow: hidden !important;}

    .dispatch_managment,.pos_managment,.features{padding: 80px 0;}    

    .testimonial_cont{-webkit-box-shadow: 0px 0 10px 0px rgba(29, 53, 87, 0.13); -moz-box-shadow: 0px 0 10px 0px rgba(29, 53, 87, 0.13); -ms-box-shadow: 0px 0 10px 0px rgba(29, 53, 87, 0.13); box-shadow: 0px 0 10px 0px rgba(29, 53, 87, 0.13);}

    

}

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

    .wrapper{width: 96%; margin: 0 auto;}

    .demo_title{padding: 15px;}

    .input_two{padding: 10px 5px; font-size: 16px;}

    .demo_btn,.call_btn,.send_btn{font-size: 14px;}

    .slide_form {padding: 10px 15px;}

    .caption_title {font-size: 36px; line-height: 48px;}

    .feature_head, .section_title, .lets_title {font-size: 26px; margin: 0 0 20px 0;}

    

    .dispatch_managment, .pos_managment, .features {padding: 60px 0;}

    .feature_title p {font-size: 16px; line-height: 26px;}

    .feature_one h3,.lets_title p{font-size: 16px;}

    .update_txt p,.contact_txt{font-size: 16px;}

    .update_title{margin: 0 0 20px 0;}

    .update_txt p br{display: none;}

    .feature_one p{font-size: 15px;}

    .pos_list ul li{margin: 0 0 15px 0; font-size: 15px;}

    .update_title {font-size: 36px;}

    .service_no,.service_no.two,.service_no.three{height: 190px; width: 190px; line-height: 150px; font-size: 40px;}

    .new_one{padding: 15px 15px 30px 15px; min-height: 330px;}

    .service_title{font-size: 14px;}

    .testi_txt{min-height: 260px;}

    .new_slid_bx {margin: 92px 10px 10px 10px;}

    .sticky .menuzord-menu>li>a{padding: 18px 0px 5px 32px;}

}

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

    .logo_top{padding: 0;}

    .sticky .menuzord-menu>li>a {padding: 13px 15px;}

    .main_logo{height: 100px;}

    .demo_title {font-size: 20px;}

    .caption_title {font-size: 26px; line-height: 40px;}

    .input_two {padding: 10px 5px; font-size: 15px;}

    .dispatch_managment, .pos_managment, .features {padding: 50px 0;}

    .feaures_box ul li{float: none; width: 100%;}

    .feature_one{min-height:100px;}

    .feature_one h3{margin: 0 0 10px 0;}

    .update_title {font-size: 32px; margin: 0 0 15px 0;}

    .update_txt p, .contact_txt,.contact_info p{font-size:15px;}

    .contact_txt.pos{margin: 0 0 15px 0;}

    .contact_txt.pos br{display: none;}

    .section_title{font-size: 22px; line-height: 30px; margin: 0 0 15px 0;}

    .padd_right{padding: 0;}

    .feature_head{font-size: 22px; line-height: 30px;}

    .testi_txt {min-height: auto;}

    .section_title p{margin: 0;}

    .contact_left{padding: 0 30px 0 0;}

    .input_one{padding: 10px; font-size: 15px;}

    .send_btn{padding: 12px 30px;}

    footer{font-size: 15px;}

}

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

    .slide_content{display: block;width:65%;padding-top:50px;margin-left:10%;}
     .slide_contenthrms{display: block;width:65%;padding-top:50px;}
     
     .slide_contentnew{display: none;}

    .main_logo {height: 80px;width: 100px;}

    .logo_left{top: 15px;}

    .form_cont{width: 100%;}

    .slider_abs{top: 120px;}

    .slide_one{min-height: 600px;}

    .feature_title{width: 100%;}

    .feature_one span{width: 73px; height: 73px;}

    .feature_one{padding: 0 0 0 92px;}

    .update_title {font-size: 22px;}

    .update_txt p{line-height: 26px;}

    .pos_content{display: block; height: auto;}

    .padd_right{display: block; width: 100%; height: auto;}

    .pos_right{display: block; width: 100%; text-align: center; margin: 15px 0 0 0;}

    .dispatch_managment::after{background: none;}

    .pos_managment::after{background: none;}

    .section_title.pos{margin: 0 0 10px 0; text-align: left;}

    .contact_txt.pos {text-align: left; line-height: 24px;}

    .pos_list{text-align: left;}

    .section_title,.feature_head{font-size: 18px;}

    .new_one{min-height: auto;}

    

    .contact_left{float: none; display: inline-block; width: 100%; padding: 0; margin: 0 0 20px 0;}

    .contact_right{float: none; display: inline-block; width: 100%; margin: 30px 0 0 0;}

    footer{padding: 15px; line-height: 24px; font-size: 15px;}

    .testi_txt{font-size: 15px;}

    .feature_head br,.section_title.pos br{display: none;}

    .update_txt p{width: 100%;}

    .testi_quote img{height: 40px;}

    .testi_txt{margin: 15px 0;}

    .testimonial_one{margin: 5px;}

    .demo_row{margin: 0 0 10px 0;}

    

}

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

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

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

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

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

    .testimonial_cont{padding: 15px;}

    .form_l{float: none; width: 100%; margin: 0 0 10px 0;}

    .form_r{float: none; width: 100%;}

    .demo_l{float: none; width: 100%; margin: 0 0 10px 0;}

    .demo_r{float: none; width: 100%;}

    .button_l{float: none; width: 100%; margin: 0 0 10px 0;}

    .button_r{float: none; width: 100%;}

}

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

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

@media (max-width: 700px){
.menuzord .showhide {
    width: 45px;
    padding: 10px;
}
}
/*----hrms-----*/


.caption_new h2 {
    font-size: 46px;
    line-height: 55px;
    color: #FFF;
    font-weight: 600;
    margin: 0 0 30px 0;
}
.features{padding: 100px 0; background: url(../images/logo_back.png) no-repeat center bottom; position: relative;}

.features::after{content: ''; position: absolute; left: 0; top: 246px; background: url(../images/feature_round_left.png) no-repeat; width: 203px; height: 453px; }

.features::before{content: ''; position: absolute; right: 0; top: 76px; background: url(../images/feature_round_right.png) no-repeat; width: 160px; height: 225px;}



.feature_new{padding: 100px 0; background: #FFF; position: relative; background-attachment: fixed}

/*.feature_new::after{content: ''; position: absolute; left: 0; top: 600px; background: url(../images/left.jpg) no-repeat; width: 250px; height: 283px; }

.feature_new::before{content: ''; position: absolute; right: 0; top: 100px; background: url(../images/right.jpg) no-repeat; width: 216px; height: 348px; }*/


.feature_list{list-style-type: none; display: flex; width: 90%; margin: 25px auto 0 auto; position: relative;}

.feature_list ul{margin: 0px; padding: 0px;}

/*.feature_list ul li{list-style-type: none; float: left; width: 25%; padding: 15px;}*/
.feature_list ul li{list-style-type: none; float: left; width: 33.33%; padding: 15px;}


.feature_bx_one{background: #FFF url(../images/box_bg.png) no-repeat left bottom; border: 1px solid #ebebeb; padding: 30px 20px; border-radius: 3px; display: block; text-align: center; min-height: 260px; -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;}

.feature_bx_one img{-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;}

.feature_bx_one h4{color: #056082; font-size: 16px; font-weight: 700; letter-spacing: 0.2px; margin: 15px 0 10px 0;}

.feature_bx_one p{font-size: 15px; line-height: 26px; color: #999;}

.feature_bx_one:hover{-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 20px 0px rgba(29, 53, 87, 0.20);

-moz-box-shadow: 0px 0px 20px 0px rgba(29, 53, 87, 0.20);

-ms-box-shadow: 0px 0px 20px 0px rgba(29, 53, 87, 0.20);

box-shadow: 0px 0px 20px 0px rgba(29, 53, 87, 0.20);}

.feature_bx_one:hover img{transform: translateY(-10px); -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;}



.feature_title{width: 70%; margin: 0 auto; text-align: center; position: relative; z-index: 1;}

.feature_head{color: #01358d; font-size: 32px; font-weight: 700; margin: 0 0 25px 0;}

.feature_head span{color: #f9556d;}

.feature_title p{font-size: 18px; line-height: 28px;}

.feaures_box{margin: 50px 0 0 0; position: relative; z-index: 1;}

.feaures_box ul{margin: 0px; padding: 0px;}

.feaures_box ul li{list-style-type: none; float: left; width: 50%;}

.feature_one{position: relative; padding: 0 0 0 112px; margin: 0 0 35px 0; min-height: 120px;}

.feature_one span{position: absolute; left: 0; top: 0; background: #fee6e9; width: 93px; height: 93px; border-radius: 50%;}

.feature_one h3{color: #01358d; font-weight: 700; font-size: 18px; margin: 0 0 15px 0;}

.feature_one p{line-height: 26px; margin: 0 0 7px 0; padding: 0;}



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

  

    .feature_new{padding: 80px 0;}

  

    .feature_head,.section_title,.lets_title{font-size: 30px;}



    

    

}

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

 

    .feature_list ul li{width: 33.333%; padding: 5px;}

    .feature_bx_one{background-size: cover; background-position: center bottom;}

    

    .caption_title,.caption_title span {font-size: 28px; line-height: 38px;}

    .feature_head, .section_title, .lets_title {font-size: 26px; margin: 0 0 20px 0;}

  
    .new_one_hov{height: 100%;}

    .feature_new {padding: 50px 0;}


    .feature_title p {font-size: 16px; line-height: 26px;}

    .feature_one h3,.lets_title p{font-size: 16px;}

    .update_txt p,.contact_txt{font-size: 16px;}

    .update_title{margin: 0 0 20px 0;}

    .update_txt p br{display: none;}

    .feature_one p{font-size: 15px;}

  
    .sticky .menuzord-menu>li>a{padding: 18px 0px 5px 32px;}


    .feature_one{min-height:220px;}

    .feature_one h3{line-height: 24px;}

}

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


    .feature_list{width: 100%;}

    .feature_bx_one h4,.prd_txt{font-size: 14px;}

    .feature_bx_one{padding: 25px 15px;}


    .feaures_box ul li{float: none; width: 100%;}

    .feature_one{min-height:100px;}

    .feature_one h3{margin: 0 0 10px 0;}


    .feature_head{font-size: 22px; line-height: 30px;}

 

    .feature_head, .section_title, .lets_title {font-size: 22px;}

}

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

    .feature_list ul li {width: 50%; padding: 8px;}

    .feature_bx_one p{font-size: 14px; line-height: 24px;}

    .feature_bx_one{min-height: 210px;}

    .feature_new::before,.feature_new::after{display: none;}

    .feature_title p{font-size: 14px; line-height: 24px;}

    

    .feature_title{width: 100%;}

    .feature_one span{width: 73px; height: 73px;}

    .feature_one{padding: 0 0 0 92px;}

    .resp-vtabs .resp-tab-content{background: #FFF;}

    .feature_one p {font-size: 14px; line-height: 24px;}

    .feature_head{margin: 0 0 10px 0;}

    .feaures_box{margin: 30px 0 0 0;}

}

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

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

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

    

    .feature_list ul li{width: 100%;}

    .feature_bx_one{min-height: auto;}

  

}

@media screen and (max-width: 700px)
.resp-vtabs .resp-tabs-list li span {
    display: block;
    color: #252c25;
    font-size: 13px;
    font-family: 'Montserrat-Regular';
    text-transform: capitalize;
}
}
/*------------------index-------------*/


        .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;
        }
        .popup_title {
             margin-bottom: 0px!important;
             padding-bottom: 0px!important;
             border-bottom: 0px dashed #e3e3e3!important;
        }
        
        .popup_title span {
           text-transform: none!important;
        }
        .load_pop_row {
            margin: 0 0 5px 0!important;
        }
        .hrsubhead {
            font-size: 28px!important;
            color: #056082!important;
        }
        .securemsg{
            margin: 25px 0 0 0;
            font-size: 10px!important;
        }
        .imgresize{ height: 230px; width: 100%;  
        }
       
        
        .statastic{
            color: #ffffff;
            background-color: #0276a825;
            padding: 20px;
            margin: 5px;
            text-align: center;
            /* width: 350px; */
            width: 350px;
            height: auto;
            float: left;
           border-radius: 25px;
            
        }

        
        
        .square{
            background-color: #fff; 
            font-size: 2rem;
            padding: 50px 15px;
            color: #000;
            border-radius: 25px;
            
            
        }
        .square h1{
            font-weight: 800;
        }
        .para{
            padding: 20px;
            font-weight: 600; font-size: 1.5rem;
        }

        .container{
            height: 650px; margin: auto; overflow: hidden; 
        }
         .counter{
            
         }
            /*---------hrms------          */
 .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;
        }
        .popup_title {
             margin-bottom: 0px!important;
             padding-bottom: 0px!important;
             border-bottom: 0px dashed #e3e3e3!important;
        }
        
        .popup_title span {
           text-transform: none!important;
        }
        .load_pop_row {
            margin: 0 0 5px 0!important;
        }
        .hrsubhead {
            font-size: 28px!important;
            color: #056082!important;
        }
        .securemsg{
            margin: 25px 0 0 0;
            font-size: 10px!important;
        }
        .imgresize{ height: 230px; width: 100%;  
        }
       
        
        .statastic{
            color: #ffffff;
            background-color: #0276a825;
            padding: 20px;
            margin: 5px;
            text-align: center;
            /* width: 350px; */
            width: 350px;
            height: auto;
            float: left;
           border-radius: 25px;
            
        }

        
        
        .square{
            background-color: #fff; 
            font-size: 2rem;
            padding: 50px 15px;
            color: #000;
            border-radius: 25px;
            
            
        }
        .square h1{
            font-weight: 800;
        }
        .para{
            padding: 20px;
            font-weight: 600; font-size: 1.5rem;
        }

        .container{
            height: 650px; margin: auto; overflow: hidden; 
        }
         .counter{
            
         }
         .logo_left {
    position: absolute;
    left: 0;
    top: 35px;
    z-index: 9999;
}
   .caption_new h2 {
    font-size: 40px;
    line-height: 55px;
    color: #FFF;
    font-weight: 600;
    margin: 0 0 30px 0;
}
    .caption_new {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    padding: 50px 0 0 0;
}    
.feature_new {
    padding: 100px 0;
    background: #FFF;
    position: relative;
    background-attachment: fixed;
}    
.lazy .slick-dots {
    bottom: 50px;
    display: none;
}         


.Feature-m{
    margin-top:-15px;
}


.contact-us{
    width:100%;
    background-color:#000;
    height:auto;
    
}