/**
 * Place your custom styles here.
 */

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{ font-family: 'robotoregular'; font-size:19px; color:#2d2d2d; letter-spacing:1px; line-height:30px; margin-top: 0; }
a:hover{ text-decoration:none }
ul, ul li{ list-style-type:none; padding:0px; margin:0px; }
.center{ text-align:center; }
/*** header Style ***/
.path-frontpage .region-content, .footer{ width: 1089px; margin:auto; }


.navbar-default, #navbar-collapse ul li ul li a:hover, #navbar-collapse ul li ul li.active a, .footer-sec, .button{
    background-color: #f36c21;
    background-image: linear-gradient(to right,#f36c21,#fbae18);
}


.navbar-default{ padding:0px 15px;  }
.navbar-header{ margin:auto!important; float:none; }

.navbar-header{ float:left; }
#navbar-collapse{ float:right; font-size:12px; padding-top: 13px; }
#navbar-collapse a{ color:#fff; padding:10px 8px !important; font-size:16px; }
#navbar-collapse ul li ul li a:hover, #navbar-collapse ul li ul li.active a{ color:#333; }
ul.navbar-nav {
    float: right;
    padding-top: 34px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background:none; color:#000; }
.dropdown-menu > li > a{ color:#333333!important; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:none!important; }

/*** Home Page Styles ***/
.path-frontpage h1{ font-family: 'robotobold'; font-size:62px; color:#00c6ff; letter-spacing:8px; }
.path-frontpage h1 span{ color:#0064b2; }

.path-frontpage h2{ font-family: 'robotobold'; color:#ff6e06; font-size:22px; margin-bottom:20px; }
.path-frontpage h3{ font-family: 'robotobold'; font-size:46px; color:#646464; margin-bottom:10px; }
.path-frontpage h4{ font-family: 'robotobold'; font-size:32px; color:#1265ac; }
.path-frontpage p{ margin-bottom:30px;  }

.img-l{ float:left; }
.img-r{ float:right; }
.knowmore{ background:#ff6e06; color:#fff; font-size:12px; padding: 7px 14px; }
.intro{ padding:30px 5% 0px 8%; }
.into p{ font-weight:bold; color:#646464; }

.h-block{ float:left; width:100%; }
.h-block, .digital-xp, .data-tec{ float:left; padding:100px 0px 0px 8%; }

.devider-gb, .devider-bg{ height:4px; margin:100px 0px 0; float:left; width:100%; }
.devider-gb{ background: linear-gradient(to right, #f36c21 50%, #2d2d2d 50%); }
.devider-bg{ background: linear-gradient(to right, #2d2d2d 50%, #f36c21 50%); }



/*** Footer Style ***/
.footer{ padding:0px!important; border:none; margin-top:80px; }
.footer-sec{ width:100%; float:left; margin:auto; padding:30px 0; }
.f-block{ float:left; padding:0 24px; border-right:1px solid #d0d0d0; min-height: 242px;  }
.f-block.last{ border-right:none;  }
.f-block h5{ font-size:16px; color:#fff; margin-bottom:5px!important; }
.f-block ul li{ list-style-type:none; color:#2d2d2d; }
.f-block ul li a{ color:#fff; font-size:12px; line-height:26px; }
.f-block ul li a:hover{ font-weight:bold; }
.copyrights{ float:left; color:#fff; width:100%; text-align:center; font-size:11px; padding-top: 60px; }

 
 /*** Inner Pages Styles`  ***/
.path-node .region-content{ width:1024px; /*width:920px;*/ margin:auto; }
.path-node p{ padding-bottom:10px; }
.path-node .region-content ul li::before{content: "•"; color:#ff6e06; width:1.3em; display:inline-block; margin-left:-1.3em; }
.path-node .region-content ul{ margin-bottom:40px; margin-left:55px; }
.path-node .region-content ul.mb15{ margin-bottom:15px!important; }
.path-node .region-content ul li{ padding-bottom:10px; }
.path-node .main-container{ padding-top:80px; }


.path-node .main-container h1{ font-family: 'robotobold'; color:#ff6e06; font-size:24px; border-bottom:none; margin-bottom: 55px; }
.path-node .main-container h2{ font-family: 'robotobold'; font-size:65px; width: 71%; }
.path-node .main-container h2.font-61{ font-size:61px; }
.path-node .main-container h2.auto-title{ width: 52%; }
.path-node .main-container h3{ font-family: 'robotobold'; font-size:30px; color:#ff6e06; margin:40px 0px 40px 0; }
.path-node .main-container h3.grey{ color:#2d2d2d; }
.path-node .main-container h4{ font-family: 'robotobold'; font-size:44px; color:#646464; }
.path-node .main-container h5{ font-family: 'robotobold'; font-size:30px; color:#646464; margin-bottom:20px; }


.inner-banner{ font-family: 'robotobold'; background:#e1e2e2; font-size:28px; margin:30px 0px 45px; padding:25px 41% 0px 18px; min-height:200px; position:relative; }
.inner-banner img{ position:absolute; right:0px; bottom:0px; }
.inner-banner2{ float:right; margin-top:-48px; }
.inner-banner2.ms-image{ margin-right:-21px; margin-top:-136px; }
.inner-banner2.edu-pub{ margin-right: -87px; margin-top: -92px; }
.inner-banner2.qua-inc{ margin-right: -54px; margin-top: -32px; }
.inner-banner2.autom{ margin-right: -27px; margin-top: -89px; }
.inner-banner2.legal{ margin-right: -41px; margin-top:-82px; }
.inner-banner2.agribu{ margin-right: -55px; margin-top: -56px; }
.inner-banner2.transport{ margin-top:-90px; }

.one, .two, .three, .four, .five{ position:relative; padding-left: 60px; }
.one::before, .two::before, .three::before, .four::before, .five::before{ font-family: 'robotobold'; color:#ffab07; font-size:75px; position:absolute; left:0; top:17px; }
.one::before{ content: "1"; }
.two::before{ content: "2"; }
.three::before{ content: "3"; }
.four::before{ content: "4"; }
.five::before{ content: "5"; }

.box-border{ border:2px solid #898989; padding: 15px 30px; margin-top: 45px; }

.app-moder, .app-maintenance, .app-customDev{ background-image:url(/themes/akisysv2/images/applicaiton-icons.png); background-repeat:no-repeat; width:66%; height:186px; padding: 26px 0 0 196px; margin:75px 0px 42px; }
.app-moder{ background-position:0 0; } 
.app-maintenance{ background-position:0 -178px; }
.app-customDev{ background-position:0 -419px; }

.video-emd{ width:778px; margin:auto; border:1px solid #242424; margin-top:50px; }

.platform-highlights{ float:left; width:100%; margin-bottom:10px; }
.platform-highlights div{ float:left; width:50%; border-right:1px solid #626262; margin-bottom:60px; padding:0px 2% 0px 10%; position:relative;  min-height: 200px; }
.platform-highlights div.last{ border-right:none;  padding:0px 2% 0px 12%; }
.path-node .main-container .platform-highlights div h5{ font-size:22px; }

.platform-highlights div i{ background-image:url(/themes/akisysv2/images/platform-icons.png); background-repeat:no-repeat; width:78px; height:62px; display:block; position:absolute; top:0px; left:0; }
.platform-highlights div.last i{ left:10px; }
.platform-highlights div.dip i{ background-position:0px 0px;  }
.platform-highlights div.iwa i{ background-position:8px -247px; }
.platform-highlights div.abid i{ background-position:8px -80px; }
.platform-highlights div.dcmi i{ background-position:8px -344px; }
.platform-highlights div.lpm i{ background-position:0px -159px; }
.platform-highlights div.vid i{ background-position:8px -409px; }



.field--name-field-webform .field--label{ display:none; }
#webform-submission-get-back-to-you-block-content-2-add-form{ margin-top:30px; }
#webform-submission-get-back-to-you-block-content-2-add-form .form-group{ width:32%; float:left; }
#webform-submission-get-back-to-you-block-content-2-add-form .form-group label{ float:left; width:100%; font-weight:normal; }
#webform-submission-get-back-to-you-block-content-2-add-form .form-group .form-text, #webform-submission-get-back-to-you-block-content-2-add-form .form-group  .form-email{ width:76%; }

/*** Contact Styles ***/
#webform-submission-contact-block-content-3-add-form{ margin-top:60px; }
#webform-submission-contact-block-content-3-add-form .form-group{ padding-bottom:15px; }
#webform-submission-contact-block-content-3-add-form label{ width:260px; float:left;  }
#webform-submission-contact-block-content-3-add-form label.option{ width:100%; margin-bottom:30px; }



@media only screen and (max-width: 1000px) and (min-width:768px ){ 
.path-node .region-content, .path-frontpage .region-content, .footer, .video-emd{ width:100%; }
.h-banner img{ width:100%; }
#navbar-collapse{  padding-left:0; }
#navbar-collapse a { font-size: 12px; padding:10px 5px !important; }
.path-frontpage h3{ font-size: 32px; }
.f-block{ margin-bottom: 34px; padding: 0 4%; }

} 

@media only screen and (max-width: 767px){ 
.path-node .region-content, .path-frontpage .region-content, .footer{ width:100%; }
.h-banner img, .navbar-header, .video-emd, .platform-highlights div, .main-container .content img, .path-node .main-container .content img{ width:100%; }
.webform-element--title-inline .form-control, .webform-element--title-inline .select-wrapper{ width:100%; }
.f-block{ width:100%; border:none; min-height:0px; margin-bottom:20px; }

#navbar-collapse{ float:none; padding-left:40px; }
#navbar-collapse a { font-size: 12px; }
.h-block, .digital-xp, .data-tec{ padding:100px 0px 0px 0%; }
.intro { padding: 30px 0% 0px 0%; }

.path-node .main-container h1{ margin-bottom:4px; }
.path-node .main-container h2, .path-node .main-container h2{ font-size:42px; width:100%; }
.inner-banner img{ position:inherit; width:90%; }
.inner-banner{ padding: 25px 1% 0px 18px; }
.path-node .main-container h4{ font-size:30px; }

.platform-highlights div, .platform-highlights div.last{ padding:0px 2% 0px 27%; border:none; }
#webform-submission-get-back-to-you-block-content-2-add-form .form-group, #webform-submission-get-back-to-you-block-content-2-add-form .form-group label{ width:100%; }
.inner-banner2{ margin-top:0px; margin-bottom:30px; }
.inner-banner2.edu-pub, .inner-banner2.legal, .inner-banner2.transport, .inner-banner2.qua-inc, .inner-banner2.autom, .inner-banner2.agribu { margin-right: 0; margin-top: 0; }
.path-frontpage h3{ font-size:32px; }
.h-block, .digital-xp, .data-tec { padding: 22px 0px 0px 0%; }
.img-r, .img-l, .inner-banner2{ float:none }

}


.careers .button {
    font-size: 16px;
    margin-top: 10px;
    letter-spacing: 1px;
}
.button span, .innerpage h2 span, .dn-button span {
    display: inline-block;
    transform: skew(21deg);
}
.button, .innerpage h2, .dn-button {
    color: #fff;
    padding: 4px 20px;
    display: inline-block;
    transform: skew(-21deg);
}

.field--name-field-webforms .field--item {
    width: 40%;
    float: left;
    margin: 20px 5% 0px 17px;
    border: 1px solid #F26F21;
    padding: 15px 16px 10px;
}


.download-message {
    background-color: #dff0d8;
    padding: 16px;
    text-align: center;
    font-size: 18px;
}
.captcha {width:25%;}