/* start editing from here */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
/* start editing from here */
a {
    text-decoration: none;
}
.txt-rt {
    text-align: right;
}
/* text align right */
.txt-lt {
    text-align: left;
}
/* text align left */
.txt-center {
    text-align: center;
}
/* text align center */
.float-rt {
    float: right;
}
/* float right */
.float-lt {
    float: left;
}
/* float left */
.clear {
    clear: both;
}
/* clear float */
.pos-relative {
    position: relative;
}
/* Position Relative */
.pos-absolute {
    position: absolute;
}
/* Position Absolute */
.vertical-base {
    vertical-align: baseline;
}
/* vertical align baseline */
.vertical-top {
    vertical-align: top;
}
/* vertical align top */
.underline {
    margin: 0 0 20px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
}
/* Add 5px bottom padding and a underline */
nav.vertical ul li {
    display: block;
}
/* vertical menu */
nav.horizontal ul li {
    display: inline-block;
}
/* horizontal menu */
img {
    max-width: 100%;
}
/*end reset*/
/*-- main-section --*/
body {
    font-family: Arial, 'Cabin', sans-serif;
    font-size: 100%;
    background: #2b2f3e;
}
h1 {
    font-size: 3.2em;
    margin-top: 1em;
    text-align: center;
    letter-spacing: 6px;
    text-transform: capitalize;
    color: #fff;
}
.logo-top h2 {
    font-size: 2.4em;
    text-align: center;
    color: #fff;
}
.logo-bottom {
    margin-top: 8.5%;
}
.head {
    width: 50%;
    margin: 4% auto 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}
.logo {
    float: right;
    width: 45%;
    padding: 2em 0;
    background: url(../img/background.jpg) no-repeat;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*-- agileinfo --*/
.logo-top img {
    width: 35%;
    margin: 0 auto;
    margin-left: 32%;
    text-align: right;
    border-radius: 50%;
}
.login {
    float: left;
    width: 55%;
    padding: 20px 0;
    background: #fff;
    border-radius: 4px;
}
.login input[type='text'],
.login input[type='password'],
.login input[type='email'] {
    font-size: 16px;
    width: 85%;
    margin: 0;
    padding: 20px 50px 10px 0;
    color: #555;
    border: none;
    border-bottom: 2px solid #cecfd3;
    outline: none;
    -webkit-appearance: none;
}
span i {
    position: absolute;
    /*background: #284da5;*/
    padding: 6px 8px;
    color: #5d5f63;
}
.ic1 {
    top: 18px;
    right: 32px;
}
.ic2 {
    top: 69px;
    right: 32px;
}
.ic3 {
    top: 12%;
    right: 8%;
}
.ic4 {
    top: 45%;
    right: 8%;
}
/*-- agile --*/
.ic5 {
    top: 78%;
    right: 8%;
}
.login-top {
    position: relative;
    margin-top: 15px;
    padding: 0 25px;
}
.submit {
    float: left;
}
.login-bottom ul {
    float: right;
    padding: 0;
}
.login-bottom ul li {
    display: inline-block;
    margin-left: 3px;
    vertical-align: middle;
}
.login-bottom ul li p {
    font-size: 15px;
    color: #898a8e;
}
.login-bottom {
    transform: translateY(-50%);
    text-align: center;
}
.login-bottom .link {
    font-size: 16px;
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 3px;
    margin-left: 3px;
    padding: 2px;
    transition: .5s;
    vertical-align: middle;
    color: #d7d0be;
    border-radius: 50%;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2),
        0 1px 0 rgba(255, 255, 255, .2);
    }
.login-bottom .link span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);
    text-align: center;
}
/*-- agileits-w3layouts --*/
.login-bottom .link:hover {
    transform: translateX(0px) rotate(360deg);
    color: white;
}
.login-bottom .link.google-plus {
    color: white;
    background-color: tomato;
}
.login-bottom .link.twitter {
    color: white;
    background-color: #00acee;
}
.login-bottom .link.weixin {
    color: white;
    background-color: #439057  ;
}
.login-bottom ul li span:hover {
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease;
    opacity: .4;
    filter: alpha(opacity=40);
}
.login-bottom ul li span.fb {
    background-position: 0 0;
}
.login-bottom ul li span.twit {
    background-position: -34px 0;
}
.login-bottom ul li span.google {
    background-position: -68px 0;
}
.bottom-w3l {
    margin-top: 4em;
}
.submit input[type='submit'] {
    font-size: 13px;
    padding: 7px 19px;
    cursor: pointer;
    color: #e91e63;
    border: 2px solid #e91e63;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    outline: none;
    background: #fff;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
}
.submit input[type='submit']:hover {
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    -o-transition: .5s all ease;
    transition: .5s all ease;
    color: #fff;
    background: #e91e63;
}
/* radios and checkboxes */
.row1 {
    overflow: auto;
    height: 200px;
    padding: 20px;
    outline: none;
}
.sky-form.col.col-4 ul {
    padding: 0;
    list-style: none;
}
.sky-form h4 {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 10px 20px;
    text-transform: uppercase;
    color: #333;
    background: #ececec;
}
.sky-form {
    margin-bottom: 20px;
}
.sky-form .label {
    line-height: 19px;
    display: block;
    margin-bottom: 6px;
}
.sky-form .label.col {
    margin: 0;
    padding-top: 10px;
}
.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button {
    position: relative;
    display: block;
}
/* selects */
.sky-form .select i {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 1px;
    height: 11px;
    background: #fff;
    box-shadow: 0 0 0 12px #fff;
}
.sky-form .select i:after,
.sky-form .select i:before {
    position: absolute;
    right: 0;
    content: '';
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
/*-- wthree --*/
.sky-form .select i:after {
    bottom: 0;
    border-top: 4px solid #404040;
}
.sky-form .select i:before {
    top: 0;
    border-bottom: 4px solid #404040;
}
.sky-form .select-multiple select {
    height: auto;
}
/* radios and checkboxes */
.sky-form .radio {
    font-size: 16px;
    line-height: 27px;
    margin-top: 0;
    margin-bottom: 7px;
    padding-left: 22px;
    letter-spacing: 2px;
    cursor: pointer;
    color: #fff;
    border: none;
    outline: none;
}
.sky-form .radio:last-child,
.sky-form .checkbox:last-child {
    margin-bottom: 0;
}
.sky-form .radio input,
.sky-form .checkbox input {
    position: absolute;
    left: -9999px;
}
.sky-form .radio i {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 10px;
    height: 10px;
    border-width: 2px;
    border-style: solid;
    outline: none;
}
.sky-form .radio i {
    border-radius: 50%;
}
.sky-form .radio input+i:after {
    position: absolute;
    -webkit-transition: opacity .1s;
    -moz-transition: opacity .1s;
    -ms-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
    opacity: 0;
}
.sky-form .radio input+i:after {
    top: 3px;
    left: 3px;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 50%;
}
.sky-form .checkbox input+i:after {
    top: 3px;
    left: 2px;
    width: 10px;
    height: 7px;
    content: '';
    text-align: center;
    background: url(../images/tick.png) no-repeat;
}
.sky-form .radio input:checked+i:after,
.sky-form .checkbox input:checked+i:after {
    opacity: 1;
}
.sky-form .inline-group {
    margin: 0 -30px -4px 0;
}
.sky-form .inline-group:after {
    display: table;
    clear: both;
    content: '';
}
.sky-form .inline-group .radio {
    float: left;
    margin-right: 30px;
}
.sky-form .inline-group .radio:last-child {
    margin-bottom: 4px;
}
/* icons */
.sky-form [class^='icon-'] {
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}
/* normal state */
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend {
    -webkit-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -o-transition: border-color .3s;
    transition: border-color .3s;
    border-color: #fff;
}
.sky-form .toggle i:before {
    background-color: #fff;
}
/* hover state */
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i {
    border-color: #fff;
}
.sky-form .button:hover {
    opacity: 1;
}
/* focus state */
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus+i,
.sky-form .checkbox input:focus+i,
.sky-form .toggle input:focus+i {
    border-color: #fff;
}
/* checked state */
.sky-form .radio input+i:after {
    background-color: #fff;
}
.sky-form .checkbox input+i:after {
    color: #fff;
}
.sky-form .radio input:checked+i,
.sky-form .checkbox input:checked+i,
.sky-form .toggle input:checked+i {
    border-color: #fff;
}
/* error state */
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error textarea,
.sky-form .radio.state-error i,
.sky-form .checkbox.state-error i,
.sky-form .toggle.state-error i {
    background: #fff;
}
/* success state */
.sky-form .state-success input,
.sky-form .state-success select,
.sky-form .state-success textarea,
.sky-form .radio.state-success i,
.sky-form .checkbox.state-success i,
.sky-form .toggle.state-success i {
    background: #fff;
}
/* disabled state */
.sky-form .input.state-disabled input,
.sky-form .select.state-disabled,
.sky-form .textarea.state-disabled,
.sky-form .radio.state-disabled,
.sky-form .checkbox.state-disabled,
.sky-form .toggle.state-disabled,
.sky-form .button.state-disabled {
    cursor: default;
    opacity: .5;
}
.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i {
    border-color: #e5e5e5;
}
.sky-form {
    margin-left: 16%;
}
/******** SAP ************/
.sap_tabs {
    clear: both;
}
.tab_box {
    padding: 2em;
    background: #fd926d;
}
.top1 {
    margin-top: 2%;
}
.resp-tabs-list {
    padding-left: 19px;
    list-style: none;
    text-align: left;
}
.resp-tab-item {
    font-size: 18px;
    display: inline-block;
    margin: 0;
    margin: 0 5px;
    padding: 1px 0 8px 0;
    list-style: none;
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-align: center;
    color: #aaaeaf;
    outline: none;
}
/*-- wthree --*/
.resp-tab-active {
    color: #5d5f63;
    text-shadow: none;
    ;
}
.resp-tabs-container {
    clear: left;
    padding: 0;
    background-color: #fff;
}
h2.resp-accordion {
    display: none;
    padding: 5px;
    cursor: pointer;
}
.resp-tab-content {
    display: none;
}
.resp-content-active,
.resp-accordion-active {
    display: block;
}
.resp-tab-item label {
    margin-right: 8px;
}
/*-- //main-section --*/
/*-- copyright --*/
.footer {
    margin-top: 5%;
    text-align: center;
}
.footer p {
    font-size: 1em;
    letter-spacing: 2px;
    color: #fff;
}
.footer p a {
    color: #fff;
}
.footer p a:hover {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    text-decoration: none;
    color: #44c7f4;
}
/*-- //copyright --*/
/*--Responsive-start-here--*/
@media(max-width:1440px) {
    .account ul span {
        margin-left: 22px;
    }
    .account ul {
        width: 19%;
    }
    .account ul {
        width: 21%;
    }
    .head {
        margin: 3% auto 0;
    }
    .footer {
        margin-top: 4%;
        margin-bottom: 3em;
    }
    .bottom-w3l {
        margin-top: 3.5em;
    }
}
@media(max-width:1366px) {
    .logo-top h1 {
        font-size: 2.25em;
    }
    .login input[type='text'],
    .login input[type='password'],
    .login input[type='email'] {
        width: 83%;
    }
}
@media(max-width:1280px) {
    .logo-top h1 {
        font-size: 2.05em;
    }
    .login input[type='text'],
    .login input[type='password'],
    .login input[type='email'] {
        font-size: 15px;
        padding: 18px 44px 10px 10px;
    }
    .login-bottom ul li {
        margin-left: 9px;
    }
    .sky-form {
        margin-left: 10%;
    }
    .sky-form .radio {
        font-size: 15px;
    }
    .account ul {
        width: 23%;
    }
    .head {
        width: 58%;
    }
    span i {
        padding: 5px 7px;
    }
    .ic2 {
        top: 66px;
    }
}
@media(max-width:1080px) {
    .head {
        width: 68%;
    }
    h1 {
        font-size: 3.5em;
    }
}
@media(max-width:1024px) {
    .head {
        width: 68%;
    }
    h1 {
        font-size: 3.8em;
    }
    .logo-top h2 {
        font-size: 2.2em;
    }
    .ic1,
    .ic2 {
        right: 30px;
    }
    .login-bottom .link {
        margin-right: 2px;
        margin-left: 2px;
    }
}
@media(max-width:991px) {
    .head {
        width: 71%;
        margin: 2% auto 0;
    }
    h1 {
        font-size: 3.6em;
        margin-top: .7em;
        letter-spacing: 6px;
    }
    .footer {
        margin-bottom: 2em;
    }
}
@media(max-width:800px) {
    .head {
        width: 82%;
        margin: 3% auto 0;
    }
    .submit input[type='submit'] {
        padding: 7px 14px;
    }
    .login-bottom ul li {
        margin-left: 3px;
    }
    .login-bottom .link {
        width: 28px;
        height: 28px;
    }
    .login input[type='text'],
    .login input[type='password'],
    .login input[type='email'] {
        padding: 18px 41px 10px 10px;
    }
    .footer {
        margin-top: 5%;
    }
}
@media(max-width:768px) {
    h1 {
        font-size: 3.5em;
        margin-top: 1.5em;
    }
    .head {
        width: 86%;
        margin: 7% auto 0;
    }
    .footer {
        margin-top: 10%;
    }
    .logo-top h2 {
        font-size: 2.1em;
    }
}
@media(max-width:736px) {
    h1 {
        margin-top: .7em;
    }
    .head {
        width: 88%;
        margin: 4% auto 0;
    }
    .footer {
        margin-top: 6%;
    }
    .ic1,
    .ic2 {
        right: 28px;
    }
}
@media(max-width:667px) {
    h1 {
        font-size: 3.3em;
        margin-top: .8em;
    }
    .submit input[type='submit'] {
        padding: 6px 12px;
    }
    .login-bottom ul li {
        margin-left: 1px;
    }
    .head {
        width: 93%;
        margin: 5% auto 0;
    }
    .login-bottom .link {
        width: 27px;
        height: 27px;
    }
    .login input[type='text'],
    .login input[type='password'],
    .login input[type='email'] {
        padding: 18px 39px 10px 9px;
    }
}
@media(max-width:640px) {
    .head {
        width: 95%;
    }
    h1 {
        font-size: 3.1em;
        letter-spacing: 5px;
    }
    .logo-top h2 {
        font-size: 1.9em;
    }
    .footer {
        margin-top: 8%;
    }
    .ic1,
    .ic2 {
        right: 27px;
    }
    .ic5 {
        top: 79%;
    }
}
@media(max-width:600px) {
    .head {
        width: 83%;
        margin: 3% auto 0;
    }
    .logo {
        width: 100%;
    }
    .login {
        width: 100%;
    }
    .logo-top img {
        width: 35%;
        margin-left: 33%;
    }
    .logo-top h2 {
        font-size: 2.3em;
        margin-top: 3px;
    }
    .sky-form {
        margin-left: 23%;
    }
    .logo-bottom {
        margin-top: 7%;
    }
    .sky-form .radio {
        font-size: 16px;
    }
    .login {
        padding: 8% 0 12%;
    }
    .login input[type='text'],
    .login input[type='password'],
    .login input[type='email'] {
        width: 89%;
    }
    .bottom-w3l {
        margin-top: 4.5em;
    }
    .submit input[type='submit'] {
        padding: 7px 14px;
    }
    .login-bottom ul li {
        margin-left: 11px;
    }
    .login-bottom .link {
        width: 31px;
        height: 31px;
    }
    .login-bottom .link {
        margin-right: 3px;
        margin-left: 3px;
    }
    .ic3 {
        right: 6%;
    }
    .ic5 {
        right: 6%;
    }
    .footer p {
        letter-spacing: 1px;
    }
    h1 {
        font-size: 3em;
        margin-top: .6em;
    }
    .footer {
        margin-top: 5%;
        margin-bottom: 2.5em;
    }
}
@media(max-width:568px) {
    .footer p {
        font-size: .9em;
    }
    .logo-top h2 {
        font-size: 2.1em;
    }
}
@media(max-width:480px) {
    h1 {
        font-size: 2.5em;
        margin-top: .4em;
        letter-spacing: 4px;
    }
    .logo-top h2 {
        font-size: 2em;
    }
    .logo {
        padding: 1.6em 0;
    }
    .sky-form .radio {
        font-size: 15px;
    }
    .sky-form {
        margin-left: 21%;
    }
    .login input[type='text'],
    .login input[type='password'],
    .login input[type='email'] {
        width: 87%;
    }
    .ic1,
    .ic2 {
        right: 23px;
    }
    .login-bottom ul li {
        margin-left: 5px;
    }
    .footer p {
        line-height: 2em;
    }
    .footer {
        margin-bottom: 1.6em;
    }
}
@media(max-width:414px) {
    h1 {
        font-size: 2.3em;
        margin-top: .5em;
        letter-spacing: 3px;
    }
    .logo-top h2 {
        font-size: 1.7em;
    }
    .sky-form {
        margin-left: 18%;
    }
    .logo-bottom {
        margin-top: 6%;
    }
    .resp-tab-item {
        font-size: 17px;
    }
    .login input[type='text'],
    .login input[type='password'],
    .login input[type='email'] {
        font-size: 14px;
        width: 85%;
    }
    .submit input[type='submit'] {
        padding: 6px 12px;
    }
    .login-bottom ul li p {
        font-size: 14px;
    }
    .login-bottom .link {
        width: 28px;
        height: 28px;
    }
    .login-bottom .link {
        margin-right: 1px;
        margin-left: 1px;
    }
    .login-bottom ul li {
        margin-left: 2px;
    }
    .footer p {
        letter-spacing: 0;
    }
    .head {
        width: 86%;
    }
}
@media(max-width:384px) {
    .head {
        width: 89%;
    }
    .login-bottom .link {
        font-size: 15px;
        width: 26px;
        height: 26px;
    }
    .bottom-w3l {
        margin-top: 3.5em;
    }
    .login {
        padding: 8% 0 15%;
    }
    h1 {
        font-size: 2.2em;
    }
    .sky-form {
        margin-left: 17%;
    }
}
@media(max-width:375px) {
    .ic1,
    .ic2 {
        right: 20px;
    }
    .login input[type='text'],
    .login input[type='password'],
    .login input[type='email'] {
        padding: 18px 40px 10px 9px;
    }
    .submit input[type='submit'] {
        padding: 6px 10px;
    }
}
@media(max-width:320px) {
    h1 {
        font-size: 1.8em;
    }
    .logo-top h2 {
        font-size: 1.5em;
        margin-top: 0;
    }
    .sky-form .radio {
        font-size: 14px;
    }
    .sky-form .radio {
        margin-bottom: 3px;
    }
    .sky-form {
        margin-left: 13%;
    }
    .login input[type='text'],
    .login input[type='password'],
    .login input[type='email'] {
        width: 83%;
    }
    .ic1,
    .ic2 {
        right: 16px;
    }
    .login-bottom ul {
        width: 100%;
        margin-top: 1.5em;
    }
    .footer {
        margin-bottom: 1em;
    }
    .bottom-w3l {
        margin-top: 2em;
    }
    .head {
        width: 90%;
    }
    .submit {
        width: 100%;
        text-align: center;
    }
    .submit input[type='submit'] {
        padding: 5px 16px;
    }
}
/*--Responsive-end-here--*/