@charset "utf-8";
/*
=====================================================================================================================================================
DEFAULT STYLE
=====================================================================================================================================================
*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body, html, form, section{height:100%;}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{font-family: 'Philosopher',Arial,sans-serif;font-size:18px;line-height:1.42857143;color:#636363;background:#fff;padding-top:80px;}
input, button, select, textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
a{color:#000;text-decoration:none;}
a:hover, a:focus{color:#000;text-decoration:underline;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
p{margin:0 0 15px}
.black{ color:#000;}
body{opacity:0}
/*MENU STYLE*/

.submenu
{
    position: absolute;
    background:#fff;
    display:none!important;
    text-size:25px;

}
li.submeniitem
{
    width:200px;
    text-align: left!important;
    padding: 2px;

}
li.submeniitem a
{
    font-size: 16px!important;
    text-decoration: none;
}
li.submeniitem a i
{
    margin-left:5px;
    margin-right:5px;
}
.main:hover .submenu
{
    display:block!important;
}

/*MENU STYLE*/
/*
=====================================================================================================================================================
COMMON STYLE
=====================================================================================================================================================
*/

.scrollup{position:fixed;bottom:10px;right:0px;display:none;z-index:1;font-size:24px;padding:0px 8px 3px;}
.scrollup{-webkit-animation:moveFromBottom 1000ms ease;-moz-animation:moveFromBottom 1000ms ease;-ms-animation:moveFromBottom 1000ms ease;}
a.scrollup{color:#000 !important;}
a.scrollup:hover{color:#000 !important;}
.clear{clear:both;}
.spacer1{clear:both;width:100%;height:10px;}
.spacer2{clear:both;width:100%;height:20px;}
.spacer3{clear:both;width:100%;height:30px;}
.spacer4{clear:both;width:100%;height:40px;}
.spacer5{clear:both;width:100%;height:50px;}
.border{border:1px solid #ccc !important;}
.no-border{border:none !important}
.no-border-l{border-left:none !important;}
.no-border-r{border-right:none !important;}
.no-border-t{border-top:none !important;}
.no-border-b{border-bottom:none !important;}
.border-t{border-top:1px solid #ccc !important}
.border-b{border-bottom:1px solid #ccc !important}
.no-border-rad{border-radius:0px !important}
.no-shadow{box-shadow:none !important}
.no-margin{margin:0 !important;}
.no-margin-r{margin-right:0 !important;}
.no-margin-l{margin-left:0 !important;}
.no-margin-b{margin-bottom:0 !important;}
.no-margin-t{margin-top:0 !important;}
.no-margin-x{margin-left:0 !important;margin-right:0 !important;}
.no-margin-y{margin-top:0 !important;margin-bottom:0 !important;}
.marg-t{margin-top:30px !important;}
.marg-b{margin-bottom:20px !important;}
.marg-ftr-t{margin-top:20px !important;}
.no-pad{padding:0 !important;}
.no-pad-l{padding-left:0 !important;}
.no-pad-r{padding-right:0 !important;}
.no-pad-t{padding-top:0 !important;}
.no-pad-b{padding-bottom:0 !important;}
.no-pad-x{padding-left:0 !important;padding-right:0 !important;}
.no-pad-y{padding-top:0 !important;padding-bottom:0 !important;}
.pad-t{padding-top:40px !important;}
.pad-b{padding-bottom:40px !important;}
.pad-t-nav{padding-top:10px !important;}
hr.solid{border:0;border-top:1px solid #ccc;}
hr.dotted{border:0;border-top:1px dotted #666;background:#292929;}
hr.dashed{border:0;border-top:1px dashed #ccc;background:#fff;}
hr.double{border:0;border-top:1px dashed #ccc;background:#999;}
.err{font-size:12px;color:#c80000;}
.red{color:#c80000;}
.list{padding:0;margin:0 0 0 20px;}
.list li{margin-bottom:5px;}
.list-inline{margin-left:0px !important;}
.list-inline li{margin-bottom:5px !important;}
.list-unstyled li{margin-bottom:5px !important;}
.list-col-2 li{width:48%;float:left;}
.list-col-2 li:nth-child(odd){margin-right:10px !important;}
.list-col-3 li{width:31%;float:left;}
.list-col-3 li:nth-child(1n+1){margin-right:15px !important;}
.list-bullet{padding:0;margin:0 0 20px 0;float:left;width:100%;display:block;}
.list-bullet li{list-style:none;padding:7px 15px 7px 30px;margin:0px;position:relative;border-bottom:1px dotted #cccccc;}
.list-bullet li:before{content:"\f00c";font-family:FontAwesome;position:absolute;left:5px;color:#d2232a}
.img-border{border:5px solid #ce003e;max-width:100%;}
.fa-icon{padding-left:25px !important;position:relative;}
.fa-icon > .fa{position:absolute;top:2px;margin-left:-23px !important;}
.fa-icon-40{padding-left:50px !important;position:relative;vertical-align:middle;line-height:normal;padding-top:5px;}
.fa-icon-40 > .fa{position:absolute;top:2px;margin-left:-50px !important;}

.list-cell{display:table;padding:0;margin:0;list-style:none;}
.list-cell li{display:table-cell;vertical-align:middle;padding:0 5px;margin:0;}

@media (max-width:640px){.list-col-2 li{width:100%;}
.list-col-2 li:nth-child(2n+1){margin-right:0px !important;}
.list-col-3 li{width:100%;}
.list-col-3 li:nth-child(1n+1){margin-right:0px !important;}
}
a, .btn{-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.delay-05s{-webkit-animation-delay:0.5s;animation-delay:0.5s;}
.delay-06s{-webkit-animation-delay:0.6s;animation-delay:0.6s;}
.delay-07s{-webkit-animation-delay:0.7s;animation-delay:0.7s;}
.delay-08s{-webkit-animation-delay:0.8s;animation-delay:0.8s;}
.delay-09s{-webkit-animation-delay:0.9s;animation-delay:0.9s;}
.delay-1s{-webkit-animation-delay:1s;animation-delay:1s;}
.delay-15s{-webkit-animation-delay:1.5s;animation-delay:1.5s;}
.delay-2s{-webkit-animation-delay:2s;animation-delay:2s;}
.delay-25s{-webkit-animation-delay:2.5s;animation-delay:2.5s;}
.delay-3s{-webkit-animation-delay:3s;animation-delay:3s;}
ul.social_media{margin:0px;padding:0px 0px 5px 0px;width:100%;display:none}
ul.social_media li{display:inline-block;list-style-type:none;list-style-image:none;padding:0px;margin:0 0px 10px 5px;border:none;vertical-align:top;}
ul.social_media li a{display:block;font-size:15px;transition:none .6s ease-in-out;-webkit-transition:none .6s ease-in-out;-moz-transition:none .6s ease-in-out;-o-transition:none .6s ease-in-out;-ms-transition:none .6s ease-in-out;}
ul.social_media li a:hover{display:block;}
ul.social_media .fa{padding:0px;margin:0px;font-weight:400;color:#fff;width:35px;height:35px;line-height:32px;border-radius:100%;text-align:center;}
ul.social_media .fa:hover{color:#fff;border:transparent;}
.fa-facebook, .fa-google, .fa-google-plus, .fa-linkedin, .fa-youtube, .fa-youtube-play, .fa-tumblr, .fa-twitter, .fa-pinterest, .fa-instagram{transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;}
.fa-facebook:hover{background:#3b5998;}
.fa-google:hover{background:#3f85f4;}
.fa-google-plus:hover{background:#d13f2d;}
.fa-linkedin:hover{background:#0275b5;}
.fa-youtube:hover{background:#ce332d;}
.fa-youtube-play:hover{background:#ce332d;}
.fa-tumblr:hover{background:#274152;}
.fa-twitter:hover{background:#4dc8f1;}
.fa-pinterest:hover{background:#cb2028;}
.fa-instagram:hover{background:#3e739d;}
.breadcrumbs_panel{padding:20px 0;margin:20px 0 0;border-top:1px solid #e3e3e3;}
.breadcrumb{padding:0 !important;margin:0 !important;background-color:transparent !important;}
.breadcrumb li{padding:0;margin:0;list-style:none;font-size:15px;color:#323232;}
.breadcrumb li.active{color:#323232;}
.breadcrumb a{color:#323232;text-decoration:none;padding:0;}
.breadcrumb a:hover{color:#323232;text-decoration:underline;}
.map-container{width:100%;height:100%;border:0px;float:left;padding:0;margin:0;}
.map-container iframe{width:100%;height:325px;border:0px;pointer-events:none;}
.form-control{border-radius:0px !important;resize:none;}
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{position:relative;min-height:1px;padding-right:15px;padding-left:15px;}
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{width:100%;float:left;}
@media (min-width:768px){.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{width:100%;float:left;}
}
@media (min-width:992px){.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{width:20%;float:left;}
}
@media (min-width:1200px){.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15{width:20%;float:left;}
}
.th{background:#323232;color:#fff;}
.tch{background:#999;color:#fff;}
.tc{background:#f5f5f5;}



.btn-outline{background:none;border:1px solid #000 !important;}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active, .open > .dropdown-toggle.btn-outline{}
.btn-outline:active, .btn-outline.active{box-shadow:none;}
.btn-outline.btn-sm{border-radius:0px;}
.fa-20{width:20px;text-align:center;}
.fa-25{width:25px;text-align:center;}
.fa-30{width:30px;text-align:center;}
.img-responsive{ margin:auto;}
.width100 {width:100%;}
@media (min-width:768px){}
@media (min-width:992px){.text-md-right{text-align:right;}
.text-md-right1 { float:right}
.text-md-center{text-align:center;}

}
@media (min-width:1200px){.text-md-right{text-align:right;}
.text-md-center{text-align:center;}
}


.pace {-webkit-pointer-events: none;pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none; }
.pace-inactive {display: none;}
.pace .pace-progress {background: #d2232a;position: fixed;z-index: 2000;top: 0;right: 100%;width: 100%;height: 3px;}

/*
=====================================================================================================================================================
HEADING STYLE
=====================================================================================================================================================
*/
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}
.h1,.h2,.h3,h1,h2,h3{margin-top:10px;margin-bottom:10px;text-transform:none;font-weight:400}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:24px;color:#102963;}
.h2,h2{font-size:28px;color:#d2232a;}
.h3,h3{font-size:24px}
.h4,h4{font-size:20px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}
.section-heading{position:relative;}
.section-heading h2, .section-heading h1{position:relative;color:#054a8f;font-size:30px;padding-left:20px;text-transform:none;margin-bottom:20px;}
.section-heading h2:before, .section-heading h1:before {
    content: "";
    background: url(images/icon-heading.png);
    background-repeat: no-repeat;
    position: relative;
    top: 0;
    left:-15px; 
   display:inline-block;
   vertical-align:middle;
    height: 57px;
    width: 19px;
}


.heading{text-align:left;position:relative;display:inline-block;width:100%;margin:0px auto 20px;float:none;padding:0;}
.heading h2, .heading h1{font-weight:normal;font-size:36px;padding:0px;}
.text-white{color:#fff;}

.list-cell h2 {color:#054a8f;font-size:20px;font-weight:700;}
#hrtoolkitgrid .list-cell .btn-default, .dwnld-pane .btn-default{ margin-bottom: 10px;}

@media(min-width: 640px){
    #hrtoolkitgrid .list-cell, .dwnld-pane{ width: 100%; vertical-align: middle; }
    #hrtoolkitgrid .list-cell h2, .dwnld-pane h2{ display: inline-block; float: left; }
    #hrtoolkitgrid .list-cell .btn-default, .dwnld-pane .btn-default{ float:right; }
    .dwnld-pane .btn-default{ margin-top:10px; }
}
/*
=====================================================================================================================================================
WRAPPER
=====================================================================================================================================================
*/
.wrapper{position:relative;width:100%;margin:0 auto;text-align:left;float:none;}
.wrapper{min-height:100%;height:auto !important;height:100%;margin:0 auto -80px;}
.footer{position:relative;width:100%;margin:0 auto;}
.footer, .push{min-height:80px;/*min-height:105px;*/clear:both;}

/*
=====================================================================================================================================================
HEADER
=====================================================================================================================================================
*/
header{background:#fff;}
.header-top .logo{margin:8px 0 0;padding:0;float:left;-webkit-transition:all .50s ease;-moz-transition:all .50s ease;-ms-transition:all .50s ease;-o-transition:all .50s ease;transition:all .50s ease;}
.header-top .logo h1{line-height:0px !important;padding:0px 0;margin:0;}
.header-top .logo img{max-width:100%;padding:0px;height:65px;float:left;-webkit-transition:height 0.6s;-moz-transition:height 0.6s;transition:height 0.6s;}
 

@media (min-width:992px){.top-nav-collapse{box-shadow:0px 0px 10px #ccc;}
.top-nav-collapse .header-top .logo{margin:5px 0;padding:0;}
.top-nav-collapse .header-top .logo img{height:50px;}
}
@media (max-width:991px){body{padding-top:80px;}
.header-top .logo img{height:50px;}
}
@media (max-width:767px){
.header-top .logo img{ padding-left:10px;}
}
.header-menu{float:right;-webkit-transition:height 0.6s;-moz-transition:height 0.6s;transition:height 0.6s;}
.navbar{border:0px !important;border-radius:0px !important;}
.navbar li{list-style-image:url(data:0);list-style:none;list-style-type:none}
.navbar, .navbar-nav{border:none !important;margin-bottom:0px !important;}
.nav > li > a{font-size:18px !important;color:#323232;display:block !important;text-decoration:none;text-transform:capitalize;}
.nav li:hover>a{color:#002567 !important;background:transparent !important;}
.nav > li > a:hover, .nav > li > a:focus{color:#002567 !important;background:transparent !important;}
.nav > li.active > a, .nav > li.active > a:hover{border-bottom:1px solid #000;color:#000;}
.nav > li.active:hover>a{color:#000 !important;}
.nav > li.dropdown a{padding-right:35px !important;}
.nav > li.dropdown > a:after{position:absolute;top:10px;margin-left:8px;display:inline-block;content:"\f107";font-family:'FontAwesome';-webkit-transition:all .50s ease;-moz-transition:all .50s ease;-ms-transition:all .50s ease;-o-transition:all .50s ease;transition:all .50s ease;}
.nav > li.dropdown:hover > a:after{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}
@media (min-width:1200px){.nav > li > a{padding:7px 0px !important;}}
@media (max-width:11199px) and (min-width:991px){.nav > li > a{padding:5px 0px !important;}}

@media (min-width:992px){.navbar-nav{float:right;}
.navbar-nav > li{text-align:center; padding:25px 10px;-webkit-transition:padding 0.6s;-moz-transition:padding 0.6s;transition:padding 0.6s;}
.nav > li > a{display:block !important;}
.nav > li > a{color:#636363;}
.top-nav-collapse .navbar-nav > li{ padding:10px;}
}
@media (min-width:992px){.dropdown .dropdown-menu{visibility:hidden !important;opacity:0 !important;}
.dropdown:hover .dropdown-menu{visibility:visible !important;opacity:1 !important;display:block;padding:0px 0px !important;border:0px solid #d3d3d3;-webkit-animation:fadeInUp 300ms ease;-moz-animation:fadeInUp 300ms ease;-ms-animation:fadeInUp 300ms ease;}
.dropdown .dropdown-menu li{border-bottom:1px solid #ccc;padding:5px 0px !important;}
.mega-dropdown-menu li{background:transparent !important;cursor:pointer;width:33.33%;float:left;}
.dropdown .dropdown-menu li:hover{border-bottom:1px solid #d2232a;}
.dropdown .dropdown-menu li:hover > a{color:#d2232a!important;}
}
.dropdown-menu.mega-dropdown-menu{}
.navbar-nav .mega-dropdown{position:static !important;padding:0;margin:0;}
.navbar-nav .dropdown-menu{padding:15px !important;width:auto;left:auto !important;border-radius:0px !important;min-width:200px;}
.navbar-nav .mega-dropdown-menu{padding:0px !important;left:0 !important;width:100% !important;border-radius:0px !important;}
@media (max-width:991px){
.navbar-nav { margin:0px!important;}
    .navbar-nav > li{border-bottom:1px solid #ccc;}
.navbar-nav .open .dropdown-menu > li > a{padding:5px 10px !important;}
}

/*
=====================================================================================================================================================
FOOTER
=====================================================================================================================================================
*/

footer{font-size:15px;padding:15px 0 0px;font-weight:normal;background:#1c3b5d;color:#fff;}
.footer a{color:#fff;}
.copy{text-align:left}
.ftr_right {text-align:right}
@media(max-width:991px){.footer, .copy, .ftr_right {text-align:center}}
ul.ftr_links{padding:0;margin:0 0 5px 0;list-style:none;}
ul.ftr_links li{padding:0 5px 0 0;display:inline-block;}


/*
=====================================================================================================================================================
HOME
=====================================================================================================================================================
*/
.height100{height:100%!important;min-height:100%!important;}
#visual_container{position:relative;z-index:8;background:#ccc;}

.home_panel:first-child {margin-top:30px;}
.home_panel{margin-bottom:30px;position:relative;}

/*Home service*/
.service-panel {background: url('http://ingenioussys.in/datec/images/bg-home-service.png') no-repeat top center;position: relative;z-index: 300;min-height: 435px;}
.service-panel .container { padding-top:100px;}

ul.service-list{ margin:0 auto 30px; padding:0px; list-style:none;text-align:center;width:100%;}
ul.service-list li{ height:190px;width:190px;border-radius:100%;color:#fff;background: rgba(245, 130, 32, 1);display:inline-block;vertical-align:middle;text-align:center;vertical-align:middle;margin:30px 15px;
                    -webkit-box-shadow: 0px 28px 50px -20px rgba(33,33,33,1);-moz-box-shadow: 0px 28px 50px -20px rgba(33,33,33,1);box-shadow: 0px 28px 50px -20px rgba(33,33,33,1);}
ul.service-list li div { text-align:center;width:190px;height:190px;display:table-cell;vertical-align:middle;}
ul.service-list li h4{ font-size:20px;}
ul.service-list li img {filter: brightness(0) invert(1);}
ul.hm_ser_list li{margin:0 0px 0 -30px;background: rgba(132, 127, 123, 0.8);}
ul.hm_ser_list li:first-child{margin-left:0px;}
@media(max-width:767px){
    ul.hm_ser_list li{margin:10px;}
}
@media(max-width:640px){
    .service-panel {background:#eee;min-height: 100px;}
    .service-panel .container { padding-top:30px;padding-bottom:30px;}
}


/*Home Client Logos */
.hm_client_list {border:1px solid #ccc; position:relative;padding:0px 20px;display:block;width:100%;margin-bottom:30px;}
/*.hm_client_list div {width:100%;}*/
.hm_client_list:before, .hm_client_list:after{content:"";position:absolute;font-family:FontAwesome;color:#333;display:inline-block;width:20px;height:20px;top:50%;margin-top:-10px;z-index:99;text-align:center}
.hm_client_list:before {content:"\f0d9"; left:0;}.hm_client_list:after {content:"\f0da";right:0;}
.hm_client_list img{display: inline-block; max-width:100%;filter:grayscale(1);-webkit-transition:all .50s ease;-moz-transition:all .50s ease;-ms-transition:all .50s ease;-o-transition:all .50s ease;transition:all .50s ease;}
.hm_client_list img:hover{filter:grayscale(0)}
/*
=====================================================================================================================================================
BODY
=====================================================================================================================================================
*/
.bgbody{ background:url('http://ingenioussys.in/datec/images/bg-body-right.png') no-repeat top right;z-index:0;min-height:100%;background-repeat: repeat-y;    }
#body{padding-top:20px;padding-bottom:30px;}
#body .body_right{padding-top:10px;padding-left:50px;}
#body .body_right{padding-left:15px;}
.body_content{padding:20px;}

.bgbodyone{ background:url('http://ingenioussys.in/datec/public/images/bg-body-right1.png') no-repeat top right;z-index:0;min-height:400px;    }
.bgbodytwo{ background:url('http://ingenioussys.in/datec/images/back.png') no-repeat top right;z-index:0;min-height:400px;    }

#body .body_right{padding-left:15px;}
.body_content{padding:20px;}

/*
=====================================================================================================================================================
LEFT MENU STYLE
=====================================================================================================================================================
*/
@media (min-width:1600px){.section_pic{width:70%;}}
.sub_menu{background:#ce003e;padding:30px 15px;box-shadow:7px 7px 0px #d1d1d1;margin-bottom:30px;color:#fff;}
ul.leftmenu{text-align:left;padding:0;margin:10px 0 5px 0 !important;}
ul.leftmenu > li{padding:0;margin:0;list-style:none;border-bottom:1px dotted #f0727f;position:relative;}
ul.leftmenu a{display:block;text-decoration:none !important;color:#fff;position:relative;padding:8px 10px;}
ul.leftmenu > li.active{font-size:18px;font-weight:bold;}
ul.leftmenu > li:after{content:"\f0da";padding:8px 10px 0 0;font-family:FontAwesome;position:absolute;right:30px;opacity:0;}
ul.leftmenu > li.active:after, ul.leftmenu > li:hover:after{opacity:1;right:0;top:0;bottom:0;color:#fff;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}

 


/*
=====================================================================================================================================================
SECTION STYLE
=====================================================================================================================================================
*/
.section_head{padding:0px;margin:0;background:#ffffff;overflow:hidden;}
.section_head1{padding:0px;margin:0;background:#323232;overflow:hidden;margin-top:85px;}

.section_title{background:#fff;display:table;width:100%;height:315px;padding-top:30px;padding-bottom:15px;color:#fff;
               -webkit-box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);-moz-box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);
}
.section_title h1{color:#fff;padding:0px;margin:0;}
.section_title a {color:#fff;}
.section_pic{width:100%;height:315px;position:absolute;right:0;}
.section_pic_about{width:33.33%;height:315px;position:absolute;right:0;}
.section_picone{width:100%;height:315px;position:absolute;right:0;}
.section_pictwo{width:100%;height:100%;position:absolute;right:0;}


@media (max-width:991px){
.section_pic{width:100%;height:120px!important;position:relative;right:0;left:0;}
.section_picone{width:100%;height:120px!important;position:relative;right:0;left:0;}
.section_pictwo{width:100%;height:100%!important;position:relative;right:0;left:0;}
.section_title{height:auto;}
.sub_menu{background:#ce003e;padding:20px 15px;margin-bottom:0px;box-shadow:none;}
ul.leftmenu a{color:#333;}
ul.leftmenu > li.active:after, ul.leftmenu > li:hover:after{color:#333;}
}

.pic_section{width:108%;height:100%;position:absolute;right:-50px;
             -webkit-box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);-moz-box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);}
.pic_sectionone{width:100%;height:100%;position:absolute;right:0;
             -webkit-box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);-moz-box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);}

@media (min-width:992px){
.pic_section:before{content: ' '; background: #ffffff;position: absolute;width: 80px;height: 100%;top: 0px;left: -55px;display: block;   
    -webkit-transform: matrix(1, 0, 0.2, 1, 20, 0);-ms-transform: matrix(1, 0, 0.2, 1, 20, 0);transform: matrix(1, 0, 0.2, 1, 20, 0);}
}
.pic_sectiontwo{width:100%;height:100%;position:absolute;right:0;
             -webkit-box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);-moz-box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);box-shadow: inset 0px 20px 20px -10px rgba(33,33,33,0.5);}

.pic-about{background:url('http://ingenioussys.in/datec/public/images/pic-about.jpg') no-repeat center;background-size:88%;}
.pic-aboutone{background:url('http://ingenioussys.in/datec/public/images/visual/contact.jpg') no-repeat center;background-size:cover;}
.pic-services{background:url('http://ingenioussys.in/datec/public/images/ser.jpg') no-repeat center;background-size:82%;}
.pic-hrtoolkit{background:url('http://ingenioussys.in/datec/public/images/underco.jpg') no-repeat center;background-size:cover;}
.pic-submitvacancies{background:url('http://ingenioussys.in/datec/public/images/pic-submitvacancies.jpg') no-repeat center;background-size:cover;}
.pic-contact{background:url('http://ingenioussys.in/datec/public/images/pic-contact.jpg') no-repeat center;background-size:cover;}
.pic-sitemap{background:url('http://ingenioussys.in/datec/public/errordocs/404.html') no-repeat center;background-size:cover;}
.pic-under{background:url('http://ingenioussys.in/datec/public/images/under.jpg') no-repeat center;background-size:cover;}



/*
=====================================================================================================================================================
SERVICES STYLE
=====================================================================================================================================================
*/

.border_panel {border:1px solid #ccc;margin-bottom:30px;padding:20px;}
.border_panel_about {border:0px solid #ccc;margin-bottom:30px;padding:61px;}
@media (min-width:1200px) {
    #servicesgrid .col-lg-6 .border_panel {min-height:300px;}
    #servicesgrid .col-lg-6:nth-child(n+3) .border_panel {min-height:400px;}
}
.service_panel_last {border:5px solid #ededed;margin-bottom:30px;padding:20px;z-index:1;}
.service_panel_pic{margin:-20px;top:0;}
.service_panel_pic img {width:100%;}

/*
=====================================================================================================================================================
HR TOOL KIT
=====================================================================================================================================================
*/
#hrtoolkitgrid {
}
@media (min-width:1200px) {
    #hrtoolkitgrid .col-lg-6 .border_panel {min-height:250px;}
    #hrtoolkitgrid .col-lg-6:nth-child(-n+2) .border_panel {min-height:370px;}
}
.well{overflow:hidden}
.orange_panel { background:#f58220; padding:20px;color:#fff;}
.orange_panel.marg_left{ margin-left:-30px;}


/*
=====================================================================================================================================================
SUBMIT VACANCIES
=====================================================================================================================================================
*/
.vacan_panel {border:5px solid #eab60a;position:relative;margin-bottom:60px;}
.icon_no{width:50px;height:50px;line-height:50px;text-align:center;font-size:24px;color:#fff;background:#d2232a;border-radius:100%;margin-top:-50px;margin-bottom:20px;}
 .hrform {font-size:14px;}
.hrform label {display:block;color:#000; }
.hrform label.radio-inline {display:inline-block}
.hrform .form-group {margin-bottom:20px;}

/* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
      margin-bottom: 10px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}

.headerabout {
  padding: 24px;
  text-align: center;
  background: #1a5188;
  color: white;
  font-size: 30px;
}
.vertical-menu {
  width: 26px;
  height: 100%;
  overflow-y: auto;
  background-color:#1a5188;
}