@font-face{
	font-family:"Poppins-Regular";
	src:url("../../assets/fonts/Poppins-Regular.ttf");
}
*{
	font-family:Poppins-Regular;
	}
.powerdby{width:100%; float:left; margin-top: 3%; padding-left: 5%;}
.powerdby p{padding:04px 0; margin-bottom:0;}
.powerdby p a button{width:auto; background: #315390; border-radius:20px; padding:03px 10px; color:#fff; font-size:12px; }
.powerdby p a button:hover{background: #fe8127;}
.pages_banner{width:100%; float:left; margin-top:40px;}
.pages_banner img{width:100%; float:left;}
#mid-wrapper{width:100%; float:left; padding:40px 0; background: #edf0f7;}
.img{width:88%; float:left; margin:0 06%;}
.clearfix{clear:both;}
.header_topline{width:100%; float:left; background:#305390; color:#fff;}
.email_icon{width:50%; float:left; margin:05px 0; display:inline-block; text-align:center;}
.email_icon .icon{width:auto; float:left; border:01px solid #fff; display:block; height:28px; width:28px; border-radius:50%;}
.email_icon .email{width:auto; float:left; padding-left:0px; font-size:12px;}
header{width:100%; float:left;}
.logo1{width:100%; float:left; margin:10px;}
.logo1 img{width:64%;}
.topnav{overflow: hidden; background-color: #F2F2F2; border:01px solid #DCDCDC; border-radius:10px;  padding:0!important; margin: 20px 0;}
.topnav .category{width:30%; float:left; border-right:01px solid #DCDCDC; margin:08px 0; padding:7px 05px;}
.topnav .search-container {float: left; width:100%;}
.topnav input[type=text]{padding: 14px; margin-top: 0px; font-size: 17px; border: none; background-color: #F2F2F2; width: 90%;}
.topnav .search-container button {float: right;  padding: 6px 10px; border-radius:10px;  background:#fe8127;  font-size: 17px;  border: none;  cursor: pointer; padding: 14px;}
.topnav .search-container button:hover{background:#fe8127;}
button, select{border:0; background:none; color:#000;}
.login_part{width:33%; float:left;}
.login_star_part{width: 24%; float: left; position: absolute; left: 90px; top:-14px;}
.shopping_bag{width: 24%; float: left; position: absolute; left: 150px; top:-14px;}
.fa-search::before{color:#fff;}
.fa_class{font-size:28px; top:24px; position: absolute; left:20px}
.fa_class1{font-size:28px; top:36px; position: absolute; left:-20px;}
.fa_class2{font-size:28px; top:36px; position: absolute; left:-20px;}
/********login_css********/
/* Full-width input fields */
input[type=text], input[type=password] {  width: 100%;  padding: 12px 20px;  margin:0;  display: inline-block;  border: 1px solid #ccc;  box-sizing: border-box;}
/* Set a style for all buttons */
/* Extra styles for the cancel button */
.cancelbtn{width: auto; padding: 10px 18px; background-color: #f44336;}
/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}
img.avatar {
  width: 40%;
  border-radius: 50%;
}
span.psw {
  float: right;
  padding-top: 16px;
}
/* The Modal (background) */
.modal {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); padding-top: 60px; padding: 0px 20%; z-index: 1111;}
/* Modal Content/Box */
.modal-content{background-color: #fefefe; margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */ border: 1px solid #888; width: 80%; padding: 20px;/* Could be more or less, depending on screen size */}
/* The Close Button (x) */
.close { position: absolute; right: 25px; top: 0; color: #000; font-size: 35px;  font-weight: bold;}
.close:hover,
.close:focus{color: red; cursor: pointer;}
/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}
@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)} 
  to {-webkit-transform: scale(1)}
}  
@keyframes animatezoom {
  from {transform: scale(0)} 
  to {transform: scale(1)}
}
/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw{display: block; float: none;}
.cancelbtn {width: 100%;}
}
/********login_css********/
/********catgegory_banner_css********/
.sidenav{height: 430px; width: 100%; z-index: 1; top: 0; left: 0; background-color: #F2F2F2;  overflow-x: hidden;  padding-top: 20px;}
/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {padding: 6px 8px 6px 16px;  text-decoration: none;  font-size: 14px;  color: #021239;  display: block;  border: none;  background: none;  width: 100%;  text-align: left;  cursor: pointer; outline: none; border-bottom:01px solid #fff;}
.dropdown-btn:last-of-type{border-bottom:0px;}
.sidenav a:hover, .dropdown-btn:hover{color:#021239;}
.main {margin-left: 200px; font-size: 20px; padding: 0px 10px;}
.active{background-color:; color: #000;}
.dropdown-container{display: none; background-color: #B3B0B03D; padding-left: 0px; color:#000;}
.fa-caret-down{float: right; padding-right: 8px;}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.navigation1{width:100%; float:left; background:#305390; color:#fff;}
.navigation1 ul{margin-bottom:0; padding:10px 0;}
.navigation1 ul li{padding:05px 28px; display:inline;}
.navigation1 ul li a:hover{text-decoration:none; color:#fff;}
/********catgegory_banner_css********/
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{margin:0!important; padding:0!important;}
.product_section{width:100%; float:left; margin:20px 0; border-top: 10px solid #315390;}
.contai{ position: relative;  width: 100%;}
.image {opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease;  backface-visibility: hidden;}
.middle{transition: .5s ease;  opacity: 0;  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  text-align: center;}
/*.contai:hover .image{opacity: 0.3; background-color:#000;}*/
.contai:hover{background:#000;}
.contai:hover .middle {opacity: 1;}
.text {background-color:; color: white; font-size: 12px; padding: 16px 32px; border-top:01px solid #fff; border-bottom:01px solid #fff;}
.awards{width:100%; float:left; font-size:40px; font-weight:bold; background-image: url("../../assets/images/awards.jpg"); color:#fff; padding:48px 0;}
.awards1{width:100%; float:left; display:inline-block; text-align:center; padding: 24px 0px;}
.awards2{width:100%; float:left; display:block;}
.awards_img{width:80%; float:left; margin:0 10%;}
.awards_img img{width:100%; float:left;}
.carousel-control-prev{left: 60px; padding: 0; margin: 0; height: 48px; width: 48px; top: 256px; border-radius: 50%; background: #fe8127; padding: 3px;}
.carousel-control-next{right:60px; padding:0; margin:0; height:48px; width:48px; top:256px; border-radius: 50%; background: #fe8127; padding: 3px;}

.carousel-control-prev1{left: 0px; padding: 0; margin: 0; background: #0000; padding: 3px;}
.carousel-control-next1{right:60px; padding:0; margin:0;!important background: #0000; padding: 3px; width:20px!important; height:20px!important;}

.solution_button_pv{width:100%; float:left; text-align:right; margin-top: -35px;}
.jingle_hrms{width:100%; float:left; padding:40px 0;}
.jingle_hrms_flip{width:48%; float:left; padding:28px; border:01px solid #ccc; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.jingle_hrms_flip:nth-child(2){margin-left:02%; margin-right:0!important; width:50%;  margin-bottom:02%; float:right;}
.jingle_hrms_flip:nth-child(3){margin-left:0%; margin-right:0!important; width:48%;  margin-top:02%; float:left;}
.jingle_hrms_flip:nth-child(4){margin-left:02%; margin-right:0!important; width:50%;  margin-bottom:02%; float:right;}
.jingle_hrms_flip .image{width:20%; float:left;}
.jingle_hrms_flip .texts{width:78%; float:left; margin-left:02%;}
.jingle_hrms_flip .texts .heading{width:100%; float:left; font-weight:800; font-size:24px;}
.jingle_hrms_flip .texts .pera{width:100%; float:left; }
.jingle_hrms_flip:hover{background:#103AB1; color:#fff;}
.jingle_hrms_flip .image img{width:100%; float:left;}

.jingle_hrms_flip .texts .heading a:hover{text-decoration:none; color:#fff;}

.categorybyshop{width:100%; float:left; background: #fe8127; padding:10px; color:#fff;}
.video_section{width:100%; float:left; padding:40px 0;}
.video_section_text{width:100%; float:left; padding:36px;}
.video_section_text .video_heading{width:100%; float:left; font-size:36px; font-weight:700;}
.video_section_text .phone_email{width:100%; float:left; margin-top: 25px;}
.video_section_text .phone_email .phone{width:50%; float:left;}
.video_section_text .phone_email .phone .icon{width:20%; float:left;}
.video_section_text .phone_email .phone .textg{width:75%; float:left; margin-left:05%;}
.video_section_text .phone_email .phone .textg .top{width:100%; float:left; color:#6E6B69;}
.video_section_text .phone_email .phone .textg .bottom{width:100%; float:left; color:#154CBA;}
.video_font_awasome{font-size:36px!important; border-radius:50%; border:01px solid #A8A8A8;  text-align:center; padding:06px 10px; color:#103AB1;}
.carousel{position:static; z-index:11111;}
/********CRM_Software********/
.crmsoftware{width:100%; float:left; background:#EEF1F8; padding:70px 0;}
.crmsoftware_inside{width:100%; float:left; padding:0 50px 100px 50px; background-image: url("../../assets/images/crmsoftware.jpg"); border-radius:28px; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;}
.tab{float: left; border: 1px solid #ccc; background-color: #fff; width: 30%; height: 412px;}
.tab button{display: block; background-color: inherit; color: black; padding:16px; width: 100%; border-bottom:01px solid #E4E7EE; outline: none; text-align: left; cursor: pointer; transition: 0.3s; font-size: 17px;}
/* Change background color of buttons on hover */
.tab button:hover{background: #fe8127; color:#fff;}
/* Create an active/current "tab button" class */
.tab button.active{background-color: #1075BB; color:#fff;}
/* Style the tab content */
.tabcontent{float: left; padding:40px; /*border:1px solid #ccc;*/ width: 70%; border-left: none; height: 412px;}

.tab_slider{width:100%; float:left;}
.tab_slider .top{width:100%; float:left;}
.tab_slider .top .section{width:31.6%; margin-right:2.6%; float:left; padding:20px; background:#1A1941; color:#fff; display:inline; text-align:center;}
.tab_slider .top .section img{width:100%; float:left;}
.tab_slider .top .section:hover{background:#FE8127;}
.tab_slider .top .section .icon{width:100%; float:left; text-align:center;}
.tab_slider .top .section .heading{width:100%; float:left; font-family:18px; text-align:center; font-weight:bold; padding-top:20px;}
.tab_slider .top .section .pera_text{width:100%; float:left; font-size:12px;}
.tab_slider .top .section:nth-child(2){margin-top:20px;}
.tab_slider .top .section:last-of-type{margin-right:0;}
/********CRM_Software********/

/********footer********/
footer{width:100%; float:left;}
footer .top{width:100%; float:left;background-image: url("../../assets/images/footer_top.jpg"); height:99px;}
footer .bottom{width:100%; float:left; background-image: url("../../assets/images/footer.jpg");}
.f_heading{width:100%; float:left; font-size:18px; font-weight:bold; color:#fff;}
.f_ulli{width:100%; float:left; color:#fff; padding-top:20px;}
.f_ulli ul{margin-left:0; padding-left:0;}
.f_ulli ul li{list-style:none; padding-left:0; margin-left:0; line-height:18px;}
.f_ulli ul li a:hover{text-decoration:none; color:#fff;}
.follow_icons{width:100%; float:left;}
.follow_icons .icons{width:24px; height:24px; float:left; border:01px solid #fff; border-radius:50%; text-align:center; margin-right:10px;}
.follow_icons .icons .fa{color:#fff; position:relative;}
.fa:hover{color:#fff!important;}
.footer_logo_text{width:90%; float:left;}
.team{width:100%; float:left;}
.team p{width:100%; float:left; line-height:30px; color:#fff; padding-top:12px;}
.team p a:hover{color:#fff; text-decoration:none;}
.footer_last{width:100%; float:left; border-top:01px solid #fff; padding:20px; text-align:center; color:#fff;}
/********footer********/
.dropbtn {background-color: #3498DB;  color: white;  padding: 10px 10px 09px 10px;  font-size: 16px;  border: none;  cursor: pointer;  width:100%!important;}

.dropbtn:hover, .dropbtn:focus { background-color: #2980B9;}
.dropdown{position: relative;  display: inline-block;  width:100%;}
.dropdown-content {display: none; position: absolute; background-color: #f1f1f1; overflow: auto;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;}
.dropdown-content a {  color: black;  padding: 0px 16px;  text-decoration: none;  display: block;  padding-left: 0;}
dl, ol, ul{padding:0;}
li{padding:10px 02px;}
.nav_bar li {list-style:none; padding:05px 0;}
.dropdown a:hover {background-color: #ddd;}
.section_id{width:100%; float:left;}
.section_id:hover .nav_bar{display:block;}
.nav_bar{width:100%; float:left; display:none; padding-left:0; background-color: #B3B0B03D;}
.show {display: block; width:100%; float:left;}
ul li ul li{padding-left:0; margin-left:0; padding-top:05px; padding-bottom:05px; padding:0;}
.requestacallback{width:80%; float:left; margin: -1% 0% 0 20%;}
.requestacallback button{width:80%; float:left; background: #315390; margin: 2% 9%; border-radius:20px; color:#fff; font-size:12px; padding:05px 10px;}
.requestacallback button:hover{background: #fe8127;}
.registrations_sec{width:100%; float:left; padding:12px 0;}
.registrations_sec p{width:auto; float:left; margin-bottom:0; margin-bottom:05px; font-size:12px; color: #fff; background: #315390; padding: 05px 10px; text-align: center;border-radius: 20px;}
.registrations_sec p:hover{background: #fe8127; text-decoration:none; color:#fff;}
.registrations_sec p:hover a{text-decoration:none; color:#fff;}
/****erp_start****/
.erp_slide{width:100%; float:left; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; border-radius:04px; padding:20px; background: #fff; margin-bottom:20px;}
.erp_slide .left_erp{width:17%; float:left; margin-right:03%;}
.erp_slide .left_erp p{width:100%; float:left; font-size:14px!important; clear:both; padding:05px 0; margin-bottom:0px!important;}
.erp_slide .left_erp img{width:100%; float:left;}
.erp_slide .right_erp{width:80%; float:left;}
.erp_slide .right_erp h1{width:100%; float:left; color: #135893; font-size: 18px; margin:0; font-weight:bold;}
.erp_slide .right_erp h1 button{font-weight:normal; width:auto; float:right; margin-right:20px; border-radius:20px; background:#fe8127; color:#fff; font-size:14px; padding:05px 10px;}
.erp_slide .right_erp .line{width:100%; float:left; margin:10px 0 0 0; color: rgba(0,0,0,.6); font-weight: 400; font-size: 16px;}
.erp_slide .right_erp .peragraph{width:100%; float:left; font-size: 14px; padding-top:07px; color: rgba(0,0,0,.8);}
.erp_slide .right_erp .peragraph a{color:#315390;}
.erp_slide .right_erp .peragraph a:hover{text-decoration:none;}
.erp_slide .right_erp .starting_price{width:100%; float:left;}
.erp_slide .right_erp .starting_price .inside{width:auto; float:left;}
.check_circle_outer{background-color: #135893; color: #fff; border-radius: 76px; width: 20px; height: 20px; align-items: center; justify-content: center; display: flex; margin-right: 8px; float:left; margin-left:10px;}
.check_circle_outer span {font-size: 15px;}
.material-icons{font-family: 'Material Icons';  font-weight: normal;  font-style: normal;  font-size: 24px;  line-height: 1;  letter-spacing: normal;  text-transform: none;  display: inline-block;  white-space: nowrap;  word-wrap: normal;  direction: ltr;  -moz-font-feature-settings: 'liga';  -moz-osx-font-smoothing: grayscale;}
.visit_website_demo{width:100%; float:left; margin-top:15px;}
.visit_website_demo .visit_website{width:auto; float:left;  margin-right:10px;}
.visit_website_demo .visit_website a{width:auto; float:left; padding:05px 15px; background-color: #43a047; color:#fff;}
.visit_website_demo .visit_website a:hover{text-decoration:none;}
.visit_website_demo .free_demo{width:auto; float:left; margin-right:10px;}
.visit_website_demo .free_demo a{width:auto; float:left; padding:05px 15px; background-color: #fb8c00; color:#fff;}
.visit_website_demo .free_demo a:hover{text-decoration:none;}
.visit_website_demo .get_quote{width:auto; float:left; padding:05px 10px;}
.right_side_conta{width:100%; float:left; padding:0 20px;}
.conta {position: relative; text-align: center; color: white;}
.conta img{width:50%;}
.centered {position: absolute; top: 50%; left: 20%; transform: translate(-12%, -42%); width: 80%;}
.centered h1{font-size:18px; font-weight:bold; width:100%;}
.centered p{width:100%; float:left; padding:0; font-size:12px;}
.erp_contact_from{width:100%; float:left; background: #305390; padding:10px; margin-bottom: 20px;}
.erp_contact_from input{width:100%; float:left; padding:05px; color:#bdbdbd; border:01px solid #bdbdbd; border-radius:02px; font-size:12px; margin-bottom:14px;}
.get_offerit_free{width:100%; float:left;}
.get_offerit_free button{width:100%; float:left; color:#fff; text-align:center; padding:05px; border-radius:05px;  background-color: #0088f6;}
.centered button{font-size:12px; background:#fff; text-align:center; width:100%; padding: 5px 50px;}
.findideal{width:100%; float:left; background:#fff; border:01px solid #cdcdcd; border-top:0; padding:10px;}
.findideal h1{font-size:16px; padding:0 02px; text-align:center; font-weight:700; width:100%; float:left;}
.findideal p{width:100%; float:left; font-weight:normal; font-size:12px; text-align:center;}
/****erp_start****/




.modal {display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.79);  z-index:11111;}
.modal-contentf{background-color: #fefefe; margin: auto; padding: 0px; border: 1px solid #888; width: 100%;}
.close {color: #aaaaaa; float: right;  font-size: 28px; font-weight: bold;}
.close:hover,
.close:focus {  color: #000; text-decoration: none;  cursor: pointer;}
.popup_section_all{width:100%; float:left; background:#fff;}
.popup_section_left{width:36%; float:left;}
.middleg .insder{width:100%; float:left; color:#fff; margin-bottom:20px;}
.middleg .insder .icon{width:auto; float:left;}
.middleg .insder .texx{width:auto; float:left; margin-left:05px; font-weight:bold; font-size:16px;}


.popup_section_right{width:64%; float:left; padding: 20px 30px;}
.popup_section_right h1{width:100%; float:left; font-size:22px; color:#183360; font-weight:bold;}
.popup_section_right p{width:100%; float:left; font-size:15px; color:#656565;}

.popupinput{width:100%; float:left;}
.popupinput .top_sec{width:100%; float:left; margin-bottom:10px;}
.popupinput .top_sec .left{width:45%; float:left;}
.popupinput .top_sec .left input{padding:10px;}
.popupinput .top_sec .left:last-of-type{float:right;}
.popupinput .top_sec1{width:100%; float:left; margin:4px 0 20px 0;}
.popupinput .top_sec1 input{width:100%; float:left; background:#183360; border:0; border-radius:20px; padding:07px 05px; color:#fff;}
.cont{position: relative; width: 100%;  background-image: url("../../../assets/images/background_req_cb_new.jpg");}
.imag {opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;}
.middleg{transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; width:80%; margin:0%;}
.cont .image { opacity: 0.3;}
.cont .middleg {opacity: 1;}
.text {color: white;  padding: 16px 32px;}
.trustedby{width:100%; float:left;}
.trustedby .headding{width:100%; float:left; margin-top:20px; clear:both;}
.trustedby .headd_img{width:100%; float:left;}
.trustedby .headd_img img{width:100%!important; float:left;}

.slid_right{width:100%; float:left; margin-top:20px;}
.slid_right img{width:100%; float:left; border:01px solid #cdcdcd;}




.about_more{width:100%; float:left; border:01px solid #cdcdcd; box-shadow:rgba(0, 0, 0, 0.21) 0px 5px 15px; border-radius:05px; padding:22px 28px; background:#f7f7f7;}
#wrapper{width:100%; float:none; margin:auto; }
.navbar{width:100%; float:left; padding: 11px 05px 0px 05px !important; border-bottom:01px solid #ccc; margin-bottom:20px; background: #315390; color:#fff;}

 


.navbar ul li{display:inline; font-size:12px;}
.navbar ul li a:hover{color:#fff; text-decoration:none;}
.section{width:100%; float:left; height:auto; margin-bottom:20px;}
.section1{width:100%; float:left; height:auto;}
.about_more_heading{font-size: 16px; font-weight: 500;
color: #3d3d3d;}
.about_more_pera{width:100%; float:left; font-size:14px; padding-top:05px;}
.about_he_ad{font-size: 20px; width:100%; float:left; color: #333; font-weight: 500; margin-bottom: 5px;}

.about_more_heading img{width:20%; float:left; margin:02%;}

.fliop{width:25%; padding:01%; float:left;}

.logo_img{width: 100%!important; float:left; margin: 1%!important;}

.about_more_pera ol{margin-left:14px!important;}
.about_more_pera ol li{line-height:10px;}

.about_more_pera ul{width:50%!important; float:left;}
.about_more_pera ul li{line-height:10px;}
.textile_u{margin-top:10px!important; width:100%; float:left; }

.teamn{width:100%; float:left; border-top:01px solid #fff!important; padding-top:-20px!important;}
.teamn:last-of-type{border:0;}
/******freelancer_registration*****/
.freelancer{width:100%; float:left; background:#fff; padding:20px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.freelancer h2{width:100%; float:left; padding:10px 05px; text-align:center; border-radius:20px; border-bottom:01px solid #ccc; margin-bottom:25px;}
input[type=text], select, textarea, input[type=email], input[type=Phone] {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  resize: vertical;
}
input[type=submit] {
  background-color: #fe8127;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
input[type=submit]:hover {
  background-color: #ff8226;
}
/******freelancer_registration*****/




.contact_us{width:80%; float:left; margin:0 10%;}
.contact_us .left{width:40%; float:left; background-image: url("../../../assets/images/background_req_cb_new.jpg"); background-position:cover;}
.contact_us .right{width:60%; float:left; padding:60px 40px; background-image: url("../../../assets/images/contact_bg.jpg"); background-position:cover;}
.contact_us .right .heading{width:100%; float:left; text-align:center; font-size: 18px; font-weight:bold; color:#fff;}
.contact_us .right .peragraph{width:100%; float:left; text-align:center; font-size:14px; color:#fff; padding-bottom: 20px; padding-top: 02px;}
.contactin{width:100%; float:left;}
.contactin .lefts{width:45%; float:left;}
.contactin .rights{width:45%; float:right;}


.contact_formp{margin-bottom:10px; width:100%; float:left;}
.contact_submit_b{margin-top:10px; width:100%; float:left;}

.footer_add{width:100%; float:left; background: #fe8127;}

.team1{width:100%; float:left;}
.team1 p{width:100%; float:left; color:#fff!important; border-radius: 20px; clear:both;}

  @media screen and (max-width: 970px){
.content .row .mega-links {
  border-left: 0px;
  padding-left: 15px;
  position: inherit!important;
  }
  }
  
  
  
  
  
  
  
  
@media screen and (max-width: 414px){
.content .row .mega-links {
  border-left: 0px;
  padding-left: 15px;
  position: inherit!important;
  }
  .powerdby p {padding: 15px 0;  margin-bottom: 0; text-align: center;}
  
.email_icon {
  width: 90%;
  float: left;
  margin: 05px 05%;
  display: inline-block;
  text-align: center;
}
.logo1 img {
  width: 64%;
  text-align: center;
  margin: 0 18%;
}
.topnav input[type="text"] {
  padding: 14px;
  margin-top: 0px;
  font-size: 17px;
  border: none;
  background-color: #F2F2F2;
  width: 80%;
}
.topnav {
  overflow: hidden;
  background-color: #F2F2F2;
  border: 01px solid #DCDCDC;
  border-radius: 10px;
  padding: 0 !important;
  margin: 20px 05%;
  width: 90%;
}
.icon-bar {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999999999;
  right: 10px;
}

.registrations_sec p {
  width: auto;
  float: left;
  margin-bottom: 0;
  margin-bottom: 05px;
  font-size: 14px;
  color: #fff;
  background: #315390;
  padding: 05px 10px;
  text-align: center;
  border-radius: 20px;
  width: 80%;
  margin: 2% 10%;
}

.carousel-control-prev {
  left: 20px;
  padding: 0;
  margin: 0;
  height: 28px;
  width: 28px;
  top: 69px;
  border-radius: 50%;
  background: #fe8127;
  padding: 3px;
}  
  
  
  .carousel-control-next {
  right: 20px;
  padding: 0;
  margin: 0;
  height: 28px;
  width: 28px;
  top: 69px;
  border-radius: 50%;
  background: #fe8127;
  padding: 3px;
}


.jingle_hrms_flip {
  width: 90%;
  float: left;
  padding: 28px;
  border: 01px solid #ccc;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  margin: 02% 05%;
}  

.jingle_hrms_flip:nth-child(3) {
  margin-left: 0%;
  margin-right: 0 !important;
  width: 90%;
  margin: 02% 05%;
    margin-right: 5%;
  float: left;
}
  
  
  .jingle_hrms_flip:nth-child(2) {
  width: 90%;
  margin: 02% 05%!important;
  float: left;
}

.jingle_hrms_flip:nth-child(4) {
  margin-right: 0 !important;
  width: 90%;
  float: left;
  margin: 02% 05%!important;
}

.awards_img {
  width: 80%;
  float: left;
  margin: 2% 10%;
}
  
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #fff;
  width: 100%;
  height: 412px;
}  

.tabcontent {
  float: left;
  padding: 20px;
  border: 0;
  width: 100%;
  border-left: none;
}


.tab_slider .top .section {
  width: 100%;
  margin-right:0%;
  float: left;
  padding: 20px;
  background: #1A1941;
  color: #fff;
  display: inline;
  text-align: center;
}



.content .row .mega-links1{display:none!important;}
.content .row .mega-links2{display:none!important;}
.content .row .mega-links3{display:none!important;}
.content .row .mega-links4{display:none!important;}
 
    

}
.brains_durgami_h{width:100%; float:left; font-weight:800; font-size:24px; text-align:center; padding:20px;}
.brains_box{width:96%; float:left; background:#fff; padding:02%; margin-bottom: 20px;}
.brains_box .sect{width:100%; float:left; padding: 10px;}
.brains_box .sect img{width:100%!important; float:left;}
.brains_box .name{width:100%; float:left; text-align:center; font-size:12px; font-weight:800; padding:20px 0 0 0; color:#315390;}
.brains_box .deg{width:100%; float:left; text-align:center; font-size: 12px; padding-top: 8px; color:#315390;}
.brains_box .company{width:90%; float:left; text-align:center; font-weight:600px; padding:05px; font-size:12px; font-weight:700; margin: 5% 05% 0 05%; padding: 10px 05px; border-top:01px solid #a09cb047;}
.company a:hover{text-decoration:none; color:#fe8127;}





.f_ulli ul li a:hover{color:#fe8127;}
.free_demo{margin-right:10px;}






.email_iconf {
  width: 96%;
  float: left;
  margin: -5px 0;
  display: inline-block;
  text-align: center;
  color: #000;
  font-size: 12px;
}

.f_ulliht {
  width: 100%;
  float: left;
  color: #000;
  padding-top: 20px;
}

.adderh {
  width: 100%;
  float: left;
  color: #000;
  margin-bottom: 20px;
  font-size: 12px !important;
}


.f_headinghjh {
  width: 100%;
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}