dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul {    margin-top: 0}

address,dl,ol,p,pre,ul {    margin-bottom: 1rem}

img,svg {    vertical-align: middle}



dd,h1,h2,h3,h4,h5,h6,label {    margin-bottom: .5rem}

pre,textarea {    overflow: auto}

article,aside,figcaption,figure,footer,header,hgroup,legend,main,section {    display: block}

address,legend {    line-height: inherit;}

.badge,progress,sub,sup {    vertical-align: baseline}

label,output {    display: inline-block}

button,hr,input {    overflow: visible}





html {        line-height: 1.15;    -webkit-text-size-adjust: 100%;    -ms-text-size-adjust: 100%;    -ms-overflow-style: scrollbar;    -webkit-tap-highlight-color: transparent}

@-ms-viewport {    width: device-width}


[tabindex="-1"]:focus {    outline: 0 !important}

abbr[data-original-title],

abbr[title] {    -webkit-text-decoration: underline dotted;    text-decoration: underline dotted;    cursor: help;    border-bottom: 0}

.btn:not(:disabled):not(.disabled),.close:not(:disabled):not(.disabled),.navbar-toggler:not(:disabled):not(.disabled),.page-link:not(:disabled):not(.disabled),summary {    cursor: pointer}

address {    font-style: normal}

ol ol,ol ul,ul ol,ul ul {    margin-bottom: 0}

dt {    font-weight: 700}

dd {    margin-left: 0}

blockquote,figure {    margin: 0 0 1rem}

dfn {    font-style: italic}

b,strong {    font-weight: bolder}

small {    font-size: 80%}

sub,sup {    position: relative;    font-size: 75%;    line-height: 0}

sub {    bottom: -.25em}

sup {    top: -.5em}

a {    color: #007bff;    text-decoration: none;    background-color: transparent;    -webkit-text-decoration-skip: objects}

a:hover {    color: #0056b3;    text-decoration: underline}

a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {    color: inherit;    text-decoration: none}

a:not([href]):not([tabindex]):focus {    outline: 0}

code,kbd,pre,samp {    font-size: 1em}

pre {    -ms-overflow-style: scrollbar}

img {    border-style: none}

svg {    overflow: hidden}

table {    border-collapse: collapse}

caption {    padding-top: .75rem;    padding-bottom: .75rem;    color: #6c757d;    caption-side: bottom}

th {    text-align: inherit}

button {    border-radius: 0}

button:focus {    outline: dotted 1px;    outline: -webkit-focus-ring-color auto 5px}

button,input,optgroup,select,textarea {    margin: 0;   font-family: inherit;   font-size: inherit;    line-height: inherit}

button,select {    text-transform: none}

[type=reset],[type=submit],button,html [type=button] {    -webkit-appearance: button}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {    padding: 0;    border-style: none}

input[type=checkbox],input[type=radio] {    box-sizing: border-box;    padding: 0}

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {    -webkit-appearance: listbox}

textarea {    resize: vertical}

fieldset {    min-width: 0;    padding: 0;    margin: 0;    border: 0}

legend {    width: 100%;    max-width: 100%;    padding: 0;    margin-bottom: .5rem;    font-size: 1.5rem;    color: inherit;    white-space: normal}

.badge,.btn,.dropdown-header,.dropdown-item,.input-group-text,.progress-bar {    white-space: nowrap}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {    height: auto}

[type=search] {    outline-offset: -2px;    -webkit-appearance: none}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {    -webkit-appearance: none}

::-webkit-file-upload-button {    font: inherit;    -webkit-appearance: button}

.display-1,.display-2,.display-3,.display-4 {    line-height: 1.2}

summary {    display: list-item}

template {   display: none}

[hidden] {    display: none !important}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {    margin-bottom: .5rem;    font-family: inherit;    font-weight: 500;    line-height: 1.2;    color: inherit}.blockquote,hr {    margin-bottom: 1rem}.display-1,.display-2,.display-3,.display-4,.lead {    font-weight: 300}.h1,h1 {    font-size: 2.5rem}.h2,h2 {    font-size: 2rem}.h3,h3 {    font-size: 1.75rem}.h4,h4 {    font-size: 1.5rem}.h5,h5 {    font-size: 1.25rem}.h6,h6 {    font-size: 1rem}.lead {    font-size: 1.25rem}.display-1 {    font-size: 6rem}.display-2 {    font-size: 5.5rem}.display-3 {    font-size: 4.5rem}.display-4 {    font-size: 3.5rem}hr {    box-sizing: content-box;    height: 0;    margin-top: 1rem;    border: 0;    border-top: 1px solid rgba(0, 0, 0, .1)}.img-fluid,.img-thumbnail {    max-width: 100%;    height: auto}.small,small {    font-size: 80%;    font-weight: 400}.mark,mark {    padding: .2em;    background-color: #fcf8e3}.list-inline,.list-unstyled {    padding-left: 0;    list-style: none}.list-inline-item {    display: inline-block}.list-inline-item:not(:last-child) {    margin-right: .5rem}.initialism {    font-size: 90%;    text-transform: uppercase}.blockquote {    font-size: 1.25rem}.blockquote-footer {    display: block;    font-size: 80%;    color: #6c757d}.blockquote-footer::before {    content: "\2014 \00A0"}.styke{    font: 50px/60px Poppins !important;		    padding-left: 4%;}.img-thumbnail {    padding: .25rem;    background-color: #fff;    border: 1px solid #dee2e6;    border-radius: .25rem}.figure {    display: inline-block}.figure-img {    margin-bottom: .5rem;    line-height: 1}.figure-caption {    font-size: 90%;    color: #6c757d}code,kbd {    font-size: 87.5%}a>code,pre code {    color: inherit}code {    color: #e83e8c;    word-break: break-word}kbd {    padding: .2rem .4rem;    color: #fff;    background-color: #212529;    border-radius: .2rem}kbd kbd {    padding: 0;    font-size: 100%;    font-weight: 700}
.btn,.btn-link,.dropdown-item {    font-weight: 400}

pre {    display: block;    font-size: 87.5%;    /* color: #212529 */}pre code {    font-size: inherit;    word-break: normal}.pre-scrollable {    max-height: 340px;    overflow-y: scroll}

@media (min-width:576px) {    .container {        max-width: 540px    }}

@media (max-width:576px) {	.mob_img {display:none;}}

@media (min-width:768px) {    .container {        max-width: 720px    }}

@media (min-width:992px) {    .container {        max-width: 960px    }}

@media (min-width:1200px) {    .container {        max-width: 1140px    }}

.row {    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    margin-right: -15px;    margin-left: -15px}.no-gutters {    margin-right: 0;    margin-left: 0}.no-gutters>.col,.no-gutters>[class*=col-] {    padding-right: 0;    padding-left: 0}.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 {    position: relative;    width: 100%;    min-height: 1px;    padding-right: 15px;    padding-left: 15px}.col {    -ms-flex-preferred-size: 0;    flex-basis: 0;    -ms-flex-positive: 1;    flex-grow: 1;    max-width: 100%}.col-auto {    -ms-flex: 0 0 auto;    flex: 0 0 auto;    width: auto;    max-width: none}.col-1 {    -ms-flex: 0 0 8.333333%;    flex: 0 0 8.333333%;    max-width: 8.333333%}.col-2 {    -ms-flex: 0 0 16.666667%;    flex: 0 0 16.666667%;    max-width: 16.666667%}.col-3 {    -ms-flex: 0 0 25%;    flex: 0 0 25%;    max-width: 25%}.col-4 {    -ms-flex: 0 0 33.333333%;    flex: 0 0 33.333333%;    max-width: 33.333333%}.col-5 {    -ms-flex: 0 0 41.666667%;    flex: 0 0 41.666667%;    max-width: 41.666667%}.col-6 {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%}.col-7 {    -ms-flex: 0 0 58.333333%;    flex: 0 0 58.333333%;    max-width: 58.333333%}.col-8 {    -ms-flex: 0 0 66.666667%;    flex: 0 0 66.666667%;    max-width: 66.666667%}.col-9 {    -ms-flex: 0 0 75%;    flex: 0 0 75%;    max-width: 75%}.col-10 {    -ms-flex: 0 0 83.333333%;    flex: 0 0 83.333333%;    max-width: 83.333333%}.col-11 {    -ms-flex: 0 0 91.666667%;    flex: 0 0 91.666667%;    max-width: 91.666667%}.col-12 {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%}.order-first {    -ms-flex-order: -1;    order: -1}.order-last {    -ms-flex-order: 13;    order: 13}

.order-0 {    -ms-flex-order: 0;    order: 0}.order-1 {    -ms-flex-order: 1;    order: 1}.order-2 {    -ms-flex-order: 2;    order: 2}.order-3 {    -ms-flex-order: 3;    order: 3}.order-4 {    -ms-flex-order: 4;    order: 4}.order-5 {    -ms-flex-order: 5;    order: 5}.order-6 {    -ms-flex-order: 6;    order: 6}.order-7 {    -ms-flex-order: 7;    order: 7}.order-8 {    -ms-flex-order: 8;    order: 8}.order-9 {    -ms-flex-order: 9;    order: 9}

.order-10 {    -ms-flex-order: 10;    order: 10}.order-11 {    -ms-flex-order: 11;    order: 11}.order-12 {    -ms-flex-order: 12;    order: 12}.offset-1 {    margin-left: 8.333333%}.offset-2 {    margin-left: 16.666667%}

.offset-3 {    margin-left: 25%}.offset-4 {    margin-left: 33.333333%}.offset-5 {    margin-left: 41.666667%}.offset-6 {    margin-left: 50%}.offset-7 {    margin-left: 58.333333%}.offset-8 {    margin-left: 66.666667%}.offset-9 {    margin-left: 75%}.offset-10 {    margin-left: 83.333333%}.offset-11 {    margin-left: 91.666667%}

@media (min-width:576px) {

    .col-sm {        -ms-flex-preferred-size: 0;        flex-basis: 0;        -ms-flex-positive: 1;        flex-grow: 1;        max-width: 100%    }    .col-sm-auto {        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: auto;        max-width: none    }    .col-sm-1 {        -ms-flex: 0 0 8.333333%;        flex: 0 0 8.333333%;        max-width: 8.333333%    }    .col-sm-2 {        -ms-flex: 0 0 16.666667%;        flex: 0 0 16.666667%;        max-width: 16.666667%    }    .col-sm-3 {        -ms-flex: 0 0 25%;        flex: 0 0 25%;        max-width: 25%    }    .col-sm-4 {        -ms-flex: 0 0 33.333333%;        flex: 0 0 33.333333%;        max-width: 33.333333%    }    .col-sm-5 {        -ms-flex: 0 0 41.666667%;        flex: 0 0 41.666667%;        max-width: 41.666667%    }    .col-sm-6 {        -ms-flex: 0 0 50%;        flex: 0 0 50%;        max-width: 50%    }    .col-sm-7 {        -ms-flex: 0 0 58.333333%;        flex: 0 0 58.333333%;        max-width: 58.333333%    }    .col-sm-8 {        -ms-flex: 0 0 66.666667%;        flex: 0 0 66.666667%;        max-width: 66.666667%    }    .col-sm-9 {        -ms-flex: 0 0 75%;        flex: 0 0 75%;        max-width: 75%    }    .col-sm-10 {        -ms-flex: 0 0 83.333333%;        flex: 0 0 83.333333%;        max-width: 83.333333%    }    .col-sm-11 {        -ms-flex: 0 0 91.666667%;        flex: 0 0 91.666667%;        max-width: 91.666667%    }    .col-sm-12 {        -ms-flex: 0 0 100%;        flex: 0 0 100%;        max-width: 100%    }    .order-sm-first {        -ms-flex-order: -1;        order: -1    }    .order-sm-last {        -ms-flex-order: 13;        order: 13    }    .order-sm-0 {        -ms-flex-order: 0;        order: 0    }    .order-sm-1 {        -ms-flex-order: 1;        order: 1    }    .order-sm-2 {        -ms-flex-order: 2;        order: 2    }    .order-sm-3 {        -ms-flex-order: 3;        order: 3    }    .order-sm-4 {        -ms-flex-order: 4;        order: 4    }    .order-sm-5 {        -ms-flex-order: 5;        order: 5    }    .order-sm-6 {        -ms-flex-order: 6;        order: 6    }

    .order-sm-7 {        -ms-flex-order: 7;        order: 7    }

    .order-sm-8 {        -ms-flex-order: 8;        order: 8    }

    .order-sm-9 {        -ms-flex-order: 9;        order: 9    }

    .order-sm-10 {        -ms-flex-order: 10;        order: 10    }

    .order-sm-11 {        -ms-flex-order: 11;        order: 11    }

    .order-sm-12 {        -ms-flex-order: 12;        order: 12    }

    .offset-sm-0 {        margin-left: 0    }

    .offset-sm-1 {        margin-left: 8.333333%    }

    .offset-sm-2 {        margin-left: 16.666667%    }

    .offset-sm-3 {        margin-left: 25%    }

    .offset-sm-4 {        margin-left: 33.333333%    }

    .offset-sm-5 {        margin-left: 41.666667%    }

    .offset-sm-6 {        margin-left: 50%    }

    .offset-sm-7 {        margin-left: 58.333333%    }

    .offset-sm-8 {        margin-left: 66.666667%    }

    .offset-sm-9 {        margin-left: 75%    }

    .offset-sm-10 {        margin-left: 83.333333%    }

    .offset-sm-11 {        margin-left: 91.666667%    }

}



@media (min-width:768px) {

    .col-md {        -ms-flex-preferred-size: 0;        flex-basis: 0;        -ms-flex-positive: 1;        flex-grow: 1;        max-width: 100%    }

    .col-md-auto {        -ms-flex: 0 0 auto;        flex: 0 0 auto;        width: auto;        max-width: none    }

    .col-md-1 {        -ms-flex: 0 0 8.333333%;        flex: 0 0 8.333333%;        max-width: 8.333333%    }

    .col-md-2 {        -ms-flex: 0 0 16.666667%;        flex: 0 0 16.666667%;        max-width: 16.666667%    }

    .col-md-3 {        -ms-flex: 0 0 25%;        flex: 0 0 25%;        max-width: 25%    }

    .col-md-4 {        -ms-flex: 0 0 33.333333%;        flex: 0 0 33.333333%;        max-width: 33.333333%    }

    .col-md-5 {        -ms-flex: 0 0 41.666667%;        flex: 0 0 41.666667%;        max-width: 41.666667%    }

    .col-md-6 {        -ms-flex: 0 0 50%;        flex: 0 0 50%;        max-width: 50%    }

    .col-md-7 {        -ms-flex: 0 0 58.333333%;        flex: 0 0 58.333333%;        max-width: 58.333333%    }

    .col-md-8 {        -ms-flex: 0 0 66.666667%;        flex: 0 0 66.666667%;        max-width: 66.666667%    }

    .col-md-9 {        -ms-flex: 0 0 75%;        flex: 0 0 75%;        max-width: 75%    }

    .col-md-10 {        -ms-flex: 0 0 83.333333%;        flex: 0 0 83.333333%;        max-width: 83.333333%    }

    .col-md-11 {        -ms-flex: 0 0 91.666667%;        flex: 0 0 91.666667%;        max-width: 91.666667%    }

    .col-md-12 {        -ms-flex: 0 0 100%;        flex: 0 0 100%;        max-width: 100%    }

    .order-md-first {        -ms-flex-order: -1;        order: -1    }

    .order-md-last {        -ms-flex-order: 13;        order: 13    }

    .order-md-0 {        -ms-flex-order: 0;        order: 0    }

    .order-md-1 {        -ms-flex-order: 1;        order: 1    }

    .order-md-2 {        -ms-flex-order: 2;        order: 2    }

    .order-md-3 {        -ms-flex-order: 3;        order: 3    }

    .order-md-4 {        -ms-flex-order: 4;        order: 4    }

    .order-md-5 {        -ms-flex-order: 5;        order: 5    }

    .order-md-6 {        -ms-flex-order: 6;        order: 6    }

    .order-md-7 {        -ms-flex-order: 7;        order: 7    }

    .order-md-8 {        -ms-flex-order: 8;        order: 8    }

    .order-md-9 {        -ms-flex-order: 9;        order: 9    }

    .order-md-10 {        -ms-flex-order: 10;        order: 10    }

    .order-md-11 {        -ms-flex-order: 11;        order: 11    }

    .order-md-12 {        -ms-flex-order: 12;        order: 12    }

    .offset-md-0 {        margin-left: 0    }

    .offset-md-1 {        margin-left: 8.333333%    }

    .offset-md-2 {        margin-left: 16.666667%    }

    .offset-md-3 {        margin-left: 25%    }

    .offset-md-4 {        margin-left: 33.333333%    }

    .offset-md-5 {        margin-left: 41.666667%    }

    .offset-md-6 {        margin-left: 50%    }

    .offset-md-7 {        margin-left: 58.333333%    }

    .offset-md-8 {        margin-left: 66.666667%    }

    .offset-md-9 {        margin-left: 75%    }

    .offset-md-10 {        margin-left: 83.333333%    }

    .offset-md-11 {        margin-left: 91.666667%    }

}



@media (min-width:992px) {

    .col-lg {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }

    .col-lg-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: none

    }

    .col-lg-1 {

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%;

        max-width: 8.333333%

    }

    .col-lg-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%

    }

    .col-lg-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }

    .col-lg-4 {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%

    }

    .col-lg-5 {

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%;

        max-width: 41.666667%

    }

    .col-lg-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }

    .col-lg-7 {

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%;

        max-width: 58.333333%

    }

    .col-lg-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%

    }

    .col-lg-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }

    .col-lg-10 {

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%

    }

    .col-lg-11 {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%;

        max-width: 91.666667%

    }

    .col-lg-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }

    .order-lg-first {

        -ms-flex-order: -1;

        order: -1

    }

    .order-lg-last {

        -ms-flex-order: 13;

        order: 13

    }

    .order-lg-0 {

        -ms-flex-order: 0;

        order: 0

    }

    .order-lg-1 {

        -ms-flex-order: 1;

        order: 1

    }

    .order-lg-2 {

        -ms-flex-order: 2;

        order: 2

    }

    .order-lg-3 {

        -ms-flex-order: 3;

        order: 3

    }

    .order-lg-4 {

        -ms-flex-order: 4;

        order: 4

    }

    .order-lg-5 {

        -ms-flex-order: 5;

        order: 5

    }

    .order-lg-6 {

        -ms-flex-order: 6;

        order: 6

    }

    .order-lg-7 {

        -ms-flex-order: 7;

        order: 7

    }

    .order-lg-8 {

        -ms-flex-order: 8;

        order: 8

    }

    .order-lg-9 {

        -ms-flex-order: 9;

        order: 9

    }

    .order-lg-10 {        -ms-flex-order: 10;        order: 10    }

    .order-lg-11 {        -ms-flex-order: 11;

        order: 11

    }

    .order-lg-12 {

        -ms-flex-order: 12;

        order: 12

    }

    .offset-lg-0 {

        margin-left: 0

    }

    .offset-lg-1 {

        margin-left: 8.333333%

    }

    .offset-lg-2 {

        margin-left: 16.666667%

    }

    .offset-lg-3 {

        margin-left: 25%

    }

    .offset-lg-4 {

        margin-left: 33.333333%

    }

    .offset-lg-5 {

        margin-left: 41.666667%

    }

    .offset-lg-6 {

        margin-left: 50%

    }

    .offset-lg-7 {

        margin-left: 58.333333%

    }

    .offset-lg-8 {

        margin-left: 66.666667%

    }

    .offset-lg-9 {

        margin-left: 75%

    }

    .offset-lg-10 {

        margin-left: 83.333333%

    }

    .offset-lg-11 {

        margin-left: 91.666667%

    }

}



@media (min-width:1200px) {

    .col-xl {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }

    .col-xl-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: none

    }

    .col-xl-1 {

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%;

        max-width: 8.333333%

    }

    .col-xl-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%

    }

    .col-xl-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }

    .col-xl-4 {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%

    }

    .col-xl-5 {

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%;

        max-width: 41.666667%

    }

    .col-xl-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }

    .col-xl-7 {

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%;

        max-width: 58.333333%

    }

    .col-xl-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%

    }

    .col-xl-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }

    .col-xl-10 {

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%

    }

    .col-xl-11 {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%;

        max-width: 91.666667%

    }

    .col-xl-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }

    .order-xl-first {

        -ms-flex-order: -1;

        order: -1

    }

    .order-xl-last {

        -ms-flex-order: 13;

        order: 13

    }

    .order-xl-0 {

        -ms-flex-order: 0;

        order: 0

    }

    .order-xl-1 {

        -ms-flex-order: 1;

        order: 1

    }

    .order-xl-2 {

        -ms-flex-order: 2;

        order: 2

    }

    .order-xl-3 {

        -ms-flex-order: 3;

        order: 3

    }

    .order-xl-4 {

        -ms-flex-order: 4;

        order: 4

    }

    .order-xl-5 {

        -ms-flex-order: 5;

        order: 5

    }

    .order-xl-6 {

        -ms-flex-order: 6;

        order: 6

    }

    .order-xl-7 {

        -ms-flex-order: 7;

        order: 7

    }

    .order-xl-8 {

        -ms-flex-order: 8;

        order: 8

    }

    .order-xl-9 {

        -ms-flex-order: 9;

        order: 9

    }

    .order-xl-10 {

        -ms-flex-order: 10;

        order: 10

    }

    .order-xl-11 {

        -ms-flex-order: 11;

        order: 11

    }

    .order-xl-12 {

        -ms-flex-order: 12;

        order: 12

    }

    .offset-xl-0 {

        margin-left: 0

    }

    .offset-xl-1 {

        margin-left: 8.333333%

    }

    .offset-xl-2 {

        margin-left: 16.666667%

    }

    .offset-xl-3 {

        margin-left: 25%

    }

    .offset-xl-4 {

        margin-left: 33.333333%

    }

    .offset-xl-5 {

        margin-left: 41.666667%

    }

    .offset-xl-6 {

        margin-left: 50%

    }

    .offset-xl-7 {

        margin-left: 58.333333%

    }

    .offset-xl-8 {

        margin-left: 66.666667%

    }

    .offset-xl-9 {

        margin-left: 75%

    }

    .offset-xl-10 {

        margin-left: 83.333333%

    }

    .offset-xl-11 {

        margin-left: 91.666667%

    }

}



.table {

    width: 100%;

    margin-bottom: 1rem;

    background-color: transparent

}



.table td,

.table th {

    padding: .75rem;

    vertical-align: top;

    border-top: 1px solid #dee2e6

}



.table thead th {

    vertical-align: bottom;

    border-bottom: 2px solid #dee2e6

}



.table tbody+tbody {

    border-top: 2px solid #dee2e6

}



.table .table {

    background-color: #fff

}



.table-sm td,

.table-sm th {

    padding: .3rem

}



.table-bordered,

.table-bordered td,

.table-bordered th {

    border: 1px solid #dee2e6

}



.table-bordered thead td,

.table-bordered thead th {

    border-bottom-width: 2px

}



.table-borderless tbody+tbody,

.table-borderless td,

.table-borderless th,

.table-borderless thead th {

    border: 0

}



.table-striped tbody tr:nth-of-type(odd) {

    background-color: rgba(0, 0, 0, .05)

}



.table-hover tbody tr:hover {

    background-color: rgba(0, 0, 0, .075)

}



.table-primary,

.table-primary>td,

.table-primary>th {

    background-color: #b8daff

}



.table-hover .table-primary:hover,

.table-hover .table-primary:hover>td,

.table-hover .table-primary:hover>th {

    background-color: #9fcdff

}



.table-secondary,

.table-secondary>td,

.table-secondary>th {

    background-color: #d6d8db

}



.table-hover .table-secondary:hover,

.table-hover .table-secondary:hover>td,

.table-hover .table-secondary:hover>th {

    background-color: #c8cbcf

}



.table-success,

.table-success>td,

.table-success>th {

    background-color: #c3e6cb

}



.table-hover .table-success:hover,

.table-hover .table-success:hover>td,

.table-hover .table-success:hover>th {

    background-color: #b1dfbb

}



.table-info,

.table-info>td,

.table-info>th {

    background-color: #bee5eb

}



.table-hover .table-info:hover,

.table-hover .table-info:hover>td,

.table-hover .table-info:hover>th {

    background-color: #abdde5

}



.table-warning,

.table-warning>td,

.table-warning>th {

    background-color: #ffeeba

}



.table-hover .table-warning:hover,

.table-hover .table-warning:hover>td,

.table-hover .table-warning:hover>th {

    background-color: #ffe8a1

}



.table-danger,

.table-danger>td,

.table-danger>th {

    background-color: #f5c6cb

}



.table-hover .table-danger:hover,

.table-hover .table-danger:hover>td,

.table-hover .table-danger:hover>th {

    background-color: #f1b0b7

}



.table-light,

.table-light>td,

.table-light>th {

    background-color: #fdfdfe

}



.table-hover .table-light:hover,

.table-hover .table-light:hover>td,

.table-hover .table-light:hover>th {

    background-color: #ececf6

}



.table-dark,

.table-dark>td,

.table-dark>th {

    background-color: #c6c8ca

}



.table-hover .table-dark:hover,

.table-hover .table-dark:hover>td,

.table-hover .table-dark:hover>th {

    background-color: #b9bbbe

}



.table-active,

.table-active>td,

.table-active>th,

.table-hover .table-active:hover,

.table-hover .table-active:hover>td,

.table-hover .table-active:hover>th {

    background-color: rgba(0, 0, 0, .075)

}



.table .thead-dark th {

    color: #fff;

    background-color: #212529;

    border-color: #32383e

}



.table .thead-light th {

    color: #495057;

    background-color: #e9ecef;

    border-color: #dee2e6

}



.table-dark {

    color: #fff;

    background-color: #212529

}



.table-dark td,

.table-dark th,

.table-dark thead th {

    border-color: #32383e

}



.table-dark.table-bordered,

.table-responsive>.table-bordered {

    border: 0

}



.table-dark.table-striped tbody tr:nth-of-type(odd) {

    background-color: rgba(255, 255, 255, .05)

}



.table-dark.table-hover tbody tr:hover {

    background-color: rgba(255, 255, 255, .075)

}



@media (max-width:575.98px) {

    .table-responsive-sm {

        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        -ms-overflow-style: -ms-autohiding-scrollbar

    }

    .table-responsive-sm>.table-bordered {

        border: 0

    }

}



@media (max-width:767.98px) {

    .table-responsive-md {

        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        -ms-overflow-style: -ms-autohiding-scrollbar

    }

    .table-responsive-md>.table-bordered {

        border: 0

    }

}



@media (max-width:991.98px) {

    .table-responsive-lg {

        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        -ms-overflow-style: -ms-autohiding-scrollbar

    }

    .table-responsive-lg>.table-bordered {

        border: 0

    }

}



@media (max-width:1199.98px) {

    .table-responsive-xl {

        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch;

        -ms-overflow-style: -ms-autohiding-scrollbar

    }

    .table-responsive-xl>.table-bordered {

        border: 0

    }

}



.table-responsive {

    display: block;

    width: 100%;

    overflow-x: auto;

    -webkit-overflow-scrolling: touch;

    -ms-overflow-style: -ms-autohiding-scrollbar

}



.collapsing,

.modal-open,

.progress {

    overflow: hidden

}



.form-control {

    display: block;

    width: 100%;

    height: calc(2.25rem + 2px);

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    border: 1px solid #ced4da;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out

}



@media screen and (prefers-reduced-motion:reduce) {

    .form-control {

        transition: none

    }

}



.form-control::-ms-expand {

    background-color: transparent;

    border: 0

}



.form-control:focus {

    color: #495057;

    background-color: #fff;

    border-color: #80bdff;

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)

}



.form-control::-webkit-input-placeholder {

    color: #6c757d;

    opacity: 1

}



.form-control::-moz-placeholder {

    color: #6c757d;

    opacity: 1

}



.form-control:-ms-input-placeholder {

    color: #6c757d;

    opacity: 1

}



.form-control::-ms-input-placeholder {

    color: #6c757d;

    opacity: 1

}



.form-control::placeholder {

    color: #6c757d;

    opacity: 1

}



.form-control:disabled,

.form-control[readonly] {

    background-color: #e9ecef;

    opacity: 1

}



select.form-control:focus::-ms-value {

    color: #495057;

    background-color: #fff

}



.form-control-file,

.form-control-range {

    display: block;

    width: 100%

}



.col-form-label {

    padding-top: calc(.375rem + 1px);

    padding-bottom: calc(.375rem + 1px);

    margin-bottom: 0;

    font-size: inherit;

    line-height: 1.5

}



.col-form-label-lg {

    padding-top: calc(.5rem + 1px);

    padding-bottom: calc(.5rem + 1px);

    font-size: 1.25rem;

    line-height: 1.5

}



.col-form-label-sm {

    padding-top: calc(.25rem + 1px);

    padding-bottom: calc(.25rem + 1px);

    font-size: .875rem;

    line-height: 1.5

}



.form-control-plaintext {

    display: block;

    width: 100%;

    padding-top: .375rem;

    padding-bottom: .375rem;

    margin-bottom: 0;

    line-height: 1.5;

    color: #212529;

    background-color: transparent;

    border: solid transparent;

    border-width: 1px 0

}



.custom-file-input.is-valid~.custom-file-label,

.custom-select.is-valid,

.form-control.is-valid,

.was-validated .custom-file-input:valid~.custom-file-label,

.was-validated .custom-select:valid,

.was-validated .form-control:valid {

    border-color: #28a745

}



.form-control-plaintext.form-control-lg,

.form-control-plaintext.form-control-sm {

    padding-right: 0;

    padding-left: 0

}



.form-control-sm {

    height: calc(1.8125rem + 2px);

    padding: .25rem .5rem;

    font-size: .875rem;

    line-height: 1.5;

    border-radius: .2rem

}



.form-control-lg {

    height: calc(2.875rem + 2px);

    padding: .5rem 1rem;

    font-size: 1.25rem;

    line-height: 1.5;

    border-radius: .3rem

}



select.form-control[multiple],

select.form-control[size],

textarea.form-control {

    height: auto

}



.form-group {

    margin-bottom: 1rem

}



.form-text {

    display: block;

    margin-top: .25rem

}



.form-row {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -5px;

    margin-left: -5px

}



.form-row>.col,

.form-row>[class*=col-] {

    padding-right: 5px;

    padding-left: 5px

}



.form-check {

    position: relative;

    display: block;

    padding-left: 1.25rem

}



.form-check-input {

    position: absolute;

    margin-top: .3rem;

    margin-left: -1.25rem

}



.form-check-input:disabled~.form-check-label {

    color: #6c757d

}



.form-check-label {

    margin-bottom: 0

}



.form-check-inline {

    display: -ms-inline-flexbox;

    display: inline-flex;

    -ms-flex-align: center;

    align-items: center;

    padding-left: 0;

    margin-right: .75rem

}



.form-check-inline .form-check-input {

    position: static;

    margin-top: 0;

    margin-right: .3125rem;

    margin-left: 0

}



.invalid-tooltip,

.valid-tooltip {

    position: absolute;

    z-index: 5;

    max-width: 100%;

    padding: .25rem .5rem;

    border-radius: .25rem;

    top: 100%;

    line-height: 1.5

}



.valid-feedback {

    display: none;

    width: 100%;

    margin-top: .25rem;

    font-size: 80%;

    color: #28a745

}



.valid-tooltip {

    display: none;

    margin-top: .1rem;

    font-size: .875rem;

    color: #fff;

    background-color: rgba(40, 167, 69, .9)

}



.custom-control-input.is-valid~.valid-feedback,

.custom-control-input.is-valid~.valid-tooltip,

.custom-file-input.is-valid~.valid-feedback,

.custom-file-input.is-valid~.valid-tooltip,

.custom-select.is-valid~.valid-feedback,

.custom-select.is-valid~.valid-tooltip,

.form-check-input.is-valid~.valid-feedback,

.form-check-input.is-valid~.valid-tooltip,

.form-control-file.is-valid~.valid-feedback,

.form-control-file.is-valid~.valid-tooltip,

.form-control.is-valid~.valid-feedback,

.form-control.is-valid~.valid-tooltip,

.was-validated .custom-control-input:valid~.valid-feedback,

.was-validated .custom-control-input:valid~.valid-tooltip,

.was-validated .custom-file-input:valid~.valid-feedback,

.was-validated .custom-file-input:valid~.valid-tooltip,

.was-validated .custom-select:valid~.valid-feedback,

.was-validated .custom-select:valid~.valid-tooltip,

.was-validated .form-check-input:valid~.valid-feedback,

.was-validated .form-check-input:valid~.valid-tooltip,

.was-validated .form-control-file:valid~.valid-feedback,

.was-validated .form-control-file:valid~.valid-tooltip,

.was-validated .form-control:valid~.valid-feedback,

.was-validated .form-control:valid~.valid-tooltip {

    display: block

}



.custom-control-input.is-valid~.custom-control-label,

.form-check-input.is-valid~.form-check-label,

.was-validated .custom-control-input:valid~.custom-control-label,

.was-validated .form-check-input:valid~.form-check-label {

    color: #28a745

}



.custom-select.is-valid:focus,

.form-control.is-valid:focus,

.was-validated .custom-select:valid:focus,

.was-validated .form-control:valid:focus {

    border-color: #28a745;

    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)

}



.custom-control-input.is-valid~.custom-control-label::before,

.was-validated .custom-control-input:valid~.custom-control-label::before {

    background-color: #71dd8a

}



.custom-control-input.is-valid:checked~.custom-control-label::before,

.was-validated .custom-control-input:valid:checked~.custom-control-label::before {

    background-color: #34ce57

}



.custom-control-input.is-valid:focus~.custom-control-label::before,

.was-validated .custom-control-input:valid:focus~.custom-control-label::before {

    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)

}



.custom-file-input.is-valid~.custom-file-label::after,

.was-validated .custom-file-input:valid~.custom-file-label::after {

    border-color: inherit

}



.custom-file-input.is-invalid~.custom-file-label,

.custom-select.is-invalid,

.form-control.is-invalid,

.was-validated .custom-file-input:invalid~.custom-file-label,

.was-validated .custom-select:invalid,

.was-validated .form-control:invalid {

    border-color: #dc3545

}



.custom-file-input.is-valid:focus~.custom-file-label,

.was-validated .custom-file-input:valid:focus~.custom-file-label {

    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)

}



.invalid-feedback {

    display: none;

    width: 100%;

    margin-top: .25rem;

    font-size: 80%;

    color: #dc3545

}



.invalid-tooltip {

    display: none;

    margin-top: .1rem;

    font-size: .875rem;

    color: #fff;

    background-color: rgba(220, 53, 69, .9)

}



.collapsing,

.dropdown,

.dropleft,

.dropright,

.dropup {

    position: relative

}



.custom-control-input.is-invalid~.invalid-feedback,

.custom-control-input.is-invalid~.invalid-tooltip,

.custom-file-input.is-invalid~.invalid-feedback,

.custom-file-input.is-invalid~.invalid-tooltip,

.custom-select.is-invalid~.invalid-feedback,

.custom-select.is-invalid~.invalid-tooltip,

.form-check-input.is-invalid~.invalid-feedback,

.form-check-input.is-invalid~.invalid-tooltip,

.form-control-file.is-invalid~.invalid-feedback,

.form-control-file.is-invalid~.invalid-tooltip,

.form-control.is-invalid~.invalid-feedback,

.form-control.is-invalid~.invalid-tooltip,

.was-validated .custom-control-input:invalid~.invalid-feedback,

.was-validated .custom-control-input:invalid~.invalid-tooltip,

.was-validated .custom-file-input:invalid~.invalid-feedback,

.was-validated .custom-file-input:invalid~.invalid-tooltip,

.was-validated .custom-select:invalid~.invalid-feedback,

.was-validated .custom-select:invalid~.invalid-tooltip,

.was-validated .form-check-input:invalid~.invalid-feedback,

.was-validated .form-check-input:invalid~.invalid-tooltip,

.was-validated .form-control-file:invalid~.invalid-feedback,

.was-validated .form-control-file:invalid~.invalid-tooltip,

.was-validated .form-control:invalid~.invalid-feedback,

.was-validated .form-control:invalid~.invalid-tooltip {

    display: block

}



.custom-control-input.is-invalid~.custom-control-label,

.form-check-input.is-invalid~.form-check-label,

.was-validated .custom-control-input:invalid~.custom-control-label,

.was-validated .form-check-input:invalid~.form-check-label {

    color: #dc3545

}



.custom-select.is-invalid:focus,

.form-control.is-invalid:focus,

.was-validated .custom-select:invalid:focus,

.was-validated .form-control:invalid:focus {

    border-color: #dc3545;

    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)

}



.custom-control-input.is-invalid~.custom-control-label::before,

.was-validated .custom-control-input:invalid~.custom-control-label::before {

    background-color: #efa2a9

}



.custom-control-input.is-invalid:checked~.custom-control-label::before,

.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {

    background-color: #e4606d

}



.custom-control-input.is-invalid:focus~.custom-control-label::before,

.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {

    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)

}



.custom-file-input.is-invalid~.custom-file-label::after,

.was-validated .custom-file-input:invalid~.custom-file-label::after {

    border-color: inherit

}



.custom-file-input.is-invalid:focus~.custom-file-label,

.was-validated .custom-file-input:invalid:focus~.custom-file-label {

    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)

}



.form-inline {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-flow: row wrap;

    flex-flow: row wrap;

    -ms-flex-align: center;

    align-items: center

}



.form-inline .form-check {

    width: 100%

}



@media (min-width:576px) {

    .form-inline label {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-align: center;

        align-items: center;

        -ms-flex-pack: center;

        justify-content: center;

        margin-bottom: 0

    }

    .form-inline .form-group {

        display: -ms-flexbox;

        display: flex;

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        -ms-flex-flow: row wrap;

        flex-flow: row wrap;

        -ms-flex-align: center;

        align-items: center;

        margin-bottom: 0

    }

    .form-inline .form-control {

        display: inline-block;

        width: auto;

        vertical-align: middle

    }

    .form-inline .form-control-plaintext {

        display: inline-block

    }

    .form-inline .custom-select,

    .form-inline .input-group {

        width: auto

    }

    .form-inline .form-check {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-align: center;

        align-items: center;

        -ms-flex-pack: center;

        justify-content: center;

        width: auto;

        padding-left: 0

    }

    .form-inline .form-check-input {

        position: relative;

        margin-top: 0;

        margin-right: .25rem;

        margin-left: 0

    }

    .form-inline .custom-control {

        -ms-flex-align: center;

        align-items: center;

        -ms-flex-pack: center;

        justify-content: center

    }

    .form-inline .custom-control-label {

        margin-bottom: 0

    }

}



.btn-block,

input[type=button].btn-block,

input[type=reset].btn-block,

input[type=submit].btn-block {

    width: 100%

}



.btn {

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid transparent;

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    border-radius: .25rem;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out

}



@media screen and (prefers-reduced-motion:reduce) {

    .btn {

        transition: none

    }

}



.btn:focus,

.btn:hover {

    text-decoration: none

}



.btn.focus,

.btn:focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)

}



.btn-primary.focus,

.btn-primary:focus,

.btn-primary:not(:disabled):not(.disabled).active:focus,

.btn-primary:not(:disabled):not(.disabled):active:focus,

.show>.btn-primary.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)

}



.btn.disabled,

.btn:disabled {

    opacity: .65

}



a.btn.disabled,

fieldset:disabled a.btn {

    pointer-events: none

}



.btn-primary {

    color: #fff;

    background-color: #007bff;

    border-color: #007bff

}



.btn-primary:hover {

    color: #fff;

    background-color: #0069d9;

    border-color: #0062cc

}



.btn-primary.disabled,

.btn-primary:disabled {

    color: #fff;

    background-color: #007bff;

    border-color: #007bff

}



.btn-primary:not(:disabled):not(.disabled).active,

.btn-primary:not(:disabled):not(.disabled):active,

.show>.btn-primary.dropdown-toggle {

    color: #fff;

    background-color: #0062cc;

    border-color: #005cbf

}



.btn-secondary.focus,

.btn-secondary:focus,

.btn-secondary:not(:disabled):not(.disabled).active:focus,

.btn-secondary:not(:disabled):not(.disabled):active:focus,

.show>.btn-secondary.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)

}



.btn-secondary {

    color: #fff;

    background-color: #6c757d;

    border-color: #6c757d

}



.btn-secondary:hover {

    color: #fff;

    background-color: #5a6268;

    border-color: #545b62

}



.btn-secondary.disabled,

.btn-secondary:disabled {

    color: #fff;

    background-color: #6c757d;

    border-color: #6c757d

}



.btn-secondary:not(:disabled):not(.disabled).active,

.btn-secondary:not(:disabled):not(.disabled):active,

.show>.btn-secondary.dropdown-toggle {

    color: #fff;

    background-color: #545b62;

    border-color: #4e555b

}



.btn-success.focus,

.btn-success:focus,

.btn-success:not(:disabled):not(.disabled).active:focus,

.btn-success:not(:disabled):not(.disabled):active:focus,

.show>.btn-success.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)

}



.btn-success {

    color: #fff;

    background-color: #28a745;

    border-color: #28a745

}



.btn-success:hover {

    color: #fff;

    background-color: #218838;

    border-color: #1e7e34

}



.btn-success.disabled,

.btn-success:disabled {

    color: #fff;

    background-color: #28a745;

    border-color: #28a745

}



.btn-success:not(:disabled):not(.disabled).active,

.btn-success:not(:disabled):not(.disabled):active,

.show>.btn-success.dropdown-toggle {

    color: #fff;

    background-color: #1e7e34;

    border-color: #1c7430

}



.btn-info.focus,

.btn-info:focus,

.btn-info:not(:disabled):not(.disabled).active:focus,

.btn-info:not(:disabled):not(.disabled):active:focus,

.show>.btn-info.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)

}



.btn-info {

    color: #fff;

    background-color: #17a2b8;

    border-color: #17a2b8

}



.btn-info:hover {

    color: #fff;

    background-color: #138496;

    border-color: #117a8b

}



.btn-info.disabled,

.btn-info:disabled {

    color: #fff;

    background-color: #17a2b8;

    border-color: #17a2b8

}



.btn-info:not(:disabled):not(.disabled).active,

.btn-info:not(:disabled):not(.disabled):active,

.show>.btn-info.dropdown-toggle {

    color: #fff;

    background-color: #117a8b;

    border-color: #10707f

}



.btn-warning.focus,

.btn-warning:focus,

.btn-warning:not(:disabled):not(.disabled).active:focus,

.btn-warning:not(:disabled):not(.disabled):active:focus,

.show>.btn-warning.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)

}



.btn-warning {

    color: #212529;

    background-color: #ffc107;

    border-color: #ffc107

}



.btn-warning:hover {

    color: #212529;

    background-color: #e0a800;

    border-color: #d39e00

}



.btn-warning.disabled,

.btn-warning:disabled {

    color: #212529;

    background-color: #ffc107;

    border-color: #ffc107

}



.btn-warning:not(:disabled):not(.disabled).active,

.btn-warning:not(:disabled):not(.disabled):active,

.show>.btn-warning.dropdown-toggle {

    color: #212529;

    background-color: #d39e00;

    border-color: #c69500

}



.btn-danger.focus,

.btn-danger:focus,

.btn-danger:not(:disabled):not(.disabled).active:focus,

.btn-danger:not(:disabled):not(.disabled):active:focus,

.show>.btn-danger.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)

}



.btn-danger {

    color: #fff;

    background-color: #dc3545;

    border-color: #dc3545

}



.btn-danger:hover {

    color: #fff;

    background-color: #c82333;

    border-color: #bd2130

}



.btn-danger.disabled,

.btn-danger:disabled {

    color: #fff;

    background-color: #dc3545;

    border-color: #dc3545

}



.btn-danger:not(:disabled):not(.disabled).active,

.btn-danger:not(:disabled):not(.disabled):active,

.show>.btn-danger.dropdown-toggle {

    color: #fff;

    background-color: #bd2130;

    border-color: #b21f2d

}



.btn-light.focus,

.btn-light:focus,

.btn-light:not(:disabled):not(.disabled).active:focus,

.btn-light:not(:disabled):not(.disabled):active:focus,

.show>.btn-light.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)

}



.btn-light {

    color: #212529;

    background-color: #f8f9fa;

    border-color: #f8f9fa

}



.btn-light:hover {

    color: #212529;

    background-color: #e2e6ea;

    border-color: #dae0e5

}



.btn-light.disabled,

.btn-light:disabled {

    color: #212529;

    background-color: #f8f9fa;

    border-color: #f8f9fa

}



.btn-light:not(:disabled):not(.disabled).active,

.btn-light:not(:disabled):not(.disabled):active,

.show>.btn-light.dropdown-toggle {

    color: #212529;

    background-color: #dae0e5;

    border-color: #d3d9df

}



.btn-dark.focus,

.btn-dark:focus,

.btn-dark:not(:disabled):not(.disabled).active:focus,

.btn-dark:not(:disabled):not(.disabled):active:focus,

.show>.btn-dark.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)

}



.btn-dark {

    color: #fff;

    background-color: #343a40;

    border-color: #343a40

}



.btn-dark:hover {

    color: #fff;

    background-color: #23272b;

    border-color: #1d2124

}



.btn-dark.disabled,

.btn-dark:disabled {

    color: #fff;

    background-color: #343a40;

    border-color: #343a40

}



.btn-dark:not(:disabled):not(.disabled).active,

.btn-dark:not(:disabled):not(.disabled):active,

.show>.btn-dark.dropdown-toggle {

    color: #fff;

    background-color: #1d2124;

    border-color: #171a1d

}



.btn-outline-primary.focus,

.btn-outline-primary:focus,

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-primary.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)

}



.btn-outline-primary {

    color: #007bff;

    background-color: transparent;

    background-image: none;

    border-color: #007bff

}



.btn-outline-primary:hover {

    color: #fff;

    background-color: #007bff;

    border-color: #007bff

}



.btn-outline-primary.disabled,

.btn-outline-primary:disabled {

    color: #007bff;

    background-color: transparent

}



.btn-outline-primary:not(:disabled):not(.disabled).active,

.btn-outline-primary:not(:disabled):not(.disabled):active,

.show>.btn-outline-primary.dropdown-toggle {

    color: #fff;

    background-color: #007bff;

    border-color: #007bff

}



.btn-outline-secondary.focus,

.btn-outline-secondary:focus,

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-secondary.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)

}



.btn-outline-secondary {

    color: #6c757d;

    background-color: transparent;

    background-image: none;

    border-color: #6c757d

}



.btn-outline-secondary:hover {

    color: #fff;

    background-color: #6c757d;

    border-color: #6c757d

}



.btn-outline-secondary.disabled,

.btn-outline-secondary:disabled {

    color: #6c757d;

    background-color: transparent

}



.btn-outline-secondary:not(:disabled):not(.disabled).active,

.btn-outline-secondary:not(:disabled):not(.disabled):active,

.show>.btn-outline-secondary.dropdown-toggle {

    color: #fff;

    background-color: #6c757d;

    border-color: #6c757d

}



.btn-outline-success.focus,

.btn-outline-success:focus,

.btn-outline-success:not(:disabled):not(.disabled).active:focus,

.btn-outline-success:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-success.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)

}



.btn-outline-success {

    color: #28a745;

    background-color: transparent;

    background-image: none;

    border-color: #28a745

}



.btn-outline-success:hover {

    color: #fff;

    background-color: #28a745;

    border-color: #28a745

}



.btn-outline-success.disabled,

.btn-outline-success:disabled {

    color: #28a745;

    background-color: transparent

}



.btn-outline-success:not(:disabled):not(.disabled).active,

.btn-outline-success:not(:disabled):not(.disabled):active,

.show>.btn-outline-success.dropdown-toggle {

    color: #fff;

    background-color: #28a745;

    border-color: #28a745

}



.btn-outline-info.focus,

.btn-outline-info:focus,

.btn-outline-info:not(:disabled):not(.disabled).active:focus,

.btn-outline-info:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-info.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)

}



.btn-outline-info {

    color: #17a2b8;

    background-color: transparent;

    background-image: none;

    border-color: #17a2b8

}



.btn-outline-info:hover {

    color: #fff;

    background-color: #17a2b8;

    border-color: #17a2b8

}



.btn-outline-info.disabled,

.btn-outline-info:disabled {

    color: #17a2b8;

    background-color: transparent

}



.btn-outline-info:not(:disabled):not(.disabled).active,

.btn-outline-info:not(:disabled):not(.disabled):active,

.show>.btn-outline-info.dropdown-toggle {

    color: #fff;

    background-color: #17a2b8;

    border-color: #17a2b8

}



.btn-outline-warning.focus,

.btn-outline-warning:focus,

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-warning.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)

}



.btn-outline-warning {

    color: #ffc107;

    background-color: transparent;

    background-image: none;

    border-color: #ffc107

}



.btn-outline-warning:hover {

    color: #212529;

    background-color: #ffc107;

    border-color: #ffc107

}



.btn-outline-warning.disabled,

.btn-outline-warning:disabled {

    color: #ffc107;

    background-color: transparent

}



.btn-outline-warning:not(:disabled):not(.disabled).active,

.btn-outline-warning:not(:disabled):not(.disabled):active,

.show>.btn-outline-warning.dropdown-toggle {

    color: #212529;

    background-color: #ffc107;

    border-color: #ffc107

}



.btn-outline-danger.focus,

.btn-outline-danger:focus,

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-danger.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)

}



.btn-outline-danger {

    color: #dc3545;

    background-color: transparent;

    background-image: none;

    border-color: #dc3545

}



.btn-outline-danger:hover {

    color: #fff;

    background-color: #dc3545;

    border-color: #dc3545

}



.btn-outline-danger.disabled,

.btn-outline-danger:disabled {

    color: #dc3545;

    background-color: transparent

}



.btn-outline-danger:not(:disabled):not(.disabled).active,

.btn-outline-danger:not(:disabled):not(.disabled):active,

.show>.btn-outline-danger.dropdown-toggle {

    color: #fff;

    background-color: #dc3545;

    border-color: #dc3545

}



.btn-outline-light.focus,

.btn-outline-light:focus,

.btn-outline-light:not(:disabled):not(.disabled).active:focus,

.btn-outline-light:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-light.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)

}



.btn-outline-light {

    color: #f8f9fa;

    background-color: transparent;

    background-image: none;

    border-color: #f8f9fa

}



.btn-outline-light:hover {

    color: #212529;

    background-color: #f8f9fa;

    border-color: #f8f9fa

}



.btn-outline-light.disabled,

.btn-outline-light:disabled {

    color: #f8f9fa;

    background-color: transparent

}



.btn-outline-light:not(:disabled):not(.disabled).active,

.btn-outline-light:not(:disabled):not(.disabled):active,

.show>.btn-outline-light.dropdown-toggle {

    color: #212529;

    background-color: #f8f9fa;

    border-color: #f8f9fa

}



.btn-outline-dark.focus,

.btn-outline-dark:focus,

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,

.show>.btn-outline-dark.dropdown-toggle:focus {

    box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)

}



.btn-outline-dark {

    color: #343a40;

    background-color: transparent;

    background-image: none;

    border-color: #343a40

}



.btn-outline-dark:hover {

    color: #fff;

    background-color: #343a40;

    border-color: #343a40

}



.btn-outline-dark.disabled,

.btn-outline-dark:disabled {

    color: #343a40;

    background-color: transparent

}



.btn-outline-dark:not(:disabled):not(.disabled).active,

.btn-outline-dark:not(:disabled):not(.disabled):active,

.show>.btn-outline-dark.dropdown-toggle {

    color: #fff;

    background-color: #343a40;

    border-color: #343a40

}



.btn-link,

.btn-link:hover {

    background-color: transparent

}



.btn-link.focus,

.btn-link:focus,

.btn-link:hover {

    text-decoration: underline;

    border-color: transparent

}



.btn-link {

    color: #007bff

}



.btn-link:hover {

    color: #0056b3

}



.btn-link.focus,

.btn-link:focus {

    box-shadow: none

}



.btn-link.disabled,

.btn-link:disabled {

    color: #6c757d;

    pointer-events: none

}



.btn-group-lg>.btn,

.btn-lg {

    padding: .5rem 1rem;

    font-size: 1.25rem;

    line-height: 1.5;

    border-radius: .3rem

}



.btn-group-sm>.btn,

.btn-sm {

    padding: .25rem .5rem;

    font-size: .875rem;

    line-height: 1.5;

    border-radius: .2rem

}



.btn-block {

    display: block

}



.btn-block+.btn-block {

    margin-top: .5rem

}



.dropdown-toggle::after,

.dropup .dropdown-toggle::after {

    width: 0;

    height: 0;

    vertical-align: .255em;

    content: ""

}



.fade {

    transition: opacity .15s linear

}



@media screen and (prefers-reduced-motion:reduce) {

    .fade {

        transition: none

    }

}



.fade:not(.show) {

    opacity: 0

}



.collapse:not(.show) {

    display: none

}



.collapsing {

    height: 0;

    transition: height .35s ease

}



@media screen and (prefers-reduced-motion:reduce) {

    .collapsing {

        transition: none

    }

}



.dropdown-toggle::after {

    display: inline-block;

    margin-left: .255em;

    border-top: .3em solid;

    border-right: .3em solid transparent;

    border-bottom: 0;

    border-left: .3em solid transparent

}



.dropdown-toggle:empty::after {

    margin-left: 0

}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 10rem;

    padding: .5rem 0;

    margin: .125rem 0 0;

    font-size: 1rem;

    color: #212529;

    text-align: left;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .15);

    border-radius: .25rem

}



.dropdown-menu-right {

    right: 0;

    left: auto

}



.dropup .dropdown-menu {

    top: auto;

    bottom: 100%;

    margin-top: 0;

    margin-bottom: .125rem

}



.dropup .dropdown-toggle::after {

    display: inline-block;

    margin-left: .255em;

    border-top: 0;

    border-right: .3em solid transparent;

    border-bottom: .3em solid;

    border-left: .3em solid transparent

}



.dropleft .dropdown-toggle::before,

.dropright .dropdown-toggle::after {

    width: 0;

    content: "";

    border-top: .3em solid transparent;

    border-bottom: .3em solid transparent;

    height: 0

}



.dropup .dropdown-toggle:empty::after {

    margin-left: 0

}



.dropright .dropdown-menu {

    top: 0;

    right: auto;

    left: 100%;

    margin-top: 0;

    margin-left: .125rem

}



.dropright .dropdown-toggle::after {

    display: inline-block;

    margin-left: .255em;

    border-right: 0;

    border-left: .3em solid;

    vertical-align: 0

}



.dropright .dropdown-toggle:empty::after {

    margin-left: 0

}



.dropleft .dropdown-menu {

    top: 0;

    right: 100%;

    left: auto;

    margin-top: 0;

    margin-right: .125rem

}



.dropleft .dropdown-toggle::after {

    width: 0;

    height: 0;

    margin-left: .255em;

    vertical-align: .255em;

    content: "";

    display: none

}



.dropleft .dropdown-toggle::before {

    display: inline-block;

    margin-right: .255em;

    border-right: .3em solid;

    vertical-align: 0

}



.dropleft .dropdown-toggle:empty::after {

    margin-left: 0

}



.dropdown-menu[x-placement^=bottom],

.dropdown-menu[x-placement^=left],

.dropdown-menu[x-placement^=right],

.dropdown-menu[x-placement^=top] {

    right: auto;

    bottom: auto

}



.dropdown-divider {

    height: 0;

    margin: .5rem 0;

    overflow: hidden;

    border-top: 1px solid #e9ecef

}



.btn-group-toggle>.btn,

.btn-group-toggle>.btn-group>.btn,

.custom-control-label,

.custom-file,

.dropdown-header,

.input-group-text,



.dropdown-item {

    display: block;

    width: 100%;

    padding: .25rem 1.5rem;

    clear: both;

    color: #212529;

    text-align: inherit;

    background-color: transparent;

    border: 0

}



.btn-group>.btn-group:not(:last-child)>.btn,

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),

.input-group>.custom-file:not(:last-child) .custom-file-label,

.input-group>.custom-file:not(:last-child) .custom-file-label::after,

.input-group>.custom-select:not(:last-child),

.input-group>.form-control:not(:last-child) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



.btn-group>.btn-group:not(:first-child)>.btn,

.btn-group>.btn:not(:first-child),

.input-group>.custom-file:not(:first-child) .custom-file-label,

.input-group>.custom-select:not(:first-child),

.input-group>.form-control:not(:first-child) {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}



.dropdown-item:focus,

.dropdown-item:hover {

    color: #16181b;

    text-decoration: none;

    background-color: #f8f9fa

}



.dropdown-item.active,

.dropdown-item:active {

    color: #fff;

    text-decoration: none;

    background-color: #007bff

}



.dropdown-item.disabled,

.dropdown-item:disabled {

    color: #6c757d;

    background-color: transparent

}



.dropdown-menu.show {

    display: block

}



.dropdown-header {

    display: block;

    padding: .5rem 1.5rem;

    font-size: .875rem;

    color: #6c757d

}



.dropdown-item-text {

    display: block;

    padding: .25rem 1.5rem;

    color: #212529

}



.btn-group,

.btn-group-vertical {

    position: relative;

    display: -ms-inline-flexbox;

    display: inline-flex;

    vertical-align: middle

}



.btn-group-vertical>.btn,

.btn-group>.btn {

    position: relative;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto

}



.btn-group-vertical>.btn.active,

.btn-group-vertical>.btn:active,

.btn-group-vertical>.btn:focus,

.btn-group-vertical>.btn:hover,

.btn-group>.btn.active,

.btn-group>.btn:active,

.btn-group>.btn:focus,

.btn-group>.btn:hover {

    z-index: 1

}



.btn-group .btn+.btn,

.btn-group .btn+.btn-group,

.btn-group .btn-group+.btn,

.btn-group .btn-group+.btn-group,

.btn-group-vertical .btn+.btn,

.btn-group-vertical .btn+.btn-group,

.btn-group-vertical .btn-group+.btn,

.btn-group-vertical .btn-group+.btn-group {

    margin-left: -1px

}



.btn-group>.btn:first-child,

.dropdown-toggle-split::after,

.dropright .dropdown-toggle-split::after,

.dropup .dropdown-toggle-split::after {

    margin-left: 0

}



.btn-toolbar {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-pack: start;

    justify-content: flex-start

}



.btn-toolbar .input-group {

    width: auto

}



.dropdown-toggle-split {

    padding-right: .5625rem;

    padding-left: .5625rem

}



.dropleft .dropdown-toggle-split::before {

    margin-right: 0

}



.btn-group-sm>.btn+.dropdown-toggle-split,

.btn-sm+.dropdown-toggle-split {

    padding-right: .375rem;

    padding-left: .375rem

}



.btn-group-lg>.btn+.dropdown-toggle-split,

.btn-lg+.dropdown-toggle-split {

    padding-right: .75rem;

    padding-left: .75rem

}



.btn-group-vertical {

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-align: start;

    align-items: flex-start;

    -ms-flex-pack: center;

    justify-content: center

}



.btn-group-vertical .btn,

.btn-group-vertical .btn-group {

    width: 100%

}



.btn-group-vertical>.btn+.btn,

.btn-group-vertical>.btn+.btn-group,

.btn-group-vertical>.btn-group+.btn,

.btn-group-vertical>.btn-group+.btn-group {

    margin-top: -1px;

    margin-left: 0

}



.input-group-append,

.input-group-append .btn+.btn,

.input-group-append .btn+.input-group-text,

.input-group-append .input-group-text+.btn,

.input-group-append .input-group-text+.input-group-text,

.input-group-prepend .btn+.btn,

.input-group-prepend .btn+.input-group-text,

.input-group-prepend .input-group-text+.btn,

.input-group-prepend .input-group-text+.input-group-text,

.input-group>.custom-file+.custom-file,

.input-group>.custom-file+.custom-select,

.input-group>.custom-file+.form-control,

.input-group>.custom-select+.custom-file,

.input-group>.custom-select+.custom-select,

.input-group>.custom-select+.form-control,

.input-group>.form-control+.custom-file,

.input-group>.form-control+.custom-select,

.input-group>.form-control+.form-control {

    margin-left: -1px

}



.btn-group-vertical>.btn-group:not(:last-child)>.btn,

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.btn-group-vertical>.btn-group:not(:first-child)>.btn,

.btn-group-vertical>.btn:not(:first-child) {

    border-top-left-radius: 0;

    border-top-right-radius: 0

}



.btn-group-toggle>.btn input[type=checkbox],

.btn-group-toggle>.btn input[type=radio],

.btn-group-toggle>.btn-group>.btn input[type=checkbox],

.btn-group-toggle>.btn-group>.btn input[type=radio] {

    position: absolute;

    clip: rect(0, 0, 0, 0);

    pointer-events: none

}



.input-group {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-align: stretch;

    align-items: stretch;

    width: 100%

}



.input-group>.custom-file,

.input-group>.custom-select,

.input-group>.form-control {

    position: relative;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    width: 1%;

    margin-bottom: 0

}



.input-group>.custom-file .custom-file-input:focus~.custom-file-label,

.input-group>.custom-select:focus,

.input-group>.form-control:focus {

    z-index: 3

}



.input-group>.custom-file .custom-file-input:focus {

    z-index: 4

}



.input-group>.custom-file {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center

}



.input-group-append,

.input-group-prepend {

    display: -ms-flexbox;

    display: flex

}



.input-group-append .btn,

.input-group-prepend .btn {

    position: relative;

    z-index: 2

}



.input-group-prepend {

    margin-right: -1px

}



.input-group-text {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    text-align: center;

    background-color: #e9ecef;

    border: 1px solid #ced4da;

    border-radius: .25rem

}



.input-group-text input[type=checkbox],

.input-group-text input[type=radio] {

    margin-top: 0

}



.input-group-lg>.form-control,

.input-group-lg>.input-group-append>.btn,

.input-group-lg>.input-group-append>.input-group-text,

.input-group-lg>.input-group-prepend>.btn,

.input-group-lg>.input-group-prepend>.input-group-text {

    height: calc(2.875rem + 2px);

    padding: .5rem 1rem;

    font-size: 1.25rem;

    line-height: 1.5;

    border-radius: .3rem

}



.input-group-sm>.form-control,

.input-group-sm>.input-group-append>.btn,

.input-group-sm>.input-group-append>.input-group-text,

.input-group-sm>.input-group-prepend>.btn,

.input-group-sm>.input-group-prepend>.input-group-text {

    height: calc(1.8125rem + 2px);

    padding: .25rem .5rem;

    font-size: .875rem;

    line-height: 1.5;

    border-radius: .2rem

}



.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),

.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),

.input-group>.input-group-append:not(:last-child)>.btn,

.input-group>.input-group-append:not(:last-child)>.input-group-text,

.input-group>.input-group-prepend>.btn,

.input-group>.input-group-prepend>.input-group-text {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



.input-group>.input-group-append>.btn,

.input-group>.input-group-append>.input-group-text,

.input-group>.input-group-prepend:first-child>.btn:not(:first-child),

.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),

.input-group>.input-group-prepend:not(:first-child)>.btn,

.input-group>.input-group-prepend:not(:first-child)>.input-group-text {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}



.custom-control {

    position: relative;

    display: block;

    min-height: 1.5rem;

    padding-left: 1.5rem

}



.custom-control-inline {

    display: -ms-inline-flexbox;

    display: inline-flex;

    margin-right: 1rem

}



.custom-control-input {

    position: absolute;

    z-index: -1;

    opacity: 0

}



.custom-control-input:checked~.custom-control-label::before {

    color: #fff;

    background-color: #007bff

}



.custom-control-input:focus~.custom-control-label::before {

    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)

}



.custom-control-input:active~.custom-control-label::before {

    color: #fff;

    background-color: #b3d7ff

}



.custom-control-input:disabled~.custom-control-label {

    color: #6c757d

}



.custom-control-input:disabled~.custom-control-label::before {

    background-color: #e9ecef

}



.custom-control-label {

    position: relative

}



.custom-control-label::after,

.custom-control-label::before {

    position: absolute;

    top: .25rem;

    left: -1.5rem;

    display: block;

    width: 1rem;

    height: 1rem;

    content: ""

}



.custom-control-label::before {

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    background-color: #dee2e6

}



.custom-checkbox .custom-control-input:checked~.custom-control-label::before,

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {

    background-color: #007bff

}



.custom-control-label::after {

    background-repeat: no-repeat;

    background-position: center center;

    background-size: 50% 50%

}



.custom-file-input:lang(en)~.custom-file-label::after,

.custom-file-label::after {

    content: "Browse"

}



.custom-checkbox .custom-control-label::before {

    border-radius: .25rem

}



.custom-checkbox .custom-control-input:checked~.custom-control-label::after {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")

}



.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")

}



.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before,

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {

    background-color: rgba(0, 123, 255, .5)

}



.custom-radio .custom-control-label::before {

    border-radius: 50%

}



.custom-radio .custom-control-input:checked~.custom-control-label::before {

    background-color: #007bff

}



.custom-radio .custom-control-input:checked~.custom-control-label::after {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")

}



.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {

    background-color: rgba(0, 123, 255, .5)

}



.custom-select {

    display: inline-block;

    width: 100%;

    height: calc(2.25rem + 2px);

    padding: .375rem 1.75rem .375rem .75rem;

    line-height: 1.5;

    color: #495057;

    vertical-align: middle;

    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") right .75rem center no-repeat #fff;

    background-size: 8px 10px;

    border: 1px solid #ced4da;

    border-radius: .25rem;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.custom-select-lg,

.custom-select-sm {

    padding-top: .375rem;

    padding-bottom: .375rem

}



.custom-file-input:focus~.custom-file-label::after,

.custom-select:focus {

    border-color: #80bdff

}



.custom-select:focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(128, 189, 255, .5)

}



.custom-select:focus::-ms-value {

    color: #495057;

    background-color: #fff

}



.custom-file-input:disabled~.custom-file-label,

.custom-select:disabled {

    background-color: #e9ecef

}



.custom-select[multiple],

.custom-select[size]:not([size="1"]) {

    height: auto;

    padding-right: .75rem;

    background-image: none

}



.custom-select:disabled {

    color: #6c757d

}



.custom-select::-ms-expand {

    opacity: 0

}



.custom-select-sm {

    height: calc(1.8125rem + 2px);

    font-size: 75%

}



.custom-select-lg {

    height: calc(2.875rem + 2px);

    font-size: 125%

}



.custom-file,

.custom-file-input,

.custom-file-label {

    height: calc(2.25rem + 2px)

}



.custom-file {

    position: relative;

    display: inline-block;

    width: 100%

}



.custom-file-input {

    position: relative;

    z-index: 2;

    width: 100%;

    margin: 0;

    opacity: 0

}



.custom-file-label,

.custom-file-label::after {

    position: absolute;

    padding: .375rem .75rem;

    line-height: 1.5;

    color: #495057;

    top: 0;

    right: 0

}



.custom-file-input:focus~.custom-file-label {

    border-color: #80bdff;

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)

}



.custom-file-label {

    left: 0;

    z-index: 1;

    background-color: #fff;

    border: 1px solid #ced4da;

    border-radius: .25rem

}



.custom-file-label::after {

    bottom: 0;

    z-index: 3;

    display: block;

    height: 2.25rem;

    background-color: #e9ecef;

    border-left: 1px solid #ced4da;

    border-radius: 0 .25rem .25rem 0

}





.modal-dialog-centered::before,



.popover .arrow::after,

.popover .arrow::before,

.tooltip .arrow::before {

    content: ""

}



.custom-range {

    width: 100%;

    padding-left: 0;

    background-color: transparent;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.custom-range:focus {

    outline: 0

}



.custom-range:focus::-webkit-slider-thumb {

    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)

}



.custom-range:focus::-moz-range-thumb {

    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)

}



.custom-range:focus::-ms-thumb {

    box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)

}



.custom-range::-moz-focus-outer {

    border: 0

}



.custom-range::-webkit-slider-thumb {

    width: 1rem;

    height: 1rem;

    margin-top: -.25rem;

    background-color: #007bff;

    border: 0;

    border-radius: 1rem;

    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    -webkit-appearance: none;

    appearance: none

}



@media screen and (prefers-reduced-motion:reduce) {

    .custom-range::-webkit-slider-thumb {

        transition: none

    }

}



.custom-range::-webkit-slider-thumb:active {

    background-color: #b3d7ff

}



.custom-range::-webkit-slider-runnable-track {

    width: 100%;

    height: .5rem;

    color: transparent;

    cursor: pointer;

    background-color: #dee2e6;

    border-color: transparent;

    border-radius: 1rem

}



.custom-range::-moz-range-thumb {

    width: 1rem;

    height: 1rem;

    background-color: #007bff;

    border: 0;

    border-radius: 1rem;

    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    -moz-appearance: none;

    appearance: none

}



@media screen and (prefers-reduced-motion:reduce) {

    .custom-range::-moz-range-thumb {

        transition: none

    }

}



.custom-range::-moz-range-thumb:active {

    background-color: #b3d7ff

}



.custom-range::-moz-range-track {

    width: 100%;

    height: .5rem;

    color: transparent;

    cursor: pointer;

    background-color: #dee2e6;

    border-color: transparent;

    border-radius: 1rem

}



.custom-range::-ms-thumb {

    width: 1rem;

    height: 1rem;

    margin-top: 0;

    margin-right: .2rem;

    margin-left: .2rem;

    background-color: #007bff;

    border: 0;

    border-radius: 1rem;

    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    appearance: none

}



@media screen and (prefers-reduced-motion:reduce) {

    .custom-range::-ms-thumb {

        transition: none

    }

}



.custom-range::-ms-thumb:active {

    background-color: #b3d7ff

}



.custom-range::-ms-track {

    width: 100%;

    height: .5rem;

    color: transparent;

    cursor: pointer;

    background-color: transparent;

    border-color: transparent;

    border-width: .5rem

}



.custom-range::-ms-fill-lower {

    background-color: #dee2e6;

    border-radius: 1rem

}



.custom-range::-ms-fill-upper {

    margin-right: 15px;

    background-color: #dee2e6;

    border-radius: 1rem

}



.custom-control-label::before,

.custom-file-label,

.custom-select {

    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out

}



@media screen and (prefers-reduced-motion:reduce) {

    .custom-control-label::before,

    .custom-file-label,

    .custom-select {

        transition: none

    }

}




.tab-content>.tab-pane {

    display: none

}



.tab-content>.active {

    display: block

}




.card {

    position: relative;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #fff;

    background-clip: border-box;

    border: 1px solid rgba(0, 0, 0, .125);

    border-radius: .25rem

}



.card>hr {

    margin-right: 0;

    margin-left: 0

}



.card>.list-group:first-child .list-group-item:first-child {

    border-top-left-radius: .25rem;

    border-top-right-radius: .25rem

}



.card>.list-group:last-child .list-group-item:last-child {

    border-bottom-right-radius: .25rem;

    border-bottom-left-radius: .25rem

}



.card-body {

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    padding: 1.25rem

}



.card-footer,

.card-header {

    padding: .75rem 1.25rem;

    background-color: rgba(0, 0, 0, .03)

}



.card-title {

    margin-bottom: .75rem

}



.card-header,

.card-subtitle,

.card-text:last-child {

    margin-bottom: 0

}



.card-subtitle {

    margin-top: -.375rem

}



.card-link:hover {

    text-decoration: none

}



.card-link+.card-link {

    margin-left: 1.25rem

}



.card-header-pills,

.card-header-tabs {

    margin-right: -.625rem;

    margin-left: -.625rem

}



.card-header {

    border-bottom: 1px solid rgba(0, 0, 0, .125)

}



.card-header:first-child {

    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0

}



.card-header+.list-group .list-group-item:first-child {

    border-top: 0

}



.card-footer {

    border-top: 1px solid rgba(0, 0, 0, .125)

}



.card-footer:last-child {

    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)

}



.card-header-tabs {

    margin-bottom: -.75rem;

    border-bottom: 0

}



.card-img-overlay {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    padding: 1.25rem

}



.alert,

.btn .badge,

.page-link {

    position: relative

}



.card-img {

    width: 100%;

    border-radius: calc(.25rem - 1px)

}



.card-img-top {

    width: 100%;

    border-top-left-radius: calc(.25rem - 1px);

    border-top-right-radius: calc(.25rem - 1px)

}



.card-img-bottom {

    width: 100%;

    border-bottom-right-radius: calc(.25rem - 1px);

    border-bottom-left-radius: calc(.25rem - 1px)

}



.card-deck {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column

}



.card-deck .card {

    margin-bottom: 15px

}



@media (min-width:576px) {

    .card-deck {

        -ms-flex-flow: row wrap;

        flex-flow: row wrap;

        margin-right: -15px;

        margin-left: -15px

    }

    .card-deck .card {

        display: -ms-flexbox;

        display: flex;

        -ms-flex: 1 0 0%;

        flex: 1 0 0%;

        -ms-flex-direction: column;

        flex-direction: column;

        margin-right: 15px;

        margin-bottom: 0;

        margin-left: 15px

    }

}



.card-group {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column

}



.card-group>.card {

    margin-bottom: 15px

}



@media (min-width:576px) {

    .card-group {

        -ms-flex-flow: row wrap;

        flex-flow: row wrap

    }

    .card-group>.card {

        -ms-flex: 1 0 0%;

        flex: 1 0 0%;

        margin-bottom: 0

    }

    .card-group>.card+.card {

        margin-left: 0;

        border-left: 0

    }

    .card-group>.card:first-child {

        border-top-right-radius: 0;

        border-bottom-right-radius: 0

    }

    .card-group>.card:first-child .card-header,

    .card-group>.card:first-child .card-img-top {

        border-top-right-radius: 0

    }

    .card-group>.card:first-child .card-footer,

    .card-group>.card:first-child .card-img-bottom {

        border-bottom-right-radius: 0

    }

    .card-group>.card:last-child {

        border-top-left-radius: 0;

        border-bottom-left-radius: 0

    }

    .card-group>.card:last-child .card-header,

    .card-group>.card:last-child .card-img-top {

        border-top-left-radius: 0

    }

    .card-group>.card:last-child .card-footer,

    .card-group>.card:last-child .card-img-bottom {

        border-bottom-left-radius: 0

    }

    .card-group>.card:only-child {

        border-radius: .25rem

    }

    .card-group>.card:only-child .card-header,

    .card-group>.card:only-child .card-img-top {

        border-top-left-radius: .25rem;

        border-top-right-radius: .25rem

    }

    .card-group>.card:only-child .card-footer,

    .card-group>.card:only-child .card-img-bottom {

        border-bottom-right-radius: .25rem;

        border-bottom-left-radius: .25rem

    }

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child),

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,

    .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {

        border-radius: 0

    }

    .card-columns {

        -webkit-column-count: 3;

        -moz-column-count: 3;

        column-count: 3;

        -webkit-column-gap: 1.25rem;

        -moz-column-gap: 1.25rem;

        column-gap: 1.25rem;

        orphans: 1;

        widows: 1

    }

    .card-columns .card {

        display: inline-block;

        width: 100%

    }

}



.card-columns .card {

    margin-bottom: .75rem

}



.accordion .card:not(:first-of-type):not(:last-of-type) {

    border-bottom: 0;

    border-radius: 0

}



.accordion .card:not(:first-of-type) .card-header:first-child {

    border-radius: 0

}



.accordion .card:first-of-type {

    border-bottom: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 0

}



.accordion .card:last-of-type {

    border-top-left-radius: 0;

    border-top-right-radius: 0

}



.breadcrumb,

.pagination {

    border-radius: .25rem;

    list-style: none

}



.breadcrumb {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding: .75rem 1rem;

    margin-bottom: 1rem;

    background-color: #e9ecef

}



.breadcrumb-item+.breadcrumb-item {

    padding-left: .5rem

}



.breadcrumb-item+.breadcrumb-item::before {

    display: inline-block;

    padding-right: .5rem;

    color: #6c757d;

    content: "/"

}



.breadcrumb-item+.breadcrumb-item:hover::before {

    text-decoration: none

}



.breadcrumb-item.active {

    color: #6c757d

}



.pagination {

    display: -ms-flexbox;

    display: flex;

    padding-left: 0

}



.page-link,

.popover-body,

.popover-header {

    padding: .5rem .75rem

}



.page-link {

    display: block;

    margin-left: -1px;

    line-height: 1.25;

    color: #007bff;

    background-color: #fff;

    border: 1px solid #dee2e6

}



.page-link:hover {

    z-index: 2;

    color: #0056b3;

    text-decoration: none;

    background-color: #e9ecef;

    border-color: #dee2e6

}



.page-link:focus {

    z-index: 2;

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)

}



.page-item:first-child .page-link {

    margin-left: 0;

    border-top-left-radius: .25rem;

    border-bottom-left-radius: .25rem

}



.page-item:last-child .page-link {

    border-top-right-radius: .25rem;

    border-bottom-right-radius: .25rem

}



.page-item.active .page-link {

    z-index: 1;

    color: #fff;

    background-color: #007bff;

    border-color: #007bff

}



.page-item.disabled .page-link {

    color: #6c757d;

    pointer-events: none;

    cursor: auto;

    background-color: #fff;

    border-color: #dee2e6

}



.pagination-lg .page-link {

    padding: .75rem 1.5rem;

    font-size: 1.25rem;

    line-height: 1.5

}



.pagination-lg .page-item:first-child .page-link {

    border-top-left-radius: .3rem;

    border-bottom-left-radius: .3rem

}



.pagination-lg .page-item:last-child .page-link {

    border-top-right-radius: .3rem;

    border-bottom-right-radius: .3rem

}



.pagination-sm .page-link {

    padding: .25rem .5rem;

    font-size: .875rem;

    line-height: 1.5

}



.badge,

.close {

    font-weight: 700;

    line-height: 1

}



.pagination-sm .page-item:first-child .page-link {

    border-top-left-radius: .2rem;

    border-bottom-left-radius: .2rem

}



.pagination-sm .page-item:last-child .page-link {

    border-top-right-radius: .2rem;

    border-bottom-right-radius: .2rem

}



.badge {

    display: inline-block;

    padding: .25em .4em;

    font-size: 75%;

    text-align: center;

    border-radius: .25rem

}



.badge:empty {

    display: none

}



.btn .badge {

    top: -1px

}



.badge-pill {

    padding-right: .6em;

    padding-left: .6em;

    border-radius: 10rem

}



.badge-primary {

    color: #fff;

    background-color: #007bff

}



.badge-primary[href]:focus,

.badge-primary[href]:hover {

    color: #fff;

    text-decoration: none;

    background-color: #0062cc

}



.badge-secondary {

    color: #fff;

    background-color: #6c757d

}



.badge-secondary[href]:focus,

.badge-secondary[href]:hover {

    color: #fff;

    text-decoration: none;

    background-color: #545b62

}



.badge-success {

    color: #fff;

    background-color: #28a745

}



.badge-success[href]:focus,

.badge-success[href]:hover {

    color: #fff;

    text-decoration: none;

    background-color: #1e7e34

}



.badge-info {

    color: #fff;

    background-color: #17a2b8

}



.badge-info[href]:focus,

.badge-info[href]:hover {

    color: #fff;

    text-decoration: none;

    background-color: #117a8b

}



.badge-warning {

    color: #212529;

    background-color: #ffc107

}



.badge-warning[href]:focus,

.badge-warning[href]:hover {

    color: #212529;

    text-decoration: none;

    background-color: #d39e00

}



.badge-danger {

    color: #fff;

    background-color: #dc3545

}



.badge-danger[href]:focus,

.badge-danger[href]:hover {

    color: #fff;

    text-decoration: none;

    background-color: #bd2130

}



.badge-light {

    color: #212529;

    background-color: #f8f9fa

}



.badge-light[href]:focus,

.badge-light[href]:hover {

    color: #212529;

    text-decoration: none;

    background-color: #dae0e5

}



.badge-dark {

    color: #fff;

    background-color: #343a40

}



.badge-dark[href]:focus,

.badge-dark[href]:hover {

    color: #fff;

    text-decoration: none;

    background-color: #1d2124

}



.jumbotron {

    padding: 2rem 1rem;

    margin-bottom: 2rem;

    background-color: #e9ecef;

    border-radius: .3rem

}



@media (min-width:576px) {

    .jumbotron {

        padding: 4rem 2rem

    }

}



.jumbotron-fluid {

    padding-right: 0;

    padding-left: 0;

    border-radius: 0

}



.alert {

    padding: .75rem 1.25rem;

    margin-bottom: 1rem;

    border: 1px solid transparent;

    border-radius: .25rem

}



.alert-heading {

    color: inherit

}



.alert-link {

    font-weight: 700

}



.alert-dismissible {

    padding-right: 4rem

}



.alert-dismissible .close {

    position: absolute;

    top: 0;

    right: 0;

    padding: .75rem 1.25rem;

    color: inherit

}



.alert-primary {

    color: #004085;

    background-color: #cce5ff;

    border-color: #b8daff

}



.alert-primary hr {

    border-top-color: #9fcdff

}



.alert-primary .alert-link {

    color: #002752

}



.alert-secondary {

    color: #383d41;

    background-color: #e2e3e5;

    border-color: #d6d8db

}



.alert-secondary hr {

    border-top-color: #c8cbcf

}



.alert-secondary .alert-link {

    color: #202326

}



.alert-success {

    color: #155724;

    background-color: #d4edda;

    border-color: #c3e6cb

}



.alert-success hr {

    border-top-color: #b1dfbb

}



.alert-success .alert-link {

    color: #0b2e13

}



.alert-info {

    color: #0c5460;

    background-color: #d1ecf1;

    border-color: #bee5eb

}



.alert-info hr {

    border-top-color: #abdde5

}



.alert-info .alert-link {

    color: #062c33

}



.alert-warning {

    color: #856404;

    background-color: #fff3cd;

    border-color: #ffeeba

}



.alert-warning hr {

    border-top-color: #ffe8a1

}



.alert-warning .alert-link {

    color: #533f03

}



.alert-danger {

    color: #721c24;

    background-color: #f8d7da;

    border-color: #f5c6cb

}



.alert-danger hr {

    border-top-color: #f1b0b7

}



.alert-danger .alert-link {

    color: #491217

}



.alert-light {

    color: #818182;

    background-color: #fefefe;

    border-color: #fdfdfe

}



.alert-light hr {

    border-top-color: #ececf6

}



.alert-light .alert-link {

    color: #686868

}



.alert-dark {

    color: #1b1e21;

    background-color: #d6d8d9;

    border-color: #c6c8ca

}



.alert-dark hr {

    border-top-color: #b9bbbe

}



.alert-dark .alert-link {

    color: #040505

}



@-webkit-keyframes progress-bar-stripes {

    from {

        background-position: 1rem 0

    }

    to {

        background-position: 0 0

    }

}



@keyframes progress-bar-stripes {

    from {

        background-position: 1rem 0

    }

    to {

        background-position: 0 0

    }

}



.progress {

    display: -ms-flexbox;

    display: flex;

    height: 1rem;

    font-size: .75rem;

    background-color: #e9ecef;

    border-radius: .25rem

}



.progress-bar {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    -ms-flex-pack: center;

    justify-content: center;

    color: #fff;

    text-align: center;

    background-color: #007bff;

    transition: width .6s ease

}



@media screen and (prefers-reduced-motion:reduce) {

    .progress-bar {

        transition: none

    }

}



.progress-bar-striped {

    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);

    background-size: 1rem 1rem

}



.progress-bar-animated {

    -webkit-animation: progress-bar-stripes 1s linear infinite;

    animation: progress-bar-stripes 1s linear infinite

}



.media {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: start;

    align-items: flex-start

}



.media-body {

    -ms-flex: 1;

    flex: 1

}



.list-group {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-left: 0;

    margin-bottom: 0

}



.list-group-item-action {

    width: 100%;

    color: #495057;

    text-align: inherit

}



.list-group-item-action:focus,

.list-group-item-action:hover {

    color: #495057;

    text-decoration: none;

    background-color: #f8f9fa

}



.list-group-item-action:active {

    color: #212529;

    background-color: #e9ecef

}



.list-group-item {

    position: relative;

    display: block;

    padding: .75rem 1.25rem;

    margin-bottom: -1px;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .125)

}



.list-group-item:first-child {

    border-top-left-radius: .25rem;

    border-top-right-radius: .25rem

}



.list-group-item:last-child {

    margin-bottom: 0;

    border-bottom-right-radius: .25rem;

    border-bottom-left-radius: .25rem

}



.list-group-item:focus,

.list-group-item:hover {

    z-index: 1;

    text-decoration: none

}



.list-group-item.disabled,

.list-group-item:disabled {

    color: #6c757d;

    background-color: #fff

}



.list-group-item.active {

    z-index: 2;

    color: #fff;

    background-color: #007bff;

    border-color: #007bff

}



.list-group-flush .list-group-item {

    border-right: 0;

    border-left: 0;

    border-radius: 0

}



.list-group-flush:first-child .list-group-item:first-child {

    border-top: 0

}



.list-group-flush:last-child .list-group-item:last-child {

    border-bottom: 0

}



.list-group-item-primary {

    color: #004085;

    background-color: #b8daff

}



.list-group-item-primary.list-group-item-action:focus,

.list-group-item-primary.list-group-item-action:hover {

    color: #004085;

    background-color: #9fcdff

}



.list-group-item-primary.list-group-item-action.active {

    color: #fff;

    background-color: #004085;

    border-color: #004085

}



.list-group-item-secondary {

    color: #383d41;

    background-color: #d6d8db

}



.list-group-item-secondary.list-group-item-action:focus,

.list-group-item-secondary.list-group-item-action:hover {

    color: #383d41;

    background-color: #c8cbcf

}



.list-group-item-secondary.list-group-item-action.active {

    color: #fff;

    background-color: #383d41;

    border-color: #383d41

}



.list-group-item-success {

    color: #155724;

    background-color: #c3e6cb

}



.list-group-item-success.list-group-item-action:focus,

.list-group-item-success.list-group-item-action:hover {

    color: #155724;

    background-color: #b1dfbb

}



.list-group-item-success.list-group-item-action.active {

    color: #fff;

    background-color: #155724;

    border-color: #155724

}



.list-group-item-info {

    color: #0c5460;

    background-color: #bee5eb

}



.list-group-item-info.list-group-item-action:focus,

.list-group-item-info.list-group-item-action:hover {

    color: #0c5460;

    background-color: #abdde5

}



.list-group-item-info.list-group-item-action.active {

    color: #fff;

    background-color: #0c5460;

    border-color: #0c5460

}



.list-group-item-warning {

    color: #856404;

    background-color: #ffeeba

}



.list-group-item-warning.list-group-item-action:focus,

.list-group-item-warning.list-group-item-action:hover {

    color: #856404;

    background-color: #ffe8a1

}



.list-group-item-warning.list-group-item-action.active {

    color: #fff;

    background-color: #856404;

    border-color: #856404

}



.list-group-item-danger {

    color: #721c24;

    background-color: #f5c6cb

}



.list-group-item-danger.list-group-item-action:focus,

.list-group-item-danger.list-group-item-action:hover {

    color: #721c24;

    background-color: #f1b0b7

}



.list-group-item-danger.list-group-item-action.active {

    color: #fff;

    background-color: #721c24;

    border-color: #721c24

}



.list-group-item-light {

    color: #818182;

    background-color: #fdfdfe

}



.list-group-item-light.list-group-item-action:focus,

.list-group-item-light.list-group-item-action:hover {

    color: #818182;

    background-color: #ececf6

}



.list-group-item-light.list-group-item-action.active {

    color: #fff;

    background-color: #818182;

    border-color: #818182

}



.list-group-item-dark {

    color: #1b1e21;

    background-color: #c6c8ca

}



.list-group-item-dark.list-group-item-action:focus,

.list-group-item-dark.list-group-item-action:hover {

    color: #1b1e21;

    background-color: #b9bbbe

}



.list-group-item-dark.list-group-item-action.active {

    color: #fff;

    background-color: #1b1e21;

    border-color: #1b1e21

}



.close {

    float: right;

    font-size: 1.5rem;

    color: #000;

    text-shadow: 0 1px 0 #fff;

    opacity: .5

}



.popover,

.tooltip {

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-style: normal;

    font-weight: 400;

    text-transform: none;

    letter-spacing: normal;

    word-break: normal;

    word-spacing: normal;

    white-space: normal;

    line-break: auto;

    font-size: .875rem;

    word-wrap: break-word;

    text-decoration: none

}



.modal-title,

.popover,

.tooltip {

    line-height: 1.5

}



.popover,

.text-hide,

.tooltip {

    text-shadow: none

}



.close:not(:disabled):not(.disabled):focus,

.close:not(:disabled):not(.disabled):hover {

    color: #000;

    text-decoration: none;

    opacity: .75

}



button.close {

    padding: 0;

    background-color: transparent;

    border: 0;

    -webkit-appearance: none

}



.modal-open .modal {

    overflow-x: hidden;

    overflow-y: auto

}



.modal {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1050;

    display: none;

    overflow: hidden;

    outline: 0

}



.modal-dialog {

    position: relative;

    width: auto;

    margin: .5rem;

    pointer-events: none

}



.modal.fade .modal-dialog {

    transition: -webkit-transform .3s ease-out;

    transition: transform .3s ease-out;

    transition: transform .3s ease-out, -webkit-transform .3s ease-out;

    -webkit-transform: translate(0, -25%);

    transform: translate(0, -25%)

}



@media screen and (prefers-reduced-motion:reduce) {

    .modal.fade .modal-dialog {

        transition: none

    }

}



.modal.show .modal-dialog {

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0)

}



.modal-dialog-centered {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    min-height: calc(100% - (.5rem * 2))

}



.modal-dialog-centered::before {

    display: block;

    height: calc(100vh - (.5rem * 2))

}



.modal-content {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

    pointer-events: auto;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: .3rem;

    outline: 0

}



.modal-backdrop {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    background-color: #000

}



.modal-backdrop.fade {

    opacity: 0

}



.modal-backdrop.show {

    opacity: .5

}



.modal-header {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: start;

    align-items: flex-start;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 1rem;

    border-bottom: 1px solid #e9ecef;

    border-top-left-radius: .3rem;

    border-top-right-radius: .3rem

}



.modal-header .close {

    padding: 1rem;

    margin: -1rem -1rem -1rem auto

}



.modal-title {

    margin-bottom: 0

}



.modal-body {

    position: relative;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    padding: 1rem

}



.modal-footer {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: end;

    justify-content: flex-end;

    padding: 1rem;

    border-top: 1px solid #e9ecef

}



.popover,

.popover .arrow,

.popover .arrow::after,

.popover .arrow::before,

.tooltip,

.tooltip .arrow {

    position: absolute;

    display: block

}



.modal-footer>:not(:first-child) {

    margin-left: .25rem

}



.modal-footer>:not(:last-child) {

    margin-right: .25rem

}



.modal-scrollbar-measure {

    position: absolute;

    top: -9999px;

    width: 50px;

    height: 50px;

    overflow: scroll

}



@media (min-width:576px) {

    .modal-dialog {

        max-width: 500px;

        margin: 1.75rem auto

    }

    .modal-dialog-centered {

        min-height: calc(100% - (1.75rem * 2))

    }

    .modal-dialog-centered::before {

        height: calc(100vh - (1.75rem * 2))

    }

    .modal-sm {

        max-width: 300px

    }

}



@media (min-width:992px) {

    .modal-lg {

        max-width: 800px

    }

}



.tooltip {

    z-index: 1070;

    margin: 0;

    text-align: left;

    text-align: start;

    opacity: 0

}



.tooltip.show {

    opacity: .9

}



.tooltip .arrow {

    width: .8rem;

    height: .4rem

}



.tooltip .arrow::before {

    position: absolute;

    border-color: transparent;

    border-style: solid

}



.bs-tooltip-auto[x-placement^=top],

.bs-tooltip-top {

    padding: .4rem 0

}



.bs-tooltip-auto[x-placement^=top] .arrow,

.bs-tooltip-top .arrow {

    bottom: 0

}



.bs-tooltip-auto[x-placement^=top] .arrow::before,

.bs-tooltip-top .arrow::before {

    top: 0;

    border-width: .4rem .4rem 0;

    border-top-color: #000

}



.bs-tooltip-auto[x-placement^=right],

.bs-tooltip-right {

    padding: 0 .4rem

}



.bs-tooltip-auto[x-placement^=right] .arrow,

.bs-tooltip-right .arrow {

    left: 0;

    width: .4rem;

    height: .8rem

}



.bs-tooltip-auto[x-placement^=right] .arrow::before,

.bs-tooltip-right .arrow::before {

    right: 0;

    border-width: .4rem .4rem .4rem 0;

    border-right-color: #000

}



.bs-tooltip-auto[x-placement^=bottom],

.bs-tooltip-bottom {

    padding: .4rem 0

}



.bs-tooltip-auto[x-placement^=bottom] .arrow,

.bs-tooltip-bottom .arrow {

    top: 0

}



.bs-tooltip-auto[x-placement^=bottom] .arrow::before,

.bs-tooltip-bottom .arrow::before {

    bottom: 0;

    border-width: 0 .4rem .4rem;

    border-bottom-color: #000

}



.bs-tooltip-auto[x-placement^=left],

.bs-tooltip-left {

    padding: 0 .4rem

}



.bs-tooltip-auto[x-placement^=left] .arrow,

.bs-tooltip-left .arrow {

    right: 0;

    width: .4rem;

    height: .8rem

}



.bs-tooltip-auto[x-placement^=left] .arrow::before,

.bs-tooltip-left .arrow::before {

    left: 0;

    border-width: .4rem 0 .4rem .4rem;

    border-left-color: #000

}



.tooltip-inner {

    max-width: 200px;

    padding: .25rem .5rem;

    color: #fff;

    text-align: center;

    background-color: #000;

    border-radius: .25rem

}



.popover {

    top: 0;

    left: 0;

    z-index: 1060;

    max-width: 276px;

    text-align: left;

    text-align: start;

    background-color: #fff;

    border: 1px solid rgba(0, 0, 0, .2);

    border-radius: .3rem

}



.popover .arrow {

    width: 1rem;

    height: .5rem;

    margin: 0 .3rem

}



.popover .arrow::after,

.popover .arrow::before {

    border-color: transparent;

    border-style: solid

}



.bs-popover-auto[x-placement^=top],

.bs-popover-top {

    margin-bottom: .5rem

}



.bs-popover-auto[x-placement^=top] .arrow,

.bs-popover-top .arrow {

    bottom: calc((.5rem + 1px) * -1)

}



.bs-popover-auto[x-placement^=top] .arrow::after,

.bs-popover-auto[x-placement^=top] .arrow::before,

.bs-popover-top .arrow::after,

.bs-popover-top .arrow::before {

    border-width: .5rem .5rem 0

}



.bs-popover-auto[x-placement^=top] .arrow::before,

.bs-popover-top .arrow::before {

    bottom: 0;

    border-top-color: rgba(0, 0, 0, .25)

}



.bs-popover-auto[x-placement^=top] .arrow::after,

.bs-popover-top .arrow::after {

    bottom: 1px;

    border-top-color: #fff

}



.bs-popover-auto[x-placement^=right],

.bs-popover-right {

    margin-left: .5rem

}



.bs-popover-auto[x-placement^=right] .arrow,

.bs-popover-right .arrow {

    left: calc((.5rem + 1px) * -1);

    width: .5rem;

    height: 1rem;

    margin: .3rem 0

}



.bs-popover-auto[x-placement^=right] .arrow::after,

.bs-popover-auto[x-placement^=right] .arrow::before,

.bs-popover-right .arrow::after,

.bs-popover-right .arrow::before {

    border-width: .5rem .5rem .5rem 0

}



.bs-popover-auto[x-placement^=right] .arrow::before,

.bs-popover-right .arrow::before {

    left: 0;

    border-right-color: rgba(0, 0, 0, .25)

}



.bs-popover-auto[x-placement^=right] .arrow::after,

.bs-popover-right .arrow::after {

    left: 1px;

    border-right-color: #fff

}



.bs-popover-auto[x-placement^=bottom],

.bs-popover-bottom {

    margin-top: .5rem

}



.bs-popover-auto[x-placement^=bottom] .arrow,

.bs-popover-bottom .arrow {

    top: calc((.5rem + 1px) * -1)

}



.bs-popover-auto[x-placement^=bottom] .arrow::after,

.bs-popover-auto[x-placement^=bottom] .arrow::before,

.bs-popover-bottom .arrow::after,

.bs-popover-bottom .arrow::before {

    border-width: 0 .5rem .5rem

}



.bs-popover-auto[x-placement^=bottom] .arrow::before,

.bs-popover-bottom .arrow::before {

    top: 0;

    border-bottom-color: rgba(0, 0, 0, .25)

}



.bs-popover-auto[x-placement^=bottom] .arrow::after,

.bs-popover-bottom .arrow::after {

    top: 1px;

    border-bottom-color: #fff

}



.bs-popover-auto[x-placement^=bottom] .popover-header::before,

.bs-popover-bottom .popover-header::before {

    position: absolute;

    top: 0;

    left: 50%;

    display: block;

    width: 1rem;

    margin-left: -.5rem;

    content: "";

    border-bottom: 1px solid #f7f7f7

}



.carousel,

.carousel-inner,

.carousel-item {

    position: relative

}



.bs-popover-auto[x-placement^=left],

.bs-popover-left {

    margin-right: .5rem

}



.bs-popover-auto[x-placement^=left] .arrow,

.bs-popover-left .arrow {

    right: calc((.5rem + 1px) * -1);

    width: .5rem;

    height: 1rem;

    margin: .3rem 0

}



.bs-popover-auto[x-placement^=left] .arrow::after,

.bs-popover-auto[x-placement^=left] .arrow::before,

.bs-popover-left .arrow::after,

.bs-popover-left .arrow::before {

    border-width: .5rem 0 .5rem .5rem

}



.bs-popover-auto[x-placement^=left] .arrow::before,

.bs-popover-left .arrow::before {

    right: 0;

    border-left-color: rgba(0, 0, 0, .25)

}



.bs-popover-auto[x-placement^=left] .arrow::after,

.bs-popover-left .arrow::after {

    right: 1px;

    border-left-color: #fff

}



.popover-header {

    margin-bottom: 0;

    font-size: 1rem;

    color: inherit;

    background-color: #f7f7f7;

    border-bottom: 1px solid #ebebeb;

    border-top-left-radius: calc(.3rem - 1px);

    border-top-right-radius: calc(.3rem - 1px)

}



.popover-header:empty {

    display: none

}



.popover-body {

    color: #212529

}



.carousel-inner {

    width: 100%;

    overflow: hidden

}



.carousel-item {

    display: none;

    -ms-flex-align: center;

    align-items: center;

    width: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-perspective: 1000px;

    perspective: 1000px

}



.carousel-item-next,

.carousel-item-prev,

.carousel-item.active {

    display: block;

    transition: -webkit-transform .6s ease;

    transition: transform .6s ease;

    transition: transform .6s ease, -webkit-transform .6s ease

}



@media screen and (prefers-reduced-motion:reduce) {

    .carousel-item-next,

    .carousel-item-prev,

    .carousel-item.active {

        transition: none

    }

}



.carousel-item-next,

.carousel-item-prev {

    position: absolute;

    top: 0

}



.carousel-item-next.carousel-item-left,

.carousel-item-prev.carousel-item-right {

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {

    .carousel-item-next.carousel-item-left,

    .carousel-item-prev.carousel-item-right {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.active.carousel-item-right,

.carousel-item-next {

    -webkit-transform: translateX(100%);

    transform: translateX(100%)

}



@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {

    .active.carousel-item-right,

    .carousel-item-next {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

}



.active.carousel-item-left,

.carousel-item-prev {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%)

}



@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {

    .active.carousel-item-left,

    .carousel-item-prev {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

}



.carousel-fade .carousel-item {

    opacity: 0;

    transition-duration: .6s;

    transition-property: opacity

}



.carousel-fade .carousel-item-next.carousel-item-left,

.carousel-fade .carousel-item-prev.carousel-item-right,

.carousel-fade .carousel-item.active {

    opacity: 1

}



.carousel-fade .active.carousel-item-left,

.carousel-fade .active.carousel-item-right {

    opacity: 0

}



.carousel-fade .active.carousel-item-left,

.carousel-fade .active.carousel-item-prev,

.carousel-fade .carousel-item-next,

.carousel-fade .carousel-item-prev,

.carousel-fade .carousel-item.active {

    -webkit-transform: translateX(0);

    transform: translateX(0)

}



@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {

    .carousel-fade .active.carousel-item-left,

    .carousel-fade .active.carousel-item-prev,

    .carousel-fade .carousel-item-next,

    .carousel-fade .carousel-item-prev,

    .carousel-fade .carousel-item.active {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.carousel-control-next,

.carousel-control-prev {

    position: absolute;

    top: 0;

    bottom: 0;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 15%;

    color: #fff;

    text-align: center;

    opacity: .5

}



.carousel-control-next:focus,

.carousel-control-next:hover,

.carousel-control-prev:focus,

.carousel-control-prev:hover {

    color: #fff;

    text-decoration: none;

    outline: 0;

    opacity: .9

}



.carousel-control-prev {

    left: 0

}



.carousel-control-next {

    right: 0

}



.carousel-control-next-icon,

.carousel-control-prev-icon {

    display: inline-block;

    width: 20px;

    height: 20px;

    background: center center no-repeat;

    background-size: 100% 100%

}



.carousel-control-prev-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")

}



.carousel-control-next-icon {

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")

}



.carousel-indicators {

    position: absolute;

    right: 0;

    bottom: 10px;

    left: 0;

    z-index: 15;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: center;

    justify-content: center;

    padding-left: 0;

    margin-right: 15%;

    margin-left: 15%;

    list-style: none

}



.carousel-indicators li {

    position: relative;

    -ms-flex: 0 1 auto;

    flex: 0 1 auto;

    width: 30px;

    height: 3px;

    margin-right: 3px;

    margin-left: 3px;

    text-indent: -999px;

    cursor: pointer;

    background-color: rgba(255, 255, 255, .5)

}



.carousel-indicators li::after,

.carousel-indicators li::before {

    left: 0;

    display: inline-block;

    height: 10px;

    position: absolute;

    content: "";

    width: 100%

}



.carousel-indicators li::before {

    top: -10px

}



.carousel-indicators li::after {

    bottom: -10px

}



.carousel-indicators .active {

    background-color: #fff

}



.carousel-caption {

    position: absolute;

    right: 15%;

    bottom: 20px;

    left: 15%;

    z-index: 10;

    padding-top: 20px;

    padding-bottom: 20px;

    color: #fff;

    text-align: center

}



.align-baseline {

    vertical-align: baseline !important

}



.align-top {

    vertical-align: top !important

}



.align-middle {

    vertical-align: middle !important

}



.align-bottom {

    vertical-align: bottom !important

}



.align-text-bottom {

    vertical-align: text-bottom !important

}



.align-text-top {

    vertical-align: text-top !important

}



.bg-primary {

    background-color: #007bff !important

}



a.bg-primary:focus,

a.bg-primary:hover,

button.bg-primary:focus,

button.bg-primary:hover {

    background-color: #0062cc !important

}



.bg-secondary {

    background-color: #6c757d !important

}



a.bg-secondary:focus,

a.bg-secondary:hover,

button.bg-secondary:focus,

button.bg-secondary:hover {

    background-color: #545b62 !important

}



.bg-success {

    background-color: #28a745 !important

}



a.bg-success:focus,

a.bg-success:hover,

button.bg-success:focus,

button.bg-success:hover {

    background-color: #1e7e34 !important

}



.bg-info {

    background-color: #17a2b8 !important

}



a.bg-info:focus,

a.bg-info:hover,

button.bg-info:focus,

button.bg-info:hover {

    background-color: #117a8b !important

}



.bg-warning {

    background-color: #ffc107 !important

}



a.bg-warning:focus,

a.bg-warning:hover,

button.bg-warning:focus,

button.bg-warning:hover {

    background-color: #d39e00 !important

}



.bg-danger {

    background-color: #dc3545 !important

}



a.bg-danger:focus,

a.bg-danger:hover,

button.bg-danger:focus,

button.bg-danger:hover {

    background-color: #bd2130 !important

}



.bg-light {

    background-color: #f8f9fa !important

}



a.bg-light:focus,

a.bg-light:hover,

button.bg-light:focus,

button.bg-light:hover {

    background-color: #dae0e5 !important

}



.bg-dark {

    background-color: #343a40 !important

}



a.bg-dark:focus,

a.bg-dark:hover,

button.bg-dark:focus,

button.bg-dark:hover {

    background-color: #1d2124 !important

}



.bg-white {

    background-color: #fff !important

}



.bg-transparent {

    background-color: transparent !important

}



.border {

    border: 1px solid #dee2e6 !important

}



.border-top {

    border-top: 1px solid #dee2e6 !important

}



.border-right {

    border-right: 1px solid #dee2e6 !important

}



.border-bottom {

    border-bottom: 1px solid #dee2e6 !important

}



.border-left {

    border-left: 1px solid #dee2e6 !important

}



.border-0 {

    border: 0 !important

}



.rounded-right,

.rounded-top {

    border-top-right-radius: .25rem !important

}



.rounded-bottom,

.rounded-right {

    border-bottom-right-radius: .25rem !important

}



.rounded-left,

.rounded-top {

    border-top-left-radius: .25rem !important

}



.rounded-bottom,

.rounded-left {

    border-bottom-left-radius: .25rem !important

}



.border-top-0 {

    border-top: 0 !important

}



.border-right-0 {

    border-right: 0 !important

}



.border-bottom-0 {

    border-bottom: 0 !important

}



.border-left-0 {

    border-left: 0 !important

}



.border-primary {

    border-color: #007bff !important

}



.border-secondary {

    border-color: #6c757d !important

}



.border-success {

    border-color: #28a745 !important

}



.border-info {

    border-color: #17a2b8 !important

}



.border-warning {

    border-color: #ffc107 !important

}



.border-danger {

    border-color: #dc3545 !important

}



.border-light {

    border-color: #f8f9fa !important

}



.border-dark {

    border-color: #343a40 !important

}



.border-white {

    border-color: #fff !important

}



.rounded {

    border-radius: .25rem !important

}



.rounded-circle {

    border-radius: 50% !important

}



.rounded-0 {

    border-radius: 0 !important

}



.clearfix::after {

    display: block;

    clear: both;

    content: ""

}



.d-none {

    display: none !important

}



.d-inline {

    display: inline !important

}



.d-inline-block {

    display: inline-block !important

}



.d-block {

    display: block !important

}



.d-table {

    display: table !important

}



.d-table-row {

    display: table-row !important

}



.d-table-cell {

    display: table-cell !important

}



.d-flex {

    display: -ms-flexbox !important;

    display: flex !important

}



.d-inline-flex {

    display: -ms-inline-flexbox !important;

    display: inline-flex !important

}



@media (min-width:576px) {

    .d-sm-none {

        display: none !important

    }

    .d-sm-inline {

        display: inline !important

    }

    .d-sm-inline-block {

        display: inline-block !important

    }

    .d-sm-block {

        display: block !important

    }

    .d-sm-table {

        display: table !important

    }

    .d-sm-table-row {

        display: table-row !important

    }

    .d-sm-table-cell {

        display: table-cell !important

    }

    .d-sm-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-sm-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media (min-width:768px) {

    .d-md-none {

        display: none !important

    }

    .d-md-inline {

        display: inline !important

    }

    .d-md-inline-block {

        display: inline-block !important

    }

    .d-md-block {

        display: block !important

    }

    .d-md-table {

        display: table !important

    }

    .d-md-table-row {

        display: table-row !important

    }

    .d-md-table-cell {

        display: table-cell !important

    }

    .d-md-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-md-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media (min-width:992px) {

    .d-lg-none {

        display: none !important

    }

    .d-lg-inline {

        display: inline !important

    }

    .d-lg-inline-block {

        display: inline-block !important

    }

    .d-lg-block {

        display: block !important

    }

    .d-lg-table {

        display: table !important

    }

    .d-lg-table-row {

        display: table-row !important

    }

    .d-lg-table-cell {

        display: table-cell !important

    }

    .d-lg-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-lg-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media (min-width:1200px) {

    .d-xl-none {

        display: none !important

    }

    .d-xl-inline {

        display: inline !important

    }

    .d-xl-inline-block {

        display: inline-block !important

    }

    .d-xl-block {

        display: block !important

    }

    .d-xl-table {

        display: table !important

    }

    .d-xl-table-row {

        display: table-row !important

    }

    .d-xl-table-cell {

        display: table-cell !important

    }

    .d-xl-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-xl-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media print {

    .d-print-none {

        display: none !important

    }

    .d-print-inline {

        display: inline !important

    }

    .d-print-inline-block {

        display: inline-block !important

    }

    .d-print-block {

        display: block !important

    }

    .d-print-table {

        display: table !important

    }

    .d-print-table-row {

        display: table-row !important

    }

    .d-print-table-cell {

        display: table-cell !important

    }

    .d-print-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-print-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



.embed-responsive {

    position: relative;

    display: block;

    width: 100%;

    padding: 0;

    overflow: hidden

}



.embed-responsive::before {

    display: block;

    content: ""

}



.embed-responsive .embed-responsive-item,

.embed-responsive embed,

.embed-responsive iframe,

.embed-responsive object,

.embed-responsive video {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0

}



.embed-responsive-21by9::before {

    padding-top: 42.857143%

}



.embed-responsive-16by9::before {

    padding-top: 56.25%

}



.embed-responsive-4by3::before {

    padding-top: 75%

}



.embed-responsive-1by1::before {

    padding-top: 100%

}



.flex-row {

    -ms-flex-direction: row !important;

    flex-direction: row !important

}



.flex-column {

    -ms-flex-direction: column !important;

    flex-direction: column !important

}



.flex-row-reverse {

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important

}



.flex-column-reverse {

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important

}



.flex-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important

}



.flex-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important

}



.flex-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important

}



.flex-fill {

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important

}



.flex-grow-0 {

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important

}



.flex-grow-1 {

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important

}



.flex-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important

}



.flex-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important

}



.justify-content-start {

    -ms-flex-pack: start !important;

    justify-content: flex-start !important

}



.justify-content-end {

    -ms-flex-pack: end !important;

    justify-content: flex-end !important

}



.justify-content-center {

    -ms-flex-pack: center !important;

    justify-content: center !important

}



.justify-content-between {

    -ms-flex-pack: justify !important;

    justify-content: space-between !important

}



.justify-content-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important

}



.align-items-start {

    -ms-flex-align: start !important;

    align-items: flex-start !important

}



.align-items-end {

    -ms-flex-align: end !important;

    align-items: flex-end !important

}



.align-items-center {

    -ms-flex-align: center !important;

    align-items: center !important

}



.align-items-baseline {

    -ms-flex-align: baseline !important;

    align-items: baseline !important

}



.align-items-stretch {

    -ms-flex-align: stretch !important;

    align-items: stretch !important

}



.align-content-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important

}



.align-content-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important

}



.align-content-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important

}



.align-content-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important

}



.align-content-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important

}



.align-content-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important

}



.align-self-auto {

    -ms-flex-item-align: auto !important;

    align-self: auto !important

}



.align-self-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important

}



.align-self-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important

}



.align-self-center {

    -ms-flex-item-align: center !important;

    align-self: center !important

}



.align-self-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important

}



.align-self-stretch {

    -ms-flex-item-align: stretch !important;

    align-self: stretch !important

}



.float-left {

    float: left !important

}



.float-right {

    float: right !important

}



.float-none {

    float: none !important

}



.position-static {

    position: static !important

}



.position-relative {

    position: relative !important

}



.position-absolute {

    position: absolute !important

}



.position-fixed {

    position: fixed !important

}



.position-sticky {

    position: -webkit-sticky !important;

    position: sticky !important

}



.fixed-bottom,

.fixed-top {

    position: fixed;

    right: 0;

    left: 0;

    z-index: 1030

}



.fixed-top {

    top: 0

}



.fixed-bottom {

    bottom: 0

}



@supports ((position:-webkit-sticky) or (position:sticky)) {

    .sticky-top {

        position: -webkit-sticky;

        position: sticky;

        top: 0;

        z-index: 1020

    }

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    white-space: nowrap;

    border: 0

}



.sr-only-focusable:active,

.sr-only-focusable:focus {

    position: static;

    width: auto;

    height: auto;

    overflow: visible;

    clip: auto;

    white-space: normal

}



.shadow-sm {

    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important

}



.shadow {

    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important

}



.shadow-lg {

    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important

}



.shadow-none {

    box-shadow: none !important

}



.w-25 {

    width: 25% !important

}



.w-50 {

    width: 50% !important

}



.w-75 {

    width: 75% !important

}



.w-100 {

    width: 100% !important

}



.w-auto {

    width: auto !important

}



.h-25 {

    height: 25% !important

}



.h-50 {

    height: 50% !important

}



.h-75 {

    height: 75% !important

}



.h-100 {

    height: 100% !important

}



.h-auto {

    height: auto !important

}



.mw-100 {

    max-width: 100% !important

}



.mh-100 {

    max-height: 100% !important

}



.m-0 {

    margin: 0 !important

}



.mt-0,

.my-0 {

    margin-top: 0 !important

}



.mr-0,

.mx-0 {

    margin-right: 0 !important

}



.mb-0,

.my-0 {

    margin-bottom: 0 !important

}



.ml-0,

.mx-0 {

    margin-left: 0 !important

}



.m-1 {

    margin: .25rem !important

}



.mt-1,

.my-1 {

    margin-top: .25rem !important

}



.mr-1,

.mx-1 {

    margin-right: .25rem !important

}



.mb-1,

.my-1 {

    margin-bottom: .25rem !important

}



.ml-1,

.mx-1 {

    margin-left: .25rem !important

}



.m-2 {

    margin: .5rem !important

}



.mt-2,

.my-2 {

    margin-top: .5rem !important

}



.mr-2,

.mx-2 {

    margin-right: .5rem !important

}



.mb-2,

.my-2 {

    margin-bottom: .5rem !important

}



.ml-2,

.mx-2 {

    margin-left: .5rem !important

}



.m-3 {

    margin: 1rem !important

}



.mt-3,

.my-3 {

    margin-top: 1rem !important

}



.mr-3,

.mx-3 {

    margin-right: 1rem !important

}



.mb-3,

.my-3 {

    margin-bottom: 1rem !important

}



.ml-3,

.mx-3 {

    margin-left: 1rem !important

}



.m-4 {

    margin: 1.5rem !important

}



.mt-4,

.my-4 {

    margin-top: 1.5rem !important

}



.mr-4,

.mx-4 {

    margin-right: 1.5rem !important

}



.mb-4,

.my-4 {

    margin-bottom: 1.5rem !important

}



.ml-4,

.mx-4 {

    margin-left: 1.5rem !important

}



.m-5 {

    margin: 3rem !important

}



.mt-5,

.my-5 {

    margin-top: 3rem !important

}



.mr-5,

.mx-5 {

    margin-right: 3rem !important

}



.mb-5,

.my-5 {

    margin-bottom: 3rem !important

}



.ml-5,

.mx-5 {

    margin-left: 3rem !important

}



.p-0 {

    padding: 0 !important

}



.pt-0,

.py-0 {

    padding-top: 0 !important

}



.pr-0,

.px-0 {

    padding-right: 0 !important

}



.pb-0,

.py-0 {

    padding-bottom: 0 !important

}



.pl-0,

.px-0 {

    padding-left: 0 !important

}



.p-1 {

    padding: .25rem !important

}



.pt-1,

.py-1 {

    padding-top: .25rem !important

}



.pr-1,

.px-1 {

    padding-right: .25rem !important

}



.pb-1,

.py-1 {

    padding-bottom: .25rem !important

}



.pl-1,

.px-1 {

    padding-left: .25rem !important

}



.p-2 {

    padding: .5rem !important

}



.pt-2,

.py-2 {

    padding-top: .5rem !important

}



.pr-2,

.px-2 {

    padding-right: .5rem !important

}



.pb-2,

.py-2 {

    padding-bottom: .5rem !important

}



.pl-2,

.px-2 {

    padding-left: .5rem !important

}



.p-3 {

    padding: 1rem !important

}



.pt-3,

.py-3 {

    padding-top: 1rem !important

}



.pr-3,

.px-3 {

    padding-right: 1rem !important

}



.pb-3,

.py-3 {

    padding-bottom: 1rem !important

}



.pl-3,

.px-3 {

    padding-left: 1rem !important

}



.p-4 {

    padding: 1.5rem !important

}



.pt-4,

.py-4 {

    padding-top: 1.5rem !important

}



.pr-4,

.px-4 {

    padding-right: 1.5rem !important

}



.pb-4,

.py-4 {

    padding-bottom: 1.5rem !important

}



.pl-4,

.px-4 {

    padding-left: 1.5rem !important

}



.p-5 {

    padding: 3rem !important

}



.pt-5,

.py-5 {

    padding-top: 3rem !important

}



.pr-5,

.px-5 {

    padding-right: 3rem !important

}



.pb-5,

.py-5 {

    padding-bottom: 3rem !important

}



.pl-5,

.px-5 {

    padding-left: 3rem !important

}



.m-auto {

    margin: auto !important

}



.mt-auto,

.my-auto {

    margin-top: auto !important

}



.mr-auto,

.mx-auto {

    margin-right: auto !important

}



.mb-auto,

.my-auto {

    margin-bottom: auto !important

}



.ml-auto,

.mx-auto {

    margin-left: auto !important

}



.text-justify {

    text-align: justify !important

}



.text-nowrap {

    white-space: nowrap !important

}



.text-truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap

}



.text-left {

    text-align: left !important

}



.text-right {

    text-align: right !important

}



.text-center {

    text-align: center !important

}



@media (min-width:576px) {

    .flex-sm-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-sm-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-sm-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-sm-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-sm-wrap {

        -ms-flex-wrap: wrap !important;

        flex-wrap: wrap !important

    }

    .flex-sm-nowrap {

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important

    }

    .flex-sm-wrap-reverse {

        -ms-flex-wrap: wrap-reverse !important;

        flex-wrap: wrap-reverse !important

    }

    .flex-sm-fill {

        -ms-flex: 1 1 auto !important;

        flex: 1 1 auto !important

    }

    .flex-sm-grow-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important

    }

    .flex-sm-grow-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important

    }

    .flex-sm-shrink-0 {

        -ms-flex-negative: 0 !important;

        flex-shrink: 0 !important

    }

    .flex-sm-shrink-1 {

        -ms-flex-negative: 1 !important;

        flex-shrink: 1 !important

    }

    .justify-content-sm-start {

        -ms-flex-pack: start !important;

        justify-content: flex-start !important

    }

    .justify-content-sm-end {

        -ms-flex-pack: end !important;

        justify-content: flex-end !important

    }

    .justify-content-sm-center {

        -ms-flex-pack: center !important;

        justify-content: center !important

    }

    .justify-content-sm-between {

        -ms-flex-pack: justify !important;

        justify-content: space-between !important

    }

    .justify-content-sm-around {

        -ms-flex-pack: distribute !important;

        justify-content: space-around !important

    }

    .align-items-sm-start {

        -ms-flex-align: start !important;

        align-items: flex-start !important

    }

    .align-items-sm-end {

        -ms-flex-align: end !important;

        align-items: flex-end !important

    }

    .align-items-sm-center {

        -ms-flex-align: center !important;

        align-items: center !important

    }

    .align-items-sm-baseline {

        -ms-flex-align: baseline !important;

        align-items: baseline !important

    }

    .align-items-sm-stretch {

        -ms-flex-align: stretch !important;

        align-items: stretch !important

    }

    .align-content-sm-start {

        -ms-flex-line-pack: start !important;

        align-content: flex-start !important

    }

    .align-content-sm-end {

        -ms-flex-line-pack: end !important;

        align-content: flex-end !important

    }

    .align-content-sm-center {

        -ms-flex-line-pack: center !important;

        align-content: center !important

    }

    .align-content-sm-between {

        -ms-flex-line-pack: justify !important;

        align-content: space-between !important

    }

    .align-content-sm-around {

        -ms-flex-line-pack: distribute !important;

        align-content: space-around !important

    }

    .align-content-sm-stretch {

        -ms-flex-line-pack: stretch !important;

        align-content: stretch !important

    }

    .align-self-sm-auto {

        -ms-flex-item-align: auto !important;

        align-self: auto !important

    }

    .align-self-sm-start {

        -ms-flex-item-align: start !important;

        align-self: flex-start !important

    }

    .align-self-sm-end {

        -ms-flex-item-align: end !important;

        align-self: flex-end !important

    }

    .align-self-sm-center {

        -ms-flex-item-align: center !important;

        align-self: center !important

    }

    .align-self-sm-baseline {

        -ms-flex-item-align: baseline !important;

        align-self: baseline !important

    }

    .align-self-sm-stretch {

        -ms-flex-item-align: stretch !important;

        align-self: stretch !important

    }

    .float-sm-left {

        float: left !important

    }

    .float-sm-right {

        float: right !important

    }

    .float-sm-none {

        float: none !important

    }

    .m-sm-0 {

        margin: 0 !important

    }

    .mt-sm-0,

    .my-sm-0 {

        margin-top: 0 !important

    }

    .mr-sm-0,

    .mx-sm-0 {

        margin-right: 0 !important

    }

    .mb-sm-0,

    .my-sm-0 {

        margin-bottom: 0 !important

    }

    .ml-sm-0,

    .mx-sm-0 {

        margin-left: 0 !important

    }

    .m-sm-1 {

        margin: .25rem !important

    }

    .mt-sm-1,

    .my-sm-1 {

        margin-top: .25rem !important

    }

    .mr-sm-1,

    .mx-sm-1 {

        margin-right: .25rem !important

    }

    .mb-sm-1,

    .my-sm-1 {

        margin-bottom: .25rem !important

    }

    .ml-sm-1,

    .mx-sm-1 {

        margin-left: .25rem !important

    }

    .m-sm-2 {

        margin: .5rem !important

    }

    .mt-sm-2,

    .my-sm-2 {

        margin-top: .5rem !important

    }

    .mr-sm-2,

    .mx-sm-2 {

        margin-right: .5rem !important

    }

    .mb-sm-2,

    .my-sm-2 {

        margin-bottom: .5rem !important

    }

    .ml-sm-2,

    .mx-sm-2 {

        margin-left: .5rem !important

    }

    .m-sm-3 {

        margin: 1rem !important

    }

    .mt-sm-3,

    .my-sm-3 {

        margin-top: 1rem !important

    }

    .mr-sm-3,

    .mx-sm-3 {

        margin-right: 1rem !important

    }

    .mb-sm-3,

    .my-sm-3 {

        margin-bottom: 1rem !important

    }

    .ml-sm-3,

    .mx-sm-3 {

        margin-left: 1rem !important

    }

    .m-sm-4 {

        margin: 1.5rem !important

    }

    .mt-sm-4,

    .my-sm-4 {

        margin-top: 1.5rem !important

    }

    .mr-sm-4,

    .mx-sm-4 {

        margin-right: 1.5rem !important

    }

    .mb-sm-4,

    .my-sm-4 {

        margin-bottom: 1.5rem !important

    }

    .ml-sm-4,

    .mx-sm-4 {

        margin-left: 1.5rem !important

    }

    .m-sm-5 {

        margin: 3rem !important

    }

    .mt-sm-5,

    .my-sm-5 {

        margin-top: 3rem !important

    }

    .mr-sm-5,

    .mx-sm-5 {

        margin-right: 3rem !important

    }

    .mb-sm-5,

    .my-sm-5 {

        margin-bottom: 3rem !important

    }

    .ml-sm-5,

    .mx-sm-5 {

        margin-left: 3rem !important

    }

    .p-sm-0 {

        padding: 0 !important

    }

    .pt-sm-0,

    .py-sm-0 {

        padding-top: 0 !important

    }

    .pr-sm-0,

    .px-sm-0 {

        padding-right: 0 !important

    }

    .pb-sm-0,

    .py-sm-0 {

        padding-bottom: 0 !important

    }

    .pl-sm-0,

    .px-sm-0 {

        padding-left: 0 !important

    }

    .p-sm-1 {

        padding: .25rem !important

    }

    .pt-sm-1,

    .py-sm-1 {

        padding-top: .25rem !important

    }

    .pr-sm-1,

    .px-sm-1 {

        padding-right: .25rem !important

    }

    .pb-sm-1,

    .py-sm-1 {

        padding-bottom: .25rem !important

    }

    .pl-sm-1,

    .px-sm-1 {

        padding-left: .25rem !important

    }

    .p-sm-2 {

        padding: .5rem !important

    }

    .pt-sm-2,

    .py-sm-2 {

        padding-top: .5rem !important

    }

    .pr-sm-2,

    .px-sm-2 {

        padding-right: .5rem !important

    }

    .pb-sm-2,

    .py-sm-2 {

        padding-bottom: .5rem !important

    }

    .pl-sm-2,

    .px-sm-2 {

        padding-left: .5rem !important

    }

    .p-sm-3 {

        padding: 1rem !important

    }

    .pt-sm-3,

    .py-sm-3 {

        padding-top: 1rem !important

    }

    .pr-sm-3,

    .px-sm-3 {

        padding-right: 1rem !important

    }

    .pb-sm-3,

    .py-sm-3 {

        padding-bottom: 1rem !important

    }

    .pl-sm-3,

    .px-sm-3 {

        padding-left: 1rem !important

    }

    .p-sm-4 {

        padding: 1.5rem !important

    }

    .pt-sm-4,

    .py-sm-4 {

        padding-top: 1.5rem !important

    }

    .pr-sm-4,

    .px-sm-4 {

        padding-right: 1.5rem !important

    }

    .pb-sm-4,

    .py-sm-4 {

        padding-bottom: 1.5rem !important

    }

    .pl-sm-4,

    .px-sm-4 {

        padding-left: 1.5rem !important

    }

    .p-sm-5 {

        padding: 3rem !important

    }

    .pt-sm-5,

    .py-sm-5 {

        padding-top: 3rem !important

    }

    .pr-sm-5,

    .px-sm-5 {

        padding-right: 3rem !important

    }

    .pb-sm-5,

    .py-sm-5 {

        padding-bottom: 3rem !important

    }

    .pl-sm-5,

    .px-sm-5 {

        padding-left: 3rem !important

    }

    .m-sm-auto {

        margin: auto !important

    }

    .mt-sm-auto,

    .my-sm-auto {

        margin-top: auto !important

    }

    .mr-sm-auto,

    .mx-sm-auto {

        margin-right: auto !important

    }

    .mb-sm-auto,

    .my-sm-auto {

        margin-bottom: auto !important

    }

    .ml-sm-auto,

    .mx-sm-auto {

        margin-left: auto !important

    }

    .text-sm-left {

        text-align: left !important

    }

    .text-sm-right {

        text-align: right !important

    }

    .text-sm-center {

        text-align: center !important

    }

}



@media (min-width:768px) {

    .flex-md-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-md-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-md-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-md-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-md-wrap {

        -ms-flex-wrap: wrap !important;

        flex-wrap: wrap !important

    }

    .flex-md-nowrap {

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important

    }

    .flex-md-wrap-reverse {

        -ms-flex-wrap: wrap-reverse !important;

        flex-wrap: wrap-reverse !important

    }

    .flex-md-fill {

        -ms-flex: 1 1 auto !important;

        flex: 1 1 auto !important

    }

    .flex-md-grow-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important

    }

    .flex-md-grow-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important

    }

    .flex-md-shrink-0 {

        -ms-flex-negative: 0 !important;

        flex-shrink: 0 !important

    }

    .flex-md-shrink-1 {

        -ms-flex-negative: 1 !important;

        flex-shrink: 1 !important

    }

    .justify-content-md-start {

        -ms-flex-pack: start !important;

        justify-content: flex-start !important

    }

    .justify-content-md-end {

        -ms-flex-pack: end !important;

        justify-content: flex-end !important

    }

    .justify-content-md-center {

        -ms-flex-pack: center !important;

        justify-content: center !important

    }

    .justify-content-md-between {

        -ms-flex-pack: justify !important;

        justify-content: space-between !important

    }

    .justify-content-md-around {

        -ms-flex-pack: distribute !important;

        justify-content: space-around !important

    }

    .align-items-md-start {

        -ms-flex-align: start !important;

        align-items: flex-start !important

    }

    .align-items-md-end {

        -ms-flex-align: end !important;

        align-items: flex-end !important

    }

    .align-items-md-center {

        -ms-flex-align: center !important;

        align-items: center !important

    }

    .align-items-md-baseline {

        -ms-flex-align: baseline !important;

        align-items: baseline !important

    }

    .align-items-md-stretch {

        -ms-flex-align: stretch !important;

        align-items: stretch !important

    }

    .align-content-md-start {

        -ms-flex-line-pack: start !important;

        align-content: flex-start !important

    }

    .align-content-md-end {

        -ms-flex-line-pack: end !important;

        align-content: flex-end !important

    }

    .align-content-md-center {

        -ms-flex-line-pack: center !important;

        align-content: center !important

    }

    .align-content-md-between {

        -ms-flex-line-pack: justify !important;

        align-content: space-between !important

    }

    .align-content-md-around {

        -ms-flex-line-pack: distribute !important;

        align-content: space-around !important

    }

    .align-content-md-stretch {

        -ms-flex-line-pack: stretch !important;

        align-content: stretch !important

    }

    .align-self-md-auto {

        -ms-flex-item-align: auto !important;

        align-self: auto !important

    }

    .align-self-md-start {

        -ms-flex-item-align: start !important;

        align-self: flex-start !important

    }

    .align-self-md-end {

        -ms-flex-item-align: end !important;

        align-self: flex-end !important

    }

    .align-self-md-center {

        -ms-flex-item-align: center !important;

        align-self: center !important

    }

    .align-self-md-baseline {

        -ms-flex-item-align: baseline !important;

        align-self: baseline !important

    }

    .align-self-md-stretch {

        -ms-flex-item-align: stretch !important;

        align-self: stretch !important

    }

    .float-md-left {

        float: left !important

    }

    .float-md-right {

        float: right !important

    }

    .float-md-none {

        float: none !important

    }

    .m-md-0 {

        margin: 0 !important

    }

    .mt-md-0,

    .my-md-0 {

        margin-top: 0 !important

    }

    .mr-md-0,

    .mx-md-0 {

        margin-right: 0 !important

    }

    .mb-md-0,

    .my-md-0 {

        margin-bottom: 0 !important

    }

    .ml-md-0,

    .mx-md-0 {

        margin-left: 0 !important

    }

    .m-md-1 {

        margin: .25rem !important

    }

    .mt-md-1,

    .my-md-1 {

        margin-top: .25rem !important

    }

    .mr-md-1,

    .mx-md-1 {

        margin-right: .25rem !important

    }

    .mb-md-1,

    .my-md-1 {

        margin-bottom: .25rem !important

    }

    .ml-md-1,

    .mx-md-1 {

        margin-left: .25rem !important

    }

    .m-md-2 {

        margin: .5rem !important

    }

    .mt-md-2,

    .my-md-2 {

        margin-top: .5rem !important

    }

    .mr-md-2,

    .mx-md-2 {

        margin-right: .5rem !important

    }

    .mb-md-2,

    .my-md-2 {

        margin-bottom: .5rem !important

    }

    .ml-md-2,

    .mx-md-2 {

        margin-left: .5rem !important

    }

    .m-md-3 {

        margin: 1rem !important

    }

    .mt-md-3,

    .my-md-3 {

        margin-top: 1rem !important

    }

    .mr-md-3,

    .mx-md-3 {

        margin-right: 1rem !important

    }

    .mb-md-3,

    .my-md-3 {

        margin-bottom: 1rem !important

    }

    .ml-md-3,

    .mx-md-3 {

        margin-left: 1rem !important

    }

    .m-md-4 {

        margin: 1.5rem !important

    }

    .mt-md-4,

    .my-md-4 {

        margin-top: 1.5rem !important

    }

    .mr-md-4,

    .mx-md-4 {

        margin-right: 1.5rem !important

    }

    .mb-md-4,

    .my-md-4 {

        margin-bottom: 1.5rem !important

    }

    .ml-md-4,

    .mx-md-4 {

        margin-left: 1.5rem !important

    }

    .m-md-5 {

        margin: 3rem !important

    }

    .mt-md-5,

    .my-md-5 {

        margin-top: 3rem !important

    }

    .mr-md-5,

    .mx-md-5 {

        margin-right: 3rem !important

    }

    .mb-md-5,

    .my-md-5 {

        margin-bottom: 3rem !important

    }

    .ml-md-5,

    .mx-md-5 {

        margin-left: 3rem !important

    }

    .p-md-0 {

        padding: 0 !important

    }

    .pt-md-0,

    .py-md-0 {

        padding-top: 0 !important

    }

    .pr-md-0,

    .px-md-0 {

        padding-right: 0 !important

    }

    .pb-md-0,

    .py-md-0 {

        padding-bottom: 0 !important

    }

    .pl-md-0,

    .px-md-0 {

        padding-left: 0 !important

    }

    .p-md-1 {

        padding: .25rem !important

    }

    .pt-md-1,

    .py-md-1 {

        padding-top: .25rem !important

    }

    .pr-md-1,

    .px-md-1 {

        padding-right: .25rem !important

    }

    .pb-md-1,

    .py-md-1 {

        padding-bottom: .25rem !important

    }

    .pl-md-1,

    .px-md-1 {

        padding-left: .25rem !important

    }

    .p-md-2 {

        padding: .5rem !important

    }

    .pt-md-2,

    .py-md-2 {

        padding-top: .5rem !important

    }

    .pr-md-2,

    .px-md-2 {

        padding-right: .5rem !important

    }

    .pb-md-2,

    .py-md-2 {

        padding-bottom: .5rem !important

    }

    .pl-md-2,

    .px-md-2 {

        padding-left: .5rem !important

    }

    .p-md-3 {

        padding: 1rem !important

    }

    .pt-md-3,

    .py-md-3 {

        padding-top: 1rem !important

    }

    .pr-md-3,

    .px-md-3 {

        padding-right: 1rem !important

    }

    .pb-md-3,

    .py-md-3 {

        padding-bottom: 1rem !important

    }

    .pl-md-3,

    .px-md-3 {

        padding-left: 1rem !important

    }

    .p-md-4 {

        padding: 1.5rem !important

    }

    .pt-md-4,

    .py-md-4 {

        padding-top: 1.5rem !important

    }

    .pr-md-4,

    .px-md-4 {

        padding-right: 1.5rem !important

    }

    .pb-md-4,

    .py-md-4 {

        padding-bottom: 1.5rem !important

    }

    .pl-md-4,

    .px-md-4 {

        padding-left: 1.5rem !important

    }

    .p-md-5 {

        padding: 3rem !important

    }

    .pt-md-5,

    .py-md-5 {

        padding-top: 3rem !important

    }

    .pr-md-5,

    .px-md-5 {

        padding-right: 3rem !important

    }

    .pb-md-5,

    .py-md-5 {

        padding-bottom: 3rem !important

    }

    .pl-md-5,

    .px-md-5 {

        padding-left: 3rem !important

    }

    .m-md-auto {

        margin: auto !important

    }

    .mt-md-auto,

    .my-md-auto {

        margin-top: auto !important

    }

    .mr-md-auto,

    .mx-md-auto {

        margin-right: auto !important

    }

    .mb-md-auto,

    .my-md-auto {

        margin-bottom: auto !important

    }

    .ml-md-auto,

    .mx-md-auto {

        margin-left: auto !important

    }

    .text-md-left {

        text-align: left !important

    }

    .text-md-right {

        text-align: right !important

    }

    .text-md-center {

        text-align: center !important

    }

}



@media (min-width:992px) {

    .flex-lg-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-lg-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-lg-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-lg-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-lg-wrap {        -ms-flex-wrap: wrap !important;        flex-wrap: wrap !important    }

    .flex-lg-nowrap {        -ms-flex-wrap: nowrap !important;        flex-wrap: nowrap !important    }

    .flex-lg-wrap-reverse {        -ms-flex-wrap: wrap-reverse !important;        flex-wrap: wrap-reverse !important    }

    .flex-lg-fill {        -ms-flex: 1 1 auto !important;        flex: 1 1 auto !important    }

    .flex-lg-grow-0 {        -ms-flex-positive: 0 !important;        flex-grow: 0 !important    }

    .flex-lg-grow-1 {        -ms-flex-positive: 1 !important;        flex-grow: 1 !important    }

    .flex-lg-shrink-0 {        -ms-flex-negative: 0 !important;        flex-shrink: 0 !important    }

    .flex-lg-shrink-1 {        -ms-flex-negative: 1 !important;        flex-shrink: 1 !important    }

    .justify-content-lg-start {        -ms-flex-pack: start !important;        justify-content: flex-start !important    }

    .justify-content-lg-end {        -ms-flex-pack: end !important;        justify-content: flex-end !important    }

    .justify-content-lg-center {        -ms-flex-pack: center !important;        justify-content: center !important    }

    .justify-content-lg-between {        -ms-flex-pack: justify !important;        justify-content: space-between !important    }

    .justify-content-lg-around {        -ms-flex-pack: distribute !important;        justify-content: space-around !important    }

    .align-items-lg-start {        -ms-flex-align: start !important;        align-items: flex-start !important    }

    .align-items-lg-end {        -ms-flex-align: end !important;        align-items: flex-end !important    }

    .align-items-lg-center {        -ms-flex-align: center !important;        align-items: center !important    }

    .align-items-lg-baseline {        -ms-flex-align: baseline !important;        align-items: baseline !important    }

    .align-items-lg-stretch {        -ms-flex-align: stretch !important;        align-items: stretch !important    }

    .align-content-lg-start {        -ms-flex-line-pack: start !important;        align-content: flex-start !important    }

    .align-content-lg-end {        -ms-flex-line-pack: end !important;        align-content: flex-end !important    }

    .align-content-lg-center {        -ms-flex-line-pack: center !important;        align-content: center !important    }

    .align-content-lg-between {        -ms-flex-line-pack: justify !important;        align-content: space-between !important    }

    .align-content-lg-around {        -ms-flex-line-pack: distribute !important;        align-content: space-around !important    }

    .align-content-lg-stretch {        -ms-flex-line-pack: stretch !important;        align-content: stretch !important    }

    .align-self-lg-auto {        -ms-flex-item-align: auto !important;        align-self: auto !important    }

    .align-self-lg-start {        -ms-flex-item-align: start !important;        align-self: flex-start !important    }

    .align-self-lg-end {        -ms-flex-item-align: end !important;        align-self: flex-end !important    }

    .align-self-lg-center {        -ms-flex-item-align: center !important;        align-self: center !important    }

    .align-self-lg-baseline {        -ms-flex-item-align: baseline !important;        align-self: baseline !important    }

    .align-self-lg-stretch {        -ms-flex-item-align: stretch !important;        align-self: stretch !important    }

    .float-lg-left {        float: left !important    }

    .float-lg-right {        float: right !important    }

    .float-lg-none {        float: none !important    }

    .m-lg-0 {        margin: 0 !important    }

    .mt-lg-0,    .my-lg-0 {        margin-top: 0 !important    }

    .mr-lg-0,    .mx-lg-0 {        margin-right: 0 !important    }

    .mb-lg-0,    .my-lg-0 {        margin-bottom: 0 !important    }

    .ml-lg-0,    .mx-lg-0 {        margin-left: 0 !important    }

    .m-lg-1 {        margin: .25rem !important    }

    .mt-lg-1,    .my-lg-1 {        margin-top: .25rem !important    }

    .mr-lg-1,    .mx-lg-1 {        margin-right: .25rem !important    }

    .mb-lg-1,    .my-lg-1 {        margin-bottom: .25rem !important    }

    .ml-lg-1,    .mx-lg-1 {        margin-left: .25rem !important    }

    .m-lg-2 {        margin: .5rem !important    }

    .mt-lg-2,    .my-lg-2 {        margin-top: .5rem !important    }

    .mr-lg-2,    .mx-lg-2 {        margin-right: .5rem !important    }

    .mb-lg-2,    .my-lg-2 {        margin-bottom: .5rem !important    }

    .ml-lg-2,    .mx-lg-2 {        margin-left: .5rem !important    }

    .m-lg-3 {        margin: 1rem !important    }

    .mt-lg-3,    .my-lg-3 {        margin-top: 1rem !important    }

    .mr-lg-3,    .mx-lg-3 {        margin-right: 1rem !important    }

    .mb-lg-3,    .my-lg-3 {        margin-bottom: 1rem !important    }

    .ml-lg-3,    .mx-lg-3 {        margin-left: 1rem !important    }

    .m-lg-4 {        margin: 1.5rem !important    }

    .mt-lg-4,    .my-lg-4 {        margin-top: 1.5rem !important    }

    .mr-lg-4,    .mx-lg-4 {        margin-right: 1.5rem !important    }

    .mb-lg-4,    .my-lg-4 {        margin-bottom: 1.5rem !important    }

    .ml-lg-4,    .mx-lg-4 {        margin-left: 1.5rem !important    }

    .m-lg-5 {        margin: 3rem !important    }

    .mt-lg-5,    .my-lg-5 {        margin-top: 3rem !important    }

    .mr-lg-5,    .mx-lg-5 {        margin-right: 3rem !important    }

    .mb-lg-5,    .my-lg-5 {        margin-bottom: 3rem !important    }

    .ml-lg-5,    .mx-lg-5 {        margin-left: 3rem !important    }

    .p-lg-0 {        padding: 0 !important    }

    .pt-lg-0,    .py-lg-0 {        padding-top: 0 !important    }

    .pr-lg-0,    .px-lg-0 {        padding-right: 0 !important    }

    .pb-lg-0,

    .py-lg-0 {

        padding-bottom: 0 !important

    }

    .pl-lg-0,

    .px-lg-0 {

        padding-left: 0 !important

    }

    .p-lg-1 {

        padding: .25rem !important

    }

    .pt-lg-1,

    .py-lg-1 {

        padding-top: .25rem !important

    }

    .pr-lg-1,

    .px-lg-1 {

        padding-right: .25rem !important

    }

    .pb-lg-1,

    .py-lg-1 {

        padding-bottom: .25rem !important

    }

    .pl-lg-1,

    .px-lg-1 {

        padding-left: .25rem !important

    }

    .p-lg-2 {

        padding: .5rem !important

    }

    .pt-lg-2,

    .py-lg-2 {

        padding-top: .5rem !important

    }

    .pr-lg-2,

    .px-lg-2 {

        padding-right: .5rem !important

    }

    .pb-lg-2,

    .py-lg-2 {

        padding-bottom: .5rem !important

    }

    .pl-lg-2,

    .px-lg-2 {

        padding-left: .5rem !important

    }

    .p-lg-3 {

        padding: 1rem !important

    }

    .pt-lg-3,

    .py-lg-3 {

        padding-top: 1rem !important

    }

    .pr-lg-3,

    .px-lg-3 {

        padding-right: 1rem !important

    }

    .pb-lg-3,

    .py-lg-3 {

        padding-bottom: 1rem !important

    }

    .pl-lg-3,

    .px-lg-3 {

        padding-left: 1rem !important

    }

    .p-lg-4 {

        padding: 1.5rem !important

    }

    .pt-lg-4,

    .py-lg-4 {

        padding-top: 1.5rem !important

    }

    .pr-lg-4,

    .px-lg-4 {

        padding-right: 1.5rem !important

    }

    .pb-lg-4,

    .py-lg-4 {

        padding-bottom: 1.5rem !important

    }

    .pl-lg-4,

    .px-lg-4 {

        padding-left: 1.5rem !important

    }

    .p-lg-5 {

        padding: 3rem !important

    }

    .pt-lg-5,

    .py-lg-5 {

        padding-top: 3rem !important

    }

    .pr-lg-5,

    .px-lg-5 {

        padding-right: 3rem !important

    }

    .pb-lg-5,

    .py-lg-5 {

        padding-bottom: 3rem !important

    }

    .pl-lg-5,

    .px-lg-5 {

        padding-left: 3rem !important

    }

    .m-lg-auto {

        margin: auto !important

    }

    .mt-lg-auto,

    .my-lg-auto {

        margin-top: auto !important

    }

    .mr-lg-auto,

    .mx-lg-auto {

        margin-right: auto !important

    }

    .mb-lg-auto,

    .my-lg-auto {

        margin-bottom: auto !important

    }

    .ml-lg-auto,

    .mx-lg-auto {

        margin-left: auto !important

    }

    .text-lg-left {

        text-align: left !important

    }

    .text-lg-right {

        text-align: right !important

    }

    .text-lg-center {

        text-align: center !important

    }

}



@media (min-width:1200px) {

    .flex-xl-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-xl-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-xl-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-xl-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-xl-wrap {

        -ms-flex-wrap: wrap !important;

        flex-wrap: wrap !important

    }

    .flex-xl-nowrap {

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important

    }

    .flex-xl-wrap-reverse {

        -ms-flex-wrap: wrap-reverse !important;

        flex-wrap: wrap-reverse !important

    }

    .flex-xl-fill {

        -ms-flex: 1 1 auto !important;

        flex: 1 1 auto !important

    }

    .flex-xl-grow-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important

    }

    .flex-xl-grow-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important

    }

    .flex-xl-shrink-0 {

        -ms-flex-negative: 0 !important;

        flex-shrink: 0 !important

    }

    .flex-xl-shrink-1 {

        -ms-flex-negative: 1 !important;

        flex-shrink: 1 !important

    }

    .justify-content-xl-start {

        -ms-flex-pack: start !important;

        justify-content: flex-start !important

    }

    .justify-content-xl-end {

        -ms-flex-pack: end !important;

        justify-content: flex-end !important

    }

    .justify-content-xl-center {

        -ms-flex-pack: center !important;

        justify-content: center !important

    }

    .justify-content-xl-between {

        -ms-flex-pack: justify !important;

        justify-content: space-between !important

    }

    .justify-content-xl-around {

        -ms-flex-pack: distribute !important;

        justify-content: space-around !important

    }

    .align-items-xl-start {

        -ms-flex-align: start !important;

        align-items: flex-start !important

    }

    .align-items-xl-end {

        -ms-flex-align: end !important;

        align-items: flex-end !important

    }

    .align-items-xl-center {

        -ms-flex-align: center !important;

        align-items: center !important

    }

    .align-items-xl-baseline {

        -ms-flex-align: baseline !important;

        align-items: baseline !important

    }

    .align-items-xl-stretch {

        -ms-flex-align: stretch !important;

        align-items: stretch !important

    }

    .align-content-xl-start {

        -ms-flex-line-pack: start !important;

        align-content: flex-start !important

    }

    .align-content-xl-end {

        -ms-flex-line-pack: end !important;

        align-content: flex-end !important

    }

    .align-content-xl-center {

        -ms-flex-line-pack: center !important;

        align-content: center !important

    }

    .align-content-xl-between {

        -ms-flex-line-pack: justify !important;

        align-content: space-between !important

    }

    .align-content-xl-around {

        -ms-flex-line-pack: distribute !important;

        align-content: space-around !important

    }

    .align-content-xl-stretch {

        -ms-flex-line-pack: stretch !important;

        align-content: stretch !important

    }

    .align-self-xl-auto {

        -ms-flex-item-align: auto !important;

        align-self: auto !important

    }

    .align-self-xl-start {

        -ms-flex-item-align: start !important;

        align-self: flex-start !important

    }

    .align-self-xl-end {

        -ms-flex-item-align: end !important;

        align-self: flex-end !important

    }

    .align-self-xl-center {

        -ms-flex-item-align: center !important;

        align-self: center !important

    }

    .align-self-xl-baseline {

        -ms-flex-item-align: baseline !important;

        align-self: baseline !important

    }

    .align-self-xl-stretch {

        -ms-flex-item-align: stretch !important;

        align-self: stretch !important

    }

    .float-xl-left {

        float: left !important

    }

    .float-xl-right {

        float: right !important

    }

    .float-xl-none {

        float: none !important

    }

    .m-xl-0 {

        margin: 0 !important

    }

    .mt-xl-0,

    .my-xl-0 {

        margin-top: 0 !important

    }

    .mr-xl-0,

    .mx-xl-0 {

        margin-right: 0 !important

    }

    .mb-xl-0,

    .my-xl-0 {

        margin-bottom: 0 !important

    }

    .ml-xl-0,

    .mx-xl-0 {

        margin-left: 0 !important

    }

    .m-xl-1 {

        margin: .25rem !important

    }

    .mt-xl-1,

    .my-xl-1 {

        margin-top: .25rem !important

    }

    .mr-xl-1,

    .mx-xl-1 {

        margin-right: .25rem !important

    }

    .mb-xl-1,

    .my-xl-1 {

        margin-bottom: .25rem !important

    }

    .ml-xl-1,

    .mx-xl-1 {

        margin-left: .25rem !important

    }

    .m-xl-2 {

        margin: .5rem !important

    }

    .mt-xl-2,

    .my-xl-2 {

        margin-top: .5rem !important

    }

    .mr-xl-2,

    .mx-xl-2 {

        margin-right: .5rem !important

    }

    .mb-xl-2,

    .my-xl-2 {

        margin-bottom: .5rem !important

    }

    .ml-xl-2,

    .mx-xl-2 {

        margin-left: .5rem !important

    }

    .m-xl-3 {

        margin: 1rem !important

    }

    .mt-xl-3,

    .my-xl-3 {

        margin-top: 1rem !important

    }

    .mr-xl-3,

    .mx-xl-3 {

        margin-right: 1rem !important

    }

    .mb-xl-3,

    .my-xl-3 {

        margin-bottom: 1rem !important

    }

    .ml-xl-3,

    .mx-xl-3 {

        margin-left: 1rem !important

    }

    .m-xl-4 {

        margin: 1.5rem !important

    }

    .mt-xl-4,

    .my-xl-4 {

        margin-top: 1.5rem !important

    }

    .mr-xl-4,

    .mx-xl-4 {

        margin-right: 1.5rem !important

    }

    .mb-xl-4,

    .my-xl-4 {

        margin-bottom: 1.5rem !important

    }

    .ml-xl-4,

    .mx-xl-4 {

        margin-left: 1.5rem !important

    }

    .m-xl-5 {

        margin: 3rem !important

    }

    .mt-xl-5,

    .my-xl-5 {

        margin-top: 3rem !important

    }

    .mr-xl-5,

    .mx-xl-5 {

        margin-right: 3rem !important

    }

    .mb-xl-5,

    .my-xl-5 {

        margin-bottom: 3rem !important

    }

    .ml-xl-5,

    .mx-xl-5 {

        margin-left: 3rem !important

    }

    .p-xl-0 {

        padding: 0 !important

    }

    .pt-xl-0,

    .py-xl-0 {

        padding-top: 0 !important

    }

    .pr-xl-0,

    .px-xl-0 {

        padding-right: 0 !important

    }

    .pb-xl-0,

    .py-xl-0 {

        padding-bottom: 0 !important

    }

    .pl-xl-0,

    .px-xl-0 {

        padding-left: 0 !important

    }

    .p-xl-1 {

        padding: .25rem !important

    }

    .pt-xl-1,

    .py-xl-1 {

        padding-top: .25rem !important

    }

    .pr-xl-1,

    .px-xl-1 {

        padding-right: .25rem !important

    }

    .pb-xl-1,

    .py-xl-1 {

        padding-bottom: .25rem !important

    }

    .pl-xl-1,

    .px-xl-1 {

        padding-left: .25rem !important

    }

    .p-xl-2 {

        padding: .5rem !important

    }

    .pt-xl-2,

    .py-xl-2 {

        padding-top: .5rem !important

    }

    .pr-xl-2,

    .px-xl-2 {

        padding-right: .5rem !important

    }

    .pb-xl-2,

    .py-xl-2 {

        padding-bottom: .5rem !important

    }

    .pl-xl-2,

    .px-xl-2 {

        padding-left: .5rem !important

    }

    .p-xl-3 {

        padding: 1rem !important

    }

    .pt-xl-3,

    .py-xl-3 {

        padding-top: 1rem !important

    }

    .pr-xl-3,

    .px-xl-3 {

        padding-right: 1rem !important

    }

    .pb-xl-3,

    .py-xl-3 {

        padding-bottom: 1rem !important

    }

    .pl-xl-3,

    .px-xl-3 {

        padding-left: 1rem !important

    }

    .p-xl-4 {

        padding: 1.5rem !important

    }

    .pt-xl-4,

    .py-xl-4 {

        padding-top: 1.5rem !important

    }

    .pr-xl-4,

    .px-xl-4 {

        padding-right: 1.5rem !important

    }

    .pb-xl-4,

    .py-xl-4 {

        padding-bottom: 1.5rem !important

    }

    .pl-xl-4,

    .px-xl-4 {

        padding-left: 1.5rem !important

    }

    .p-xl-5 {

        padding: 3rem !important

    }

    .pt-xl-5,

    .py-xl-5 {

        padding-top: 3rem !important

    }

    .pr-xl-5,

    .px-xl-5 {

        padding-right: 3rem !important

    }

    .pb-xl-5,

    .py-xl-5 {

        padding-bottom: 3rem !important

    }

    .pl-xl-5,

    .px-xl-5 {

        padding-left: 3rem !important

    }

    .m-xl-auto {

        margin: auto !important

    }

    .mt-xl-auto,

    .my-xl-auto {

        margin-top: auto !important

    }

    .mr-xl-auto,

    .mx-xl-auto {

        margin-right: auto !important

    }

    .mb-xl-auto,

    .my-xl-auto {

        margin-bottom: auto !important

    }

    .ml-xl-auto,

    .mx-xl-auto {

        margin-left: auto !important

    }

    .text-xl-left {

        text-align: left !important

    }

    .text-xl-right {

        text-align: right !important

    }

    .text-xl-center {

        text-align: center !important

    }

}



.text-lowercase {

    text-transform: lowercase !important

}



.text-uppercase {

    text-transform: uppercase !important

}



.text-capitalize {

    text-transform: capitalize !important

}



.font-weight-light {

    font-weight: 300 !important

}



.font-weight-normal {

    font-weight: 400 !important

}



.font-weight-bold {

    font-weight: 700 !important

}



.font-italic {

    font-style: italic !important

}



.text-white {

    color: #fff !important

}



.text-primary {

    color: #007bff !important

}



a.text-primary:focus,

a.text-primary:hover {

    color: #0062cc !important

}



.text-secondary {

    color: #6c757d !important

}



a.text-secondary:focus,

a.text-secondary:hover {

    color: #545b62 !important

}



.text-success {

    color: #28a745 !important

}



a.text-success:focus,

a.text-success:hover {

    color: #1e7e34 !important

}



.text-info {

    color: #17a2b8 !important

}



a.text-info:focus,

a.text-info:hover {

    color: #117a8b !important

}



.text-warning {

    color: #ffc107 !important

}



a.text-warning:focus,

a.text-warning:hover {

    color: #d39e00 !important

}



.text-danger {

    color: #dc3545 !important

}



a.text-danger:focus,

a.text-danger:hover {

    color: #bd2130 !important

}



.text-light {

    color: #f8f9fa !important

}



a.text-light:focus,

a.text-light:hover {

    color: #dae0e5 !important

}



.text-dark {

    color: #343a40 !important

}



a.text-dark:focus,

a.text-dark:hover {

    color: #1d2124 !important

}



.text-body {

    color: #212529 !important

}



.text-muted {

    color: #6c757d !important

}



.text-black-50 {

    color: rgba(0, 0, 0, .5) !important

}



.text-white-50 {

    color: rgba(255, 255, 255, .5) !important

}



.text-hide {

    font: 0/0 a;

    color: transparent;

    background-color: transparent;

    border: 0

}



.visible {    visibility: visible !important}



.invisible {    visibility: hidden !important}



@media print {

    blockquote,    img,    pre,    tr {        page-break-inside: avoid    }

    *,    ::after,    ::before {        text-shadow: none !important;        box-shadow: none !important    }

    a:not(.btn) {        text-decoration: underline    }

    abbr[title]::after {        content: " (" attr(title) ")"    }

    pre {        white-space: pre-wrap !important    }

    blockquote,    pre {        border: 1px solid #adb5bd    }

    thead {        display: table-header-group    }

    h2,    h3,    p {        orphans: 3;        widows: 3    }

    h2,    h3 {        page-break-after: avoid    }

    @page {        size: a3    }

    
   

    .badge {

        border: 1px solid #000

    }

    .table {

        border-collapse: collapse !important

    }

    .table td,

    .table th {

        background-color: #fff !important

    }

    .table-bordered td,

    .table-bordered th {

        border: 1px solid #dee2e6 !important

    }

    .table-dark {

        color: inherit

    }

    .table-dark tbody+tbody,

    .table-dark td,

    .table-dark th,

    .table-dark thead th {

        border-color: #dee2e6

    }

    .table .thead-dark th {

        color: inherit;

        border-color: #dee2e6

    }

}



/*!

 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)

 * Copyright 2011-2018 The Bootstrap Authors

 * Copyright 2011-2018 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */





@-ms-viewport {

    width: device-width

}



html {

    box-sizing: border-box;

    -ms-overflow-style: scrollbar

}



*,

::after,

::before {

    box-sizing: inherit

}



@media (min-width:576px) {

    .container {

        max-width: 540px

    }

}



@media (min-width:768px) {

    .container {

        max-width: 720px

    }

}



@media (min-width:992px) {

    .container {

        max-width: 960px

    }

}



@media (min-width:1200px) {

    .container {

        max-width: 1140px

    }

}



.row {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px

}



.no-gutters {

    margin-right: 0;

    margin-left: 0

}



.no-gutters>.col,

.no-gutters>[class*=col-] {

    padding-right: 0;

    padding-left: 0

}



.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 {

    position: relative;

    width: 100%;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px

}



.col {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%

}



.col-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: none

}



.col-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%

}



.col-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%

}



.col-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%

}



.col-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%

}



.col-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%

}



.col-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%

}



.col-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%

}



.col-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%

}



.col-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%

}



.col-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%

}



.col-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%

}



.col-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%

}



.order-first {

    -ms-flex-order: -1;

    order: -1

}



.order-last {

    -ms-flex-order: 13;

    order: 13

}



.order-0 {

    -ms-flex-order: 0;

    order: 0

}



.order-1 {

    -ms-flex-order: 1;

    order: 1

}



.order-2 {

    -ms-flex-order: 2;

    order: 2

}



.order-3 {

    -ms-flex-order: 3;

    order: 3

}



.order-4 {

    -ms-flex-order: 4;

    order: 4

}



.order-5 {

    -ms-flex-order: 5;

    order: 5

}



.order-6 {

    -ms-flex-order: 6;

    order: 6

}



.order-7 {

    -ms-flex-order: 7;

    order: 7

}



.order-8 {

    -ms-flex-order: 8;

    order: 8

}



.order-9 {

    -ms-flex-order: 9;

    order: 9

}



.order-10 {

    -ms-flex-order: 10;

    order: 10

}



.order-11 {

    -ms-flex-order: 11;

    order: 11

}



.order-12 {

    -ms-flex-order: 12;

    order: 12

}



.offset-1 {

    margin-left: 8.333333%

}



.offset-2 {

    margin-left: 16.666667%

}



.offset-3 {

    margin-left: 25%

}



.offset-4 {

    margin-left: 33.333333%

}



.offset-5 {

    margin-left: 41.666667%

}



.offset-6 {

    margin-left: 50%

}



.offset-7 {

    margin-left: 58.333333%

}



.offset-8 {

    margin-left: 66.666667%

}



.offset-9 {

    margin-left: 75%

}



.offset-10 {

    margin-left: 83.333333%

}



.offset-11 {

    margin-left: 91.666667%

}



.d-none {

    display: none !important

}



.d-inline {

    display: inline !important

}



.d-inline-block {

    display: inline-block !important

}



.d-block {

    display: block !important

}



.d-table {

    display: table !important

}



.d-table-row {

    display: table-row !important

}



.d-table-cell {

    display: table-cell !important

}



.d-flex {

    display: -ms-flexbox !important;

    display: flex !important

}



.d-inline-flex {

    display: -ms-inline-flexbox !important;

    display: inline-flex !important

}



@media (min-width:576px) {

    .col-sm {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }

    .col-sm-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: none

    }

    .col-sm-1 {

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%;

        max-width: 8.333333%

    }

    .col-sm-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%

    }

    .col-sm-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }

    .col-sm-4 {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%

    }

    .col-sm-5 {

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%;

        max-width: 41.666667%

    }

    .col-sm-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }

    .col-sm-7 {

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%;

        max-width: 58.333333%

    }

    .col-sm-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%

    }

    .col-sm-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }

    .col-sm-10 {

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%

    }

    .col-sm-11 {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%;

        max-width: 91.666667%

    }

    .col-sm-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }

    .order-sm-first {

        -ms-flex-order: -1;

        order: -1

    }

    .order-sm-last {

        -ms-flex-order: 13;

        order: 13

    }

    .order-sm-0 {

        -ms-flex-order: 0;

        order: 0

    }

    .order-sm-1 {

        -ms-flex-order: 1;

        order: 1

    }

    .order-sm-2 {

        -ms-flex-order: 2;

        order: 2

    }

    .order-sm-3 {

        -ms-flex-order: 3;

        order: 3

    }

    .order-sm-4 {

        -ms-flex-order: 4;

        order: 4

    }

    .order-sm-5 {

        -ms-flex-order: 5;

        order: 5

    }

    .order-sm-6 {

        -ms-flex-order: 6;

        order: 6

    }

    .order-sm-7 {

        -ms-flex-order: 7;

        order: 7

    }

    .order-sm-8 {

        -ms-flex-order: 8;

        order: 8

    }

    .order-sm-9 {

        -ms-flex-order: 9;

        order: 9

    }

    .order-sm-10 {

        -ms-flex-order: 10;

        order: 10

    }

    .order-sm-11 {

        -ms-flex-order: 11;

        order: 11

    }

    .order-sm-12 {

        -ms-flex-order: 12;

        order: 12

    }

    .offset-sm-0 {

        margin-left: 0

    }

    .offset-sm-1 {

        margin-left: 8.333333%

    }

    .offset-sm-2 {

        margin-left: 16.666667%

    }

    .offset-sm-3 {

        margin-left: 25%

    }

    .offset-sm-4 {

        margin-left: 33.333333%

    }

    .offset-sm-5 {

        margin-left: 41.666667%

    }

    .offset-sm-6 {

        margin-left: 50%

    }

    .offset-sm-7 {

        margin-left: 58.333333%

    }

    .offset-sm-8 {

        margin-left: 66.666667%

    }

    .offset-sm-9 {

        margin-left: 75%

    }

    .offset-sm-10 {

        margin-left: 83.333333%

    }

    .offset-sm-11 {

        margin-left: 91.666667%

    }

    .d-sm-none {

        display: none !important

    }

    .d-sm-inline {

        display: inline !important

    }

    .d-sm-inline-block {

        display: inline-block !important

    }

    .d-sm-block {

        display: block !important

    }

    .d-sm-table {

        display: table !important

    }

    .d-sm-table-row {

        display: table-row !important

    }

    .d-sm-table-cell {

        display: table-cell !important

    }

    .d-sm-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-sm-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media (min-width:768px) {

    .col-md {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }

    .col-md-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: none

    }

    .col-md-1 {

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%;

        max-width: 8.333333%

    }

    .col-md-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%

    }

    .col-md-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }

    .col-md-4 {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%

    }

    .col-md-5 {

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%;

        max-width: 41.666667%

    }

    .col-md-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }

    .col-md-7 {

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%;

        max-width: 58.333333%

    }

    .col-md-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%

    }

    .col-md-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }

    .col-md-10 {

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%

    }

    .col-md-11 {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%;

        max-width: 91.666667%

    }

    .col-md-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }

    .order-md-first {

        -ms-flex-order: -1;

        order: -1

    }

    .order-md-last {

        -ms-flex-order: 13;

        order: 13

    }

    .order-md-0 {

        -ms-flex-order: 0;

        order: 0

    }

    .order-md-1 {

        -ms-flex-order: 1;

        order: 1

    }

    .order-md-2 {

        -ms-flex-order: 2;

        order: 2

    }

    .order-md-3 {

        -ms-flex-order: 3;

        order: 3

    }

    .order-md-4 {

        -ms-flex-order: 4;

        order: 4

    }

    .order-md-5 {

        -ms-flex-order: 5;

        order: 5

    }

    .order-md-6 {

        -ms-flex-order: 6;

        order: 6

    }

    .order-md-7 {

        -ms-flex-order: 7;

        order: 7

    }

    .order-md-8 {

        -ms-flex-order: 8;

        order: 8

    }

    .order-md-9 {

        -ms-flex-order: 9;

        order: 9

    }

    .order-md-10 {

        -ms-flex-order: 10;

        order: 10

    }

    .order-md-11 {

        -ms-flex-order: 11;

        order: 11

    }

    .order-md-12 {

        -ms-flex-order: 12;

        order: 12

    }

    .offset-md-0 {

        margin-left: 0

    }

    .offset-md-1 {

        margin-left: 8.333333%

    }

    .offset-md-2 {

        margin-left: 16.666667%

    }

    .offset-md-3 {

        margin-left: 25%

    }

    .offset-md-4 {

        margin-left: 33.333333%

    }

    .offset-md-5 {

        margin-left: 41.666667%

    }

    .offset-md-6 {

        margin-left: 50%

    }

    .offset-md-7 {

        margin-left: 58.333333%

    }

    .offset-md-8 {

        margin-left: 66.666667%

    }

    .offset-md-9 {

        margin-left: 75%

    }

    .offset-md-10 {

        margin-left: 83.333333%

    }

    .offset-md-11 {

        margin-left: 91.666667%

    }

    .d-md-none {

        display: none !important

    }

    .d-md-inline {

        display: inline !important

    }

    .d-md-inline-block {

        display: inline-block !important

    }

    .d-md-block {

        display: block !important

    }

    .d-md-table {

        display: table !important

    }

    .d-md-table-row {

        display: table-row !important

    }

    .d-md-table-cell {

        display: table-cell !important

    }

    .d-md-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-md-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media (min-width:992px) {

    .col-lg {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }

    .col-lg-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: none

    }

    .col-lg-1 {

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%;

        max-width: 8.333333%

    }

    .col-lg-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%

    }

    .col-lg-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }

    .col-lg-4 {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%

    }

    .col-lg-5 {

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%;

        max-width: 41.666667%

    }

    .col-lg-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }

    .col-lg-7 {

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%;

        max-width: 58.333333%

    }

    .col-lg-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%

    }

    .col-lg-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }

    .col-lg-10 {

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%

    }

    .col-lg-11 {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%;

        max-width: 91.666667%

    }

    .col-lg-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }

    .order-lg-first {

        -ms-flex-order: -1;

        order: -1

    }

    .order-lg-last {

        -ms-flex-order: 13;

        order: 13

    }

    .order-lg-0 {

        -ms-flex-order: 0;

        order: 0

    }

    .order-lg-1 {

        -ms-flex-order: 1;

        order: 1

    }

    .order-lg-2 {

        -ms-flex-order: 2;

        order: 2

    }

    .order-lg-3 {

        -ms-flex-order: 3;

        order: 3

    }

    .order-lg-4 {

        -ms-flex-order: 4;

        order: 4

    }

    .order-lg-5 {

        -ms-flex-order: 5;

        order: 5

    }

    .order-lg-6 {

        -ms-flex-order: 6;

        order: 6

    }

    .order-lg-7 {

        -ms-flex-order: 7;

        order: 7

    }

    .order-lg-8 {

        -ms-flex-order: 8;

        order: 8

    }

    .order-lg-9 {

        -ms-flex-order: 9;

        order: 9

    }

    .order-lg-10 {

        -ms-flex-order: 10;

        order: 10

    }

    .order-lg-11 {

        -ms-flex-order: 11;

        order: 11

    }

    .order-lg-12 {

        -ms-flex-order: 12;

        order: 12

    }

    .offset-lg-0 {

        margin-left: 0

    }

    .offset-lg-1 {

        margin-left: 8.333333%

    }

    .offset-lg-2 {

        margin-left: 16.666667%

    }

    .offset-lg-3 {

        margin-left: 25%

    }

    .offset-lg-4 {

        margin-left: 33.333333%

    }

    .offset-lg-5 {

        margin-left: 41.666667%

    }

    .offset-lg-6 {

        margin-left: 50%

    }

    .offset-lg-7 {

        margin-left: 58.333333%

    }

    .offset-lg-8 {

        margin-left: 66.666667%

    }

    .offset-lg-9 {

        margin-left: 75%

    }

    .offset-lg-10 {

        margin-left: 83.333333%

    }

    .offset-lg-11 {

        margin-left: 91.666667%

    }

    .d-lg-none {

        display: none !important

    }

    .d-lg-inline {

        display: inline !important

    }

    .d-lg-inline-block {

        display: inline-block !important

    }

    .d-lg-block {

        display: block !important

    }

    .d-lg-table {

        display: table !important

    }

    .d-lg-table-row {

        display: table-row !important

    }

    .d-lg-table-cell {

        display: table-cell !important

    }

    .d-lg-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-lg-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media (min-width:1200px) {

    .col-xl {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }

    .col-xl-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: none

    }

    .col-xl-1 {

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%;

        max-width: 8.333333%

    }

    .col-xl-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%

    }

    .col-xl-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }

    .col-xl-4 {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%

    }

    .col-xl-5 {

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%;

        max-width: 41.666667%

    }

    .col-xl-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }

    .col-xl-7 {

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%;

        max-width: 58.333333%

    }

    .col-xl-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%

    }

    .col-xl-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }

    .col-xl-10 {

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%

    }

    .col-xl-11 {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%;

        max-width: 91.666667%

    }

    .col-xl-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }

    .order-xl-first {

        -ms-flex-order: -1;

        order: -1

    }

    .order-xl-last {

        -ms-flex-order: 13;

        order: 13

    }

    .order-xl-0 {

        -ms-flex-order: 0;

        order: 0

    }

    .order-xl-1 {

        -ms-flex-order: 1;

        order: 1

    }

    .order-xl-2 {

        -ms-flex-order: 2;

        order: 2

    }

    .order-xl-3 {

        -ms-flex-order: 3;

        order: 3

    }

    .order-xl-4 {

        -ms-flex-order: 4;

        order: 4

    }

    .order-xl-5 {

        -ms-flex-order: 5;

        order: 5

    }

    .order-xl-6 {

        -ms-flex-order: 6;

        order: 6

    }

    .order-xl-7 {

        -ms-flex-order: 7;

        order: 7

    }

    .order-xl-8 {

        -ms-flex-order: 8;

        order: 8

    }

    .order-xl-9 {

        -ms-flex-order: 9;

        order: 9

    }

    .order-xl-10 {

        -ms-flex-order: 10;

        order: 10

    }

    .order-xl-11 {

        -ms-flex-order: 11;

        order: 11

    }

    .order-xl-12 {

        -ms-flex-order: 12;

        order: 12

    }

    .offset-xl-0 {

        margin-left: 0

    }

    .offset-xl-1 {

        margin-left: 8.333333%

    }

    .offset-xl-2 {

        margin-left: 16.666667%

    }

    .offset-xl-3 {

        margin-left: 25%

    }

    .offset-xl-4 {

        margin-left: 33.333333%

    }

    .offset-xl-5 {

        margin-left: 41.666667%

    }

    .offset-xl-6 {

        margin-left: 50%

    }

    .offset-xl-7 {

        margin-left: 58.333333%

    }

    .offset-xl-8 {

        margin-left: 66.666667%

    }

    .offset-xl-9 {

        margin-left: 75%

    }

    .offset-xl-10 {

        margin-left: 83.333333%

    }

    .offset-xl-11 {

        margin-left: 91.666667%

    }

    .d-xl-none {

        display: none !important

    }

    .d-xl-inline {

        display: inline !important

    }

    .d-xl-inline-block {

        display: inline-block !important

    }

    .d-xl-block {

        display: block !important

    }

    .d-xl-table {

        display: table !important

    }

    .d-xl-table-row {

        display: table-row !important

    }

    .d-xl-table-cell {

        display: table-cell !important

    }

    .d-xl-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-xl-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media print {

    .d-print-none {

        display: none !important

    }

    .d-print-inline {

        display: inline !important

    }

    .d-print-inline-block {

        display: inline-block !important

    }

    .d-print-block {

        display: block !important

    }

    .d-print-table {

        display: table !important

    }

    .d-print-table-row {

        display: table-row !important

    }

    .d-print-table-cell {

        display: table-cell !important

    }

    .d-print-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-print-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



.flex-row {

    -ms-flex-direction: row !important;

    flex-direction: row !important

}



.flex-column {

    -ms-flex-direction: column !important;

    flex-direction: column !important

}



.flex-row-reverse {

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important

}



.flex-column-reverse {

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important

}



.flex-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important

}



.flex-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important

}



.flex-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important

}



.flex-fill {

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important

}



.flex-grow-0 {

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important

}



.flex-grow-1 {

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important

}



.flex-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important

}



.flex-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important

}



.justify-content-start {

    -ms-flex-pack: start !important;

    justify-content: flex-start !important

}



.justify-content-end {

    -ms-flex-pack: end !important;

    justify-content: flex-end !important

}



.justify-content-center {

    -ms-flex-pack: center !important;

    justify-content: center !important

}



.justify-content-between {

    -ms-flex-pack: justify !important;

    justify-content: space-between !important

}



.justify-content-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important

}



.align-items-start {

    -ms-flex-align: start !important;

    align-items: flex-start !important

}



.align-items-end {

    -ms-flex-align: end !important;

    align-items: flex-end !important

}



.align-items-center {

    -ms-flex-align: center !important;

    align-items: center !important

}



.align-items-baseline {

    -ms-flex-align: baseline !important;

    align-items: baseline !important

}



.align-items-stretch {

    -ms-flex-align: stretch !important;

    align-items: stretch !important

}



.align-content-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important

}



.align-content-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important

}



.align-content-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important

}



.align-content-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important

}



.align-content-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important

}



.align-content-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important

}



.align-self-auto {

    -ms-flex-item-align: auto !important;

    align-self: auto !important

}



.align-self-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important

}



.align-self-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important

}



.align-self-center {

    -ms-flex-item-align: center !important;

    align-self: center !important

}



.align-self-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important

}



.align-self-stretch {

    -ms-flex-item-align: stretch !important;

    align-self: stretch !important

}



@media (min-width:576px) {

    .flex-sm-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-sm-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-sm-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-sm-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-sm-wrap {

        -ms-flex-wrap: wrap !important;

        flex-wrap: wrap !important

    }

    .flex-sm-nowrap {

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important

    }

    .flex-sm-wrap-reverse {

        -ms-flex-wrap: wrap-reverse !important;

        flex-wrap: wrap-reverse !important

    }

    .flex-sm-fill {

        -ms-flex: 1 1 auto !important;

        flex: 1 1 auto !important

    }

    .flex-sm-grow-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important

    }

    .flex-sm-grow-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important

    }

    .flex-sm-shrink-0 {

        -ms-flex-negative: 0 !important;

        flex-shrink: 0 !important

    }

    .flex-sm-shrink-1 {

        -ms-flex-negative: 1 !important;

        flex-shrink: 1 !important

    }

    .justify-content-sm-start {

        -ms-flex-pack: start !important;

        justify-content: flex-start !important

    }

    .justify-content-sm-end {

        -ms-flex-pack: end !important;

        justify-content: flex-end !important

    }

    .justify-content-sm-center {

        -ms-flex-pack: center !important;

        justify-content: center !important

    }

    .justify-content-sm-between {

        -ms-flex-pack: justify !important;

        justify-content: space-between !important

    }

    .justify-content-sm-around {

        -ms-flex-pack: distribute !important;

        justify-content: space-around !important

    }

    .align-items-sm-start {

        -ms-flex-align: start !important;

        align-items: flex-start !important

    }

    .align-items-sm-end {

        -ms-flex-align: end !important;

        align-items: flex-end !important

    }

    .align-items-sm-center {

        -ms-flex-align: center !important;

        align-items: center !important

    }

    .align-items-sm-baseline {

        -ms-flex-align: baseline !important;

        align-items: baseline !important

    }

    .align-items-sm-stretch {

        -ms-flex-align: stretch !important;

        align-items: stretch !important

    }

    .align-content-sm-start {

        -ms-flex-line-pack: start !important;

        align-content: flex-start !important

    }

    .align-content-sm-end {

        -ms-flex-line-pack: end !important;

        align-content: flex-end !important

    }

    .align-content-sm-center {

        -ms-flex-line-pack: center !important;

        align-content: center !important

    }

    .align-content-sm-between {

        -ms-flex-line-pack: justify !important;

        align-content: space-between !important

    }

    .align-content-sm-around {

        -ms-flex-line-pack: distribute !important;

        align-content: space-around !important

    }

    .align-content-sm-stretch {

        -ms-flex-line-pack: stretch !important;

        align-content: stretch !important

    }

    .align-self-sm-auto {

        -ms-flex-item-align: auto !important;

        align-self: auto !important

    }

    .align-self-sm-start {

        -ms-flex-item-align: start !important;

        align-self: flex-start !important

    }

    .align-self-sm-end {

        -ms-flex-item-align: end !important;

        align-self: flex-end !important

    }

    .align-self-sm-center {

        -ms-flex-item-align: center !important;

        align-self: center !important

    }

    .align-self-sm-baseline {

        -ms-flex-item-align: baseline !important;

        align-self: baseline !important

    }

    .align-self-sm-stretch {

        -ms-flex-item-align: stretch !important;

        align-self: stretch !important

    }

}



@media (min-width:768px) {

    .flex-md-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-md-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-md-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-md-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-md-wrap {

        -ms-flex-wrap: wrap !important;

        flex-wrap: wrap !important

    }

    .flex-md-nowrap {

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important

    }

    .flex-md-wrap-reverse {

        -ms-flex-wrap: wrap-reverse !important;

        flex-wrap: wrap-reverse !important

    }

    .flex-md-fill {

        -ms-flex: 1 1 auto !important;

        flex: 1 1 auto !important

    }

    .flex-md-grow-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important

    }

    .flex-md-grow-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important

    }

    .flex-md-shrink-0 {

        -ms-flex-negative: 0 !important;

        flex-shrink: 0 !important

    }

    .flex-md-shrink-1 {

        -ms-flex-negative: 1 !important;

        flex-shrink: 1 !important

    }

    .justify-content-md-start {

        -ms-flex-pack: start !important;

        justify-content: flex-start !important

    }

    .justify-content-md-end {

        -ms-flex-pack: end !important;

        justify-content: flex-end !important

    }

    .justify-content-md-center {

        -ms-flex-pack: center !important;

        justify-content: center !important

    }

    .justify-content-md-between {

        -ms-flex-pack: justify !important;

        justify-content: space-between !important

    }

    .justify-content-md-around {

        -ms-flex-pack: distribute !important;

        justify-content: space-around !important

    }

    .align-items-md-start {

        -ms-flex-align: start !important;

        align-items: flex-start !important

    }

    .align-items-md-end {

        -ms-flex-align: end !important;

        align-items: flex-end !important

    }

    .align-items-md-center {

        -ms-flex-align: center !important;

        align-items: center !important

    }

    .align-items-md-baseline {

        -ms-flex-align: baseline !important;

        align-items: baseline !important

    }

    .align-items-md-stretch {

        -ms-flex-align: stretch !important;

        align-items: stretch !important

    }

    .align-content-md-start {

        -ms-flex-line-pack: start !important;

        align-content: flex-start !important

    }

    .align-content-md-end {

        -ms-flex-line-pack: end !important;

        align-content: flex-end !important

    }

    .align-content-md-center {

        -ms-flex-line-pack: center !important;

        align-content: center !important

    }

    .align-content-md-between {

        -ms-flex-line-pack: justify !important;

        align-content: space-between !important

    }

    .align-content-md-around {

        -ms-flex-line-pack: distribute !important;

        align-content: space-around !important

    }

    .align-content-md-stretch {

        -ms-flex-line-pack: stretch !important;

        align-content: stretch !important

    }

    .align-self-md-auto {

        -ms-flex-item-align: auto !important;

        align-self: auto !important

    }

    .align-self-md-start {

        -ms-flex-item-align: start !important;

        align-self: flex-start !important

    }

    .align-self-md-end {

        -ms-flex-item-align: end !important;

        align-self: flex-end !important

    }

    .align-self-md-center {

        -ms-flex-item-align: center !important;

        align-self: center !important

    }

    .align-self-md-baseline {

        -ms-flex-item-align: baseline !important;

        align-self: baseline !important

    }

    .align-self-md-stretch {

        -ms-flex-item-align: stretch !important;

        align-self: stretch !important

    }

}



@media (min-width:992px) {

    .flex-lg-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-lg-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-lg-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-lg-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-lg-wrap {

        -ms-flex-wrap: wrap !important;

        flex-wrap: wrap !important

    }

    .flex-lg-nowrap {

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important

    }

    .flex-lg-wrap-reverse {

        -ms-flex-wrap: wrap-reverse !important;

        flex-wrap: wrap-reverse !important

    }

    .flex-lg-fill {

        -ms-flex: 1 1 auto !important;

        flex: 1 1 auto !important

    }

    .flex-lg-grow-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important

    }

    .flex-lg-grow-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important

    }

    .flex-lg-shrink-0 {

        -ms-flex-negative: 0 !important;

        flex-shrink: 0 !important

    }

    .flex-lg-shrink-1 {

        -ms-flex-negative: 1 !important;

        flex-shrink: 1 !important

    }

    .justify-content-lg-start {

        -ms-flex-pack: start !important;

        justify-content: flex-start !important

    }

    .justify-content-lg-end {

        -ms-flex-pack: end !important;

        justify-content: flex-end !important

    }

    .justify-content-lg-center {

        -ms-flex-pack: center !important;

        justify-content: center !important

    }

    .justify-content-lg-between {

        -ms-flex-pack: justify !important;

        justify-content: space-between !important

    }

    .justify-content-lg-around {

        -ms-flex-pack: distribute !important;

        justify-content: space-around !important

    }

    .align-items-lg-start {

        -ms-flex-align: start !important;

        align-items: flex-start !important

    }

    .align-items-lg-end {

        -ms-flex-align: end !important;

        align-items: flex-end !important

    }

    .align-items-lg-center {

        -ms-flex-align: center !important;

        align-items: center !important

    }

    .align-items-lg-baseline {

        -ms-flex-align: baseline !important;

        align-items: baseline !important

    }

    .align-items-lg-stretch {

        -ms-flex-align: stretch !important;

        align-items: stretch !important

    }

    .align-content-lg-start {

        -ms-flex-line-pack: start !important;

        align-content: flex-start !important

    }

    .align-content-lg-end {

        -ms-flex-line-pack: end !important;

        align-content: flex-end !important

    }

    .align-content-lg-center {

        -ms-flex-line-pack: center !important;

        align-content: center !important

    }

    .align-content-lg-between {

        -ms-flex-line-pack: justify !important;

        align-content: space-between !important

    }

    .align-content-lg-around {

        -ms-flex-line-pack: distribute !important;

        align-content: space-around !important

    }

    .align-content-lg-stretch {

        -ms-flex-line-pack: stretch !important;

        align-content: stretch !important

    }

    .align-self-lg-auto {

        -ms-flex-item-align: auto !important;

        align-self: auto !important

    }

    .align-self-lg-start {

        -ms-flex-item-align: start !important;

        align-self: flex-start !important

    }

    .align-self-lg-end {

        -ms-flex-item-align: end !important;

        align-self: flex-end !important

    }

    .align-self-lg-center {

        -ms-flex-item-align: center !important;

        align-self: center !important

    }

    .align-self-lg-baseline {

        -ms-flex-item-align: baseline !important;

        align-self: baseline !important

    }

    .align-self-lg-stretch {

        -ms-flex-item-align: stretch !important;

        align-self: stretch !important

    }

}



@media (min-width:1200px) {

    .flex-xl-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-xl-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-xl-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-xl-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-xl-wrap {

        -ms-flex-wrap: wrap !important;

        flex-wrap: wrap !important

    }

    .flex-xl-nowrap {

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important

    }

    .flex-xl-wrap-reverse {

        -ms-flex-wrap: wrap-reverse !important;

        flex-wrap: wrap-reverse !important

    }

    .flex-xl-fill {

        -ms-flex: 1 1 auto !important;

        flex: 1 1 auto !important

    }

    .flex-xl-grow-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important

    }

    .flex-xl-grow-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important

    }

    .flex-xl-shrink-0 {

        -ms-flex-negative: 0 !important;

        flex-shrink: 0 !important

    }

    .flex-xl-shrink-1 {

        -ms-flex-negative: 1 !important;

        flex-shrink: 1 !important

    }

    .justify-content-xl-start {

        -ms-flex-pack: start !important;

        justify-content: flex-start !important

    }

    .justify-content-xl-end {

        -ms-flex-pack: end !important;

        justify-content: flex-end !important

    }

    .justify-content-xl-center {

        -ms-flex-pack: center !important;

        justify-content: center !important

    }

    .justify-content-xl-between {

        -ms-flex-pack: justify !important;

        justify-content: space-between !important

    }

    .justify-content-xl-around {

        -ms-flex-pack: distribute !important;

        justify-content: space-around !important

    }

    .align-items-xl-start {

        -ms-flex-align: start !important;

        align-items: flex-start !important

    }

    .align-items-xl-end {

        -ms-flex-align: end !important;

        align-items: flex-end !important

    }

    .align-items-xl-center {

        -ms-flex-align: center !important;

        align-items: center !important

    }

    .align-items-xl-baseline {

        -ms-flex-align: baseline !important;

        align-items: baseline !important

    }

    .align-items-xl-stretch {

        -ms-flex-align: stretch !important;

        align-items: stretch !important

    }

    .align-content-xl-start {

        -ms-flex-line-pack: start !important;

        align-content: flex-start !important

    }

    .align-content-xl-end {

        -ms-flex-line-pack: end !important;

        align-content: flex-end !important

    }

    .align-content-xl-center {

        -ms-flex-line-pack: center !important;

        align-content: center !important

    }

    .align-content-xl-between {

        -ms-flex-line-pack: justify !important;

        align-content: space-between !important

    }

    .align-content-xl-around {

        -ms-flex-line-pack: distribute !important;

        align-content: space-around !important

    }

    .align-content-xl-stretch {

        -ms-flex-line-pack: stretch !important;

        align-content: stretch !important

    }

    .align-self-xl-auto {

        -ms-flex-item-align: auto !important;

        align-self: auto !important

    }

    .align-self-xl-start {

        -ms-flex-item-align: start !important;

        align-self: flex-start !important

    }

    .align-self-xl-end {

        -ms-flex-item-align: end !important;

        align-self: flex-end !important

    }

    .align-self-xl-center {

        -ms-flex-item-align: center !important;

        align-self: center !important

    }

    .align-self-xl-baseline {

        -ms-flex-item-align: baseline !important;

        align-self: baseline !important

    }

    .align-self-xl-stretch {

        -ms-flex-item-align: stretch !important;

        align-self: stretch !important

    }

}



/*!

 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)

 * Copyright 2011-2018 The Bootstrap Authors

 * Copyright 2011-2018 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */






@-ms-viewport {

    width: device-width

}



html {

    box-sizing: border-box;

    -ms-overflow-style: scrollbar

}



*,

::after,

::before {

    box-sizing: inherit

}



@media (min-width:576px) {

    .container {

        max-width: 540px

    }

}



@media (min-width:768px) {

    .container {

        max-width: 720px

    }

}



@media (min-width:992px) {

    .container {

        max-width: 960px

    }

}



@media (min-width:1200px) {

    .container {

        max-width: 1140px

    }

}



.row {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px

}



.no-gutters {

    margin-right: 0;

    margin-left: 0

}



.no-gutters>.col,

.no-gutters>[class*=col-] {

    padding-right: 0;

    padding-left: 0

}



.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 {

    position: relative;

    width: 100%;

    min-height: 1px;

    padding-right: 15px;

    padding-left: 15px

}



.col {

    -ms-flex-preferred-size: 0;

    flex-basis: 0;

    -ms-flex-positive: 1;

    flex-grow: 1;

    max-width: 100%

}



.col-auto {

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: none

}



.col-1 {

    -ms-flex: 0 0 8.333333%;

    flex: 0 0 8.333333%;

    max-width: 8.333333%

}



.col-2 {

    -ms-flex: 0 0 16.666667%;

    flex: 0 0 16.666667%;

    max-width: 16.666667%

}



.col-3 {

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%

}



.col-4 {

    -ms-flex: 0 0 33.333333%;

    flex: 0 0 33.333333%;

    max-width: 33.333333%

}



.col-5 {

    -ms-flex: 0 0 41.666667%;

    flex: 0 0 41.666667%;

    max-width: 41.666667%

}



.col-6 {

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%

}



.col-7 {

    -ms-flex: 0 0 58.333333%;

    flex: 0 0 58.333333%;

    max-width: 58.333333%

}



.col-8 {

    -ms-flex: 0 0 66.666667%;

    flex: 0 0 66.666667%;

    max-width: 66.666667%

}



.col-9 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 75%

}



.col-10 {

    -ms-flex: 0 0 83.333333%;

    flex: 0 0 83.333333%;

    max-width: 83.333333%

}



.col-11 {

    -ms-flex: 0 0 91.666667%;

    flex: 0 0 91.666667%;

    max-width: 91.666667%

}



.col-12 {

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%

}



.order-first {

    -ms-flex-order: -1;

    order: -1

}



.order-last {

    -ms-flex-order: 13;

    order: 13

}



.order-0 {

    -ms-flex-order: 0;

    order: 0

}



.order-1 {

    -ms-flex-order: 1;

    order: 1

}



.order-2 {

    -ms-flex-order: 2;

    order: 2

}



.order-3 {

    -ms-flex-order: 3;

    order: 3

}



.order-4 {

    -ms-flex-order: 4;

    order: 4

}



.order-5 {

    -ms-flex-order: 5;

    order: 5

}



.order-6 {

    -ms-flex-order: 6;

    order: 6

}



.order-7 {

    -ms-flex-order: 7;

    order: 7

}



.order-8 {

    -ms-flex-order: 8;

    order: 8

}



.order-9 {

    -ms-flex-order: 9;

    order: 9

}



.order-10 {

    -ms-flex-order: 10;

    order: 10

}



.order-11 {

    -ms-flex-order: 11;

    order: 11

}



.order-12 {

    -ms-flex-order: 12;

    order: 12

}



.offset-1 {

    margin-left: 8.333333%

}



.offset-2 {

    margin-left: 16.666667%

}



.offset-3 {

    margin-left: 25%

}



.offset-4 {

    margin-left: 33.333333%

}



.offset-5 {

    margin-left: 41.666667%

}



.offset-6 {

    margin-left: 50%

}



.offset-7 {

    margin-left: 58.333333%

}



.offset-8 {

    margin-left: 66.666667%

}



.offset-9 {

    margin-left: 75%

}



.offset-10 {

    margin-left: 83.333333%

}



.offset-11 {

    margin-left: 91.666667%

}



.d-none {

    display: none !important

}



.d-inline {

    display: inline !important

}



.d-inline-block {

    display: inline-block !important

}



.d-block {

    display: block !important

}



.d-table {

    display: table !important

}



.d-table-row {

    display: table-row !important

}



.d-table-cell {

    display: table-cell !important

}



.d-flex {

    display: -ms-flexbox !important;

    display: flex !important

}



.d-inline-flex {

    display: -ms-inline-flexbox !important;

    display: inline-flex !important

}



@media (min-width:576px) {

    .col-sm {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }

    .col-sm-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: none

    }

    .col-sm-1 {

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%;

        max-width: 8.333333%

    }

    .col-sm-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%

    }

    .col-sm-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }

    .col-sm-4 {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%

    }

    .col-sm-5 {

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%;

        max-width: 41.666667%

    }

    .col-sm-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }

    .col-sm-7 {

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%;

        max-width: 58.333333%

    }

    .col-sm-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%

    }

    .col-sm-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }

    .col-sm-10 {

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%

    }

    .col-sm-11 {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%;

        max-width: 91.666667%

    }

    .col-sm-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }

    .order-sm-first {

        -ms-flex-order: -1;

        order: -1

    }

    .order-sm-last {

        -ms-flex-order: 13;

        order: 13

    }

    .order-sm-0 {

        -ms-flex-order: 0;

        order: 0

    }

    .order-sm-1 {

        -ms-flex-order: 1;

        order: 1

    }

    .order-sm-2 {

        -ms-flex-order: 2;

        order: 2

    }

    .order-sm-3 {

        -ms-flex-order: 3;

        order: 3

    }

    .order-sm-4 {

        -ms-flex-order: 4;

        order: 4

    }

    .order-sm-5 {

        -ms-flex-order: 5;

        order: 5

    }

    .order-sm-6 {

        -ms-flex-order: 6;

        order: 6

    }

    .order-sm-7 {

        -ms-flex-order: 7;

        order: 7

    }

    .order-sm-8 {

        -ms-flex-order: 8;

        order: 8

    }

    .order-sm-9 {

        -ms-flex-order: 9;

        order: 9

    }

    .order-sm-10 {

        -ms-flex-order: 10;

        order: 10

    }

    .order-sm-11 {

        -ms-flex-order: 11;

        order: 11

    }

    .order-sm-12 {

        -ms-flex-order: 12;

        order: 12

    }

    .offset-sm-0 {

        margin-left: 0

    }

    .offset-sm-1 {

        margin-left: 8.333333%

    }

    .offset-sm-2 {

        margin-left: 16.666667%

    }

    .offset-sm-3 {

        margin-left: 25%

    }

    .offset-sm-4 {

        margin-left: 33.333333%

    }

    .offset-sm-5 {

        margin-left: 41.666667%

    }

    .offset-sm-6 {

        margin-left: 50%

    }

    .offset-sm-7 {

        margin-left: 58.333333%

    }

    .offset-sm-8 {

        margin-left: 66.666667%

    }

    .offset-sm-9 {

        margin-left: 75%

    }

    .offset-sm-10 {

        margin-left: 83.333333%

    }

    .offset-sm-11 {

        margin-left: 91.666667%

    }

    .d-sm-none {

        display: none !important

    }

    .d-sm-inline {

        display: inline !important

    }

    .d-sm-inline-block {

        display: inline-block !important

    }

    .d-sm-block {

        display: block !important

    }

    .d-sm-table {

        display: table !important

    }

    .d-sm-table-row {

        display: table-row !important

    }

    .d-sm-table-cell {

        display: table-cell !important

    }

    .d-sm-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-sm-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media (min-width:768px) {

    .col-md {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }

    .col-md-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: none

    }

    .col-md-1 {

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%;

        max-width: 8.333333%

    }

    .col-md-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%

    }

    .col-md-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }

    .col-md-4 {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%

    }

    .col-md-5 {

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%;

        max-width: 41.666667%

    }

    .col-md-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }

    .col-md-7 {

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%;

        max-width: 58.333333%

    }

    .col-md-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%

    }

    .col-md-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }

    .col-md-10 {

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%

    }

    .col-md-11 {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%;

        max-width: 91.666667%

    }

    .col-md-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }

    .order-md-first {

        -ms-flex-order: -1;

        order: -1

    }

    .order-md-last {

        -ms-flex-order: 13;

        order: 13

    }

    .order-md-0 {

        -ms-flex-order: 0;

        order: 0

    }

    .order-md-1 {

        -ms-flex-order: 1;

        order: 1

    }

    .order-md-2 {

        -ms-flex-order: 2;

        order: 2

    }

    .order-md-3 {

        -ms-flex-order: 3;

        order: 3

    }

    .order-md-4 {

        -ms-flex-order: 4;

        order: 4

    }

    .order-md-5 {

        -ms-flex-order: 5;

        order: 5

    }

    .order-md-6 {

        -ms-flex-order: 6;

        order: 6

    }

    .order-md-7 {

        -ms-flex-order: 7;

        order: 7

    }

    .order-md-8 {

        -ms-flex-order: 8;

        order: 8

    }

    .order-md-9 {

        -ms-flex-order: 9;

        order: 9

    }

    .order-md-10 {

        -ms-flex-order: 10;

        order: 10

    }

    .order-md-11 {

        -ms-flex-order: 11;

        order: 11

    }

    .order-md-12 {

        -ms-flex-order: 12;

        order: 12

    }

    .offset-md-0 {

        margin-left: 0

    }

    .offset-md-1 {

        margin-left: 8.333333%

    }

    .offset-md-2 {

        margin-left: 16.666667%

    }

    .offset-md-3 {

        margin-left: 25%

    }

    .offset-md-4 {

        margin-left: 33.333333%

    }

    .offset-md-5 {

        margin-left: 41.666667%

    }

    .offset-md-6 {

        margin-left: 50%

    }

    .offset-md-7 {

        margin-left: 58.333333%

    }

    .offset-md-8 {

        margin-left: 66.666667%

    }

    .offset-md-9 {

        margin-left: 75%

    }

    .offset-md-10 {

        margin-left: 83.333333%

    }

    .offset-md-11 {

        margin-left: 91.666667%

    }

    .d-md-none {

        display: none !important

    }

    .d-md-inline {

        display: inline !important

    }

    .d-md-inline-block {

        display: inline-block !important

    }

    .d-md-block {

        display: block !important

    }

    .d-md-table {

        display: table !important

    }

    .d-md-table-row {

        display: table-row !important

    }

    .d-md-table-cell {

        display: table-cell !important

    }

    .d-md-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-md-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media (min-width:992px) {

    .col-lg {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }

    .col-lg-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: none

    }

    .col-lg-1 {

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%;

        max-width: 8.333333%

    }

    .col-lg-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%

    }

    .col-lg-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }

    .col-lg-4 {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%

    }

    .col-lg-5 {

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%;

        max-width: 41.666667%

    }

    .col-lg-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }

    .col-lg-7 {

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%;

        max-width: 58.333333%

    }

    .col-lg-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%

    }

    .col-lg-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }

    .col-lg-10 {

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%

    }

    .col-lg-11 {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%;

        max-width: 91.666667%

    }

    .col-lg-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }

    .order-lg-first {

        -ms-flex-order: -1;

        order: -1

    }

    .order-lg-last {

        -ms-flex-order: 13;

        order: 13

    }

    .order-lg-0 {

        -ms-flex-order: 0;

        order: 0

    }

    .order-lg-1 {

        -ms-flex-order: 1;

        order: 1

    }

    .order-lg-2 {

        -ms-flex-order: 2;

        order: 2

    }

    .order-lg-3 {

        -ms-flex-order: 3;

        order: 3

    }

    .order-lg-4 {

        -ms-flex-order: 4;

        order: 4

    }

    .order-lg-5 {

        -ms-flex-order: 5;

        order: 5

    }

    .order-lg-6 {

        -ms-flex-order: 6;

        order: 6

    }

    .order-lg-7 {

        -ms-flex-order: 7;

        order: 7

    }

    .order-lg-8 {

        -ms-flex-order: 8;

        order: 8

    }

    .order-lg-9 {

        -ms-flex-order: 9;

        order: 9

    }

    .order-lg-10 {

        -ms-flex-order: 10;

        order: 10

    }

    .order-lg-11 {

        -ms-flex-order: 11;

        order: 11

    }

    .order-lg-12 {

        -ms-flex-order: 12;

        order: 12

    }

    .offset-lg-0 {

        margin-left: 0

    }

    .offset-lg-1 {

        margin-left: 8.333333%

    }

    .offset-lg-2 {

        margin-left: 16.666667%

    }

    .offset-lg-3 {

        margin-left: 25%

    }

    .offset-lg-4 {

        margin-left: 33.333333%

    }

    .offset-lg-5 {

        margin-left: 41.666667%

    }

    .offset-lg-6 {

        margin-left: 50%

    }

    .offset-lg-7 {

        margin-left: 58.333333%

    }

    .offset-lg-8 {

        margin-left: 66.666667%

    }

    .offset-lg-9 {

        margin-left: 75%

    }

    .offset-lg-10 {

        margin-left: 83.333333%

    }

    .offset-lg-11 {

        margin-left: 91.666667%

    }

    .d-lg-none {

        display: none !important

    }

    .d-lg-inline {

        display: inline !important

    }

    .d-lg-inline-block {

        display: inline-block !important

    }

    .d-lg-block {

        display: block !important

    }

    .d-lg-table {

        display: table !important

    }

    .d-lg-table-row {

        display: table-row !important

    }

    .d-lg-table-cell {

        display: table-cell !important

    }

    .d-lg-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-lg-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media (min-width:1200px) {

    .col-xl {

        -ms-flex-preferred-size: 0;

        flex-basis: 0;

        -ms-flex-positive: 1;

        flex-grow: 1;

        max-width: 100%

    }

    .col-xl-auto {

        -ms-flex: 0 0 auto;

        flex: 0 0 auto;

        width: auto;

        max-width: none

    }

    .col-xl-1 {

        -ms-flex: 0 0 8.333333%;

        flex: 0 0 8.333333%;

        max-width: 8.333333%

    }

    .col-xl-2 {

        -ms-flex: 0 0 16.666667%;

        flex: 0 0 16.666667%;

        max-width: 16.666667%

    }

    .col-xl-3 {

        -ms-flex: 0 0 25%;

        flex: 0 0 25%;

        max-width: 25%

    }

    .col-xl-4 {

        -ms-flex: 0 0 33.333333%;

        flex: 0 0 33.333333%;

        max-width: 33.333333%

    }

    .col-xl-5 {

        -ms-flex: 0 0 41.666667%;

        flex: 0 0 41.666667%;

        max-width: 41.666667%

    }

    .col-xl-6 {

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%

    }

    .col-xl-7 {

        -ms-flex: 0 0 58.333333%;

        flex: 0 0 58.333333%;

        max-width: 58.333333%

    }

    .col-xl-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 0 0 66.666667%;

        max-width: 66.666667%

    }

    .col-xl-9 {

        -ms-flex: 0 0 75%;

        flex: 0 0 75%;

        max-width: 75%

    }

    .col-xl-10 {

        -ms-flex: 0 0 83.333333%;

        flex: 0 0 83.333333%;

        max-width: 83.333333%

    }

    .col-xl-11 {

        -ms-flex: 0 0 91.666667%;

        flex: 0 0 91.666667%;

        max-width: 91.666667%

    }

    .col-xl-12 {

        -ms-flex: 0 0 100%;

        flex: 0 0 100%;

        max-width: 100%

    }

    .order-xl-first {

        -ms-flex-order: -1;

        order: -1

    }

    .order-xl-last {

        -ms-flex-order: 13;

        order: 13

    }

    .order-xl-0 {

        -ms-flex-order: 0;

        order: 0

    }

    .order-xl-1 {

        -ms-flex-order: 1;

        order: 1

    }

    .order-xl-2 {

        -ms-flex-order: 2;

        order: 2

    }

    .order-xl-3 {

        -ms-flex-order: 3;

        order: 3

    }

    .order-xl-4 {

        -ms-flex-order: 4;

        order: 4

    }

    .order-xl-5 {

        -ms-flex-order: 5;

        order: 5

    }

    .order-xl-6 {

        -ms-flex-order: 6;

        order: 6

    }

    .order-xl-7 {

        -ms-flex-order: 7;

        order: 7

    }

    .order-xl-8 {

        -ms-flex-order: 8;

        order: 8

    }

    .order-xl-9 {

        -ms-flex-order: 9;

        order: 9

    }

    .order-xl-10 {

        -ms-flex-order: 10;

        order: 10

    }

    .order-xl-11 {

        -ms-flex-order: 11;

        order: 11

    }

    .order-xl-12 {

        -ms-flex-order: 12;

        order: 12

    }

    .offset-xl-0 {

        margin-left: 0

    }

    .offset-xl-1 {

        margin-left: 8.333333%

    }

    .offset-xl-2 {

        margin-left: 16.666667%

    }

    .offset-xl-3 {

        margin-left: 25%

    }

    .offset-xl-4 {

        margin-left: 33.333333%

    }

    .offset-xl-5 {

        margin-left: 41.666667%

    }

    .offset-xl-6 {

        margin-left: 50%

    }

    .offset-xl-7 {

        margin-left: 58.333333%

    }

    .offset-xl-8 {

        margin-left: 66.666667%

    }

    .offset-xl-9 {

        margin-left: 75%

    }

    .offset-xl-10 {

        margin-left: 83.333333%

    }

    .offset-xl-11 {

        margin-left: 91.666667%

    }

    .d-xl-none {

        display: none !important

    }

    .d-xl-inline {

        display: inline !important

    }

    .d-xl-inline-block {

        display: inline-block !important

    }

    .d-xl-block {

        display: block !important

    }

    .d-xl-table {

        display: table !important

    }

    .d-xl-table-row {

        display: table-row !important

    }

    .d-xl-table-cell {

        display: table-cell !important

    }

    .d-xl-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-xl-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



@media print {

    .d-print-none {

        display: none !important

    }

    .d-print-inline {

        display: inline !important

    }

    .d-print-inline-block {

        display: inline-block !important

    }

    .d-print-block {

        display: block !important

    }

    .d-print-table {

        display: table !important

    }

    .d-print-table-row {

        display: table-row !important

    }

    .d-print-table-cell {

        display: table-cell !important

    }

    .d-print-flex {

        display: -ms-flexbox !important;

        display: flex !important

    }

    .d-print-inline-flex {

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



.flex-row {

    -ms-flex-direction: row !important;

    flex-direction: row !important

}



.flex-column {

    -ms-flex-direction: column !important;

    flex-direction: column !important

}



.flex-row-reverse {

    -ms-flex-direction: row-reverse !important;

    flex-direction: row-reverse !important

}



.flex-column-reverse {

    -ms-flex-direction: column-reverse !important;

    flex-direction: column-reverse !important

}



.flex-wrap {

    -ms-flex-wrap: wrap !important;

    flex-wrap: wrap !important

}



.flex-nowrap {

    -ms-flex-wrap: nowrap !important;

    flex-wrap: nowrap !important

}



.flex-wrap-reverse {

    -ms-flex-wrap: wrap-reverse !important;

    flex-wrap: wrap-reverse !important

}



.flex-fill {

    -ms-flex: 1 1 auto !important;

    flex: 1 1 auto !important

}



.flex-grow-0 {

    -ms-flex-positive: 0 !important;

    flex-grow: 0 !important

}



.flex-grow-1 {

    -ms-flex-positive: 1 !important;

    flex-grow: 1 !important

}



.flex-shrink-0 {

    -ms-flex-negative: 0 !important;

    flex-shrink: 0 !important

}



.flex-shrink-1 {

    -ms-flex-negative: 1 !important;

    flex-shrink: 1 !important

}



.justify-content-start {

    -ms-flex-pack: start !important;

    justify-content: flex-start !important

}



.justify-content-end {

    -ms-flex-pack: end !important;

    justify-content: flex-end !important

}



.justify-content-center {

    -ms-flex-pack: center !important;

    justify-content: center !important

}



.justify-content-between {

    -ms-flex-pack: justify !important;

    justify-content: space-between !important

}



.justify-content-around {

    -ms-flex-pack: distribute !important;

    justify-content: space-around !important

}



.align-items-start {

    -ms-flex-align: start !important;

    align-items: flex-start !important

}



.align-items-end {

    -ms-flex-align: end !important;

    align-items: flex-end !important

}



.align-items-center {

    -ms-flex-align: center !important;

    align-items: center !important

}



.align-items-baseline {

    -ms-flex-align: baseline !important;

    align-items: baseline !important

}



.align-items-stretch {

    -ms-flex-align: stretch !important;

    align-items: stretch !important

}



.align-content-start {

    -ms-flex-line-pack: start !important;

    align-content: flex-start !important

}



.align-content-end {

    -ms-flex-line-pack: end !important;

    align-content: flex-end !important

}



.align-content-center {

    -ms-flex-line-pack: center !important;

    align-content: center !important

}



.align-content-between {

    -ms-flex-line-pack: justify !important;

    align-content: space-between !important

}



.align-content-around {

    -ms-flex-line-pack: distribute !important;

    align-content: space-around !important

}



.align-content-stretch {

    -ms-flex-line-pack: stretch !important;

    align-content: stretch !important

}



.align-self-auto {

    -ms-flex-item-align: auto !important;

    align-self: auto !important

}



.align-self-start {

    -ms-flex-item-align: start !important;

    align-self: flex-start !important

}



.align-self-end {

    -ms-flex-item-align: end !important;

    align-self: flex-end !important

}



.align-self-center {

    -ms-flex-item-align: center !important;

    align-self: center !important

}



.align-self-baseline {

    -ms-flex-item-align: baseline !important;

    align-self: baseline !important

}



.align-self-stretch {

    -ms-flex-item-align: stretch !important;

    align-self: stretch !important

}



@media (min-width:576px) {

    .flex-sm-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-sm-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-sm-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-sm-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-sm-wrap {

        -ms-flex-wrap: wrap !important;

        flex-wrap: wrap !important

    }

    .flex-sm-nowrap {

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important

    }

    .flex-sm-wrap-reverse {

        -ms-flex-wrap: wrap-reverse !important;

        flex-wrap: wrap-reverse !important

    }

    .flex-sm-fill {

        -ms-flex: 1 1 auto !important;

        flex: 1 1 auto !important

    }

    .flex-sm-grow-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important

    }

    .flex-sm-grow-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important

    }

    .flex-sm-shrink-0 {

        -ms-flex-negative: 0 !important;

        flex-shrink: 0 !important

    }

    .flex-sm-shrink-1 {

        -ms-flex-negative: 1 !important;

        flex-shrink: 1 !important

    }

    .justify-content-sm-start {

        -ms-flex-pack: start !important;

        justify-content: flex-start !important

    }

    .justify-content-sm-end {

        -ms-flex-pack: end !important;

        justify-content: flex-end !important

    }

    .justify-content-sm-center {

        -ms-flex-pack: center !important;

        justify-content: center !important

    }

    .justify-content-sm-between {

        -ms-flex-pack: justify !important;

        justify-content: space-between !important

    }

    .justify-content-sm-around {

        -ms-flex-pack: distribute !important;

        justify-content: space-around !important

    }

    .align-items-sm-start {

        -ms-flex-align: start !important;

        align-items: flex-start !important

    }

    .align-items-sm-end {

        -ms-flex-align: end !important;

        align-items: flex-end !important

    }

    .align-items-sm-center {

        -ms-flex-align: center !important;

        align-items: center !important

    }

    .align-items-sm-baseline {

        -ms-flex-align: baseline !important;

        align-items: baseline !important

    }

    .align-items-sm-stretch {

        -ms-flex-align: stretch !important;

        align-items: stretch !important

    }

    .align-content-sm-start {

        -ms-flex-line-pack: start !important;

        align-content: flex-start !important

    }

    .align-content-sm-end {

        -ms-flex-line-pack: end !important;

        align-content: flex-end !important

    }

    .align-content-sm-center {

        -ms-flex-line-pack: center !important;

        align-content: center !important

    }

    .align-content-sm-between {

        -ms-flex-line-pack: justify !important;

        align-content: space-between !important

    }

    .align-content-sm-around {

        -ms-flex-line-pack: distribute !important;

        align-content: space-around !important

    }

    .align-content-sm-stretch {

        -ms-flex-line-pack: stretch !important;

        align-content: stretch !important

    }

    .align-self-sm-auto {

        -ms-flex-item-align: auto !important;

        align-self: auto !important

    }

    .align-self-sm-start {

        -ms-flex-item-align: start !important;

        align-self: flex-start !important

    }

    .align-self-sm-end {

        -ms-flex-item-align: end !important;

        align-self: flex-end !important

    }

    .align-self-sm-center {

        -ms-flex-item-align: center !important;

        align-self: center !important

    }

    .align-self-sm-baseline {

        -ms-flex-item-align: baseline !important;

        align-self: baseline !important

    }

    .align-self-sm-stretch {

        -ms-flex-item-align: stretch !important;

        align-self: stretch !important

    }

}



@media (min-width:768px) {

    .flex-md-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-md-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-md-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-md-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-md-wrap {

        -ms-flex-wrap: wrap !important;

        flex-wrap: wrap !important

    }

    .flex-md-nowrap {

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important

    }

    .flex-md-wrap-reverse {

        -ms-flex-wrap: wrap-reverse !important;

        flex-wrap: wrap-reverse !important

    }

    .flex-md-fill {

        -ms-flex: 1 1 auto !important;

        flex: 1 1 auto !important

    }

    .flex-md-grow-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important

    }

    .flex-md-grow-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important

    }

    .flex-md-shrink-0 {

        -ms-flex-negative: 0 !important;

        flex-shrink: 0 !important

    }

    .flex-md-shrink-1 {

        -ms-flex-negative: 1 !important;

        flex-shrink: 1 !important

    }

    .justify-content-md-start {

        -ms-flex-pack: start !important;

        justify-content: flex-start !important

    }

    .justify-content-md-end {

        -ms-flex-pack: end !important;

        justify-content: flex-end !important

    }

    .justify-content-md-center {

        -ms-flex-pack: center !important;

        justify-content: center !important

    }

    .justify-content-md-between {

        -ms-flex-pack: justify !important;

        justify-content: space-between !important

    }

    .justify-content-md-around {

        -ms-flex-pack: distribute !important;

        justify-content: space-around !important

    }

    .align-items-md-start {

        -ms-flex-align: start !important;

        align-items: flex-start !important

    }

    .align-items-md-end {

        -ms-flex-align: end !important;

        align-items: flex-end !important

    }

    .align-items-md-center {

        -ms-flex-align: center !important;

        align-items: center !important

    }

    .align-items-md-baseline {

        -ms-flex-align: baseline !important;

        align-items: baseline !important

    }

    .align-items-md-stretch {

        -ms-flex-align: stretch !important;

        align-items: stretch !important

    }

    .align-content-md-start {

        -ms-flex-line-pack: start !important;

        align-content: flex-start !important

    }

    .align-content-md-end {

        -ms-flex-line-pack: end !important;

        align-content: flex-end !important

    }

    .align-content-md-center {

        -ms-flex-line-pack: center !important;

        align-content: center !important

    }

    .align-content-md-between {

        -ms-flex-line-pack: justify !important;

        align-content: space-between !important

    }

    .align-content-md-around {

        -ms-flex-line-pack: distribute !important;

        align-content: space-around !important

    }

    .align-content-md-stretch {

        -ms-flex-line-pack: stretch !important;

        align-content: stretch !important

    }

    .align-self-md-auto {

        -ms-flex-item-align: auto !important;

        align-self: auto !important

    }

    .align-self-md-start {

        -ms-flex-item-align: start !important;

        align-self: flex-start !important

    }

    .align-self-md-end {

        -ms-flex-item-align: end !important;

        align-self: flex-end !important

    }

    .align-self-md-center {

        -ms-flex-item-align: center !important;

        align-self: center !important

    }

    .align-self-md-baseline {

        -ms-flex-item-align: baseline !important;

        align-self: baseline !important

    }

    .align-self-md-stretch {

        -ms-flex-item-align: stretch !important;

        align-self: stretch !important

    }

}



@media (min-width:992px) {

    .flex-lg-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-lg-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-lg-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-lg-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-lg-wrap {

        -ms-flex-wrap: wrap !important;

        flex-wrap: wrap !important

    }

    .flex-lg-nowrap {

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important

    }

    .flex-lg-wrap-reverse {

        -ms-flex-wrap: wrap-reverse !important;

        flex-wrap: wrap-reverse !important

    }

    .flex-lg-fill {

        -ms-flex: 1 1 auto !important;

        flex: 1 1 auto !important

    }

    .flex-lg-grow-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important

    }

    .flex-lg-grow-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important

    }

    .flex-lg-shrink-0 {

        -ms-flex-negative: 0 !important;

        flex-shrink: 0 !important

    }

    .flex-lg-shrink-1 {

        -ms-flex-negative: 1 !important;

        flex-shrink: 1 !important

    }

    .justify-content-lg-start {

        -ms-flex-pack: start !important;

        justify-content: flex-start !important

    }

    .justify-content-lg-end {

        -ms-flex-pack: end !important;

        justify-content: flex-end !important

    }

    .justify-content-lg-center {

        -ms-flex-pack: center !important;

        justify-content: center !important

    }

    .justify-content-lg-between {

        -ms-flex-pack: justify !important;

        justify-content: space-between !important

    }

    .justify-content-lg-around {

        -ms-flex-pack: distribute !important;

        justify-content: space-around !important

    }

    .align-items-lg-start {

        -ms-flex-align: start !important;

        align-items: flex-start !important

    }

    .align-items-lg-end {

        -ms-flex-align: end !important;

        align-items: flex-end !important

    }

    .align-items-lg-center {

        -ms-flex-align: center !important;

        align-items: center !important

    }

    .align-items-lg-baseline {

        -ms-flex-align: baseline !important;

        align-items: baseline !important

    }

    .align-items-lg-stretch {

        -ms-flex-align: stretch !important;

        align-items: stretch !important

    }

    .align-content-lg-start {

        -ms-flex-line-pack: start !important;

        align-content: flex-start !important

    }

    .align-content-lg-end {

        -ms-flex-line-pack: end !important;

        align-content: flex-end !important

    }

    .align-content-lg-center {

        -ms-flex-line-pack: center !important;

        align-content: center !important

    }

    .align-content-lg-between {

        -ms-flex-line-pack: justify !important;

        align-content: space-between !important

    }

    .align-content-lg-around {

        -ms-flex-line-pack: distribute !important;

        align-content: space-around !important

    }

    .align-content-lg-stretch {

        -ms-flex-line-pack: stretch !important;

        align-content: stretch !important

    }

    .align-self-lg-auto {

        -ms-flex-item-align: auto !important;

        align-self: auto !important

    }

    .align-self-lg-start {

        -ms-flex-item-align: start !important;

        align-self: flex-start !important

    }

    .align-self-lg-end {

        -ms-flex-item-align: end !important;

        align-self: flex-end !important

    }

    .align-self-lg-center {

        -ms-flex-item-align: center !important;

        align-self: center !important

    }

    .align-self-lg-baseline {

        -ms-flex-item-align: baseline !important;

        align-self: baseline !important

    }

    .align-self-lg-stretch {

        -ms-flex-item-align: stretch !important;

        align-self: stretch !important

    }

}



@media (min-width:1200px) {

    .flex-xl-row {

        -ms-flex-direction: row !important;

        flex-direction: row !important

    }

    .flex-xl-column {

        -ms-flex-direction: column !important;

        flex-direction: column !important

    }

    .flex-xl-row-reverse {

        -ms-flex-direction: row-reverse !important;

        flex-direction: row-reverse !important

    }

    .flex-xl-column-reverse {

        -ms-flex-direction: column-reverse !important;

        flex-direction: column-reverse !important

    }

    .flex-xl-wrap {

        -ms-flex-wrap: wrap !important;

        flex-wrap: wrap !important

    }

    .flex-xl-nowrap {

        -ms-flex-wrap: nowrap !important;

        flex-wrap: nowrap !important

    }

    .flex-xl-wrap-reverse {

        -ms-flex-wrap: wrap-reverse !important;

        flex-wrap: wrap-reverse !important

    }

    .flex-xl-fill {

        -ms-flex: 1 1 auto !important;

        flex: 1 1 auto !important

    }

    .flex-xl-grow-0 {

        -ms-flex-positive: 0 !important;

        flex-grow: 0 !important

    }

    .flex-xl-grow-1 {

        -ms-flex-positive: 1 !important;

        flex-grow: 1 !important

    }

    .flex-xl-shrink-0 {

        -ms-flex-negative: 0 !important;

        flex-shrink: 0 !important

    }

    .flex-xl-shrink-1 {

        -ms-flex-negative: 1 !important;

        flex-shrink: 1 !important

    }

    .justify-content-xl-start {

        -ms-flex-pack: start !important;

        justify-content: flex-start !important

    }

    .justify-content-xl-end {

        -ms-flex-pack: end !important;

        justify-content: flex-end !important

    }

    .justify-content-xl-center {

        -ms-flex-pack: center !important;

        justify-content: center !important

    }

    .justify-content-xl-between {

        -ms-flex-pack: justify !important;

        justify-content: space-between !important

    }

    .justify-content-xl-around {

        -ms-flex-pack: distribute !important;

        justify-content: space-around !important

    }

    .align-items-xl-start {

        -ms-flex-align: start !important;

        align-items: flex-start !important

    }

    .align-items-xl-end {

        -ms-flex-align: end !important;

        align-items: flex-end !important

    }

    .align-items-xl-center {

        -ms-flex-align: center !important;

        align-items: center !important

    }

    .align-items-xl-baseline {

        -ms-flex-align: baseline !important;

        align-items: baseline !important

    }

    .align-items-xl-stretch {

        -ms-flex-align: stretch !important;

        align-items: stretch !important

    }

    .align-content-xl-start {

        -ms-flex-line-pack: start !important;

        align-content: flex-start !important

    }

    .align-content-xl-end {

        -ms-flex-line-pack: end !important;

        align-content: flex-end !important

    }

    .align-content-xl-center {

        -ms-flex-line-pack: center !important;

        align-content: center !important

    }

    .align-content-xl-between {

        -ms-flex-line-pack: justify !important;

        align-content: space-between !important

    }

    .align-content-xl-around {

        -ms-flex-line-pack: distribute !important;

        align-content: space-around !important

    }

    .align-content-xl-stretch {

        -ms-flex-line-pack: stretch !important;

        align-content: stretch !important

    }

    .align-self-xl-auto {

        -ms-flex-item-align: auto !important;

        align-self: auto !important

    }

    .align-self-xl-start {

        -ms-flex-item-align: start !important;

        align-self: flex-start !important

    }

    .align-self-xl-end {

        -ms-flex-item-align: end !important;

        align-self: flex-end !important

    }

    .align-self-xl-center {

        -ms-flex-item-align: center !important;

        align-self: center !important

    }

    .align-self-xl-baseline {

        -ms-flex-item-align: baseline !important;

        align-self: baseline !important

    }

    .align-self-xl-stretch {

        -ms-flex-item-align: stretch !important;

        align-self: stretch !important

    }

}



/*!

 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)

 * Copyright 2011-2018 The Bootstrap Authors

 * Copyright 2011-2018 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)

 */



dl,

h1,

h2,

h3,

h4,

h5,

h6,

ol,

p,

pre,

ul {

    margin-top: 0

}



address,

dl,

ol,

p,

pre,

ul {

    margin-bottom: 1rem

}



img,

svg {

    vertical-align: middle

}



body,

caption {

    text-align: left

}



button,

hr,

input {

    overflow: visible

}



pre,

textarea {

    overflow: auto

}



article,

aside,

figcaption,

figure,

footer,

header,

hgroup,

legend,

main,


section {

    display: block

}



dd,

h1,

h2,

h3,

h4,

h5,

h6,

label,

legend {

    margin-bottom: .5rem

}



address,

legend {

    line-height: inherit

}



progress,

sub,

sup {

    vertical-align: baseline

}



label,

output {

    display: inline-block

}



*,

::after,

::before {

    box-sizing: border-box

}



html {

    

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -ms-overflow-style: scrollbar;

    -webkit-tap-highlight-color: transparent

}



@-ms-viewport {

    width: device-width

}



body {

    margin: 0;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff

}



[tabindex="-1"]:focus {

    outline: 0 !important

}



hr {

    box-sizing: content-box;

    height: 0

}



abbr[data-original-title],

abbr[title] {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted;

    cursor: help;

    border-bottom: 0

}



address {

    font-style: normal

}



ol ol,

ol ul,

ul ol,

ul ul {

    margin-bottom: 0

}



dt {

    font-weight: 700

}



dd {

    margin-left: 0

}



blockquote,

figure {

    margin: 0 0 1rem

}



dfn {

    font-style: italic

}



b,

strong {

    font-weight: bolder

}



small {

    font-size: 80%

}



sub,

sup {

    position: relative;

    font-size: 75%;

    line-height: 0

}



sub {

    bottom: -.25em

}



sup {

    top: -.5em

}



a {

    color: #007bff;

    text-decoration: none;

    background-color: transparent;

    -webkit-text-decoration-skip: objects

}



a:hover {

    color: #0056b3;

    text-decoration: underline

}



a:not([href]):not([tabindex]),

a:not([href]):not([tabindex]):focus,

a:not([href]):not([tabindex]):hover {

    color: inherit;

    text-decoration: none

}



a:not([href]):not([tabindex]):focus {

    outline: 0

}



code,

kbd,

pre,

samp {

   /*  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */

	 font-family: sans-serif, "Courier New";

    font-size: 1em

}



pre {

    -ms-overflow-style: scrollbar

}



img {

    border-style: none

}



svg {

    overflow: hidden

}



table {

    border-collapse: collapse

}



caption {

    padding-top: .75rem;

    padding-bottom: .75rem;

    color: #6c757d;

    caption-side: bottom

}



th {

    text-align: inherit

}



button {

    border-radius: 0

}



button:focus {

    outline: dotted 1px;

    outline: -webkit-focus-ring-color auto 5px

}



button,

input,

optgroup,

select,

textarea {

    margin: 0;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit

}



button,

select {

    text-transform: none

}



[type=reset],

[type=submit],

button,

html [type=button] {

    -webkit-appearance: button

}



[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner,

[type=button]::-moz-focus-inner,

button::-moz-focus-inner {

    padding: 0;

    border-style: none

}



input[type=radio],

input[type=checkbox] {

    box-sizing: border-box;

    padding: 0

}



input[type=date],

input[type=time],

input[type=datetime-local],

input[type=month] {

    -webkit-appearance: listbox

}



textarea {

    resize: vertical

}



fieldset {

    min-width: 0;

    padding: 0;

    margin: 0;

    border: 0

}



legend {

    width: 100%;

    max-width: 100%;

    padding: 0;

    font-size: 1.5rem;

    color: inherit;

    white-space: normal

}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    outline-offset: -2px;

    -webkit-appearance: none

}



[type=search]::-webkit-search-cancel-button,

[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



::-webkit-file-upload-button {

    font: inherit;

    -webkit-appearance: button

}



summary {

    display: list-item;

    cursor: pointer

}



template {

    display: none

}



[hidden] {

    display: none !important

}



/*!

 * Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)

 * Copyright 2011-2018 The Bootstrap Authors

 * Copyright 2011-2018 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)

 */



dl,

h1,

h2,

h3,

h4,

h5,

h6,

ol,

p,

pre,

ul {

    margin-top: 0

}



address,

dl,

ol,

p,

pre,

ul {

    margin-bottom: 1rem

}



img,

svg {

    vertical-align: middle

}



body,

caption {

    text-align: left

}



button,

hr,

input {

    overflow: visible

}



pre,

textarea {

    overflow: auto

}



article,

aside,

figcaption,

figure,

footer,

header,

hgroup,

legend,

main,



section {

    display: block

}



dd,

h1,

h2,

h3,

h4,

h5,

h6,

label,

legend {

    margin-bottom: .5rem

}



address,

legend {

    line-height: inherit

}



progress,

sub,

sup {

    vertical-align: baseline

}



label,

output {

    display: inline-block

}



*,

::after,

::before {

    box-sizing: border-box

}



html {

    

    line-height: 1.15;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -ms-overflow-style: scrollbar;

    -webkit-tap-highlight-color: transparent

}



@-ms-viewport {

    width: device-width

}



body {

    margin: 0;

    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

	

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff

}



[tabindex="-1"]:focus {

    outline: 0 !important

}



hr {

    box-sizing: content-box;

    height: 0

}



abbr[data-original-title],

abbr[title] {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted;

    cursor: help;

    border-bottom: 0

}



address {

    font-style: normal

}



ol ol,

ol ul,

ul ol,

ul ul {

    margin-bottom: 0

}



dt {

    font-weight: 700

}



dd {

    margin-left: 0

}



blockquote,

figure {

    margin: 0 0 1rem

}



dfn {

    font-style: italic

}



b,

strong {

    font-weight: bolder

}



small {

    font-size: 80%

}



sub,

sup {

    position: relative;

    font-size: 75%;

    line-height: 0

}



sub {

    bottom: -.25em

}



sup {

    top: -.5em

}



a {

    color: #007bff;

    text-decoration: none;

    background-color: transparent;

    -webkit-text-decoration-skip: objects

}



a:hover {

    color: #0056b3;

    text-decoration: underline

}



a:not([href]):not([tabindex]),

a:not([href]):not([tabindex]):focus,

a:not([href]):not([tabindex]):hover {

    color: inherit;

    text-decoration: none

}



a:not([href]):not([tabindex]):focus {

    outline: 0

}



code,

kbd,

pre,

samp {

    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    font-size: 1em

}



pre {

    -ms-overflow-style: scrollbar

}



img {

    border-style: none

}



svg {

    overflow: hidden

}



table {

    border-collapse: collapse

}



caption {

    padding-top: .75rem;

    padding-bottom: .75rem;

    color: #6c757d;

    caption-side: bottom

}



th {

    text-align: inherit

}



button {

    border-radius: 0

}



button:focus {

    outline: dotted 1px;

    outline: -webkit-focus-ring-color auto 5px

}



button,

input,

optgroup,

select,

textarea {

    margin: 0;

    font-family: inherit;

    font-size: inherit;

    line-height: inherit

}



button,

select {

    text-transform: none

}



[type=reset],

[type=submit],

button,

html [type=button] {

    -webkit-appearance: button

}



[type=button]::-moz-focus-inner,

[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner,

button::-moz-focus-inner {

    padding: 0;

    border-style: none

}



input[type=checkbox],

input[type=radio] {

    box-sizing: border-box;

    padding: 0

}



input[type=date],

input[type=datetime-local],

input[type=month],

input[type=time] {

    -webkit-appearance: listbox

}



textarea {

    resize: vertical

}



fieldset {

    min-width: 0;

    padding: 0;

    margin: 0;

    border: 0

}



legend {

    width: 100%;

    max-width: 100%;

    padding: 0;

    font-size: 1.5rem;

    color: inherit;

    white-space: normal

}



[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    outline-offset: -2px;

    -webkit-appearance: none

}



[type=search]::-webkit-search-cancel-button,

[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



::-webkit-file-upload-button {

    font: inherit;

    -webkit-appearance: button

}



summary {

    display: list-item;

    cursor: pointer

}



template {

    display: none

}



[hidden] {

    display: none !important

}



.hirepage .our-services ,

.our-team-page .dedicated-team .dp-box img,

img {

    max-width: 100%

}



a:focus,

button,

img,

input:focus,

select,

select:focus {

    outline: 0

}



body {

    margin: 0;

    padding: 0;

    overflow-x: hidden

}



button,

h1,

h2,

h3,

h4,

h5,

h6,

li,

p,

span,

ul {

    margin: 0;

    padding: 0;

    font-weight: 400

}



.white-button,

.yel-button {

    padding: 10px 20px;

    margin: 20px 0 0

}



ul {

    list-style: none

}



p {

    font: 14px/24px Poppins;

    color: #555

}



[type=reset],

[type=submit],

button,

html [type=button] {

    background: 0 0;

    cursor: pointer;

    border: none

}



.row:after,

.row:before {

    display: none !important

}



.text-transform-none {

    text-transform: inherit !important

}



#submitsidebar_form,

.arrow_box .drop,

.arrow_box a,

.banner-form button,

.banner-form h3 {

    text-transform: capitalize

}



select {

    width: 100%;

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none

}



.select-wrapper {

    position: relative

}



.select-wrapper:after {

    font-family: FontAwesome;

    content: '\f107';

    font-size: 28px;

    position: absolute;

    top: .4em;

    right: 15px;

    color: #434B67;

    pointer-events: none

}



select::-ms-expand {

    display: none;

    outline: 0

}



.banner-button,

.white-button,

.yel-button,

.yelbor-bt {

    font: 18px/18px mulisemibold, sans-serif;

    display: inline-block !important

}



.yel-button {

    border: 0px solid #000;

    color: #000;

    border-radius: 5px;

	padding:2% 5%;

	/* width: 100%; */

	background-color: #e9ad43;

	

}



.yel-button:hover {

    border: 1px solid #fff;

    text-decoration: none;

    color: #fff !important

}



.white-button {

    border: 1px solid #fff;

    color: #fff;

    border-radius: 5px

}



.white-button:hover {

    background: #fff;

    text-decoration: none;

    color: #000 !important

}



.banner-button {

    padding: 20px 30px;

    border: 1px solid #fff;

    color: #fff;

    margin: 50px 0 0;

    border-radius: 5px

}



.banner-button:hover {

    background: #fff;

    text-decoration: none;

    color: #000 !important

}



.yelbor-bt {

    padding: 10px 20px;

    border: 1px solid #1e3e99;

    color: #1e3e99;

    margin: 20px 0 0;

    border-radius: 5px

}



.cookie-box button,

.cookie-box p {

    display: inline-block

}

.services_box.box_height {

    padding-bottom: 59px !important

}

.yelbor-bt:hover {

    border: 1px solid #60b741;

    text-decoration: none;

    color: #60b741 !important

}



.error_red {

    color: red;

    font-size: 11px;

    position: absolute;

    z-index: 9;

    bottom: 40px;

    left: 15px

}



.red-border {

    border-bottom: 1px solid red !important

}



.green-bg {

    background: #06756f !important

}



.overall span {

    color: #999;

    font: 12px/18px Poppins

}



.rating-view .overall {

    color: rgba(255, 255, 255, .5)

}



.cookie-box {

    position: fixed;

    z-index: 9999;

    bottom: 0;

    overflow: hidden;

    width: 100%;

    padding: 10px 0;

    background: rgba(0, 0, 0, .8)

}



.innerCircle,

.innerCircle2,

.outerCircle,

.outerCircle2 {

    background-color: transparent

}



.cookie-box p {

    width: 82%;

    vertical-align: top;

    color: #fff;

    font: 12px/20px Poppins;

    padding: 5px 0 0

}



.cookie-box a {

    color: #ffbc00

}



.cookie-box a:hover {

    color: #fff;

    font-weight: 400;

    text-decoration: none

}



.cookie-box .yel-button {

    font: 11px/18px mulisemibold, sans-serif;

    padding: 5px 10px;

    margin: 0 0 0 15px;

    border: 1px solid #fff;

    color: #fff

}



.cookie-box .yel-button:hover {

    border: 1px solid #60b741

}



.circlebox {

    position: absolute;

    z-index: 9;

    top: 75px;

    left: 67px

}



.circle-icon,

.innerCircle {

    position: relative;

    margin: 0 auto

}



.circle-icon {

    width: 295px;

    height: 295px;

    top: -200px

}



.circle-icon:hover {

    -moz-animation: rotatecircle 4s infinite linear;

    -webkit-animation: rotatecircle 4s linear

}



.outerCircle {

    border: 5px solid #fff;

    opacity: .9;

    border-right: 5px solid transparent;

    border-left: 5px solid transparent;

    border-radius: 100%;

    width: 303px;

    height: 303px;

    margin: 0 auto;

    -moz-animation: spinPulse 6s infinite ease-in-out;

    -webkit-animation: spinPulse 6s infinite ease-in-out

}



.innerCircle {

    border: 15px solid rgba(255, 188, 0, .9);

    opacity: .9;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-radius: 100%;

    top: -287px;

    width: 272px;

    height: 272px;

    -moz-animation: spinoffPulse 6s infinite linear;

    -webkit-animation: spinoffPulse 6s infinite linear

}



.circlebox2 {

    position: absolute;

    z-index: 9;

    top: 69px;

    left: 82px

}



.circle-icon2 {

    width: 295px;

    height: 295px;

    top: -200px;

    margin: 0 auto;

    position: relative

}



.circle-icon2:hover {

    -moz-animation: rotatecircle 4s infinite linear;

    -webkit-animation: rotatecircle 4s linear

}



.outerCircle2 {

    border: 5px solid #5f7ad2;

    opacity: inherit;

    border-right: 5px solid transparent;

    border-left: 5px solid transparent;

    border-radius: 100%;

    width: 303px;

    height: 303px;

    margin: 0 auto;

    -moz-animation: spinPulse 6s infinite ease-in-out;

    -webkit-animation: spinPulse 6s infinite ease-in-out

}



.innerCircle2 {

    border: 15px solid #5f7ad2;

    opacity: .9;

    border-left: 15px solid transparent;

    border-right: 15px solid transparent;

    border-radius: 100%;

    top: -287px;

    width: 272px;

    height: 272px;

    margin: 0 auto;

    position: relative;

    -moz-animation: spinoffPulse 6s infinite linear;

    -webkit-animation: spinoffPulse 6s infinite linear

}



.count-text,

.count-title {

    font-weight: 400;

    margin-top: 10px;

    margin-bottom: 0;

    text-align: center

}



@-moz-keyframes spinPulse {

    0% {

        -moz-transform: rotate(160deg);

        opacity: 0;

        box-shadow: 0 0 1px #bdd73c

    }

    50% {

        -moz-transform: rotate(145deg);

        opacity: 1

    }

    100% {

        -moz-transform: rotate(-320deg);

        opacity: 0

    }

}



@-moz-keyframes spinoffPulse {

    0% {

        -moz-transform: rotate(0)

    }

    100% {

        -moz-transform: rotate(360deg)

    }

}



@-webkit-keyframes spinPulse {

    0% {

        -webkit-transform: rotate(160deg);

        opacity: 0;

        box-shadow: 0 0 1px #bdd73c

    }

    50% {

        -webkit-transform: rotate(145deg);

        opacity: 1

    }

    100% {

        -webkit-transform: rotate(-320deg);

        opacity: 0

    }

}



@-webkit-keyframes spinoffPulse {

    0% {

        -webkit-transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(360deg)

    }

}



@-moz-keyframes rotatecircle {

    0% {

        -moz-transform: rotate(0)

    }

    100% {

        -moz-transform: rotate(-360deg)

    }

}



@-webkit-keyframes rotatecircle {

    0% {

        -webkit-transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(-360deg)

    }

}



.AR-page .service-boxes li:hover span,

.android-page .service-boxes li:hover span,

.angular-page .service-boxes li:hover span,

.api-page .service-boxes li:hover span,

.app-version .models-box:hover i,

.block_chin_page .service-boxes li:hover span,

.c-p-page .service-boxes li:hover span,

.cakephp-page .service-boxes li:hover span,

.chatbot_developer_page .service-boxes li:hover span,

.cms-page .service-boxes li:hover span,

.codeigniter-page .service-boxes li:hover span,

.cryptocurrency-page .service-boxes li:hover span,

.dedicated-development .serv-box li:hover .icon,

.dedicated-development .serv-box li:hover i,

.devops-page .service-boxes li:hover span,

.drupal-page .service-boxes li:hover span,

.ecommarce-page .service-boxes li:hover span,

.erc-page .service-boxes li:hover span,

.flask-page .service-boxes li:hover span,

.flutter-page .service-boxes li:hover span,

.frontend-page .service-boxes li:hover span,

.golang-page .service-boxes li:hover span,

.hadoop-page .service-boxes li:hover span,

.hire-newpage .service-boxes li:hover .icon,

.hire-newpage .service-boxes li:hover i,

.hire_ethereum_page .service-boxes li:hover span,

.hire_machine_learning_page .service-boxes li:hover span,

.html5-page .service-boxes li:hover span,

.hyperladgre_page .service-boxes li:hover span,

.ico-page .service-boxes li:hover span,

.ionic-page .service-boxes li:hover span,

.ios-page .service-boxes li:hover span,

.iot-page .service-boxes li:hover span,

.java-page .service-boxes li:hover span,

.kentico-page .service-boxes li:hover span,

.kotlin-page .service-boxes li:hover span,

.laravel-page .service-boxes li:hover span,

.magento-page .service-boxes li:hover span,

.meanstack-page .service-boxes li:hover span,

.mernstack-page .service-boxes li:hover span,

.meteorjs-page .service-boxes li:hover span,

.mobile-page .service-boxes li:hover span,

.models-box2:hover i,

.models-box:hover .icon,

.models-box:hover i,

.multichain-page .service-boxes li:hover span,

.net-page .service-boxes li:hover span,

.nodejs-page .service-boxes li:hover span,

.objectiveC-page .service-boxes li:hover span,

.opencart-page .service-boxes li:hover span,

.prestashop-page .service-boxes li:hover span,

.python-page .service-boxes li:hover span,

.qa-page .service-boxes li:hover span,

.reactjs-page .service-boxes li:hover span,

.reactnative-page .service-boxes li:hover span,

.ror-page .service-boxes li:hover span,

.sharepoint-page .service-boxes li:hover span,

.shopify-page .service-boxes li:hover span,

.sitecore-page .service-boxes li:hover span,

.sitefinty-page .service-boxes li:hover span,

.smart_cont_page .service-boxes li:hover span,

.software-page .service-boxes li:hover span,

.solidity-page .service-boxes li:hover span,

.stellar-page .service-boxes li:hover span,

.swift-page .service-boxes li:hover span,

.symfony-page .service-boxes li:hover span,

.tensorFlow-page .service-boxes li:hover span,

.umbraco-page .service-boxes li:hover span,

.vuejs-page .service-boxes li:hover span,

.why-box:hover small,

.why-box:hover span,

.wocommerce-page .service-boxes li:hover span,

.wordpress-page .service-boxes li:hover span,

.xamarin-page .service-boxes li:hover span,

.yii-page .service-boxes li:hover span,

.zend-page .service-boxes li:hover span {

    transform: rotate(360deg)

}



.counter {

    background-color: #f5f5f5;

    padding: 20px 0;

    border-radius: 5px

}



.user_name_err1,

.user_name_valid1 {

    background: 0 0 !important;

    border: none !important

}



.count-title {

    font-size: 40px

}



.count-text {

    font-size: 13px

}



.fa-2x {

    margin: 0 auto;

    float: none;

    display: table;

    color: #4ad1e5

}



.user_name_err1 {

    color: red !important;

    box-shadow: none !important

}



.user_name_valid1 {

    color: #fff !important

}



ul#image-list {

    height: 0

}



.banner-form {

    width: 100%;

    border: 2px solid rgba(255, 255, 255, 1);

    margin: 11em 0 0;

    padding: 20px 0 0;

    position: relative;

    z-index: 9999;

	background-color: #4bae76;

}



.sat-icon {

    position: absolute;

    left: -35px;

    top: -40px

}



.banner-form h3 {

    font: 24px/28px mulisemibold, sans-serif;

    color: #fff;

    text-align: center;

    margin: 0

}



.banner-form p {

    font: 13px/24px Poppins;

    color: #fff;

    text-align: center;

    margin: 0 0 10px

}



.banner-form input,

.banner-form textarea {

    font: 14px/20px Poppins;

    background: 0 0;

    color: #fff

}



.banner-form form {

    padding: 0 27px 45px;

    border-top: 1px solid rgba(255, 255, 255, .3)

	

}



.banner-form input {

    width: 89%;

    border: none;

    height: 40px;

    float: left

}



.banner-form input::placeholder {

    color: #fff;

    opacity: 1

}



.banner-form textarea {

    width: 100%;

    padding: 5px 15px;

    border: none;

    height: 95px;

    margin: 0 0 10px

}



.banner-form textarea::placeholder {

    color: #fff;

    opacity: 1

}



.banner-form button {

    width: 100%;

    font: 18px/28px mulisemibold, sans-serif;

    transition: all .5s ease 0s;

    cursor: pointer;

    padding: 13px 0;

    color: #000;

    border: none;

    display: block;

    background: #ffbc00

}



.banner-form .call,

.banner-form .email,

.banner-form .name {

    border-bottom: 1px solid #fdfdff;

    display: block;

    overflow: hidden;

    clear: both

}



.arrow_box,

.banner-form .brief {

    position: relative;

    border: 2px solid #fff;

}



.banner-form button:hover {

    color: #fff;

    background: #60b741

}



.banner-form .name {

    position: relative;

    margin: 10px 0 30px

}



.banner-form .red-err input::placeholder,

.banner-form .red-err textarea::placeholder {

    color: red

}



.banner-form .call::before,

.banner-form .email::before,

.banner-form .name::before {

    width: 24px;

    color: #ffffff;/* #9999a1 */

    font-family: FontAwesome;

    float: left

}



.banner-form .name::before {

    content: '\f007';

    font-size: 15px;

    margin: 8px 0 0

}



.banner-form .email {

    position: relative;

    margin: 0 0 30px

}



.banner-form .email::before {

    content: '\f0e0';

    font-size: 15px;

    margin: 8px 0 0

}



.banner-form .call {

    position: relative;

    margin: 0 0 50px

}



.banner-form .call::before {

    content: '\f095';

    font-size: 17px;

    margin: 8px 0 0

}



.banner-form .brief {

    clear: both;

    display: block;

    overflow: hidden;

    margin: 0 0 30px

}



.banner-from .brief {

    clear: both;

    overflow: hidden

}



.attact-file {

    overflow: hidden;

    width: 100%;

    padding: 5px 0 !important

}



.attact-file .fa {

    margin: 10px 15px 0;

    display: inline-block;

    float: left;

    color: #fff

}



.arrow_box {

    padding: 3px 5px 6px;

    width: 80%;

    float: left

}



.arrow_box:before {

    content: '\f104';

    font-family: FontAwesome;

    font-size: 14px;

    color: #9999a1;

    position: absolute;

    left: -6px;

    top: 5px

}



.arrow_box a {

    font-size: 12px;

    margin: 0 14px 0 0;

    display: inline-block;

    color: #fff !important

}



.arrow_box a:focus,

.arrow_box a:hover {

    text-decoration: none;

    color: #ffbc00 !important

}



.arrow_box a:after {

    content: '|';

    margin-left: 14px

}



.arrow_box .drop {

    font-size: 9px;

    border: 1px dashed #fff;

    padding: 3px;

    color: #fff

}



#submitsidebar_form {

    width: 100%;

    border-radius: 5px;

    font: 18px/24px mulisemibold, sans-serif;

    transition: all .5s ease 0s;

    cursor: pointer;

    padding: 13px 0;

    color: #000;

    border: none;

    display: block;

    text-align: center;

    background: #ffbc00

}



#submitsidebar_form:hover {

    color: #fff;

    background: #0a3653;

    text-decoration: none !important

}



.notshow {

    display: none !important

}



#image-list input,

.Url-box .okButton2 a:after,

.attact-file canvas {

    display: none

}



.Url-box {

    margin: 0 !important

}



.Url-box .link_url2 {

    border-bottom: 1px solid #ccc !important;

    width: 80%;

    float: left

}



.Url-box .okButton2 {

    float: left;

    margin: 10px 0 0

}



.Url-box .okButton2 a {

    padding: 5px 10px;

    background: #000;

    color: #fff;

    float: left;

    margin: 0 !important

}



#image-list {

    width: 100%;

    overflow: auto;

    height: 35px

}



#image-list li {

    background: #ccc;

    width: auto;

    padding: 5px 10px;

    display: inline-block;

    vertical-align: top;

    margin: 0 0 5px 5px

}



#image-list p {

    display: inline-block;

    margin: 0;

    color: #000;

    font-size: 11px;

    line-height: 18px;

}



#image-list span {

    display: inline-block;

    margin: 0 0 0 10px

}



.hire-newpage .banner-sec {

/* background: rgba(89,183,221,1);

background: -moz-linear-gradient(top, rgba(89,183,221,1) 0%, rgba(3,6,8,1) 83%, rgba(0,0,0,1) 86%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(89,183,221,1)), color-stop(83%, rgba(3,6,8,1)), color-stop(86%, rgba(0,0,0,1)));

background: -webkit-linear-gradient(top, rgba(89,183,221,1) 0%, rgba(3,6,8,1) 83%, rgba(0,0,0,1) 86%);

background: -o-linear-gradient(top, rgba(89,183,221,1) 0%, rgba(3,6,8,1) 83%, rgba(0,0,0,1) 86%);

background: -ms-linear-gradient(top, rgba(89,183,221,1) 0%, rgba(3,6,8,1) 83%, rgba(0,0,0,1) 86%);

background: linear-gradient(to bottom, rgba(89,183,221,1) 0%, rgba(3,6,8,1) 83%, rgba(0,0,0,1) 86%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b7dd', endColorstr='#000000', GradientType=0 );

 */	



background: rgba(89,183,221,1);

background: -moz-linear-gradient(-45deg, rgba(89,183,221,1) 0%, rgba(3,6,8,1) 83%, rgba(0,0,0,1) 86%);

background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(89,183,221,1)), color-stop(83%, rgba(3,6,8,1)), color-stop(86%, rgba(0,0,0,1)));

background: -webkit-linear-gradient(-45deg, rgba(89,183,221,1) 0%, rgba(3,6,8,1) 83%, rgba(0,0,0,1) 86%);

background: -o-linear-gradient(-45deg, rgba(89,183,221,1) 0%, rgba(3,6,8,1) 83%, rgba(0,0,0,1) 86%);

background: -ms-linear-gradient(-45deg, rgba(89,183,221,1) 0%, rgba(3,6,8,1) 83%, rgba(0,0,0,1) 86%);

background: linear-gradient(135deg, rgba(89,183,221,1) 0%, rgba(3,6,8,1) 83%, rgba(0,0,0,1) 86%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b7dd', endColorstr='#000000', GradientType=1 );





	

}

.hire-newpage .banner-sec {    /*background:#232242; #345f80 */    background-size: cover;    clear: both;    width: 100%;    overflow: hidden;    padding: 0 0 40px}



.hire-newpage .banner-text {    padding: 18% 0 8%;    width: 100%;    position: relative;    z-index: 9999}



.hire-newpage .banner-text h1 {    font: 70px/50px mulibold, sans-serif;    color: #fff;    text-transform: capitalize;    margin: 0 0 50px}



.hire-newpage .banner-text h1 span {    font: 40px/40px Poppins}



.hire-newpage .fs-70 {    font: 70px/50px mulisemibold, sans-serif !important}

.hire-newpage .fs-60 {    font: 60px/50px mulibold, sans-serif !important}

.hire-newpage .fs-50 {    font: 50px/50px mulibold, sans-serif !important}

.hire-newpage .banner-text small {    font: 60px/85px mulilight, sans-serif;    letter-spacing: 20px;    text-transform: capitalize;    color: #fff;    position: relative}

.dedicated-development .serv-box h3,.hire-newpage .benefits-box h3,.hire-newpage .our-expertise h3,.hire-newpage .process-area h3,.hire-newpage .service-boxes h3,.hirepage .serbox h3,.hirepage .technologies-tabs h3 {    letter-spacing: -.1px;    text-transform: capitalize}

.hire-newpage .banner-text small:after,.hire-newpage .banner-text small:before {    content: '';    height: 2px;    position: absolute;    background: #fff;    width: 63%;    top: 51%;    display: block}

.hire-newpage .banner-text small:before {    left: -70%}

.hire-newpage .banner-text small:after {    right: -70%}

.hire-newpage .banner-text h2 {    width: auto;    font: 40px/82px Poppins;    text-transform: capitalize;    color: #fff;    position: relative}

.hire-newpage .banner-text p {    font: 22px/32px mulilight, sans-serif;    color: #fff;    display: block;    margin: 28px 40px 56px 0;    padding: 0}

.hire-newpage .banner-text p span {    color: #ffbc00}

.hire-newpage .banner-text p sup {    font-size: 12px}

.hire-newpage .banner-text ul {    list-style: none;    margin: 0 40px 60px 0;    display: flex;    justify-content: flex-start;    flex-wrap: wrap}

.hire-newpage .banner-text li {    width: 48%;    border: 1px dashed #ffb550;    box-shadow: 0 0 3px rgb(255, 188, 0);    border-radius: 5px;    margin: 0 8px 10px 0;    padding: 10px 5px 10px 45px;    font: 18px/28px mulilight, sans-serif;    color: #fff;    display: inline-block;    position: relative;    background: 0 0}

.hire-newpage .banner-text li:after {    content: '\f058';    font-size: 24px;    font-family: FontAwesome;    position: absolute;    left: 12px;    top: 10px;color: #ffbc00;}

.hire-newpage .banner-text .button {    padding: 25px 60px;    font: 20px/25px Poppins;    background: #ffbc00;    color: #000;    display: inline-block;    border-radius: 5px;    text-transform: capitalize}

.hire-newpage .banner-text .button:hover {    background: #60b741;    text-decoration: none;    color: #fff !important}

.hire-newpage .certificate-sec {    opacity: .3; display:none;    width: 100%;    min-height: 75px;    display: block;   /*  background: url(../../images-2/banner-certificate2.png) no-repeat; */    background-size: 100%;    margin: 40px 0 80px}

.hire-newpage .clientlogo-aera {    padding: 50px 0 30px;    border-bottom: 1px solid #c0c1c1}

.hire-newpage .clientlogo-aera .heading-sec {    margin: 0 0 10px}

.hire-newpage .clientlogo-aera .heading-sec p {    font: 20px/28px mulisemibold, sans-serif;    color: #6b7a7e}

.hire-newpage .clientlogo-aera .clientlist {    clear: both}

.hire-newpage .clientlogo-aera .clientlist .client-box {    width: 100%;    background: url(../../images-2/client-sprite.jpg) no-repeat;    background-size: 100%;    height: 100px;    display: block}

.hire-newpage .clientlogo-aera .clientlist .client-box img {    opacity: .9;    width: 200%;    height: 100px;    object-fit: cover;    transition: all .5s ease 0s}

.hire-newpage .clientlogo-aera .clientlist .client-box img:hover {    opacity: inherit;    filter: none}

.hire-newpage .clientlogo-aera .clientlist .cl-1 {    background-position: 0 15px}

.hire-newpage .clientlogo-aera .clientlist .cl-2 {    background-position: 0 -85px}

.hire-newpage .clientlogo-aera .clientlist .cl-3 {    background-position: 0 -175px}

.hire-newpage .clientlogo-aera .clientlist .cl-4 {    background-position: 0 -295px}

.hire-newpage .clientlogo-aera .clientlist .cl-5 {    background-position: 0 -415px}

.hire-newpage .clientlogo-aera .clientlist .cl-6 {    background-position: 0 -538px}

.hire-newpage .clientlogo-aera .clientlist .cl-7 {    background-position: 0 -658px}

.hire-newpage .clientlogo-aera .clientlist .cl-8 {    background-position: 0 -774px}

.hire-newpage .clientlogo-aera .clientlist .cl-9 {    background-position: 0 -905px}

.hire-newpage .clientlogo-aera .clientlist .cl-10 {    background-position: 0 -1025px}

.hire-newpage .clientlogo-aera .clientlist .cl-11 {    background-position: 0 -1127px}

.hire-newpage .clientlogo-aera .clientlist .cl-12 {    background-position: 0 -1229px}

.hire-newpage .clientlogo-aera .clientlist .cl-13 {    background-position: 0 -1324px}

.hire-newpage .clientlogo-aera .clientlist .cl-14 {    background-position: 0 -1420px}

.hire-newpage .clientlogo-aera .clientlist .cl-15 {    background-position: 0 -1537px}

.hire-newpage .clientlogo-aera .clientlist .cl-16 {    background-position: 0 -1660px}

.hire-newpage .clientlogo-aera .clientlist .cl-17 {    background-position: 0 -1768px}

.hire-newpage .clientlogo-aera .clientlist .slick-dots,.hire-newpage .clientlogo-aera .clientlist .slick-next,.hire-newpage .clientlogo-aera .clientlist .slick-prev {    display: none !important}

.hire-newpage .our-services-sec {    padding: 75px 0;    text-align: center;    position: relative;    z-index: 0}

.hire-newpage .service-boxes {    clear: both;    margin: 0 0 40px}

.hire-newpage .service-boxes ul {    list-style: none;    display: flex;    flex-wrap: wrap;    justify-content: center}

.hire-newpage .service-boxes li {    width: 30.5%;    background: #fff;    text-align: center;    padding: 30px 25px 40px;    border: 1px solid #c7c7c7;    margin: 15px;    transition: all .5s ease 0s}

.hire-newpage .service-boxes .icon,.hire-newpage .service-boxes i {    margin: 0 auto 30px;    transition: all .9s ease 0s;    display: block;    width: 86px;    height: 86px}

.hire-newpage .service-boxes .icon {    border: 3px solid #0728a7;    border-radius: 100%}

.hire-newpage .service-boxes i {    border: 3px solid #102365;    border-radius: 100%;    background: url(../../images-2/php-service-sprite.png) no-repeat}

.hire-newpage .service-boxes .icon1 {    background-position: 12px -1px}

.hire-newpage .service-boxes .icon2 {    background-position: 13px -135px}

.hire-newpage .service-boxes .icon3 {    background-position: 10px -259px}

.hire-newpage .service-boxes .icon4 {    background-position: 10px -395px}

.hire-newpage .service-boxes .icon5 {    background-position: 9px -562px}

.hire-newpage .service-boxes .icon6 {    background-position: 10px -691px}

.hire-newpage .service-boxes h3 {    font: 20px/28px mulisemibold, sans-serif;    color: #000;    position: relative;    margin: 0 0 25px}

.hire-newpage .service-boxes h3:after {    width: 110px;    height: 2px;    background: #ffbc00;    content: '';    position: absolute;    bottom: -8px;    left: 0;    right: 0;    margin: 0 auto;    display: block}

.hire-newpage .service-boxes p {    font: 16px/28px Poppins;    color: rgba(0, 0, 0, .87)}

.hire-newpage .service-boxes li:hover {    box-shadow: 0 0 30px rgba(0, 0, 0, .1)}

.hire-newpage .service-boxes li:hover a {    text-decoration: none}

.hire-newpage .our-expertise {    background: #0728a7;    padding: 75px 0}

.hire-newpage .our-expertise .heading-sec {    margin: 0 0 20px}

.hire-newpage .our-expertise span {    width: 60px;    height: 55px;    display: block;    float: left;    background: url(../../images-2/expertise-sprite.png) no-repeat}

.hire-newpage .our-expertise .icon-1 {    background-position: 0 -5px}

.hire-newpage .our-expertise .icon-2 {    background-position: 0 -72px}

.hire-newpage .our-expertise .icon-3 {    background-position: 0 -134px}

.hire-newpage .our-expertise .icon-4 {    background-position: 0 -205px}

.hire-newpage .our-expertise .icon-5 {    background-position: 0 -280px}

.hire-newpage .our-expertise .icon-6 {    background-position: 0 -356px}

.hire-newpage .our-expertise ul {    list-style: none}

.hire-newpage .our-expertise li {    width: 30%;    min-height: 185px;    display: inline-block;    vertical-align: top;    margin: 20px 20px 0 0}

.hire-newpage .our-expertise li:nth-child(2n+0) {    margin: 20px 0 0}

.hire-newpage .our-expertise li .icon {    width: 50px;    float: left}

.hire-newpage .our-expertise li .textbox {    width: 80%;    float: left}

.hire-newpage .our-expertise h3 {    font: 18px/28px mulisemibold, sans-serif;    color: #fff;    margin: 0 0 10px}

.hire-newpage .our-expertise h3 a {    color: #fff}

.hire-newpage .our-expertise h3 a:hover {    color: #ffbc00;    text-decoration: none}

.hire-newpage .our-expertise .textbox p {    font: 14px/21px Poppins;/* 16px/28px Poppins; */    color: #fff}

.hire-newpage .our-expertise .vclogo {    margin: 5% 0 0;    position: relative}

.hire-newpage .our-expertise .he-auto {    min-height: auto}

.cakephp-page .benefits-box,.codeigniter-page .benefits-box,.laravel-page .benefits-box,.symfony-page .benefits-box {    min-height: 270px}

.hire-newpage .expertise-sec {    background: #3ca56a;    padding: 75px 0}

.hire-newpage .expertise-sec .text {    padding: 30px 40px;    display: block;    position: absolute;    z-index: 9;    left: 0;    top: 0;    text-align: center}

.hire-newpage .expertise-sec .text h3 {    font: 24px/28px mulisemibold, sans-serif;    color: #fff;    margin: 0 0 8px}

.hire-newpage .expertise-sec .text p {    font: 16px/28px Poppins;    color: #fff}

.hire-newpage .expertise-sec img {    width: 100%;    opacity: .25;    transition: all .5s ease 0s}

.hire-newpage .expertise-sec span {    width: 88px;    height: 88px;    border-radius: 100%;    display: block;    margin: 0 auto 10px;    background: url(../../images-2/expertise-sprite-4.png) no-repeat;

    transition: all .5s ease 0s}

.hire-newpage .expertise-sec .icon1 {    background-position: 17px 21px}

.hire-newpage .expertise-sec .icon2 {    background-position: 10px -140px}

.hire-newpage .expertise-sec .icon3 {    background-position: 13px -315px}

.hire-newpage .expertise-sec .icon4 {    background-position: 8px -497px}

.hire-newpage .expertise-sec .icon5 {    background-position: 12px -655px}

.hire-newpage .expertise-sec .icon6 {    background-position: 15px -802px}

.hire-newpage .expertise-sec ul {    display: flex;    justify-content: center;    flex-wrap: wrap;    margin: 0 0 50px}

.hire-newpage .expertise-sec ul li {    flex: 0 0 33.2%;    border: 1px solid #fff;    margin: -1px 0 0 -1px;    position: relative;    background: #232242}

.hire-newpage .expertise-sec ul li:hover img {    opacity: 0}

.hire-newpage .expertise-sec ul li:hover span {    background: url(../../images-2/expertise-sprite-4.png) no-repeat #fff}

.hire-newpage .expertise-sec ul li:hover .icon1 {    background-position: -110px 21px}

.hire-newpage .expertise-sec ul li:hover .icon2 {    background-position: -105px -140px}

.hire-newpage .expertise-sec ul li:hover .icon3 {    background-position: -105px -315px}

.hire-newpage .expertise-sec ul li:hover .icon4 {    background-position: -102px -497px}

.hire-newpage .expertise-sec ul li:hover .icon5 {    background-position: -104px -655px}

.hire-newpage .expertise-sec ul li:hover .icon6 {    background-position: -102px -802px}

.hire-newpage .key-benefite-sec {    padding: 75px 0 50px;    background: url(../../images-2/key-benefite-bg.jpg) no-repeat #fbfcfe;    border-bottom: 1px solid #f4f4f4;    background-size: 100%}

.hire-newpage .benefits-box {    border: 2px solid #e8e8e8;    box-shadow: 10px 10px 10px rgba(0, 0, 0, .1);    transition: all .5s ease 0s;    margin: 0 0 30px;    padding: 30px 25px;    width: 100%;    min-height: 270px}

.hire-newpage .benefits-box h3 {    font: 18px/28px mulisemibold, sans-serif;    color: #444;    position: relative;    margin: 0 0 25px}

.hire-newpage .benefits-box h3:after {    width: 110px;    height: 2px;    background: #ffbc00;    content: '';    position: absolute;    bottom: -8px;    left: 0;    display: block}

.hire-newpage .benefits-box p {    font: 16px/28px Poppins;    color: #444}

.hire-newpage .benefits-box:hover {    border: 2px solid #ffbc00;    box-shadow: 10px 10px 10px transparent}

.hire-newpage .our-process-sec {    padding: 75px 0 0;    background: url(../../images-2/process-bg.jpg) no-repeat;    background-size: cover;    position: relative;    border-bottom: 1px solid #eee}

.hire-newpage .process-area {    position: absolute;    left: 6px;    top: 300px;    width: 753px;    height: 703px;    display: block;    margin: 140px 0 180px 40px}

.hire-newpage .process-area .no-1 {    display: none;    float: right;    width: 60px;    height: 60px;    background: #072aa9;    border-radius: 100%;    color: #fff;    text-align: center;    font: 30px/60px mulisemibold, sans-serif}

.hire-newpage .process-area .no-2 {    background: #003ab8}

.hire-newpage .process-area .no-3 {    background: #1d59dc}

.hire-newpage .process-area .textbox {    left: 265px;    top: -290px;    background: #fff;    position: absolute;    width: 50%;    padding: 30px;    border: 1px solid #072aa9;    border-radius: 5px;    box-shadow: 5px 0 5px rgba(0, 0, 0, .1)}

.hire-newpage .process-area h3 {    font: 18px/28px mulisemibold, sans-serif;    color: #393939;    position: relative;    margin: 0 0 25px}

.hire-newpage .process-area h3:after {    width: 110px;    height: 2px;    background: #ffbc00;    content: '';    position: absolute;    bottom: -8px;    left: 0;    display: block}

.hire-newpage .process-area p {    font: 16px/28px Poppins;    color: #6f6f6f;    margin: 0 0 10px}

.hire-newpage .process-area ul {    border-top: 1px solid #eceef1;    padding: 10px 0 0}

.hire-newpage .process-area li {    font: 16px/24px Poppins;    color: #4c4c4c;    margin: 0 0 10px;    padding: 0 0 0 20px;    position: relative}

.hire-newpage .process-area li:before {    content: '\f0c8';    color: #ffbc00;    font-family: FontAwesome;    font-size: 10px;    left: 0;    top: -2px;    position: absolute}

.hire-newpage .process-area .box-2 {    left: 753px;    top: 30px;    border: 1px solid #003ab8}

.hire-newpage .process-area .box-3 {    left: 268px;    top: 390px;    border: 1px solid #1d59dc}

.aap_developer_page .service-boxes .icon {    border: 3px solid #102365}

.symfony-page .service-boxes span {    width: 86px;    height: 86px;    border: 3px solid #102365;    display: block;    border-radius: 100%;    margin: 0 auto 30px;    transition: all .9s ease 0s;    background: url(../../images-2/sym-sprite.png) no-repeat}

.cakephp-page .service-boxes span,.laravel-page .service-boxes span {    border: 3px solid #102365;    width: 86px;    height: 86px;    display: block;    margin: 0 auto 30px;    transition: all .9s ease 0s}

.symfony-page .service-boxes .icon-1 {    background-position: 12px 0}

.symfony-page .service-boxes .icon-2 {    background-position: 14px -138px}

.symfony-page .service-boxes .icon-3 {    background-position: 13px -258px}

.symfony-page .service-boxes .icon-4 {    background-position: 9px -398px}

.symfony-page .service-boxes .icon-5 {    background-position: 16px -560px}

.symfony-page .service-boxes .icon-6 {    background-position: 14px -692px}

.laravel-page .service-boxes span {    border-radius: 100%;    background: url(../../images-2/laravel-sprite.png) no-repeat}

.laravel-page .service-boxes .icon-1 {    background-position: 12px 0}

.laravel-page .service-boxes .icon-2 {    background-position: 14px -135px}

.laravel-page .service-boxes .icon-3 {    background-position: 13px -258px}

.laravel-page .service-boxes .icon-4 {    background-position: 9px -395px}

.laravel-page .service-boxes .icon-5 {    background-position: 16px -560px}

.laravel-page .service-boxes .icon-6 {    background-position: 14px -692px}

.cakephp-page .service-boxes span {    border-radius: 100%;    background: url(../../images-2/cake-sprite.png) no-repeat}

.cakephp-page .service-boxes .icon-1 {    background-position: 12px -5px}

.cakephp-page .service-boxes .icon-2 {    background-position: 12px -140px}

.cakephp-page .service-boxes .icon-3 {    background-position: 13px -258px}

.cakephp-page .service-boxes .icon-4 {    background-position: 10px -398px}

.cakephp-page .service-boxes .icon-5 {    background-position: 14px -559px}

.cakephp-page .service-boxes .icon-6 {    background-position: 14px -692px}

.codeigniter-page .models-box {    min-height: 777px}

.yii-page .benefits-box,.zend-page .benefits-box {    min-height: 270px}

.codeigniter-page .service-boxes span {    width: 86px;    height: 86px;    border: 3px solid #102365;    display: block;    border-radius: 100%;    margin: 0 auto 30px;    transition: all .9s ease 0s;    background: url(../../images-2/codeigniter-sprite.png) no-repeat}

.codeigniter-page .service-boxes .icon-1 {    background-position: 14px -3px}

.codeigniter-page .service-boxes .icon-2 {    background-position: 10px -138px}

.codeigniter-page .service-boxes .icon-3 {    background-position: 12px -260px}

.codeigniter-page .service-boxes .icon-4 {    background-position: 9px -397px}

.codeigniter-page .service-boxes .icon-5 {    background-position: 15px -563px}



.codeigniter-page .service-boxes .icon-6 {

    background-position: 14px -692px

}



.yii-page .banner-sec {

    background: url(../../images-2/yii-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.yii-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #0728a7;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/yii-sprite.png) no-repeat

}

.yii-page .service-boxes .icon-1 {    background-position: 14px -3px}

.yii-page .service-boxes .icon-2 {    background-position: 10px -135px}

.yii-page .service-boxes .icon-3 {    background-position: 12px -260px}

.yii-page .service-boxes .icon-4 {    background-position: 9px -397px}

.yii-page .service-boxes .icon-5 {    background-position: 15px -563px}

.yii-page .service-boxes .icon-6 {    background-position: 14px -692px}

.zend-page .banner-sec {    background: url(../../images-2/zend-banner.jpg) no-repeat;    background-size: cover;    clear: both;    width: 100%;    overflow: hidden}

.net-page .service-boxes span,.sharepoint-page .service-boxes span,.zend-page .service-boxes span {    width: 86px;    height: 86px;    margin: 0 auto 30px;    transition: all .9s ease 0s;    display: block}

.zend-page .models-box {    min-height: 777px}

.net-page .benefits-box,.sharepoint-page .benefits-box {    min-height: 270px}

.zend-page .service-boxes span {    border: 3px solid #0728a7;    border-radius: 100%;    background: url(../../images-2/zend-sprite.png) no-repeat}

.zend-page .service-boxes .icon-1 {    background-position: 12px -5px}

.zend-page .service-boxes .icon-2 {    background-position: 10px -143px}

.zend-page .service-boxes .icon-3 {    background-position: 13px -258px}

.zend-page .service-boxes .icon-4 {    background-position: 10px -398px}

.zend-page .service-boxes .icon-5 {    background-position: 14px -559px}

.zend-page .service-boxes .icon-6 {    background-position: 14px -692px}

.net-page .service-boxes span {    border: 3px solid #102365;    border-radius: 100%;    background: url(../../images-2/net-sprite.png) no-repeat}

.net-page .service-boxes .icon-1 {    background-position: 16px -8px}

.net-page .service-boxes .icon-2 {    background-position: 9px -140px}

.net-page .service-boxes .icon-3 {    background-position: 8px -266px}

.net-page .service-boxes .icon-4 {    background-position: 4px -400px}

.net-page .service-boxes .icon-5 {    background-position: 10px -559px}

.net-page .service-boxes .icon-6 {    background-position: 11px -694px}

.sharepoint-page .service-boxes li {    min-height: 438px}

.sharepoint-page .service-boxes span {    border: 3px solid #102365;    border-radius: 100%;

    background: url(../../images-2/sp-sprite.png) no-repeat

}



.sharepoint-page .service-boxes .icon-1 {

    background-position: 13px -8px

}



.sharepoint-page .service-boxes .icon-2 {

    background-position: 14px -135px

}



.sharepoint-page .service-boxes .icon-3 {

    background-position: 8px -266px

}



.sharepoint-page .service-boxes .icon-4 {

    background-position: 5px -403px

}



.sharepoint-page .service-boxes .icon-5 {

    background-position: 9px -555px

}



.sharepoint-page .service-boxes .icon-6 {

    background-position: 6px -690px

}



.app-version .banner-text li {

    background: #1b313e;

    border: 1px solid #274351

}



.app-version .service-boxes .icon {

    border: 2px solid #3e6375

}



.app-version .models-box .headarea .icon,

.app-version .our-expertise {

    background: #283f4d

}



.app-version .models-box .headarea i {

    width: 139px;

    height: 139px;

    transition: all .5s ease 0s;

    background: url(../../images-2/model-sprite.png) no-repeat #283f4d;

    border-radius: 100%;

    float: left;

    margin: 0 40px 0 0

}



.app-version .models-box .headarea .icon-1 {

    background-position: 20px 30px

}



.app-version .models-box .headarea .icon-2 {

    background-position: 27px -105px

}



.app-version .why-choose-sec {

    background: #283f4d

}



.app-version .process-area .textbox {

    border: 1px solid #1b313e

}



.app-version .process-area .box-2 {

    border: 1px solid #2b4b5a

}



.app-version .process-area .box-3 {

    border: 1px solid #38525f

}



.app-version .review-box p:before {

    color: #448aff

}



.app-version .rlAccordion>h3>.rl-close,

.app-version .rlAccordion>h3>span {

    color: #283f4d

}



.app-version .getin-touch .contact-form:after,

.app-version .getin-touch .contact-form:before {

    background: url(../../images-2/fom-bg-2.jpg)

}



.app-version .relared-sec li:hover {

    border-bottom: 2px solid #3e6375

}



.app-version .relared-sec li:hover .yelbor-bt {

    border: 1px solid #3e6375;

    color: #3e6375 !important

}



.app-version .getin-touch {

    background: url(../../images-2/get-in-touch.jpg) no-repeat fixed;

    background-size: cover

}



.js-version .banner-text li {

    background: #057f82;

    border: 1px solid #078987

}



.js-version .service-boxes .icon {

    border: 2px solid #00b1a4

}



.js-version .models-box .headarea .icon,

.js-version .our-expertise,

.js-version .why-choose-sec {

    background: #00b1a4

}



.js-version .process-area .textbox {

    border: 1px solid #04968b

}



.js-version .process-area .box-2 {

    border: 1px solid #00b1a4

}



.js-version .process-area .box-3 {

    border: 1px solid #4dd5cb

}



.js-version .review-box p:before,

.js-version .rlAccordion>h3>.rl-close,

.js-version .rlAccordion>h3>span {

    color: #00b1a4

}



.js-version .getin-touch .contact-form:after,

.js-version .getin-touch .contact-form:before {

    background: url(../../images-2/fom-bg-2.jpg)

}



.js-version .relared-sec li:hover {

    border-bottom: 2px solid #00b1a4

}



.js-version .relared-sec li:hover .yelbor-bt {

    border: 1px solid #00b1a4;

    color: #00b1a4 !important

}



.js-version .getin-touch {

    background: url(../../images-2/get-in-touch.jpg) no-repeat fixed;

    background-size: cover

}



.js-version .models-box .headarea i {

    background: url(../../images-2/model-sprite.png) no-repeat #00b1a4

}



.js-version .models-box .headarea .icon-1 {

    background-position: 20px 30px

}



.js-version .models-box .headarea .icon-2 {

    background-position: 27px -105px

}



.hirepage .user_name_valid1 {

    color: #fff !important

}



.hirepage .banner-sec {

    background: url(../../images-2/hire-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.hirepage .banner-text h1 {

    font: 46px/30px mulibold, sans-serif;

    color: #fff;

    text-transform: capitalize

}



.hirepage .banner-text h1 span,

.hirepage .banner-text h2 {

    font: 30px/70px mulilight, sans-serif

}



.hirepage .banner-text h2 {

    text-transform: capitalize

}



.hirepage .banner-text ul {

    margin: 40px 0 0

}



.hirepage .banner-text li {

    background: 0 0;

    border: 1px solid #fff;

    color: #fff

}



.hirepage .banner-text p {

    margin: 20px 0 0

}



.hirepage .banner-text p span {

    color: #ffbc00

}



.hirepage .certificate-sec {

    width: 100%; display:none;

    min-height: 75px;

    display: block;

   /*  background: url(../../images-2/banner-certificate.png) no-repeat; */

    background-size: 100%;

    margin: 40px 0 80px

}



.hirepage .service-boxes .icon {

    border: 2px solid #105678

}



.hirepage .models-box .headarea .icon,

.hirepage .our-expertise,

.hirepage .why-choose-sec {

    background: #105678

}



.hirepage .process-area .box-2,

.hirepage .process-area .box-3,

.hirepage .process-area .textbox {

    border: 1px solid #105678

}



.hirepage .review-box p:before {

    color: #105678

}



.hirepage .getin-touch .contact-form:after,

.hirepage .getin-touch .contact-form:before {

    background: url(../../images-2/fom-bg-2.jpg)

}



.hirepage .relared-sec li:hover {

    border-bottom: 2px solid #105678

}



.hirepage .relared-sec li:hover .yelbor-bt {

    border: 1px solid #105678;

    color: #105678 !important

}



.hirepage .arrow_box .drop,

.hirepage .arrow_box a,

.hirepage .attact-file .fa,

.hirepage .banner-form .call::before,

.hirepage .banner-form .email::before,

.hirepage .banner-form .name::before,

.hirepage .banner-form h3,

.hirepage .banner-form p {

    color: #fff

}











.hirepage .banner-form {

    background: 0 0;

    border: 1px solid rgba(255, 255, 255, .3)

}



.hirepage .banner-form .call,

.hirepage .banner-form .email,

.hirepage .banner-form .name {

    border-bottom: 1px solid #fff

}



.hirepage .banner-form form {

    background: 0 0;

    border-top: 1px solid rgba(255, 255, 255, .3)

}



.hirepage .banner-form input,

.hirepage .banner-form textarea {

    background: 0 0;

    color: #fff

}



.hirepage .banner-form input::placeholder {

    color: #fff;

    opacity: 1

}



.hirepage .banner-form input::-ms-input-placeholder {

    color: #fff

}



.hirepage .banner-form textarea::placeholder {

    color: #fff;

    opacity: 1

}



.hirepage .banner-form textarea::-ms-input-placeholder {

    color: #fff

}



.hirepage .banner-form .brief {

    border: 1px solid #fff

}



.hirepage .attact-file {

    background: 0 0

}



.hirepage .arrow_box .drop {

    border: 1px dashed #fff

}



.hirepage .arrow_box {

    border: 1px solid rgba(255, 255, 255, .3);

    background: 0 0

}



.hirepage .arrow_box a:hover {

    color: #ffbc00

}



.hirepage .arrow_box a::after {

    color: #fff

}



.hirepage .arrow_box::after {

    background: 0 0

}



.hirepage .arrow_box::before {

    color: #fff;

    color: rgba(255, 255, 255, .3)

}



.hirepage .our-services {

    padding: 75px 0

}



.hirepage .serbox {

    border: 1px solid #e8e8e8;

    transition: all .5s ease 0s;

    margin: 0 0 30px;

    padding: 30px 25px;

    width: 100%;

    min-height: 270px;

    border-radius: 5px

}



.hirepage .serbox .img {

    display: flex;

    clear: both;

    margin: 0 0 20px

}



.hirepage .serbox h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #444;

    position: relative;

    margin: 0 0 25px;

    display: block

}



.hirepage .serbox h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.hirepage .serbox p {

    font: 16px/28px Poppins;

    color: #444

}



.hirepage .serbox:hover {

    border: 1px solid #ffbc00;

    box-shadow: 5px 5px 15px rgba(0, 0, 0, .5)

}



.hirepage .our-services a:hover {

    text-decoration: none

}



.hirepage .our-services  {

    margin: 0 0 50px

}



.hirepage .our-services  {

    font: 20px/28px Poppins;

    padding: 20px 25px;

    margin: 0 0 0 10px;

    background: #fff;

    color: #105678;

    opacity: .6;

    text-align: center;

    text-transform: capitalize

}



.hirepage .our-services .icon {

    display: block;

    width: 110px;

    height: 110px;

    margin: 0 auto;

    text-align: center

}



.hirepage .our-services .resp-tab-active {

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

    border-bottom: 2px solid #105678;

    opacity: inherit

}



.hirepage .our-services .tab-content .active {

    box-shadow: none;

    border: none

}



.hirepage .our-services  {

    width: 100% !important

}



.hirepage .technologies-tabs h3 {

    font: 26px/28px mulisemibold, sans-serif;

    color: #363636;

    position: relative;

    margin: 0 0 15px;

    display: block

}



.hirepage .technologies-tabs h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.hirepage .technologies-tabs p {

    font: 16px/28px Poppins;

    color: #444;

    margin: 0 0 30px

}



.hirepage .technologies-tabs h5 {

    font: 16px/28px Poppins;

    color: #344256;

    text-transform: capitalize

}



.hirepage .technologies-tabs i {

    width: 38px;

    height: 38px;

    margin: 0 10px 0 0

}



.hirepage .technologies-tabs ul {

    clear: both;

    display: flex;

    flex-wrap: wrap;

    justify-content: left;

    margin: 0 0 60px

}



.hirepage .technologies-tabs ul li {

    width: 23.7%;

    margin: 7px;

    background: #fff;

    border: 1px solid #eee;

    box-shadow: 0 0 20px rgba(0, 0, 0, .2);

    border-radius: 5px;

    transition: all .5s ease 0s

}



.hirepage .technologies-tabs ul li a {

    display: flex;

    align-items: center;

    padding: 15px 10px

}



.hirepage .technologies-tabs ul li a:hover h5 {

    color: #356d9d

}



.hirepage .technologies-tabs ul li:hover {

    box-shadow: 5px 10px 10px rgba(0, 0, 0, .3);

    border: 1px solid #356d9d

}



.hirepage .technologies-tabs .blockchain-techno i {

    background: url(../../images-2/blockchain-sprite.png) left no-repeat

}



.hirepage .technologies-tabs .blockchain-techno .icon1 {

    background-position: 3px 1px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon1 {

    background-position: -64px 1px

}



.hirepage .technologies-tabs .blockchain-techno .icon2 {

    background-position: 5px -61px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon2 {

    background-position: -62px -61px

}



.hirepage .technologies-tabs .blockchain-techno .icon3 {

    background-position: 3px -135px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon3 {

    background-position: -65px -135px

}



.hirepage .technologies-tabs .blockchain-techno .icon4 {

    background-position: 3px -225px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon4 {

    background-position: -64px -225px

}



.hirepage .technologies-tabs .blockchain-techno .icon5 {

    background-position: 3px -327px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon5 {

    background-position: -65px -327px

}



.hirepage .technologies-tabs .blockchain-techno .icon6 {

    background-position: 0 -425px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon6 {

    background-position: -66.5px -425px

}



.hirepage .technologies-tabs .blockchain-techno .icon7 {

    background-position: 0 -519px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon7 {

    background-position: -68px -519px

}



.hirepage .technologies-tabs .blockchain-techno .icon8 {

    background-position: 3px -620px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon8 {

    background-position: -65px -620px

}



.hirepage .technologies-tabs .blockchain-techno .icon9 {

    background-position: 8px -715px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon9 {

    background-position: -59px -715px

}



.hirepage .technologies-tabs .blockchain-techno .icon10 {

    background-position: 5px -788px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon10 {

    background-position: -63px -788px

}



.hirepage .technologies-tabs .blockchain-techno .icon11 {

    background-position: 5px -870px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon11 {

    background-position: -63px -870px

}



.hirepage .technologies-tabs .blockchain-techno .icon12 {

    background-position: 8px -940px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon12 {

    background-position: -62px -940px

}



.hirepage .technologies-tabs .blockchain-techno .icon13 {

    background-position: 3px -1032px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon13 {

    background-position: -66px -1032px

}



.hirepage .technologies-tabs .blockchain-techno .icon14 {

    background-position: 3px -1120px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon14 {

    background-position: -64px -1120px

}



.hirepage .technologies-tabs .blockchain-techno .icon15 {

    background-position: 3px -1210px

}



.hirepage .technologies-tabs .blockchain-techno li:hover .icon15 {

    background-position: -65px -1210px

}



.hirepage .technologies-tabs .mobile-techno i {

    background: url(../../images-2/mobility-sprite.png) left no-repeat

}



.hirepage .technologies-tabs .mobile-techno .icon1 {

    background-position: 3px 1px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon1 {

    background-position: -64px 1px

}



.hirepage .technologies-tabs .mobile-techno .icon2 {

    background-position: 5px -61px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon2 {

    background-position: -63px -61px

}



.hirepage .technologies-tabs .mobile-techno .icon3 {

    background-position: 3px -135px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon3 {

    background-position: -65px -135px

}



.hirepage .technologies-tabs .mobile-techno .icon4 {

    background-position: 3px -225px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon4 {

    background-position: -65px -225px

}



.hirepage .technologies-tabs .mobile-techno .icon5 {

    background-position: 3px -327px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon5 {

    background-position: -66px -327px

}



.hirepage .technologies-tabs .mobile-techno .icon6 {

    background-position: 0 -425px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon6 {

    background-position: -68px -425px

}



.hirepage .technologies-tabs .mobile-techno .icon7 {

    background-position: 0 -519px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon7 {

    background-position: -68px -519px

}



.hirepage .technologies-tabs .mobile-techno .icon8 {

    background-position: 3px -620px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon8 {

    background-position: -65px -620px

}



.hirepage .technologies-tabs .mobile-techno .icon9 {

    background-position: 0 -716px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon9 {

    background-position: -67.5px -716px

}



.hirepage .technologies-tabs .mobile-techno .icon10 {

    background-position: 0 -792px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon10 {

    background-position: -68px -792px

}



.hirepage .technologies-tabs .mobile-techno .icon11 {

    background-position: 0 -892px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon11 {

    background-position: -72px -892px

}



.hirepage .technologies-tabs .mobile-techno .icon12 {

    background-position: 3px -978px

}



.hirepage .technologies-tabs .mobile-techno li:hover .icon12 {

    background-position: -65px -978px

}



.hirepage .technologies-tabs .fullstack-techno i {

    background: url(../../images-2/fullStack-sprite.png) left no-repeat

}



.hirepage .technologies-tabs .fullstack-techno .icon1 {

    background-position: 0 1px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon1 {

    background-position: -69px 1px

}



.hirepage .technologies-tabs .fullstack-techno .icon2 {

    background-position: 5px -61px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon2 {

    background-position: -63px -61px

}



.hirepage .technologies-tabs .fullstack-techno .icon3 {

    background-position: 3px -135px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon3 {

    background-position: -65px -135px

}



.hirepage .technologies-tabs .fullstack-techno .icon4 {

    background-position: 3px -225px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon4 {

    background-position: -65px -225px

}



.hirepage .technologies-tabs .fullstack-techno .icon5 {

    background-position: 3px -327px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon5 {

    background-position: -65px -327px

}



.hirepage .technologies-tabs .fullstack-techno .icon6 {

    background-position: 0 -424px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon6 {

    background-position: -68px -424px

}



.hirepage .technologies-tabs .fullstack-techno .icon7 {

    background-position: 0 -519px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon7 {

    background-position: -69px -519px

}



.hirepage .technologies-tabs .fullstack-techno .icon8 {

    background-position: 3px -620px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon8 {

    background-position: -64px -620px

}



.hirepage .technologies-tabs .fullstack-techno .icon9 {

    background-position: 8px -715px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon9 {

    background-position: -59px -715px

}



.hirepage .technologies-tabs .fullstack-techno .icon10 {

    background-position: 5px -792px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon10 {

    background-position: -63px -792px

}



.hirepage .technologies-tabs .fullstack-techno .icon11 {

    background-position: 5px -860px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon11 {

    background-position: -62px -860px

}



.hirepage .technologies-tabs .fullstack-techno .icon12 {

    background-position: 5px -930px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon12 {

    background-position: -63px -930px

}



.hirepage .technologies-tabs .fullstack-techno .icon13 {

    background-position: 5px -1000px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon13 {

    background-position: -63px -1000px

}



.hirepage .technologies-tabs .fullstack-techno .icon14 {

    background-position: 5px -1077px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon14 {

    background-position: -64px -1077px

}



.hirepage .technologies-tabs .fullstack-techno .icon15 {

    background-position: 5px -1156px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon15 {

    background-position: -64px -1156px

}



.hirepage .technologies-tabs .fullstack-techno .icon16 {

    background-position: 3px -1227px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon16 {

    background-position: -65px -1227px

}



.hirepage .technologies-tabs .fullstack-techno .icon17 {

    background-position: 5px -1295px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon17 {

    background-position: -62px -1295px

}



.hirepage .technologies-tabs .fullstack-techno .icon18 {

    background-position: 5px -1364px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon18 {

    background-position: -62px -1364px

}



.hirepage .technologies-tabs .fullstack-techno .icon19 {

    background-position: 5px -1427px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon19 {

    background-position: -63px -1427px

}



.hirepage .technologies-tabs .fullstack-techno .icon20 {

    background-position: 5px -1500px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon20 {

    background-position: -63px -1500px

}



.hirepage .technologies-tabs .fullstack-techno .icon21 {

    background-position: 5px -1558px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon21 {

    background-position: -64px -1558px

}



.hirepage .technologies-tabs .fullstack-techno .icon22 {

    background-position: 5px -1628px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon22 {

    background-position: -63px -1628px

}



.hirepage .technologies-tabs .fullstack-techno .icon23 {

    background-position: 5px -1688px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon23 {

    background-position: -63px -1688px

}



.hirepage .technologies-tabs .fullstack-techno .icon24 {

    background-position: -2px -1764px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon24 {

    background-position: -70px -1764px

}



.hirepage .technologies-tabs .fullstack-techno .icon25 {

    background-position: 0 -1865px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon25 {

    background-position: -67px -1865px

}



.hirepage .technologies-tabs .fullstack-techno .icon26 {

    background-position: 5px -1960px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon26 {

    background-position: -62px -1960px

}



.hirepage .technologies-tabs .fullstack-techno .icon27 {

    background-position: 2px -2059px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon27 {

    background-position: -65px -2059px

}



.hirepage .technologies-tabs .fullstack-techno .icon28 {

    background-position: 2px -2158px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon28 {

    background-position: -65px -2158px

}



.hirepage .technologies-tabs .fullstack-techno .icon29 {

    background-position: 5px -2242px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon29 {

    background-position: -63px -2242px

}



.hirepage .technologies-tabs .fullstack-techno .icon30 {

    background-position: 0 -2336px

}



.hirepage .technologies-tabs .fullstack-techno li:hover .icon30,

.hirepage .technologies-tabs .fullstack-techno li:hover .icon31 {

    background-position: -67px -2336px

}



.hirepage .technologies-tabs .cms-techno i {

    background: url(../../images-2/cms-sprite.png) left no-repeat

}



.hirepage .technologies-tabs .cms-techno .icon1 {

    background-position: 0 -2px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon1 {

    background-position: -69px -2px

}



.hirepage .technologies-tabs .cms-techno .icon2 {

    background-position: 5px -61px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon2 {

    background-position: -64px -61px

}



.hirepage .technologies-tabs .cms-techno .icon3 {

    background-position: 3px -135px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon3 {

    background-position: -65px -135px

}



.hirepage .technologies-tabs .cms-techno .icon4 {

    background-position: -.5px -225px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon4 {

    background-position: -68.5px -225px

}



.hirepage .technologies-tabs .cms-techno .icon5 {

    background-position: 3px -327px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon5 {

    background-position: -65px -327px

}



.hirepage .technologies-tabs .cms-techno .icon6 {

    background-position: 0 -424px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon6 {

    background-position: -68px -424px

}



.hirepage .technologies-tabs .cms-techno .icon7 {

    background-position: 0 -519px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon7 {

    background-position: -68px -519px

}



.hirepage .technologies-tabs .cms-techno .icon8 {

    background-position: 3px -620px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon8 {

    background-position: -64px -620px

}



.hirepage .technologies-tabs .cms-techno .icon9 {

    background-position: 8px -715px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon9 {

    background-position: -60px -715px

}



.hirepage .technologies-tabs .cms-techno .icon10 {

    background-position: 5px -792px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon10 {

    background-position: -63px -792px

}



.hirepage .technologies-tabs .cms-techno .icon11 {

    background-position: 5px -855px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon11 {

    background-position: -63px -855px

}



.hirepage .technologies-tabs .cms-techno .icon12 {

    background-position: 5px -930px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon12 {

    background-position: -62px -930px

}



.hirepage .technologies-tabs .cms-techno .icon13 {

    background-position: 5px -1000px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon13 {

    background-position: -62px -1000px

}



.hirepage .technologies-tabs .cms-techno .icon14 {

    background-position: 0 -1092px

}



.hirepage .technologies-tabs .cms-techno li:hover .icon14 {

    background-position: -69px -1092px

}



.hirepage .technologies-tabs .microsoft-techno i {

    background: url(../../images-2/microsoft-sprite.png) left no-repeat

}



.hirepage .technologies-tabs .microsoft-techno .icon1 {

    background-position: 0 -2px

}



.hirepage .technologies-tabs .microsoft-techno li:hover .icon1 {

    background-position: -68px -2px

}



.hirepage .technologies-tabs .microsoft-techno .icon2 {

    background-position: 3px -65px

}



.hirepage .technologies-tabs .microsoft-techno li:hover .icon2 {

    background-position: -66px -65px

}



.hirepage .technologies-tabs .microsoft-techno .icon3 {

    background-position: 3px -135px

}



.hirepage .technologies-tabs .microsoft-techno li:hover .icon3 {

    background-position: -65px -135px

}



.hirepage .technologies-tabs .microsoft-techno .icon4 {

    background-position: 5px -197px

}



.hirepage .technologies-tabs .microsoft-techno li:hover .icon4 {

    background-position: -63px -197px

}



.hirepage .technologies-tabs .java-techno i {

    background: url(../../images-2/java-tec-sprite.png) left no-repeat

}



.hirepage .technologies-tabs .java-techno .icon1 {

    background-position: 3px 0

}



.hirepage .technologies-tabs .java-techno li:hover .icon1 {

    background-position: -65px 0

}



.hirepage .technologies-tabs .java-techno .icon2 {

    background-position: 5px -68px

}



.hirepage .technologies-tabs .java-techno li:hover .icon2 {

    background-position: -64px -68px

}



.hirepage .technologies-tabs .java-techno .icon3 {

    background-position: 3px -135px

}



.hirepage .technologies-tabs .java-techno li:hover .icon3 {

    background-position: -65px -135px

}



.hirepage .technologies-tabs .java-techno .icon4 {

    background-position: 3px -225px

}



.hirepage .technologies-tabs .java-techno li:hover .icon4 {

    background-position: -65px -225px

}



.hirepage .technologies-tabs .java-techno .icon5 {

    background-position: 3px -324px

}



.hirepage .technologies-tabs .java-techno li:hover .icon5 {

    background-position: -64px -324px

}



.hirepage .technologies-tabs .java-techno .icon6 {

    background-position: 3px -425px

}



.hirepage .technologies-tabs .java-techno li:hover .icon6 {

    background-position: -64px -425px

}



.hirepage .technologies-tabs .java-techno .icon7 {

    background-position: 0 -519px

}



.hirepage .technologies-tabs .java-techno li:hover .icon7 {

    background-position: -67px -519px

}



.hirepage .technologies-tabs .java-techno .icon8 {

    background-position: 3px -620px

}



.hirepage .technologies-tabs .java-techno li:hover .icon8 {

    background-position: -65px -620px

}



.hirepage .technologies-tabs .java-techno .icon9 {

    background-position: 3px -716px

}



.hirepage .technologies-tabs .java-techno li:hover .icon9 {

    background-position: -66px -716px

}



.hirepage .whyhire-sec .whybox h3 {

    color: #178089

}



.hirepage .whyhire-sec .whybox span {

    width: 70px;

    height: 70px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: inline-block

}



.hirepage .whyhire-sec .whybox .icon1 {

    background-position: 0 -5px

}



.hirepage .whyhire-sec .whybox .icon2 {

    background-position: 0 -115px

}



.hirepage .whyhire-sec .whybox .icon3 {

    background-position: 0 -241px

}



.hirepage .whyhire-sec .whybox .icon4 {

    background-position: 0 -360px

}



.hirepage .whyhire-sec .whybox .icon5 {

    background-position: 0 -500px

}



.hirepage .whyhire-sec .whybox .icon6 {

    background-position: 0 -625px

}



.hirepage .whyhire-sec .whybox .icon7 {

    background-position: 0 -770px

}



.hirepage .whyhire-sec .whybox .icon8 {

    background-position: 0 -920px

}



.hirepage .whyhire-sec .whybox .icon9 {

    background-position: 0 -1065px

}



.hirepage .whyhire-sec .whybox .icon10 {

    background-position: 0 -1205px

}



.hirepage .whyhire-sec .whybox .icon11 {

    background-position: 0 -1355px

}



.hirepage .whyhire-sec .whybox .icon12 {

    background-position: 0 -1500px

}



.hirepage .models-box .headarea i {

    background: url(../../images-2/model-sprite.png) no-repeat #178089

}



.hirepage .models-box .headarea .icon-1 {

    background-position: 20px 30px

}



.hirepage .models-box .headarea .icon-2 {

    background-position: 27px -105px

}



.fullstack-page .banner-sec {

    background: #232242

}



.fullstack-page .banner-text h1 {

    font: 42px/30px Poppins

}



.fullstack-page .banner-text li {

    border: 1px dashed #fff

}



.fullstack-page .banner-text p {

    margin: 28px 40px 56px 0

}



.fullstack-page .our-services {

    padding: 20px 10px

}



.fullstack-page .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg4.jpg) no-repeat

}



.fullstack-page .process-area .textbox {

    border: 1px solid #043892

}



.fullstack-page .process-area .box-2,

.fullstack-page .process-area .box-3 {

    border: 1px solid #083179

}



.fullstack-page .whyhire-sec .whybox h3 {

    color: #19477f

}



.fullstack-page .whyhire-sec .whybox span {

    width: 70px;

    height: 70px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: inline-block

}



.fullstack-page .whyhire-sec .whybox .icon1 {

    background-position: -572px -5px

}



.fullstack-page .whyhire-sec .whybox .icon2 {

    background-position: -570px -110px

}



.fullstack-page .whyhire-sec .whybox .icon3 {

    background-position: -568px -238px

}



.fullstack-page .whyhire-sec .whybox .icon4 {

    background-position: -565px -360px

}



.fullstack-page .whyhire-sec .whybox .icon5 {

    background-position: -570px -495px

}



.fullstack-page .whyhire-sec .whybox .icon6 {

    background-position: -568px -620px

}



.fullstack-page .whyhire-sec .whybox .icon7 {

    background-position: -565px -765px

}



.fullstack-page .whyhire-sec .whybox .icon8 {

    background-position: -565px -910px

}



.fullstack-page .whyhire-sec .whybox .icon9 {

    background-position: -568px -1058px

}



.fullstack-page .whyhire-sec .whybox .icon10 {

    background-position: -570px -1205px

}



.fullstack-page .whyhire-sec .whybox .icon11 {

    background-position: -570px -1350px

}



.fullstack-page .whyhire-sec .whybox .icon12 {

    background-position: -570px -1500px

}



.fullstack-page .whyhire-sec .whybox .icon13 {

    background-position: -568px -1640px

}



.fullstack-page .whyhire-sec .whybox .icon14 {

    background-position: -565px -1772px

}



.fullstack-page .whyhire-sec .whybox .icon15 {

    background-position: -565px -1915px

}



.dedicated-development .banner-text {

    text-align: center;

    padding: 18% 0 8%

}



.dedicated-development .banner-text h1 {

    font: 63px/70px mulisemibold, sans-serif

}



.dedicated-development .banner-text h2 {

    font: 40px/50px mulilight, sans-serif

}



.dedicated-development .banner-text p {

    font: 22px/38px mulilight, sans-serif

}



.dedicated-development .banner-text ul {

    text-align: left

}



.dedicated-development .teamarea-sec {

    padding: 75px 0 0;

    clear: both

}



.dedicated-development .dedicated-bg {

    background: url(../../images-2/dedicated-bg.png) right no-repeat;

    padding: 100px 0

}



.dedicated-development .dedicated-bg h3 {

    font: 20px/28px mulibold, sans-serif;

    margin: 10px 0;

    display: block;

    text-align: center;

    clear: both

}



.dedicated-development .dedicated-bg .icon {

    width: 100%;

    display: block;

    text-align: center

}



.dedicated-development .dedicated-bg .icon img {

    display: inherit;

    margin: 0 auto;

    float: none

}



.dedicated-development .dedicated-bg ul {

    list-style: none;

    width: 100%

}



.dedicated-development .dedicated-bg li {

    padding: 11px 30px 11px 32px;

    clear: both;

    border-bottom: 1px solid #f1f1f1;

    position: relative;

    font: 16px/28px Poppins

}



.dedicated-development .dedicated-bg li:last-child {

    border: none

}



.dedicated-development .dedicated-bg li:before {

    content: '!';

    color: red;

    font-size: 18px;

    position: absolute;

    left: 15px;

    top: 10px

}



.dedicated-development .software-team li:before,

.dedicated-development .yousec li:before {

    content: '\f00c';

    font-family: FontAwesome;

    color: #73bd4f;

    font-size: 16px

}



.dedicated-development .local-team {

    width: 22%;

    display: block;

    margin: 40px 0 0

}



.dedicated-development .yousec {

    width: 22%;

    display: inline-block

}



.dedicated-development .yousec ul {

    background: #ffeabc

}



.dedicated-development .yousec li {

    padding: 11px 30px 11px 38px

}



.dedicated-development .software-team {

    width: 22%;

    display: block;

    margin: -60px 0 0 10%

}



.dedicated-development .software-team ul {

    background: #fff;

    box-shadow: -3px 0 5px rgba(0, 0, 0, .1)

}



.dedicated-development .software-team li {

    padding: 11px 30px 11px 38px;

    border-bottom: 1px solid #e5e5e5

}



.dedicated-development .left-inde {

    margin: 13% 9% 0 4%;

    display: inline-block

}



.dedicated-development .service-boxes li {

    transition: all .5s ease 0s;

    background: #fff;

    min-height: 360px

}



.dedicated-development .service-boxes span {

    width: 86px;

    height: 86px;

    margin: 0 auto 30px;

    display: block;

    border-radius: 100%;

    border: 2px solid #294250;

    background: url(../../images-2/dedicated-sprite.png) no-repeat

}



.dedicated-development .service-boxes .icon1 {

    background-position: 15px -5px

}



.dedicated-development .service-boxes .icon2 {

    background-position: 15px -127px

}



.dedicated-development .service-boxes .icon3 {

    background-position: 15px -260px

}



.dedicated-development .service-boxes .icon4 {

    background-position: 15px -400px

}



.dedicated-development .service-boxes .icon5 {

    background-position: 7px -555px

}



.dedicated-development .service-boxes .icon6 {

    background-position: 9px -688px

}



.dedicated-development .service-boxes li:hover span {

    border: 2px solid #fff

}



.dedicated-development .service-boxes li:hover .icon1 {

    background-position: -118px -5px

}



.dedicated-development .service-boxes li:hover .icon2 {

    background-position: -124px -127px

}



.dedicated-development .service-boxes li:hover .icon3 {

    background-position: -124px -260px

}



.dedicated-development .service-boxes li:hover .icon4 {

    background-position: -115px -400px

}



.dedicated-development .service-boxes li:hover .icon5 {

    background-position: -115px -555px

}



.dedicated-development .service-boxes li:hover .icon6 {

    background-position: -115px -688px

}



.dedicated-development .service-boxes li:hover {

    background: #36596b;

    background: -moz-linear-gradient(left, #36596b 0, #192730 100%);

    background: -webkit-gradient(left top, right top, color-stop(0, #36596b), color-stop(100%, #192730));

    background: -webkit-linear-gradient(left, #36596b 0, #192730 100%);

    background: -o-linear-gradient(left, #36596b 0, #192730 100%);

    background: -ms-linear-gradient(left, #36596b 0, #192730 100%);

    background: linear-gradient(to right, #36596b 0, #192730 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36596b', endColorstr='#192730', GradientType=1)

}



.dedicated-development .service-boxes li:hover h3,

.dedicated-development .service-boxes li:hover p {

    color: #fff

}



.dedicated-development .why-choose-sec {

    background: url(../../images-2/Development-PROCESS-bg3.jpg) bottom no-repeat;

    background-size: cover;

    padding: 75px 0

}



.dedicated-development .serv-box {

    clear: both;

    margin: 0 0 40px

}



.dedicated-development .serv-box ul {

    list-style: none

}



.dedicated-development .serv-box li {

    background: #fff;

    float: left;

    width: 30.5%;

    text-align: left;

    min-height: 320px;

    padding: 30px 25px 40px;

    border: 1px solid #eee;

    margin: 15px;

    transition: all .5s ease 0s

}



.dedicated-development .serv-box .icon {

    width: 86px;

    height: 86px;

    border: 3px solid #4f6672;

    display: block;

    border-radius: 100%;

    margin: 0 0 30px;

    transition: all .9s ease 0s

}



.dedicated-development .serv-box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #393939;

    position: relative;

    margin: 0 0 25px

}



.dedicated-development .serv-box h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.dedicated-development .serv-box p {

    font: 16px/28px Poppins;

    color: rgba(0, 0, 0, .87)

}



.dedicated-development .serv-box li:hover {

    box-shadow: 0 0 30px rgba(0, 0, 0, .1)

}



.dedicated-development .serv-box i {

    width: 86px;

    height: 86px;

    border: 3px solid #4f6672;

    display: block;

    border-radius: 100%;

    margin: 0 0 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/Whom-sprite.png) no-repeat

}



.dedicated-development .serv-box .icon-1 {

    background-position: 13px -8px

}



.dedicated-development .serv-box .icon-2 {

    background-position: 11px -138px

}



.dedicated-development .serv-box .icon-3 {

    background-position: 9px -263px

}



.dedicated-development .serv-box .icon-4 {

    background-position: 5px -400px

}



.dedicated-development .serv-box .icon-5 {

    background-position: 9px -553px

}



.dedicated-development .serv-box .icon-6 {

    background-position: 8px -690px

}



.dedicated-development .development-process {

    background: url(../../images-2/Development-PROCESS-bg.jpg) bottom no-repeat;

    background-size: cover;

    padding: 75px 0

}



.dedicated-development .development-process .client-box {

    padding: 50px 30px 0;

    background: #fff;

    min-height: 725px;

    border: 1px solid #eee

}



.AR-page .benefits-box,

.android-page .benefits-box,

.angular-page .benefits-box,

.flutter-page .benefits-box,

.ios-page .benefits-box,

.java-page .benefits-box,

.meteorjs-page .benefits-box,

.nodejs-page .benefits-box,

.reactjs-page .benefits-box,

.reactnative-page .benefits-box,

.swift-page .benefits-box,

.vuejs-page .benefits-box,

.xamarin-page .benefits-box {

    min-height: 270px

}



.dedicated-development .development-process .client-box span {

    background: url(../../images-2/start-sprite-1.png) no-repeat;

    display: block;

    margin: 0 0 30px;

    width: 115px;

    height: 115px;

    text-align: center;

    font: 500 45px/100px Roboto, sans-serif;

    color: #253b48

}



.dedicated-development .development-process .client-box .icon-bg1 {

    background-position: 0 0

}



.dedicated-development .development-process .client-box .icon-bg2 {

    background-position: 0 -145px

}



.dedicated-development .development-process .client-box .icon-bg3 {

    background-position: 0 -290px

}



.dedicated-development .development-process .client-box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #393939;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.dedicated-development .development-process .client-box h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.dedicated-development .development-process .client-box p {

    font: 18px/30px Poppins;

    color: #444

}



.dedicated-development .development-process .client-box ul {

    list-style: none;

    margin: 15px 0 0;

    border-top: 1px solid #eceef1;

    padding: 20px 0 0

}



.dedicated-development .development-process .client-box li {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    padding: 0 0 30px 30px;

    position: relative

}



.dedicated-development .development-process .client-box li:before {

    content: '\f0c8 ';

    color: #253b48;

    font-family: FontAwesome;

    font-size: 8px;

    left: 0;

    top: -2px;

    position: absolute

}



.digital-page .banner-sec {

    background: url(../../images-2/digital-banner.jpg) no-repeat;

    background-size: cover

}



.digital-page .banner-text {

    text-align: center;

    padding: 18% 0 8%

}



.digital-page .banner-text h1 {

    font: 75px/70px mulisemibold, sans-serif

}



.digital-page .banner-text h2 {

    font: 40px/50px mulilight, sans-serif

}



.digital-page .banner-text li {

    width: 30%;

    text-align: left

}



.digital-page .development-process {

    background: 0 0

}



.digital-page .development-process .boxshadow {

    box-shadow: 7px 7px 7px rgba(0, 0, 0, .1)

}



.digital-page .development-process .client-box {

    border: none;

    width: 33%;

    display: inline-block

}



.digital-page .development-process .client-box span {

    background: 0 0;

    width: 100%;

    overflow: hidden;

    height: inherit;

    margin: 0 0 20px;

    display: block

}



.digital-page .development-process .borbox {

    border-right: 1px solid #eee;

    border-left: 1px solid #eee

}



.digital-page .development-process .client-box ul {

    border: none

}



.digital-page .development-process .client-box li::before {

    color: #ffbc00

}



.digital-page .key-benefite-sec {

    background: url(../../images-2/Development-PROCESS-bg.jpg) no-repeat;

    background-size: 100%

}



.digital-page .benefits-box {

    background: #fff

}



.digital-page .benefits-box span {

    opacity: 0;

    transition: all .5s ease 0s;

    position: absolute;

    right: -1px;

    top: 0;

    width: 95px;

    height: 100px;

    display: block;

    background: url(../../../404.html) no-repeat

}



.digital-page .benefits-box .icon1 {

    background-position: 0 0

}



.digital-page .benefits-box .icon2 {

    background-position: 0 -161px

}



.digital-page .benefits-box .icon3 {

    background-position: 0 -332px

}



.digital-page .benefits-box .icon4 {

    background-position: 0 -503px

}



.digital-page .benefits-box .icon5 {

    background-position: 0 -674px

}



.digital-page .benefits-box .icon6 {

    background-position: 9px -865px

}



.digital-page .benefits-box {

    position: relative;

    box-shadow: 10px 10px 10px transparent

}



.digital-page .benefits-box:hover {

    border: 2px solid #fff;

    box-shadow: 10px 10px 10px rgba(0, 0, 0, .2)

}



.digital-page .technology-sec li:hover span,

.why-box span {

    border: 3px solid #fff

}



.digital-page .benefits-box:hover span {

    opacity: .9

}



.digital-page .technology-sec {

    padding: 75px 0;

    position: relative

}



.digital-page .technology-sec:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    display: block;

    right: 0;

    margin: 0 auto;

    width: 80%;

    height: 1px;

    background: #fff;

    background: -moz-linear-gradient(left, #fff 0, #ebebeb 16%, #ebebeb 82%, #fff 100%);

    background: -webkit-gradient(left top, right top, color-stop(0, #fff), color-stop(16%, #ebebeb), color-stop(82%, #ebebeb), color-stop(100%, #fff));

    background: -webkit-linear-gradient(left, #fff 0, #ebebeb 16%, #ebebeb 82%, #fff 100%);

    background: -o-linear-gradient(left, #fff 0, #ebebeb 16%, #ebebeb 82%, #fff 100%);

    background: -ms-linear-gradient(left, #fff 0, #ebebeb 16%, #ebebeb 82%, #fff 100%);

    background: linear-gradient(to right, #fff 0, #ebebeb 16%, #ebebeb 82%, #fff 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1)

}



.experience-area li:before,

.whyhire-sec .experience-area li::before {

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#007db9e8', GradientType=0)

}



.digital-page .technology-sec h3 {

    font: 20px/28px mulisemibold, sans-serif;

    text-transform: capitalize;

    position: absolute;

    z-index: 9;

    left: 0;

    right: 0;

    top: 150px;

    margin: 0 auto;

    width: 100%

}



.digital-page .technology-sec ul {

    list-style: none;

    width: 100%

}



.digital-page .technology-sec li {

    width: 19%;

    height: 218px;

    overflow: hidden;

    margin: 3px;

    background: #fff;

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    position: relative;

    transition: all .5s ease 0s

}



.digital-page .technology-sec li a {

    color: #1f1784

}



.digital-page .technology-sec li:hover {

    background: #1f1784

}



.digital-page .technology-sec li:hover a {

    color: #fff

}



.digital-page .technology-sec li img {

    opacity: .2;

    width: 100%

}



.digital-page .technology-sec li:hover img {

    transform: scale(1, 1)

}



.digital-page .technology-sec span {

    position: absolute;

    margin: 0 auto;

    top: 60px;

    left: 0;

    right: 0;

    z-index: 9;

    width: 88px;

    height: 88px;

    border: 3px solid #1f1784;

    display: block;

    border-radius: 100%;

    transition: all .9s ease 0s;

    background: url(../../images-2/techno-sprite-3.png) no-repeat

}



.digital-page .technology-sec .icon-1 {

    background-position: 10px 8.3px

}



.digital-page .technology-sec .icon-2 {

    background-position: 12px -95px

}



.digital-page .technology-sec .icon-3 {

    background-position: 8px -229px

}



.digital-page .technology-sec .icon-4 {

    background-position: 8px -367px

}



.digital-page .technology-sec .icon-5 {

    background-position: 12px -500px

}



.digital-page .technology-sec .icon-6 {

    background-position: 9px -647px

}



.digital-page .technology-sec .icon-7 {

    background-position: 10px -790px

}



.digital-page .technology-sec .icon-8 {

    background-position: 9px -929px

}



.digital-page .technology-sec .icon-9 {

    background-position: 6px -1062px

}



.digital-page .technology-sec .icon-10 {

    background-position: 12px -1160px

}



.digital-page .technology-sec li:hover .icon-1 {

    background-position: -88px 8.3px

}



.digital-page .technology-sec li:hover .icon-2 {

    background-position: -90px -95px

}



.digital-page .technology-sec li:hover .icon-3 {

    background-position: -87px -229px

}



.digital-page .technology-sec li:hover .icon-4 {

    background-position: -88px -367px

}



.digital-page .technology-sec li:hover .icon-5 {

    background-position: -85px -500px

}



.digital-page .technology-sec li:hover .icon-6 {

    background-position: -93px -647px

}



.digital-page .technology-sec li:hover .icon-7 {

    background-position: -88px -790px

}



.digital-page .technology-sec li:hover .icon-8 {

    background-position: -89px -929px

}



.digital-page .technology-sec li:hover .icon-9 {

    background-position: -85px -1062px

}



.digital-page .technology-sec li:hover .icon-10 {

    background-position: -92px -1160px

}



.digital-page .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg5.jpg) no-repeat

}



.digital-page .whyhire-sec .whybox h3 {

    color: #1f1784

}



.digital-page .whyhire-sec .whybox span {

    width: 70px;

    height: 70px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: inline-block

}



.digital-page .whyhire-sec .whybox .icon1 {

    background-position: -359px -5px

}



.digital-page .whyhire-sec .whybox .icon2 {

    background-position: -359px -115px

}



.digital-page .whyhire-sec .whybox .icon3 {

    background-position: -362px -241px

}



.digital-page .whyhire-sec .whybox .icon4 {

    background-position: -353px -360px

}



.digital-page .whyhire-sec .whybox .icon5 {

    background-position: -353px -500px

}



.digital-page .whyhire-sec .whybox .icon6 {

    background-position: -353px -625px

}



.digital-page .whyhire-sec .whybox .icon7 {

    background-position: -353px -770px

}



.digital-page .whyhire-sec .whybox .icon8 {

    background-position: -359px -920px

}



.digital-page .whyhire-sec .whybox .icon9 {

    background-position: -359px -1065px

}



.digital-page .whyhire-sec .whybox .icon10 {

    background-position: -359px -1205px

}



.digital-page .whyhire-sec .whybox .icon11 {

    background-position: -359px -1355px

}



.digital-page .whyhire-sec .whybox .icon12 {

    background-position: -359px -1500px

}



.digital-page .models-box .headarea i {

    background: url(../../images-2/model-sprite.png) no-repeat #0728a7

}



.whyhire-sec {

    padding: 75px 0;

    background: url(../../images-2/hire-devloper-bg.jpg) no-repeat;

    background-size: cover

}



.whyhire-sec .whybox {

    padding: 15px 30px;

    background: #fff;

    border-radius: 5px;

    margin: 0 0 10px;

    vertical-align: middle

}



.whyhire-sec .whybox span {

    vertical-align: middle

}



.whyhire-sec .whybox .icon {

    margin: 0 20px 0 0;

    display: inline-block;

    width: 60px

}



.whyhire-sec .whybox h3 {

    font: 18px/28px mulilight, sans-serif;

    text-transform: capitalize;

    color: #105678;

    display: inline-block;

    vertical-align: middle

}



.whyhire-sec .experience-area {

    background: 0 0

}



.whyhire-sec .experience-area b,

.whyhire-sec .experience-area p,

.whyhire-sec .experience-area span {

    color: #fff

}



.whyhire-sec .experience-area li::before {

    background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0, #e0e3ea 35%, #e0e3ea 50%, #e0e3ea 66%, #dde2ea 67%, rgba(125, 185, 232, 0) 100%);

    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0, #e0e3ea 35%, #e0e3ea 50%, #e0e3ea 66%, #dde2ea 67%, rgba(125, 185, 232, 0) 100%);

    background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0, #e0e3ea 35%, #e0e3ea 50%, #e0e3ea 66%, #dde2ea 67%, rgba(125, 185, 232, 0) 100%)

}



.disclaimer-page .banner-text {

    padding: 18% 0 3%;

    width: 100%;

    position: relative;

    z-index: 9999;

    text-align: center

}



.disclaimer-page .banner-text h1 {

    font: 90px/65px mulisemibold, sans-serif;

    letter-spacing: -1.5px;

    color: #fff;

    text-transform: capitalize

}



.bltext h3,

.rlAccordion>h3,

.sample-box .text h3,

.why-box h3 {

    letter-spacing: -.1px

}



.disclaimer-page .getin-touch {

    background: url(../../images-2/get-in-touch.jpg) no-repeat fixed;

    background-size: cover

}



.other-version .banner-text li {

    background: #2389dd;

    border: 1px solid #1c98ff

}



.xamarin-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/ionic-sprite.png) no-repeat

}



.xamarin-page .service-boxes .icon-1 {

    background-position: 5px 4px

}



.xamarin-page .service-boxes .icon-2 {

    background-position: 15px -93px

}



.xamarin-page .service-boxes .icon-3 {

    background-position: 12px -183px

}



.xamarin-page .service-boxes .icon-4 {

    background-position: 9px -320px

}



.xamarin-page .service-boxes .icon-5 {

    background-position: 6px -435px

}



.xamarin-page .service-boxes .icon-6 {

    background-position: 10px -545px

}



.android-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/android-sprite.png) no-repeat

}



.ios-page .service-boxes span,

.reactnative-page .service-boxes span {

    border: 3px solid #102365;

    margin: 0 auto 30px;

    transition: all .9s ease 0s

}



.android-page .service-boxes .icon-1 {

    background-position: 14px 6px

}



.android-page .service-boxes .icon-2 {

    background-position: 9px -85px

}



.android-page .service-boxes .icon-3 {

    background-position: 11px -190px

}



.android-page .service-boxes .icon-4 {

    background-position: 15px -320px

}



.android-page .service-boxes .icon-5 {

    background-position: 11px -435px

}



.android-page .service-boxes .icon-6 {

    background-position: 10px -544px

}



.ios-page .banner-text h1 {

    text-transform: inherit

}



.ios-page .our-expertise .heading-sec h2 span {

    width: inherit;

    height: inherit;

    float: none;

    background: 0 0;

    display: inline-block

}



.ios-page .service-boxes span {

    width: 86px;

    height: 86px;

    display: block;

    border-radius: 100%;

    background: url(../../images-2/ar-sprite.png) no-repeat

}



.ios-page .service-boxes .icon-1 {

    background-position: 20px 1px

}



.ios-page .service-boxes .icon-2 {

    background-position: 20px -103px

}



.ios-page .service-boxes .icon-3 {

    background-position: 20px -209px

}



.ios-page .service-boxes .icon-4 {

    background-position: 20px -320px

}



.ios-page .service-boxes .icon-5 {

    background-position: 20px -433px

}



.ios-page .service-boxes .icon-6 {

    background-position: 20px -545px

}



.ios-page .service-boxes .icon-7 {

    background-position: 20px -648px

}



.ios-page .service-boxes .icon-8 {

    background-position: 20px -752px

}



.ios-page .service-boxes .icon-9 {

    background-position: 20px -864px

}



.reactnative-page .service-boxes span {

    width: 86px;

    height: 86px;

    display: block;

    border-radius: 100%;

    background: url(../../images-2/react-native-sprite.png) no-repeat

}



.reactnative-page .service-boxes .icon-1 {

    background-position: 9px 5px

}



.reactnative-page .service-boxes .icon-2 {

    background-position: 15px -86px

}



.reactnative-page .service-boxes .icon-3 {

    background-position: 10px -187px

}



.reactnative-page .service-boxes .icon-4 {

    background-position: 8px -320px

}



.reactnative-page .service-boxes .icon-5 {

    background-position: 11px -435px

}



.reactnative-page .service-boxes .icon-6 {

    background-position: 10px -544px

}



.flutter-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/flutter-sprite.png) no-repeat

}



.flutter-page .service-boxes .icon-1 {

    background-position: 6px 3px

}



.flutter-page .service-boxes .icon-2 {

    background-position: 13px -88px

}



.flutter-page .service-boxes .icon-3 {

    background-position: 11px -186px

}



.flutter-page .service-boxes .icon-4 {

    background-position: 8px -320px

}



.flutter-page .service-boxes .icon-5 {

    background-position: 12px -435px

}



.flutter-page .service-boxes .icon-6 {

    background-position: 11px -544px

}



.swift-page .banner-sec {

    background: url(../../images-2/swift-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.swift-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #3e6375;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/swit-sprite.png) no-repeat

}



.ionic-page .service-boxes span,

.java-page .service-boxes span {

    width: 86px;

    border: 3px solid #102365;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    height: 86px;

    display: block

}



.swift-page .service-boxes .icon-1 {

    background-position: 17px 5px

}



.swift-page .service-boxes .icon-2 {

    background-position: 12px -88px

}



.swift-page .service-boxes .icon-3 {

    background-position: 13px -185px

}



.swift-page .service-boxes .icon-4 {

    background-position: 9px -320px

}



.swift-page .service-boxes .icon-5 {

    background-position: 16px -435px

}



.swift-page .service-boxes .icon-6 {

    background-position: 10px -542px

}



.ionic-page .benefits-box {

    min-height: 270px

}



.ionic-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/ionic-sprite.png) no-repeat

}



.ionic-page .service-boxes .icon-1 {

    background-position: 5px 4px

}



.ionic-page .service-boxes .icon-2 {

    background-position: 15px -93px

}



.ionic-page .service-boxes .icon-3 {

    background-position: 12px -183px

}



.ionic-page .service-boxes .icon-4 {

    background-position: 9px -320px

}



.ionic-page .service-boxes .icon-5 {

    background-position: 6px -435px

}



.ionic-page .service-boxes .icon-6 {

    background-position: 10px -545px

}



.java-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/java-sprite.png) no-repeat

}



.java-page .service-boxes .icon-1 {

    background-position: 11px 5px

}



.java-page .service-boxes .icon-2 {

    background-position: 19px -83px

}



.java-page .service-boxes .icon-3 {

    background-position: 15px -188px

}



.java-page .service-boxes .icon-4 {

    background-position: 15px -319px

}



.java-page .service-boxes .icon-5 {

    background-position: 15px -430px

}



.java-page .service-boxes .icon-6 {

    background-position: 16px -532px

}



.vaadin-page .banner-sec {

    background: url(../../images-2/vaadin-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.nodejs-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/nodejs-sprite.png) no-repeat

}



.nodejs-page .service-boxes .icon-1 {

    background-position: 11px 0

}



.nodejs-page .service-boxes .icon-2 {

    background-position: 10px -84px

}



.nodejs-page .service-boxes .icon-3 {

    background-position: 15px -191px

}



.nodejs-page .service-boxes .icon-4 {

    background-position: 10px -318px

}



.nodejs-page .service-boxes .icon-5 {

    background-position: 12px -429px

}



.nodejs-page .service-boxes .icon-6 {

    background-position: 12px -532px

}



.vuejs-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/angularjs-sprite.png) no-repeat

}



.angular-page .service-boxes span,

.reactjs-page .service-boxes span {

    border: 3px solid #102365;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    width: 86px;

    height: 86px;

    display: block

}



.vuejs-page .service-boxes .icon-1 {

    background-position: 7px 1px

}



.vuejs-page .service-boxes .icon-2 {

    background-position: 9px -103px

}



.vuejs-page .service-boxes .icon-3 {

    background-position: 13px -208px

}



.vuejs-page .service-boxes .icon-4 {

    background-position: 11px -322px

}



.vuejs-page .service-boxes .icon-5 {

    background-position: 11px -428px

}



.vuejs-page .service-boxes .icon-6 {

    background-position: 10px -543px

}



.vuejs-page .service-boxes .icon-7 {

    background-position: 8px -646px

}



.vuejs-page .service-boxes .icon-8 {

    background-position: 10px -754px

}



.vuejs-page .service-boxes .icon-9 {

    background-position: 12px -866px

}



.angular-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/angularjs-sprite.png) no-repeat

}



.angular-page .service-boxes .icon-1 {

    background-position: 7px 1px

}



.angular-page .service-boxes .icon-2 {

    background-position: 9px -103px

}



.angular-page .service-boxes .icon-3 {

    background-position: 13px -208px

}



.angular-page .service-boxes .icon-4 {

    background-position: 11px -322px

}



.angular-page .service-boxes .icon-5 {

    background-position: 11px -428px

}



.angular-page .service-boxes .icon-6 {

    background-position: 10px -543px

}



.angular-page .service-boxes .icon-7 {

    background-position: 8px -646px

}



.angular-page .service-boxes .icon-8 {

    background-position: 10px -754px

}



.angular-page .service-boxes .icon-9 {

    background-position: 12px -866px

}



.reactjs-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/reactjs-sprite.png) no-repeat

}



.reactjs-page .service-boxes .icon-1 {

    background-position: 7px 1px

}



.reactjs-page .service-boxes .icon-2 {

    background-position: 9px -103px

}



.reactjs-page .service-boxes .icon-3 {

    background-position: 13px -208px

}



.reactjs-page .service-boxes .icon-4 {

    background-position: 11px -322px

}



.reactjs-page .service-boxes .icon-5 {

    background-position: 11px -428px

}



.reactjs-page .service-boxes .icon-6 {

    background-position: 13px -544px

}



.reactjs-page .service-boxes .icon-7 {

    background-position: 14px -643px

}



.reactjs-page .service-boxes .icon-8 {

    background-position: 13px -751px

}



.reactjs-page .service-boxes .icon-9 {

    background-position: 11px -868px

}



.AR-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/ar-sprite.png) no-repeat

}



.AR-page .service-boxes .icon-1 {

    background-position: 20px 1px

}



.AR-page .service-boxes .icon-2 {

    background-position: 20px -103px

}



.AR-page .service-boxes .icon-3 {

    background-position: 20px -209px

}



.AR-page .service-boxes .icon-4 {

    background-position: 20px -320px

}



.AR-page .service-boxes .icon-5 {

    background-position: 20px -433px

}



.AR-page .service-boxes .icon-6 {

    background-position: 20px -545px

}



.AR-page .service-boxes .icon-7 {

    background-position: 20px -648px

}



.AR-page .service-boxes .icon-8 {

    background-position: 20px -752px

}



.AR-page .service-boxes .icon-9 {

    background-position: 20px -864px

}



.meteorjs-page .banner-sec {

    background: url(../../images-2/meteor-js-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.meteorjs-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #00b1a4;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/meteor-sprite.png) no-repeat

}



.meanstack-page .service-boxes span,

.python-page .service-boxes span {

    border: 3px solid #102365;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    width: 86px;

    height: 86px;

    display: block

}



.meteorjs-page .service-boxes .icon-1 {

    background-position: 11px 2px

}



.meteorjs-page .service-boxes .icon-2 {

    background-position: 10px -81px

}



.meteorjs-page .service-boxes .icon-3 {

    background-position: 13px -191px

}



.meteorjs-page .service-boxes .icon-4 {

    background-position: 10px -318px

}



.meteorjs-page .service-boxes .icon-5 {

    background-position: 12px -429px

}



.meteorjs-page .service-boxes .icon-6 {

    background-position: 12px -532px

}



.python-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/python-sprite.png) no-repeat

}



.python-page .service-boxes .icon-1 {

    background-position: 12px 1px

}



.python-page .service-boxes .icon-2 {

    background-position: 12px -105px

}



.python-page .service-boxes .icon-3 {

    background-position: 9px -209px

}



.python-page .service-boxes .icon-4 {

    background-position: 12px -320px

}



.python-page .service-boxes .icon-5 {

    background-position: 9px -435px

}



.python-page .service-boxes .icon-6 {

    background-position: 12px -543px

}



.python-page .service-boxes .icon-7 {

    background-position: 11px -648px

}



.python-page .service-boxes .icon-8 {

    background-position: 8px -754px

}



.python-page .service-boxes .icon-9 {

    background-position: 11px -868px

}



.meanstack-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/MS-sprite.png) no-repeat

}



.meanstack-page .service-boxes .icon-1 {

    background-position: 8px 4px

}



.meanstack-page .service-boxes .icon-2 {

    background-position: 11px -85px

}



.meanstack-page .service-boxes .icon-3 {

    background-position: 9px -187px

}



.meanstack-page .service-boxes .icon-4 {

    background-position: 8px -322px

}



.meanstack-page .service-boxes .icon-5 {

    background-position: 10px -428px

}



.meanstack-page .service-boxes .icon-6 {

    background-position: 16px -532px

}



.frontend-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/front-end-sprite.png) no-repeat

}



.frontend-page .service-boxes .icon-1 {

    background-position: 9px 4px

}



.frontend-page .service-boxes .icon-2 {

    background-position: 9px -81px

}



.frontend-page .service-boxes .icon-3 {

    background-position: 13px -191px

}



.frontend-page .service-boxes .icon-4 {

    background-position: 11px -320px

}



.frontend-page .service-boxes .icon-5 {

    background-position: 12px -429.5px

}



.frontend-page .service-boxes .icon-6 {

    background-position: 8px -534px

}



.drupal-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/drupal-sprite.png) no-repeat

}



.magento-page .service-boxes span,

.sitecore-page .service-boxes span {

    border: 3px solid #102365;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    width: 86px;

    height: 86px;

    display: block

}



.drupal-page .service-boxes .icon-1 {

    background-position: 7px 13px

}



.drupal-page .service-boxes .icon-2 {

    background-position: 10px -85px

}



.drupal-page .service-boxes .icon-3 {

    background-position: 12px -190px

}



.drupal-page .service-boxes .icon-4 {

    background-position: 13px -322px

}



.drupal-page .service-boxes .icon-5 {

    background-position: 5px -430px

}



.drupal-page .service-boxes .icon-6 {

    background-position: 8px -535px

}



.magento-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/devops-sprite.png) no-repeat

}



.magento-page .service-boxes .icon-1 {

    background-position: 14px -6px

}



.magento-page .service-boxes .icon-2 {

    background-position: 10px -135px

}



.magento-page .service-boxes .icon-3 {

    background-position: 12px -263px

}



.magento-page .service-boxes .icon-4 {

    background-position: 9px -400px

}



.magento-page .service-boxes .icon-5 {

    background-position: 10px -564px

}



.magento-page .service-boxes .icon-6 {

    background-position: 12px -690px

}



.sitecore-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/sitecore-sprite.png) no-repeat

}



.sitecore-page .service-boxes .icon-1 {

    background-position: 11px -10px

}



.sitecore-page .service-boxes .icon-2 {

    background-position: 11px -136px

}



.sitecore-page .service-boxes .icon-3 {

    background-position: 11px -266px

}



.sitecore-page .service-boxes .icon-4 {

    background-position: 5px -403px

}



.sitecore-page .service-boxes .icon-5 {

    background-position: 10px -558px

}



.sitecore-page .service-boxes .icon-6 {

    background-position: 10px -687px

}



.sitefinty-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/devops-sprite.png) no-repeat

}



.sitefinty-page .service-boxes .icon-1 {

    background-position: 14px -6px

}



.sitefinty-page .service-boxes .icon-2 {

    background-position: 10px -135px

}



.sitefinty-page .service-boxes .icon-3 {

    background-position: 12px -263px

}



.sitefinty-page .service-boxes .icon-4 {

    background-position: 9px -400px

}



.sitefinty-page .service-boxes .icon-5 {

    background-position: 10px -564px

}



.sitefinty-page .service-boxes .icon-6 {

    background-position: 12px -690px

}



.umbraco-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/devops-sprite.png) no-repeat

}



.software-page .service-boxes i,

.wordpress-page .service-boxes span {

    border: 3px solid #102365;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    width: 86px;

    height: 86px;

    display: block

}



.umbraco-page .service-boxes .icon-1 {

    background-position: 14px -6px

}



.umbraco-page .service-boxes .icon-2 {

    background-position: 10px -135px

}



.umbraco-page .service-boxes .icon-3 {

    background-position: 12px -263px

}



.umbraco-page .service-boxes .icon-4 {

    background-position: 9px -400px

}



.umbraco-page .service-boxes .icon-5 {

    background-position: 10px -564px

}



.umbraco-page .service-boxes .icon-6 {

    background-position: 12px -690px

}



.wordpress-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/wordpressr-sprite.png) no-repeat

}



.wordpress-page .service-boxes .icon-1 {

    background-position: 7px 13px

}



.wordpress-page .service-boxes .icon-2 {

    background-position: 10px -85px

}



.wordpress-page .service-boxes .icon-3 {

    background-position: 12px -190px

}



.wordpress-page .service-boxes .icon-4 {

    background-position: 13px -322px

}



.wordpress-page .service-boxes .icon-5 {

    background-position: 5px -430px

}



.wordpress-page .service-boxes .icon-6 {

    background-position: 10px -535px

}



.software-page .service-boxes i {

    border-radius: 100%;

    background: url(../../images-2/softwear-sprite.png) no-repeat

}



.software-page .service-boxes .icon-1 {

    background-position: 8px 4px

}



.software-page .service-boxes .icon-2 {

    background-position: 5px -92px

}



.software-page .service-boxes .icon-3 {

    background-position: 8px -190px

}



.software-page .service-boxes .icon-4 {

    background-position: 12px -292px

}



.software-page .service-boxes .icon-5 {

    background-position: 12px -397px

}



.software-page .service-boxes .icon-6 {

    background-position: 8px -500px

}



.software-page .service-boxes .icon-7 {

    background-position: 8px -592px

}



.software-page .service-boxes .icon-8 {

    background-position: 8px -688px

}



.software-page .service-boxes .icon-9 {

    background-position: 8px -790px

}



.software-page .service-boxes .icon-10 {

    background-position: 8px -895px

}



.software-page .service-boxes .icon-11 {

    background-position: 8px -1000px

}



.software-page .service-boxes .icon-12 {

    background-position: 8px -1100px

}



.software-page .service-boxes .icon-13 {

    background-position: 8px -1195px

}



.software-page .service-boxes .icon-14 {

    background-position: 8px -1295px

}



.software-page .service-boxes .icon-15 {

    background-position: 10px -1390px

}



.mobile-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/ar-sprite.png) no-repeat

}



.mobile-page .service-boxes .icon-1 {

    background-position: 20px 1px

}



.mobile-page .service-boxes .icon-2 {

    background-position: 20px -103px

}



.mobile-page .service-boxes .icon-3 {

    background-position: 20px -209px

}



.mobile-page .service-boxes .icon-4 {

    background-position: 20px -320px

}



.mobile-page .service-boxes .icon-5 {

    background-position: 20px -433px

}



.mobile-page .service-boxes .icon-6 {

    background-position: 20px -545px

}



.mobile-page .service-boxes .icon-7 {

    background-position: 20px -648px

}



.mobile-page .service-boxes .icon-8 {

    background-position: 20px -752px

}



.mobile-page .service-boxes .icon-9 {

    background-position: 20px -864px

}



.webapp-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/webapp-sprite.png) no-repeat

}



.api-page .service-boxes span,

.erc-page .service-boxes span {

    border: 3px solid #102365;

    width: 86px;

    height: 86px;

    display: block;

    margin: 0 auto 30px;

    transition: all .9s ease 0s

}



.webapp-page .service-boxes li:hover span {

    transform: rotate(360deg)

}



.webapp-page .service-boxes .icon-1 {

    background-position: 11px -8px

}



.webapp-page .service-boxes .icon-2 {

    background-position: 11px -139px

}



.webapp-page .service-boxes .icon-3 {

    background-position: 9px -268px

}



.webapp-page .service-boxes .icon-4 {

    background-position: 11px -400px

}



.webapp-page .service-boxes .icon-5 {

    background-position: 11px -560px

}



.webapp-page .service-boxes .icon-6 {

    background-position: 11px -698px

}



.webapp-page .service-boxes .icon-7 {

    background-position: 11px -837px

}



.webapp-page .service-boxes .icon-8 {

    background-position: 11px -979px

}



.webapp-page .service-boxes .icon-9 {

    background-position: 11px -1136px

}



.webapp-page .service-boxes .icon-10 {

    background-position: 11px -1279px

}



.webapp-page .service-boxes .icon-11 {

    background-position: 11px -1444px

}



.webapp-page .service-boxes .icon-12 {

    background-position: 11px -1594px

}



.api-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/api-sprite.png) no-repeat

}



.api-page .service-boxes .icon-1 {

    background-position: 12px -8px

}



.api-page .service-boxes .icon-2 {

    background-position: 4px -142px

}



.api-page .service-boxes .icon-3 {

    background-position: 10px -268px

}



.api-page .service-boxes .icon-4 {

    background-position: 8px -403px

}



.api-page .service-boxes .icon-5 {

    background-position: 6px -557px

}



.api-page .service-boxes .icon-6 {

    background-position: 12px -690px

}



.erc-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/erc-sprite.png) no-repeat

}



.erc-page .service-boxes .icon-1 {

    background-position: 12px 7px

}



.erc-page .service-boxes .icon-2 {

    background-position: 3px -90px

}



.erc-page .service-boxes .icon-3 {

    background-position: 10px -192px

}



.erc-page .service-boxes .icon-4 {

    background-position: 7px -320px

}



.erc-page .service-boxes .icon-5 {

    background-position: 6px -431px

}



.erc-page .service-boxes .icon-6 {

    background-position: 10px -548px

}



.mernstack-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/mern-sprite.png) no-repeat

}



.mernstack-page .service-boxes .icon-1 {

    background-position: 8px 4px

}



.mernstack-page .service-boxes .icon-2 {

    background-position: 11px -85px

}



.mernstack-page .service-boxes .icon-3 {

    background-position: 9px -187px

}



.mernstack-page .service-boxes .icon-4 {

    background-position: 8px -322px

}



.mernstack-page .service-boxes .icon-5 {

    background-position: 5px -429px

}



.mernstack-page .service-boxes .icon-6 {

    background-position: 9px -530px

}



.objectiveC-page .banner-sec {

    background: url(../../images-2/object-c-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.objectiveC-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #3e6375;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/swit-sprite.png) no-repeat

}



.objectiveC-page .service-boxes .icon-1 {

    background-position: 17px 5px

}



.objectiveC-page .service-boxes .icon-2 {

    background-position: 12px -88px

}



.objectiveC-page .service-boxes .icon-3 {

    background-position: 13px -185px

}



.objectiveC-page .service-boxes .icon-4 {

    background-position: 9px -320px

}



.objectiveC-page .service-boxes .icon-5 {

    background-position: 16px -435px

}



.objectiveC-page .service-boxes .icon-6 {

    background-position: 10px -542px

}



.opencart-page .banner-sec {

    background: url(../../images-2/opencart-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.ecommarce-page .service-boxes span,

.opencart-page .service-boxes span {

    width: 86px;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    height: 86px;

    display: block

}



.opencart-page .service-boxes span {

    border: 3px solid #0728a7;

    border-radius: 100%;

    background: url(../../images-2/devops-sprite.png) no-repeat

}



.opencart-page .service-boxes .icon-1 {

    background-position: 14px -6px

}



.opencart-page .service-boxes .icon-2 {

    background-position: 10px -135px

}



.opencart-page .service-boxes .icon-3 {

    background-position: 12px -263px

}



.opencart-page .service-boxes .icon-4 {

    background-position: 9px -400px

}



.opencart-page .service-boxes .icon-5 {

    background-position: 10px -564px

}



.opencart-page .service-boxes .icon-6 {

    background-position: 12px -690px

}



.ecommarce-page .service-boxes span {

    border: 3px solid #102365;

    border-radius: 100%;

    background: url(../../images-2/hire-cms-sprite.png) no-repeat

}



.ecommarce-page .service-boxes .icon-1 {

    background-position: 11px 1px

}



.ecommarce-page .service-boxes .icon-2 {

    background-position: 10px -104px

}



.ecommarce-page .service-boxes .icon-3 {

    background-position: 12px -209px

}



.ecommarce-page .service-boxes .icon-4 {

    background-position: 10px -320px

}



.ecommarce-page .service-boxes .icon-5 {

    background-position: 10px -428px

}



.ecommarce-page .service-boxes .icon-6 {

    background-position: 12px -541px

}



.ecommarce-page .service-boxes .icon-7 {

    background-position: 6px -648px

}



.ecommarce-page .service-boxes .icon-8 {

    background-position: 9px -754px

}



.ecommarce-page .service-boxes .icon-9 {

    background-position: 8px -868px

}



.wocommerce-page .banner-sec {

    background: url(../../images-2/wocommerce-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.wocommerce-page .models-box .headarea h2 {

    font: 20px/35px mulisemibold, sans-serif

}



.wocommerce-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #0728a7;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/devops-sprite.png) no-repeat

}



.wocommerce-page .service-boxes .icon-1 {

    background-position: 14px -6px

}



.wocommerce-page .service-boxes .icon-2 {

    background-position: 10px -135px

}



.wocommerce-page .service-boxes .icon-3 {

    background-position: 12px -263px

}



.wocommerce-page .service-boxes .icon-4 {

    background-position: 9px -400px

}



.wocommerce-page .service-boxes .icon-5 {

    background-position: 10px -564px

}



.wocommerce-page .service-boxes .icon-6 {

    background-position: 12px -690px

}



.prestashop-page .banner-sec {

    background: url(../../images-2/prestashop-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.prestashop-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #0728a7;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/devops-sprite.png) no-repeat

}



.prestashop-page .service-boxes .icon-1 {

    background-position: 14px -6px

}



.prestashop-page .service-boxes .icon-2 {

    background-position: 10px -135px

}



.prestashop-page .service-boxes .icon-3 {

    background-position: 12px -263px

}



.prestashop-page .service-boxes .icon-4 {

    background-position: 9px -400px

}



.prestashop-page .service-boxes .icon-5 {

    background-position: 10px -564px

}



.prestashop-page .service-boxes .icon-6 {

    background-position: 12px -690px

}



.kentico-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/devops-sprite.png) no-repeat

}



.kentico-page .service-boxes .icon-1 {

    background-position: 14px -6px

}



.kentico-page .service-boxes .icon-2 {

    background-position: 10px -135px

}



.kentico-page .service-boxes .icon-3 {

    background-position: 12px -263px

}



.kentico-page .service-boxes .icon-4 {

    background-position: 9px -400px

}



.kentico-page .service-boxes .icon-5 {

    background-position: 10px -564px

}



.kentico-page .service-boxes .icon-6 {

    background-position: 12px -690px

}



.c-p-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/c-sprite.png) no-repeat

}



.cms-page .service-boxes span,

.html5-page .service-boxes span {

    border: 3px solid #102365;

    width: 86px;

    display: block;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    height: 86px

}



.c-p-page .service-boxes .icon-1 {

    background-position: 20px -8px

}



.c-p-page .service-boxes .icon-2 {

    background-position: 12px -142px

}



.c-p-page .service-boxes .icon-3 {

    background-position: 14px -263px

}



.c-p-page .service-boxes .icon-4 {

    background-position: 11px -403px

}



.c-p-page .service-boxes .icon-5 {

    background-position: 16px -558px

}



.c-p-page .service-boxes .icon-6 {

    background-position: 14px -690px

}



.html5-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/html5-sprite.png) no-repeat

}



.html5-page .service-boxes .icon-1 {

    background-position: 12px -8px

}



.html5-page .service-boxes .icon-2 {

    background-position: 10px -142px

}



.html5-page .service-boxes .icon-3 {

    background-position: 10px -265px

}



.html5-page .service-boxes .icon-4 {

    background-position: 8px -403px

}



.html5-page .service-boxes .icon-5 {

    background-position: 13px -556px

}



.html5-page .service-boxes .icon-6 {

    background-position: 12px -690px

}



.cms-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/hire-cms-sprite.png) no-repeat

}



.cms-page .service-boxes .icon-1 {

    background-position: 11px 1px

}



.cms-page .service-boxes .icon-2 {

    background-position: 10px -104px

}



.cms-page .service-boxes .icon-3 {

    background-position: 12px -209px

}



.cms-page .service-boxes .icon-4 {

    background-position: 10px -320px

}



.cms-page .service-boxes .icon-5 {

    background-position: 10px -428px

}



.cms-page .service-boxes .icon-6 {

    background-position: 12px -541px

}



.cms-page .service-boxes .icon-7 {

    background-position: 6px -648px

}



.cms-page .service-boxes .icon-8 {

    background-position: 9px -754px

}



.cms-page .service-boxes .icon-9 {

    background-position: 8px -868px

}



.hadoop-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/hadoop-sprite.png) no-repeat

}



.hadoop-page .service-boxes .icon-1 {

    background-position: 10px 10px

}



.hadoop-page .service-boxes .icon-2 {

    background-position: 10px -80px

}



.hadoop-page .service-boxes .icon-3 {

    background-position: 5px -190px

}



.hadoop-page .service-boxes .icon-4 {

    background-position: 8px -308px

}



.hadoop-page .service-boxes .icon-5 {

    background-position: 10px -420px

}



.hadoop-page .service-boxes .icon-6 {

    background-position: 10px -525px

}



.ror-page .banner-sec {

    background: url(../../images-2/ror-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.ror-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #0728a7;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/ror-sprite.png) no-repeat

}



.ror-page .service-boxes .icon-1 {

    background-position: 13px -8px

}



.ror-page .service-boxes .icon-2 {

    background-position: 10px -139px

}



.ror-page .service-boxes .icon-3 {

    background-position: 9px -268px

}



.ror-page .service-boxes .icon-4 {

    background-position: 5px -403px

}



.ror-page .service-boxes .icon-5 {

    background-position: 8px -561px

}



.ror-page .service-boxes .icon-6 {

    background-position: 18px -692px

}



.shopify-page .banner-sec {

    background: url(../../images-2/shopify-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.shopify-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #0728a7;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/shopify-sprite.png) no-repeat

}



.shopify-page .service-boxes .icon-1 {

    background-position: 12px 6px

}



.shopify-page .service-boxes .icon-2 {

    background-position: 7px -85px

}



.shopify-page .service-boxes .icon-3 {

    background-position: 12px -190px

}



.shopify-page .service-boxes .icon-4 {

    background-position: 12px -322px

}



.shopify-page .service-boxes .icon-5 {

    background-position: 10px -428px

}



.shopify-page .service-boxes .icon-6 {

    background-position: 7px -534px

}



.devops-page .service-boxes li {

    min-height: 440px

}



.models-box,

.models-box2 {

    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);

    min-height: 750px

}



.devops-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/devops-sprite.png) no-repeat

}



.devops-page .service-boxes .icon-1 {

    background-position: 10px -6px

}



.devops-page .service-boxes .icon-2 {

    background-position: 10px -135px

}



.devops-page .service-boxes .icon-3 {

    background-position: 12px -263px

}



.devops-page .service-boxes .icon-4 {

    background-position: 9px -400px

}



.devops-page .service-boxes .icon-5 {

    background-position: 10px -564px

}



.devops-page .service-boxes .icon-6 {

    background-position: 9px -688px

}



.devops-page .tabing-sec {

    clear: both

}



.devops-page .tabing-sec p {

    font: 18px/28px Poppins;

    color: #000;

    margin: 0 0 25px;

    width: 100%

}



.devops-page .tabing-sec ul {

    list-style: none

}



.devops-page .tabing-sec li {

    display: inline-block;

    vertical-align: top;

    margin: 5px 5px 10px;

    width: 13%;

    border: 1px solid #e1e1e1;

    background: #fff;

    padding: 15px;

    text-align: center

}



.devops-page .tabing-sec h4 {

    font: 16px/24px Poppins;

    color: #b9b9bb;

    text-transform: capitalize

}



.devops-page .tabing-sec li:hover {

    background: #1f3073

}



.devops-page .tabing-sec li:hover h4 {

    color: #fff

}



.devops-page .our-services {

    padding: 20px 0 80px

}



.devops-page .our-services .resp-tabs-list {

    justify-content: center;

    display: flex

}



.devops-page .our-services .resp-tabs-list  {

    padding: 20px 30px;

    color: #4c4c4c;

    font: 18px/24px mulisemibold, sans-serif;

    text-align: center

}



.devops-page .our-services .resp-tabs-list  i {

    background: url(../../images-2/devopstab-sprite.png) no-repeat;

    width: 100px;

    height: 80px;

    display: block;

    margin: 0 auto 10px;

    transition: all .5s ease 0s

}



.devops-page .our-services .resp-tabs-list .icon-1 {

    background-position: 12px -3px

}



.devops-page .our-services .resp-tabs-list  .icon-2 {

    background-position: 15px -171px

}



.devops-page .our-services .resp-tabs-list  .icon-3 {

    background-position: 12px -333px

}



.devops-page .our-services .resp-tabs-list  .icon-4 {

    background-position: 17px -500px

}



.devops-page .our-services .resp-tabs-list  .icon-5 {

    background-position: 8px -639px

}



.devops-page .our-services .resp-tabs-list  .icon-6 {

    background-position: 19px -790px

}



.devops-page .our-services .resp-tabs-list .resp-tab-active {

    background: url(../../images-2/tabbg3.png) no-repeat #232242;

    border: none;

    color: #fff

}



.devops-page .our-services .resp-tabs-list .resp-tab-active .icon-1 {

    background-position: -112px -3px

}



.devops-page .our-services .resp-tabs-list .resp-tab-active .icon-2 {

    background-position: -120px -171px

}



.devops-page .our-services .resp-tabs-list .resp-tab-active .icon-3 {

    background-position: -112px -333px

}



.devops-page .our-services .resp-tabs-list .resp-tab-active .icon-4 {

    background-position: -124px -500px

}



.devops-page .our-services .resp-tabs-list .resp-tab-active .icon-5 {

    background-position: -119px -639px

}



.devops-page .our-services .resp-tabs-list .resp-tab-active .icon-6 {

    background-position: -119px -790px

}



.devops-page .our-services .cloudplatforms {

    clear: both

}



.devops-page .our-services .cloudplatforms li {

    width: 23.6%

}



.devops-page .our-services .cloudplatforms li:hover {

    background: 0 0

}



.devops-page .our-services .cloudplatforms span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/cloudplatforms-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-page .our-services .cloudplatforms .icon1 {

    background-position: -8px 20px

}



.devops-page .our-services .cloudplatforms .icon2 {

    background-position: -8px -170px

}



.devops-page .our-services .cloudplatforms .icon3 {

    background-position: -10px -368px

}



.devops-page .our-services .cloudplatforms .icon4 {

    background-position: -10px -565px

}



.devops-page .our-services .cloudplatforms .icon5 {

    background-position: -10px -775px

}



.devops-page .our-services .cloudplatforms .icon6 {

    background-position: -10px -970px

}



.devops-page .our-services .automation-icon {

    clear: both

}



.devops-page .our-services .automation-icon li {

    width: 23.6%

}



.devops-page .our-services .automation-icon li:hover {

    background: 0 0

}



.devops-page .our-services .automation-icon span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/automation-icon-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-page .our-services .automation-icon .icon1 {

    background-position: -8px 20px

}



.devops-page .our-services .automation-icon .icon2 {

    background-position: -8px -170px

}



.devops-page .our-services .automation-icon .icon3 {

    background-position: -10px -368px

}



.devops-page .our-services .automation-icon .icon4 {

    background-position: -10px -565px

}



.devops-page .our-services .automation-icon .icon5 {

    background-position: -10px -775px

}



.devops-page .our-services .automation-icon .icon6 {

    background-position: -10px -970px

}



.devops-page .our-services .automation-icon .icon7 {

    background-position: -10px -1160px

}



.devops-page .our-services .automation-icon .icon8 {

    background-position: -10px -1330px

}



.devops-page .our-services .automation-icon .icon9 {

    background-position: -10px -1515px

}



.devops-page .our-services .javascript-framework {

    clear: both

}



.devops-page .our-services .javascript-framework li {

    width: 32%

}



.devops-page .our-services .javascript-framework li:hover {

    background: 0 0

}



.devops-page .our-services .javascript-framework span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/javascript-framework-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-page .our-services .javascript-framework .icon1 {

    background-position: -8px 20px

}



.devops-page .our-services .javascript-framework .icon2 {

    background-position: -8px -170px

}



.devops-page .our-services .javascript-framework .icon3 {

    background-position: -10px -368px

}



.devops-page .our-services .javascript-framework .icon4 {

    background-position: -10px -565px

}



.devops-page .our-services .javascript-framework .icon5 {

    background-position: -10px -775px

}



.devops-page .our-services .Monitoring-tabs {

    clear: both

}



.devops-page .our-services .Monitoring-tabs li {

    width: 23.6%

}



.devops-page .our-services .Monitoring-tabs li:hover {

    background: 0 0

}



.devops-page .our-services .Monitoring-tabs span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/Monitoring-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-page .our-services .Monitoring-tabs .icon1 {

    background-position: -8px 20px

}



.devops-page .our-services .Monitoring-tabs .icon2 {

    background-position: -8px -170px

}



.devops-page .our-services .Monitoring-tabs .icon3 {

    background-position: -10px -368px

}



.devops-page .our-services .Monitoring-tabs .icon4 {

    background-position: -10px -565px

}



.devops-page .our-services .Monitoring-tabs .icon5 {

    background-position: -10px -775px

}



.devops-page .our-services .Monitoring-tabs .icon6 {

    background-position: -10px -970px

}



.devops-page .our-services .web-mobile-technologies {

    clear: both

}



.devops-page .our-services .web-mobile-technologies li {

    width: 23.6%

}



.devops-page .our-services .web-mobile-technologies li:hover {

    background: 0 0

}



.devops-page .our-services .web-mobile-technologies span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/web-mobile-technologies-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-page .our-services .web-mobile-technologies .icon1 {

    background-position: -8px 20px

}



.devops-page .our-services .web-mobile-technologies .icon2 {

    background-position: -8px -170px

}



.devops-page .our-services .web-mobile-technologies .icon3 {

    background-position: -10px -368px

}



.devops-page .our-services .web-mobile-technologies .icon4 {

    background-position: -10px -565px

}



.devops-page .our-services .web-mobile-technologies .icon5 {

    background-position: -10px -775px

}



.devops-page .our-services .web-mobile-technologies .icon6 {

    background-position: -10px -980px

}



.devops-page .our-services .web-mobile-technologies .icon7 {

    background-position: -10px -1160px

}



.devops-page .our-services .web-mobile-technologies .icon8 {

    background-position: -10px -1330px

}



.devops-page .our-services .web-mobile-technologies .icon9 {

    background-position: -10px -1515px

}



.devops-page .our-services .web-mobile-technologies .icon10 {

    background-position: -10px -1720px

}



.devops-page .our-services .web-mobile-technologies .icon11 {

    background-position: -10px -1950px

}



.devops-page .our-services .web-mobile-technologies .icon12 {

    background-position: -10px -2145px

}



.devops-page .our-services .database-tabs {

    clear: both

}



.devops-page .our-services .database-tabs li {

    width: 23.6%

}



.devops-page .our-services .database-tabs li:hover {

    background: 0 0

}



.devops-page .our-services .database-tabs span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/database-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-page .our-services .database-tabs .icon1 {

    background-position: -8px 20px

}



.devops-page .our-services .database-tabs .icon2 {

    background-position: -10px -170px

}



.devops-page .our-services .database-tabs .icon3 {

    background-position: -10px -368px

}



.devops-page .our-services .database-tabs .icon4 {

    background-position: -10px -565px

}



.iot-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/iot-sprite.png) no-repeat

}



.flask-page .service-boxes span,

.golang-page .service-boxes span {

    border: 3px solid #102365;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    width: 86px;

    height: 86px;

    display: block

}



.iot-page .service-boxes .icon-1 {

    background-position: 5px 4px

}



.iot-page .service-boxes .icon-2 {

    background-position: 6px -96.8px

}



.iot-page .service-boxes .icon-3 {

    background-position: 13px -205px

}



.iot-page .service-boxes .icon-4 {

    background-position: 16px -320px

}



.iot-page .service-boxes .icon-5 {

    background-position: 10px -433px

}



.iot-page .service-boxes .icon-6 {

    background-position: 10px -545px

}



.golang-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/golang-sprite.png) no-repeat

}



.golang-page .service-boxes .icon-1 {

    background-position: 9px 5px

}



.golang-page .service-boxes .icon-2 {

    background-position: 12px -85px

}



.golang-page .service-boxes .icon-3 {

    background-position: 10px -192px

}



.golang-page .service-boxes .icon-4 {

    background-position: 13px -320px

}



.golang-page .service-boxes .icon-5 {

    background-position: 6px -435px

}



.golang-page .service-boxes .icon-6 {

    background-position: 15px -546px

}



.flask-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/flask-sprite.png) no-repeat

}



.flask-page .service-boxes .icon-1 {

    background-position: 11px 1px

}



.flask-page .service-boxes .icon-2 {

    background-position: 9px -103px

}



.flask-page .service-boxes .icon-3 {

    background-position: 17px -209px

}



.flask-page .service-boxes .icon-4 {

    background-position: 12px -322px

}



.flask-page .service-boxes .icon-5 {

    background-position: 9px -430px

}



.flask-page .service-boxes .icon-6 {

    background-position: 12px -541px

}



.flask-page .service-boxes .icon-7 {

    background-position: 6px -648px

}



.flask-page .service-boxes .icon-8 {

    background-position: 8px -754px

}



.flask-page .service-boxes .icon-9 {

    background-position: 11px -868px

}



.tensorFlow-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/tensor-sprite.png) no-repeat

}



.tensorFlow-page .service-boxes .icon-1 {

    background-position: 5px 4px

}



.tensorFlow-page .service-boxes .icon-2 {

    background-position: 13px -82px

}



.tensorFlow-page .service-boxes .icon-3 {

    background-position: 3px -195px

}



.tensorFlow-page .service-boxes .icon-4 {

    background-position: 8px -315px

}



.tensorFlow-page .service-boxes .icon-5 {

    background-position: 13px -429px

}



.tensorFlow-page .service-boxes .icon-6 {

    background-position: 12px -530px

}



.block_chin_page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/block-sprite.png) no-repeat

}



.chatbot_developer_page .service-boxes span,

.hire_machine_learning_page .service-boxes span {

    border: 3px solid #102365;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    width: 86px;

    height: 86px;

    display: block

}



.block_chin_page .service-boxes .icon-1 {

    background-position: 11px 5px

}



.block_chin_page .service-boxes .icon-2 {

    background-position: 12px -82px

}



.block_chin_page .service-boxes .icon-3 {

    background-position: 8px -189px

}



.block_chin_page .service-boxes .icon-4 {

    background-position: 7.5px -317px

}



.block_chin_page .service-boxes .icon-5 {

    background-position: 10px -436px

}



.block_chin_page .service-boxes .icon-6 {

    background-position: 6px -560px

}



.block_chin_page .service-boxes .icon-7 {

    background-position: 2px -710px

}



.block_chin_page .service-boxes .icon-8 {

    background-position: 5px -858px

}



.block_chin_page .service-boxes .icon-9 {

    background-position: 10px -1020px

}



.block_chin_page .service-boxes .icon-10 {

    background-position: 8px -1193px

}



.block_chin_page .service-boxes .icon-11 {

    background-position: 7px -1350px

}



.block_chin_page .service-boxes .icon-12 {

    background-position: 11px -1520px

}



.hire_machine_learning_page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/ml-sprite.png) no-repeat

}



.hire_machine_learning_page .service-boxes .icon-1 {

    background-position: 11px 5px

}



.hire_machine_learning_page .service-boxes .icon-2 {

    background-position: 12px -82px

}



.hire_machine_learning_page .service-boxes .icon-3 {

    background-position: 8px -200px

}



.hire_machine_learning_page .service-boxes .icon-4 {

    background-position: 10px -317px

}



.hire_machine_learning_page .service-boxes .icon-5 {

    background-position: 10px -436px

}



.hire_machine_learning_page .service-boxes .icon-6 {

    background-position: 4px -538px

}



.chatbot_developer_page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/chatbot-sprite.png) no-repeat

}



.chatbot_developer_page .service-boxes .icon-1 {

    background-position: 8px 4px

}



.chatbot_developer_page .service-boxes .icon-2 {

    background-position: 12px -82px

}



.chatbot_developer_page .service-boxes .icon-3 {

    background-position: 5px -195px

}



.chatbot_developer_page .service-boxes .icon-4 {

    background-position: 10px -319px

}



.chatbot_developer_page .service-boxes .icon-5 {

    background-position: 10px -426px

}



.chatbot_developer_page .service-boxes .icon-6 {

    background-position: 10px -532px

}



.hire_ethereum_page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/ethereum-sprite.png) no-repeat

}



.hire_ethereum_page .service-boxes .icon-1 {

    background-position: 11px 4px

}



.hire_ethereum_page .service-boxes .icon-2 {

    background-position: 11px -81px

}



.hire_ethereum_page .service-boxes .icon-3 {

    background-position: 7px -190px

}



.hire_ethereum_page .service-boxes .icon-4 {

    background-position: 11px -319px

}



.hire_ethereum_page .service-boxes .icon-5 {

    background-position: 10px -426px

}



.hire_ethereum_page .service-boxes .icon-6 {

    background-position: 10px -528px

}



.hyperladgre_page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/hyperledger-sprite.png) no-repeat

}



.smart_cont_page .service-boxes span,

.solidity-page .service-boxes span {

    border: 3px solid #102365;

    width: 86px;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    height: 86px;

    display: block

}



.hyperladgre_page .service-boxes .icon-1 {

    background-position: 7px 7px

}



.hyperladgre_page .service-boxes .icon-2 {

    background-position: 2px -89px

}



.hyperladgre_page .service-boxes .icon-3 {

    background-position: 11px -190px

}



.hyperladgre_page .service-boxes .icon-4 {

    background-position: 10px -320px

}



.hyperladgre_page .service-boxes .icon-5 {

    background-position: 9px -431px

}



.hyperladgre_page .service-boxes .icon-6 {

    background-position: 12px -547px

}



.smart_cont_page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/hyperledger-sprite.png) no-repeat

}



.smart_cont_page .service-boxes .icon-1 {

    background-position: 7px 7px

}



.smart_cont_page .service-boxes .icon-2 {

    background-position: 2px -89px

}



.smart_cont_page .service-boxes .icon-3 {

    background-position: 11px -190px

}



.smart_cont_page .service-boxes .icon-4 {

    background-position: 10px -320px

}



.smart_cont_page .service-boxes .icon-5 {

    background-position: 9px -431px

}



.smart_cont_page .service-boxes .icon-6 {

    background-position: 12px -547px

}



.solidity-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/solidity-sprite.png) no-repeat

}



.solidity-page .service-boxes .icon-1 {

    background-position: 10px 2px

}



.solidity-page .service-boxes .icon-2 {

    background-position: 12px -82px

}



.solidity-page .service-boxes .icon-3 {

    background-position: 13px -190px

}



.solidity-page .service-boxes .icon-4 {

    background-position: 13px -313px

}



.solidity-page .service-boxes .icon-5 {

    background-position: 13px -430px

}



.solidity-page .service-boxes .icon-6 {

    background-position: 13px -528px

}



.ico-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/ico-sprite.png) no-repeat

}



.ico-page .service-boxes .icon-1 {

    background-position: 13px 2px

}



.ico-page .service-boxes .icon-2 {

    background-position: 15px -85px

}



.ico-page .service-boxes .icon-3 {

    background-position: 13px -190px

}



.ico-page .service-boxes .icon-4 {

    background-position: 19px -315px

}



.ico-page .service-boxes .icon-5 {

    background-position: 13px -430px

}



.ico-page .service-boxes .icon-6 {

    background-position: 13px -528px

}



.qa-page .banner-sec {

    background: url(../../images-2/qa-banner.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.qa-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #0728a7;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/qa-sprite.png) no-repeat

}



.qa-page .service-boxes .icon-1 {

    background-position: 15px 0

}



.qa-page .service-boxes .icon-2 {

    background-position: 12px -83px

}



.qa-page .service-boxes .icon-3 {

    background-position: 11px -188px

}



.qa-page .service-boxes .icon-4 {

    background-position: 15px -318px

}



.qa-page .service-boxes .icon-5 {

    background-position: 13px -430px

}



.qa-page .service-boxes .icon-6 {

    background-position: 16px -530px

}



.cryptocurrency-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/cryptocurrency-sprite.png) no-repeat

}



.multichain-page .service-boxes span,

.stellar-page .service-boxes span {

    border: 3px solid #102365;

    width: 86px;

    height: 86px;

    display: block;

    margin: 0 auto 30px;

    transition: all .9s ease 0s

}



.cryptocurrency-page .service-boxes .icon-1 {

    background-position: 11px 5px

}



.cryptocurrency-page .service-boxes .icon-2 {

    background-position: 14px -80px

}



.cryptocurrency-page .service-boxes .icon-3 {

    background-position: 13px -190px

}



.cryptocurrency-page .service-boxes .icon-4 {

    background-position: 11px -317px

}



.cryptocurrency-page .service-boxes .icon-5 {

    background-position: 9px -430px

}



.cryptocurrency-page .service-boxes .icon-6 {

    background-position: 11px -530px

}



.cryptocurrency-page .models-box .headarea h2 {

    font: 22px/35px mulisemibold, sans-serif

}



.stellar-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/stellar-sprite.png) no-repeat

}



.stellar-page .service-boxes .icon-1 {

    background-position: 11px 5px

}



.stellar-page .service-boxes .icon-2 {

    background-position: 12px -82px

}



.stellar-page .service-boxes .icon-3 {

    background-position: 8px -189px

}



.stellar-page .service-boxes .icon-4 {

    background-position: 12px -317px

}



.stellar-page .service-boxes .icon-5 {

    background-position: 9px -430px

}



.stellar-page .service-boxes .icon-6 {

    background-position: 11px -530px

}



.multichain-page .service-boxes span {

    border-radius: 100%;

    background: url(../../images-2/multichain-sprite.png) no-repeat

}



.multichain-page .service-boxes .icon-1 {

    background-position: 11px 5px

}



.multichain-page .service-boxes .icon-2 {

    background-position: 12px -82px

}



.multichain-page .service-boxes .icon-3 {

    background-position: 8px -189px

}



.multichain-page .service-boxes .icon-4 {

    background-position: 12px -317px

}



.multichain-page .service-boxes .icon-5 {

    background-position: 9px -430px

}



.multichain-page .service-boxes .icon-6 {

    background-position: 11px -530px

}



.kotlin-page .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #102365;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/kotlin-sprite.png) no-repeat

}



.kotlin-page .service-boxes .icon-1 {

    background-position: 10px 3px

}



.kotlin-page .service-boxes .icon-2 {

    background-position: 10px -84px

}



.kotlin-page .service-boxes .icon-3 {

    background-position: 7px -184px

}



.kotlin-page .service-boxes .icon-4 {

    background-position: 11px -288px

}



.kotlin-page .service-boxes .icon-5 {

    background-position: 9px -385px

}



.kotlin-page .service-boxes .icon-6 {

    background-position: 11px -513px

}



.heading-sec {

    clear: both;

    text-align: center;

    margin: 0 0 60px;

    width: 100%

}



.heading-sec h2 {

    font: 38px/42px mulibold, sans-serif;

    color: #0a1d3e;

    text-transform: capitalize;

    margin: 5% 0 1.5% 15px

}



.heading-sec strong {

    font-weight: 900

}



.heading-sec p {

    font: 20px/30px Poppins;

    color: #393939

}



.hiring-models {

    background: #fff;

    padding: 75px 0

}



.models-box {

    background: #fff

}



.models-box .headarea {

    background: #f9fafc;

    padding: 30px 45px;

    width: 100%;

    clear: both;

    overflow: hidden

}



.models-box .headarea h2 {

    float: left;

    text-transform: capitalize;

    font: 24px/35px mulisemibold, sans-serif;

    color: #393939;

    margin: 20px 0 0

}



.models-box .text li,

.models-box .text p {

    font: 16px/28px Poppins;

    color: #4c4c4c

}



.models-box .headarea .icon,

.models-box .headarea i {

    width: 139px;

    height: 139px;

    border-radius: 100%;

    margin: 0 40px 0 0;

    transition: all .5s ease 0s;

    float: left

}



.models-box .headarea .icon {

    background: #0728a7

}



.models-box .headarea i {

    background: url(../../images-2/model-sprite.png) no-repeat #0728a7

}



.models-box .headarea .icon-1 {

    background-position: 20px 30px

}



.models-box .headarea .icon-2 {

    background-position: 27px -105px

}



.models-box .text {

    padding: 55px

}



.models-box .text p {

    margin: 0 0 50px

}



.models-box .text ul {

    list-style: none;

    border-left: 1px dashed #dee1e6;

    padding: 0 0 0 35px;

    position: relative

}



.models-box .text ul:after {

    content: '';

    height: 10px;

    width: 5px;

    background: #fff;

    left: -2px;

    position: absolute;

    bottom: -5px

}



.models-box .btline:after,

.models-box2 .btline:after {

    display: block;

    bottom: -20px;

    content: ''

}



.models-box .text li {

    margin: 0 0 30px;

    position: relative

}



.models-box .text li:last-child {

    margin: 0

}



.models-box .text li:before {

    content: '';

    background: url(../../images-2/check-icon.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -50px;

    top: 0

}



.models-box .btline {

    position: relative

}



.models-box .btline:after {

    background: #fff;

    width: 5px;

    height: 50px;

    position: absolute;

    left: -1px

}



.models-box2 {

    background: #fff

}



.models-box2 .headarea {

    background: #f9fafc;

    padding: 30px 40px;

    width: 100%;

    clear: both;

    overflow: hidden

}



.models-box2 .headarea h2 {

    float: left;

    text-transform: capitalize;

    font: 24px/35px mulisemibold, sans-serif;

    color: #393939;

    margin: 10px 0 0

}



.models-box2 .text p,

.models-box2 .text ul li {

    font: 16px/28px Poppins;

    color: #4c4c4c

}



.models-box2 .headarea i {

    width: 93px;

    height: 93px;

    border: 2px solid #a3a3a3;

    transition: all .5s ease 0s;

    background: url(../../images-2/hiring-sprite2.png) no-repeat;

    border-radius: 100%;

    float: left;

    margin: 0 40px 0 0

}



.models-box2 .headarea .icon-1 {

    background-position: 13px 1px

}



.models-box2 .headarea .icon-2 {

    background-position: 13px -153px

}



.models-box2 .headarea .icon-3 {

    background-position: 13px -306px

}



.models-box2 .text {

    padding: 25px

}



.models-box2 .text p {

    margin: 0 0 30px

}



.models-box2 .text ul {

    list-style: none;

    border-left: 1px dashed #dee1e6;

    padding: 0 0 0 27px;

    position: relative;

    margin: 0 0 0 8px

}



.models-box2 .text ul li {

    margin: 0 0 30px;

    position: relative

}



.models-box2 .text ul li:last-child {

    margin: 0

}



.models-box2 .text ul li:before {

    content: '';

    background: url(../../images-2/check-icon.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -43px;

    top: 0

}



.models-box2 .btline {

    position: relative

}



.models-box2 .btline:after {

    background: #fff;

    width: 5px;

    height: 46px;

    position: absolute;

    left: -1px

}



.experience-area {

    padding: 55px 0 65px;

    background: url(../../images-2/experience-bg.jpg) no-repeat fixed;

    background-size: cover

}



.experience-area ul {

    list-style: none

}



.experience-area li {

    padding: 0 25px;

    display: inline-block;

    vertical-align: top;

    position: relative

}



.experience-area li:first-child:before {

    display: none

}



.experience-area li:before {

    width: 2px;

    height: 130px;

    position: absolute;

    left: 0;

    top: 2px;

    content: '';

    display: block;

    background: -moz-linear-gradient(top, rgba(30, 87, 153, 0) 0, #e0e3ea 35%, #e0e3ea 50%, #e0e3ea 66%, #dde2ea 67%, rgba(125, 185, 232, 0) 100%);

    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0) 0, #e0e3ea 35%, #e0e3ea 50%, #e0e3ea 66%, #dde2ea 67%, rgba(125, 185, 232, 0) 100%);

    background: linear-gradient(to bottom, rgba(30, 87, 153, 0) 0, #e0e3ea 35%, #e0e3ea 50%, #e0e3ea 66%, #dde2ea 67%, rgba(125, 185, 232, 0) 100%)

}



.experience-area span {

    font: 50px/70px mulibold, sans-serif;

    display: inline-block;

    color: #000

}



.experience-area p {

    font: 18px/35px Poppins;

    color: #444;

    text-transform: capitalize

}



.backnone .experience-area {

    background: 0 0

}



.backnone .experience-area p,

.backnone .experience-area span {

    color: #fff

}



.why-choose-sec {

    padding: 75px 0;

    background: #0728a7

}



.why-choose-sec .yel-button {

    border: 1px solid #ffbc00;

    color: #ffbc00

}



.why-choose-sec .yel-button:hover {

    border: 1px solid #60b741;

    color: #60b741

}



.why-box {

    width: 85%;

    text-align: left;

    margin: 0 0 50px;

    transition: all .5s ease 0s

}



.why-box small,

.why-box span {

    width: 88px;

    height: 88px;

    margin: 0 0 30px;

    transition: all .9s ease 0s

}



.why-box span {

    display: block;

    border-radius: 100%

}



.why-box small {

    border: 3px solid #fff;

    display: block;

    border-radius: 100%;

    background: url(../../images-2/choose-sprite.png) no-repeat

}



.sample-box .text h3:after,

.why-box h3:after {

    width: 110px;

    height: 2px;

    display: block;

    content: '';

    left: 0

}



.blimg img,

.relared-sec li,

.sample-box img {

    transition: all .5s ease 0s

}



.why-box .icon-1 {

    background-position: -3px -4px

}



.why-box .icon-2 {

    background-position: -6px -100px

}



.why-box .icon-3 {

    background-position: -3px -190px

}



.why-box .icon-4 {

    background-position: -3px -287px

}



.why-box .icon-5 {

    background-position: -3px -380px

}



.why-box .icon-6 {

    background-position: -6px -485px

}



.why-box h3 {

    font: 18px/28px mulisemibold, sans-serif;

    text-transform: capitalize;

    color: #fff;

    position: relative;

    margin: 0 0 25px

}



.why-box h3:after {

    background: #ffbc00;

    position: absolute;

    bottom: -8px

}



.why-box p {

    font: 16px/28px Poppins;

    color: #fff

}



.blogbox:hover img,

.sample-box:hover img {

    opacity: .7;

    transform: scale(1.1)

}



.our-samples {

    background: #f4f7f6;

    padding: 75px 0;

    overflow: hidden

}



.sample-box {

    min-height: 358px;

    margin: 0 0 30px;

    position: relative;

    background: #000;

    overflow: hidden

}



.sample-box2,

.sample-box2 img {

    min-height: 747px

}



.sample-box .text {

    position: absolute;

    bottom: 0;

    padding: 20px;

    overflow: hidden;

    z-index: 99

}



.sample-box .text h3 {

    font: 18px/28px mulisemibold, sans-serif;

    text-transform: capitalize;

    color: #fff;

    position: relative;

    margin: 0 0 25px

}



.sample-box .text h3:after {

    background: #ffbc00;

    position: absolute;

    bottom: -8px

}



.sample-box .text p {

    font: 16px/28px Poppins;

    color: #fff;

    margin: 0 0 10px

}



.sample-box2 img {

    object-fit: cover;

    width: 100%;

    height: 100%;

    margin: 0

}



.other-related {

    padding: 75px 0;

    clear: both;

    overflow: hidden

}



.other-related .heading-sec {

    margin: 0 0 30px

}



.relared-sec {

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

    padding: 20px 0 0

}



.relared-sec ul {

    list-style: none

}



.relared-sec li {

    width: 25%;

    text-align: center;

    float: left;

    display: block;

    border-left: 1px solid #e9ecef;

    border-bottom: 2px solid #fff;

    padding: 0 0 30px

}



.blockchain-related li i,

.relared-sec li i,

.relared-sec li span {

    width: 95px;

    height: 95px;

    margin: 0 auto;

    text-align: center

}



.relared-sec li span {

    display: block

}



.relared-sec li span img {

    float: none;

    display: inherit;

    margin: 0 auto

}



.relared-sec li i {

    display: block;

    background: url(../../images-2/related-sprite.png) no-repeat

}



.relared-sec li .icon-1 {

    background-position: 25px 20px

}



.relared-sec li .icon-2 {

    background-position: 25px -135px

}



.relared-sec li .icon-3 {

    background-position: 18px -300px

}



.relared-sec li .icon-4 {

    background-position: 13px -460px

}



.relared-sec li .icon-5 {

    background-position: 15px -605px

}



.relared-sec li .icon-6 {

    background-position: 17px -780px

}



.relared-sec li .icon-8 {

    background-position: 13px -1090px

}



.relared-sec li .icon-9 {

    background-position: 13px -1260px

}



.relared-sec li .icon-10 {

    background-position: 18px -1440px

}



.relared-sec li .icon-11 {

    background-position: 0 -1600px

}



.relared-sec li a {

    font: 16px/28px mulisemibold, sans-serif;

    color: #4c4c4c;

    display: block

}



.relared-sec li a:hover {

    text-decoration: none

}



.relared-sec li:first-child {

    border-left: none

}



.relared-sec li:hover {

    border-bottom: 2px solid #0728a7

}



.relared-sec li .yelbor-bt {

    font: 14px/20px Poppins;

    text-transform: capitalize;

    border: 1px solid #ffbc00 !important

}



.relared-sec li:hover .yelbor-bt {

    border: 1px solid #1e3e99 !important;

    color: #1e3e99 !important

}



.blockchain-related li i {

    display: block;

    background: url(../../images-2/related-blockchain.png) no-repeat

}



.blockchain-related li .icon-1 {

    background-position: 22px 20px

}



.blockchain-related li .icon-2 {

    background-position: 22px -85px

}



.blockchain-related li .icon-3 {

    background-position: 18px -218px

}



.blockchain-related li .icon-4 {

    background-position: 21px -365px

}



.blockchain-related li .icon-5 {

    background-position: 25px -515px

}



.blockchain-related li .icon-6 {

    background-position: 18px -668px

}



.blockchain-related li .icon-7 {

    background-position: 10px -830px

}



.blockchain-related li .icon-8 {

    background-position: 10px -1000px

}



.blockchain-related li .icon-9 {

    background-position: 20px -1160px

}



.blockchain-related li .icon-10 {

    background-position: 20px -1310px

}



.faq-sec {

    padding: 75px 0;

    background: #f3f5fa

}



.faq-sec .heading-sec {

    margin: 0 0 20px

}



.faq-sec .white-clr {

    color: #000 !important

}



.faq {

    clear: both;

    margin: 0

}



.rlAccordion .text p {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    padding: 0 0 30px 30px;

    clear: both

}



.rlAccordion>h3 {

    color: #4c4c4c;

    font: 20px/70px mulisemibold, sans-serif;

    padding: 0 0 0 30px;

    border: 1px solid #c9cacd;

    margin: 10px auto 0;

    cursor: pointer;

    clear: both

}



.rlAccordion>h3>span {

    float: right;

    height: 50px;

    line-height: 68px;

    padding: 0;

    width: 50px;

    text-align: center;

    margin: 0;

    font-size: 27px

}



.rlAccordion>h3+div.text {

    display: none;

    text-align: justify;

    padding: 0 130px 0 0;

    border: 1px solid #c9cacd;

    border-top: none

}



.rlAccordion>h3+div.text p {

    margin-bottom: 0

}



.rlAccordion>h3>.rl-close,

.rlAccordion>h3>span {

    color: #b0b0b0

}



.rlAccordion>h3+div.opened {

    position: relative

}



.rlAccordion>h3+div.opened:before {

    height: 2px;

    width: 100%;

    position: absolute;

    top: -2px;

    background: #f3f5fa;

    content: ''

}



.our-blogsec {

    padding: 75px 0;

    clear: both

}



.blogbox {

    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    background: #fff;

    padding: 10px;

    overflow: hidden;

    margin: 10px 0

}



.blimg {

    margin: 0 0 20px;

    overflow: hidden;

    background: #000

}



.blimg img {

    width: 100%;

    height: 200px;

    object-fit: cover

}



.bltext {

    padding: 20px 20px 40px;

    overflow: hidden

}



.bltext h3 {

    font: 18px/28px mulisemibold, sans-serif;

    text-transform: capitalize;

    color: #393939;

    position: relative;

    margin: 0 0 25px

}



.bltext h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}

.backnone {display:none !important;}

.bltext p {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    margin: 0 0 20px

}



.bltext a {

    font: 18px/24px mulisemibold, sans-serif;

    color: #444 !important;

    float: right

}



.bltext a:hover {

    color: #60b741;

    text-decoration: none

}



.our-blogsec .slick-prev {

    position: absolute;

    left: -35px;

    top: 37%;

    z-index: 99;

    font-size: 0

}



.our-blogsec .slick-prev:before {

    content: '\f104';

    font-family: FontAwesome;

    font-size: 90px;

    color: #e4e5e9

}



.our-blogsec .slick-next {

    position: absolute;

    right: -35px;

    top: 37%;

    z-index: 99;

    font-size: 0

}



.our-blogsec .slick-next:before {

    content: '\f105';

    font-family: FontAwesome;

    font-size: 90px;

    color: #e4e5e9

}



.our-blogsec .slick-dots {

    display: none !important;

    text-align: center

}



.our-blogsec .slick-dots li {

    width: 10px;

    height: 10px;

    background: #ccc;

    border-radius: 100%;

    display: inline-block;

    font-size: 0;

    margin: 0 2px

}



.our-blogsec .slick-dots .slick-active {

    background: #3367d6

}



.getin-touch {

    background: url(../../images-2/vector-bg3.jpg) no-repeat;

    background-size: cover;

    overflow: hidden

}



.getin-touch .contact-form .heading-sec {

    padding: 0 0 30px;

    margin: 0

}



.getin-touch .contact-form .heading-sec h2 {

    margin: 0;

    color: #031b4e

}



.getin-touch .contact-form input,

.getin-touch .contact-form select {

    background: 0 0;

    margin: 0 0 20px;

    height: 60px;

    border: 1px solid #8e8f8f;

    position: relative;

    width: 100%;

    font: 16px/24px Poppins

}



.getin-touch .contact-form .heading-sec p {

    color: #031b4e

}



.getin-touch .contact-form form {

    clear: both

}



.getin-touch .contact-form input {

    color: #4c4c4c;

    padding: 20px 0 20px 50px

}



.getin-touch .contact-form select {

    color: #4c4c4c;

    padding: 15px 0 20px 50px

}



.getin-touch .contact-form option {

    color: #4c4c4c

}



.getin-touch .contact-form #user-budget {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    width: 100%;

    text-indent: inherit

}



.getin-touch .contact-form .arrow {

    cursor: pointer;

    height: 10px;

    width: 15px;

    position: absolute;

    right: 20px;

    top: 15px;

    background: url(../../images-2/arrow.png) no-repeat;

    z-index: 9

}



.getin-touch .contact-form textarea {

    font: 16px/24px Poppins;

    background: 0 0;

    border: none;

    margin: 0;

    color: #4c4c4c;

    width: 100%;

    height: 205px;

    padding: 15px 0 0 35px;

    position: relative;

    opacity: none

}



.getin-touch .contact-form .budget:before,

.getin-touch .contact-form .call:before,

.getin-touch .contact-form .email:before,

.getin-touch .contact-form .name:before {

    color: #585858;

    width: 50px;

    top: .8em;

    font-size: 20px;

    font-family: FontAwesome;

    left: 20px;

    z-index: 9

}



.getin-touch .contact-form .text-area {

    border: 1px solid #8e8f8f;

    position: relative;

    clear: both

}



.getin-touch .contact-form .name {

    position: relative

}



.getin-touch .contact-form .name:before {

    content: '\f007';

    position: absolute

}



.getin-touch .contact-form .call {

    position: relative

}



.getin-touch .contact-form .call:before {

    content: '\f095';

    position: absolute

}



.getin-touch .contact-form .email {

    position: relative

}



.getin-touch .contact-form .email:before {

    content: '\f0e0';

    position: absolute

}



.getin-touch .contact-form .budget {

    position: relative

}



.getin-touch .contact-form .budget:before {

    content: '\f155';

    position: absolute

}



.getin-touch .contact-form .upload-sec {

    width: 100%;

    background: #e0e2e2;

    padding: 15px 25px;

    overflow: hidden;

    position: relative

}



.getin-touch .contact-form .upload-sec:before {

    content: '\f0c1';

    z-index: 9;

    font-family: FontAwesome;

    color: #000;

    left: 20px;

    top: 32px;

    position: absolute;

    float: left

}



.getin-touch .contact-form .upload-sec ul {

    background: #fff;

    border: 1px solid #8e8f8f;

    float: left;

    width: 55%;

    padding: 0;

    margin: 0 0 0 25px;

    position: relative

}



.getin-touch .contact-form .upload-sec ul:before {

    content: '';

    background: url(../../images-2/arow-icon.png) no-repeat;

    width: 7px;

    height: 17px;

    left: -7px;

    top: 15px;

    position: absolute;

    z-index: 9

}



.getin-touch .contact-form .upload-sec li {

    display: inline-block;

    vertical-align: top

}



.getin-touch .contact-form .upload-sec li a {

    font: 12px/18px Poppins;

    padding: 15px;

    color: #000;

    display: block;

    position: relative

}



.getin-touch .contact-form .upload-sec li a:hover {

    text-decoration: none;

    color: #60b741

}



.getin-touch .contact-form .upload-sec li a:after {

    content: '|';

    font-size: 12px;

    color: #000;

    position: absolute;

    right: 0;

    top: 15px

}



.getin-touch .contact-form .upload-sec li:last-child {

    font: 12px/18px Poppins;

    border: 1px dashed #000;

    padding: 8px 30px;

    display: inline-block;

    margin: 6px 0 0 30px

}



.getin-touch .contact-form .yel-button {

    font: 18px/20px mulisemibold, sans-serif

}



.footer-sec {

    background: #151a1f;

    padding: 77px 0 0

}



.footer-sec h3 {

    font: 18px/28px mulisemibold, sans-serif;

    letter-spacing: .15px;

    text-transform: capitalize;

    color: #fff;

    position: relative;

    margin: 0 0 25px

}



.footer-sec h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.footer-sec .address-box {

    padding: 0 0 0 15%

}



.footer-sec .address-box p {

    font: 14px/24px Poppins;

    color: #fff;

    margin: 0 0 20px

}



.footer-sec .address-box p a {

    color: #fff

}



.footer-sec .address-box p a:hover {

    color: #ffbc00;

    text-decoration: none

}



.footer-sec .out-part {

    margin: 50px 0 0

}



.footer-sec .out-part p {

    width: 40%;

    margin: 0 30px 0 0;

    padding: 0 30px 0 0;

    display: inline-block;

    vertical-align: top;

    border-right: 1px solid #616369

}



.footer-sec .out-part p:last-child {

    border-right: none !important

}



.footer-sec .social-media {

    clear: both;

    margin: 60px 0 0

}



.footer-sec .social-media ul {

    list-style: none

}



.footer-sec .social-media li {

    width: 40px;

    height: 40px;

    overflow: hidden;

    margin: 0 10px 0 0;

    font-size: 22px;

    border: 1px solid #fff;

    border-radius: 100%;

    line-height: 37px;

    display: inline-block;

    text-align: center

}



.footer-sec .social-media li a {

    display: block;

    color: #fff

}



.footer-sec .social-media li a:hover {

    background: #ffbc00;

    color: #fff

}



.footer-sec .links {

    clear: both;

    margin: 20px 0 0

}



.footer-sec .links ul {

    list-style: none

}



.footer-sec .links li {

    display: inline-block;

    padding: 0 4px;

    position: relative

}



.footer-sec .links li:before {

    content: '|';

    font-size: 14px;

    position: absolute;

    left: -3px;

    top: 1px;

    display: block;

    color: #fff

}



.footer-sec .links li:first-child:before {

    display: none;

    padding: 0 7px 0 0

}



.footer-sec .links li a {

    font: 12px/24px Poppins;

    color: #fff

}



.footer-sec .links li a:hover {

    text-decoration: none;

    color: #ffbc00

}



.footer-sec .fotlink {

    padding: 0 10% 0 0

}



.footer-sec .fotlink ul {

    list-style: none;

    margin: 0 0 30px

}



.footer-sec .fotlink li {

    clear: both;

    margin: 0 0 8px;

    display: block

}



.footer-sec .fotlink li a {

    font: 14px/24px Poppins;

    color: #fff;

    display: block

}



.footer-sec .fotlink li a:hover {

    text-decoration: none;

    color: #ffbc00

}



.copyright-sec {

    background: #f0f0f0;

    padding: 10px 0;

    margin: 40px 0 0;

    overflow: hidden;

    clear: both

}



.copyright-sec p {

    font: 14px/36px Poppins;

    color: #333

}



.testimonials-sec {

    padding: 75px 0;

    overflow: hidden;

    background: #fff

}



.testimonials-sec .boxheight-1 {

    min-height: 430px

}



.testimonials-sec .boxheight-2 {

    min-height: 305px

}



.testimonials-sec .heading-sec {

    text-align: center

}



.review-box {

    width: 100%;

    min-height: 407px;

    padding: 40px 50px 80px 40px;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    position: relative;

    margin: 60px 0 20px

}



.review-box .dpsec {

    background: url(../../images-2/dpsprite.jpg) no-repeat;

    background-size: 100%;

    display: block;

    width: 105px;

    height: 105px;

    border-radius: 100%;

    overflow: hidden;

    position: absolute;

    right: 50px;

    top: -55px

}



.review-box p {

    position: relative;

    font: 16px/28px Poppins;

    color: #4c4c4c;

    margin: 35px 0 0

}



.review-box p:before {

    content: '\f10d';

    font-family: FontAwesome;

    color: #0728a7;

    font-size: 24px;

    position: absolute;

    left: 0;

    top: -40px

}



.review-box h4 {

    position: relative;

    font: 16px/16px Poppins;

    color: #000;

    margin: 10px 0 0;

    float: right

}



.review-box small {

    position: relative;

    font: 12px/25px Poppins;

    color: #444;

    margin: 0;

    width: 100%;

    text-align: right;

    float: right;

    display: block

}



.review-box h4:before {

    content: '';

    position: absolute;

    left: -20px;

    top: 6px;

    background: #ffbc00;

    width: 15px;

    height: 2px;

    display: block

}



.review-box .dp3 {

    background-position: 0 -212px

}



.review-box .dp4 {

    background-position: 0 -318px

}



.review-box .dp5 {

    background-position: 0 -425px

}



.review-box .dp6 {

    background-position: 0 -530px

}



.review-box .dp7 {

    background-position: 0 -636px

}



.review-box .dp8 {

    background-position: 0 -742px

}



.review-box .dp9 {

    background-position: 0 -850px

}



.review-box .dp10 {

    background-position: 0 -955px

}



.testimonials-sec .slick-prev {

    position: absolute;

    left: -35px;

    top: 37%;

    z-index: 99;

    font-size: 0;

    border: none

}



.testimonials-sec .slick-prev:before {

    content: '\f104';

    font-family: FontAwesome;

    font-size: 90px;

    color: #e4e5e9

}



.testimonials-sec .slick-next {

    position: absolute;

    right: -35px;

    top: 37%;

    z-index: 99;

    font-size: 0;

    border: none

}



.testimonials-sec .slick-next:before {

    content: '\f105';

    font-family: FontAwesome;

    font-size: 90px;

    color: #e4e5e9

}



.testimonials-sec .slick-dots {

    display: none !important;

    text-align: center

}



.testimonials-sec .slick-dots li {

    width: 10px;

    border: none;

    height: 10px;

    background: #ccc;

    border-radius: 100%;

    display: inline-block;

    font-size: 0;

    margin: 0 2px

}



.testimonials-sec .slick-dots li button {

    border: none

}



.testimonials-sec .slick-dots .slick-active {

    background: #3367d6

}



.contenttext {

    clear: both;

    text-align: left

}



.contenttext p {

    font: 18px/30px Poppins;

    color: #4c4c4c;

    margin: 0 0 25px

}



.contenttext ul {

    list-style: none;

    margin: 0 0 0 30px

}



.contenttext li:before {

    content: '\f00c';

    font-size: 18px;

    font-family: FontAwesome;

    color: #0728a7;

    float: left;

    margin: 0 0 0 -28px

}



.contenttext li {

    font: 18px/30px Poppins;

    color: #4c4c4c;

    margin: 0 0 25px

}



.contenttext h3 {

    font: 24px/28px mulisemibold, sans-serif;

    letter-spacing: -.1px;

    text-transform: capitalize;

    color: #ffbc00;

    margin: 0 0 15px

}



.contenttext h5 {

    font: 21px/28px Poppins;

    color: #000;

    margin: 0 0 10px

}



.tookit-sec {

    background: #eeeff4;

    padding: 75px 0;

    text-align: center

}



.tookit-sec ul {

    list-style: none;

    width: 100%;

    text-align: center

}



.tookit-sec li {

    font: 16px/28px Poppins;

    padding: 10px 20px;

    border-radius: 5px;

    border: 1px solid #444;

    color: #444;

    margin: 10px;

    display: inline-block;

    text-transform: capitalize

}



.contact-page .banner-sec {

    background: url(../../images-2/contact-cover.jpg) no-repeat fixed;

    background-size: cover;

    clear: both;

    width: 100%;

	    min-height: 956px;

    overflow: hidden

}



.contact-page .banner-text {

    padding: 10em 0 2em;

    text-align: center;

    width: 100%

}



.contact-page .banner-text h1 {

    font: 70px/65px mulisemibold, sans-serif;

    color: #fff;

    text-transform: capitalize;

    margin: 0 0 10px

}



.contact-page .banner-text h2 {

    font: 22px/36px mulilight, sans-serif;

    color: #fff;

    margin: 0 10%

}



.contact-page .contentarea {

    width: 100%;

    background: #fff;

    box-shadow: 0 0 20px rgba(0, 0, 0, .2);

    position: relative;

    z-index: 99;

    top: -250px;

    margin: 0 0 -100px

}



.contact-page .contfrom {

    width: 60%;

    float: left;

    background: #fff;

	min-height: 485px;

    padding: 12px 32px

}

.contact_sec {

	background-color: #2c3949

	}

/* .contact_sec .banner-text h1.animated.fadeInUp {	

	margin:15% auto;

} */

.contact-page .contfrom label {

    font: 14px/24px mulisemibold, sans-serif;

    color: #444;

    width: 100%;

    clear: both;

    margin: 0;

    text-transform: capitalize

}

article.contfrom h3 {

    padding-left: 13px;

}

.contact-page .contfrom input,

.contact-page .contfrom select {

    border: none;

    min-height: 35px;

    margin: 5px 0 60px;

    width: 100%;

    font: 14px/20px Poppins;

    color: #727f8d;

    clear: both

}



.contact-page .contfrom input {

    border-bottom: 1px solid #dfe3e7

}



.contact-page .contfrom select {

    border-bottom: 1px solid #dfe3e7;

    background: 0 0 !important

}



.contact-page .contfrom #user-budget {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    width: 100%;

    text-indent: inherit

}



.contact-page .contfrom .arrow {

    cursor: pointer;

    height: 10px;

    width: 15px;

    position: absolute;

    right: 15px;

    top: 29px;

    background: url(../../images-2/arrow.png) no-repeat

}



.contact-page .contfrom textarea {

    width: 100%;

    padding: 20px;

    height: 120px;

    font: 14px/20px Poppins;

    border: none;

    background: 0 0;

    color: #727f8d

}



.contact-page .text-area {

    width: 100%;

    background: #f0f5fa;

    overflow: hidden;

    margin: 12px 0 0

}



.contact-page .contfrom .text-area .upload-sec {

    border: 1px solid #d9dfe5;

    width: 100%;

    padding: 7px 10px;

    overflow: hidden;

    position: relative

}



.contact-page .contfrom .text-area .upload-sec:before {

    content: '\f0c1';

    z-index: 9;

    font-family: FontAwesome;

    color: #000;

    left: 20px;

    top: 12px;

    position: absolute;

    float: left

}



.contact-page .contfrom .text-area .upload-sec ul {

    background: #e2eaf0;

    border: 1px solid #d9dfe5;

    float: left;

    width: 60%;

    margin: 0 0 0 30px;

    position: relative;

    padding: 0

}



.contact-page .contfrom .text-area .upload-sec ul:before {

    content: '';

    background: url(../../images-2/arow-icon2.png) no-repeat;

    width: 7px;

    height: 17px;

    left: -6px;

    top: 10px;

    position: absolute;

    z-index: 9

}



.contact-page .contfrom .text-area .upload-sec li {

    display: inline-block;

    vertical-align: top

}



.contact-page .contfrom .text-area .upload-sec li a {

    font: 12px/18px Poppins;

    padding: 5px 15px;

    color: #000;

    display: block;

    position: relative

}



.contact-page .contfrom .text-area .upload-sec li a:hover {

    text-decoration: none;

    color: #60b741

}



.contact-page .contfrom .text-area .upload-sec li a:after {

    content: '|';

    font-size: 12px;

    color: #000;

    position: absolute;

    right: 0;

    top: 5px

}



.contact-page .contfrom .text-area .upload-sec li:last-child {

    font: 12px/18px Poppins;

    border: 1px dashed #000;

    padding: 2px 15px;

    display: inline-block;

    margin: 3px 0 3px 30px

}



.contact-page .contfrom button {

    margin: 0px auto 15px;

    border: 1px solid #095696

}



.contact-page .contfrom button:hover {

    border: 1px solid #60b741

}



.contact-page .contfrom button .fa {

    font-size: 28px

}



.contact-page .contdetail {

 background: linear-gradient(to bottom, #0e5477 2%, #08b9b1 100%);

color:black;

    width: 40%;

    padding: 10px 40px 15px 50px;

    float: left;    margin-bottom: 60px;

    height: 100%

}



.contact-page .detailrow {

/*     padding: 0 0 30px;

    margin: 0 0 30px; */

    border-bottom:  1px solid rgba(0, 0, 0, .1);/* 1px solid #09447e */

	

}



.contact-page .contdetail h3 {

    position: relative;

    font: 15px/25px mulisemibold, sans-serif;

    text-transform: capitalize;

    color: #fff;

    margin:0 0 13.5px 40px;

    border-bottom: 1px solid #ffbc00;

    width: auto;

    display: inline-block

}



.contact-page .contdetail h3 .fa {

    width: 30px;

    height: 30px;

    border-radius: 100%;

    color: #0b5298;

    background: #fff;

    text-align: center;

    line-height: 30px;

    overflow: hidden;

    position: absolute;

    left: -40px;

    top: 0

}



.contact-page .contdetail p {

    color: #fff;

    font: 14px/25px Poppins;

    display: block;

    clear: both

}



.contact-page .contdetail p a {

    color: #fff

}



.contact-page .contdetail p a:hover {

    color: #ffbc00;

    text-decoration: none

}



.contact-page .contdetail p span {

    width: 30%;

    display: inline-block

}



.contact-page .contdetail .wid50 {

    width: 48%;

    display: inline-block;

    vertical-align: top

}



.contact-page .contdetail .social-media {

    clear: both;

    margin: 9px 0 0 38px

}



.contact-page .contdetail .social-media ul {

    list-style: none

}



.contact-page .contdetail .social-media li {

    width: 40px;

    height: 40px;

    background: #fff;

    overflow: hidden;

    margin: 0 10px 0 0;

    font-size: 22px;

    border: 1px solid #fff;

    border-radius: 100%;

    line-height: 37px;

    display: inline-block;

    text-align: center

}



.contact-page .contdetail .social-media li a {

    display: block;

    color: #0b5298

}



.contact-page .contdetail .social-media li a:hover {

    background: #ffbc00;

    color: #fff

}



.contact-page .vcmap {

    clear: both;

    width: 100%

}



.contact-page .vcmap img {

    width: 100%;

    margin: 0;

    padding: 0

}



.contact-page .select-wrapper:after {

    top: -4px;

    right: 0

}



.contact_sec {

	margin-top: -584px;/*-637px*/

}







.service-newpage .banner-sec .circle-box {

    width: 33%;

    position: relative;

    float: left;

    margin: 8% 0 7% 5%

}



.service-newpage .banner-sec .circle-box img {

    width: 100%

}



.service-newpage .banner-sec .img-poition {

    position: absolute;

    z-index: 99;

    top: 0;

    left: 0

}



.service-newpage .banner-sec .imgbox {

    background: #fff;

    width: 98%;

    height: 98%;

    border-radius: 100%;

    border: 30px solid #fff;

    overflow: hidden;

    margin: 7%;

    position: relative;

    z-index: 9999

}



.service-newpage .banner-sec .imgbox img {

    width: 100%

}



.service-newpage .banner-text {

    padding: 15em 0 0;

    width: 50%;

    float: right;

    margin: 0 3em 0 0;

    position: relative;

    z-index: 9999

}



.service-newpage .banner-text h1 {

    font: 58px/70px mulisemibold, sans-serif;

    color: #fff;

    text-transform: capitalize;

    margin: 0 0 25px

}



.service-newpage .banner-text h2,

.service-newpage .banner-text small {

    font: 58px/70px mulilight, sans-serif;

    color: #fff;

    text-transform: capitalize;

    margin: 0 0 10px

}



.service-newpage .banner-text p {

    font: 24px/40px mulilight, sans-serif;

    color: #fff;

    margin: 0 0 30px

}



.service-newpage .our-services-sec {

    padding: 75px 0;

    background: url(../../images-2/services-bg.png) bottom no-repeat;

    background-size: 100%;

    overflow: hidden

}



.service-newpage .services-box {

    background: #fff;

    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);

    overflow: hidden

}



.service-newpage .services-box .headarea {

    background: #06756f;

    padding: 30px 45px;

    width: 100%;

    clear: both;

    overflow: hidden

}



.service-newpage .services-box .headarea h2 {

    float: left;

    text-transform: capitalize;

    font: 24px/35px mulisemibold, sans-serif;

    margin: 50px 0 0;

    color: #fff

}



.service-newpage .services-box .headarea .icon {

    width: 139px;

    height: 139px;

    background: #fff;

    border-radius: 100%;

    float: left;

    margin: 0 30px 0 0

}



.service-newpage .services-box .text {

    padding: 42px

}



.service-newpage .services-box .text p {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    margin: 0 0 50px

}



.service-newpage .services-box .text ul {

    list-style: none;

    padding: 0 0 0 55px;

    position: relative

}



.service-newpage .services-box .text li {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    margin: 0 0 30px;

    position: relative

}



.service-newpage .services-box .text li:last-child {

    margin: 0

}



.service-newpage .services-box .text li:before {

    content: '';

    background: url(../../images-2/check-icon2.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -57px;

    top: 0

}



.service-newpage .services-box .text .cross-box li:before {

    background: #fff;

    content: '\f00d';

    font-family: FontAwesome;

    color: #ffbc00;

    line-height: 18px

}



.service-newpage .services-box .more {

    float: right;

    font: 16px/28px Poppins;

    margin: 30px 0;

    color: #06756f;

    display: block

}



.service-newpage .client-focus {

    background: #f4f7f6 !important;

    padding: 75px 0

}



.service-newpage .client-focus .client-box {

    padding: 50px 30px 0;

    background: #fff;

    min-height: 570px

}



.service-newpage .client-focus .client-box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #393939;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.service-newpage .client-focus .client-box h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.service-newpage .client-focus .client-box ul {

    list-style: none;

    margin: 10px 0 0

}



.service-newpage .client-focus .client-box li {

    background: url(../../images-2/check.png) 0 6px no-repeat;

    font: 16px/28px Poppins;

    color: #4c4c4c;

    padding: 0 0 40px 30px

}



.service-newpage .advantages-sec {

    background: #fff;

    padding: 75px 0;

    overflow: hidden

}



.service-newpage .aservice-boxes {

    clear: both;

    margin: 0 0 30px

}



.service-newpage .aservice-boxes ul {

    list-style: none

}



.service-newpage .aservice-boxes li {

    float: left;

    width: 33.2%;

    text-align: left;

    min-height: 410px;

    padding: 30px 25px 40px;

    border: 1px solid #eee;

    margin: 0 0 -1px -1px;

    transition: all .5s ease 0s

}



.service-newpage .aservice-boxes .icon {

    width: 86px;

    height: 86px;

    border: 2px solid #06756f;

    display: block;

    border-radius: 100%;

    margin: 0 0 30px;

    transition: all .9s ease 0s

}



.service-newpage .aservice-boxes h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #393939;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.service-newpage .aservice-boxes h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.service-newpage .aservice-boxes p {

    font: 16px/28px Poppins;

    color: #4c4c4c

}



.service-newpage .aservice-boxes li:hover {

    box-shadow: 0 0 30px rgba(0, 0, 0, .1)

}



.service-newpage .aservice-boxes li:hover .icon {

    transform: rotate(360deg)

}



.service-newpage .rlAccordion>h3,

.service-newpage .rlAccordion>h3>span {

    color: #000

}



.service-newpage .review-box p:before {

    color: #06756f

}



.service-newpage .relared-sec li:hover {

    border-bottom: 2px solid #06756f

}



.service-newpage .relared-sec li:hover .yelbor-bt {

    border: 1px solid #06756f;

    color: #06756f !important

}



.service-newpage .bltext a {

    color: #06756f

}



.service-newpage .bltext a:hover {

    color: #ffbc00

}



.service-newpage .our-process-sec {

    padding: 75px 0 0;

    background: url(../../images-2/process-bg.jpg) no-repeat;

    background-size: cover;

    position: relative

}



.service-newpage .process-area {

    position: absolute;

    left: 6px;

    top: 300px;

    width: 753px;

    height: 703px;

    display: block;

    margin: 140px 0 180px 40px

}



.service-newpage .process-area .no-1 {

    display: none;

    float: right;

    width: 70px;

    height: 70px;

    background: #015263;

    border-radius: 100%;

    color: #fff;

    text-align: center;

    font: 30px/70px mulisemibold, sans-serif

}



.service-newpage .process-area .no-2 {

    background: #20c2fe

}



.service-newpage .process-area .no-3 {

    background: #3367d6

}



.service-newpage .process-area .textbox {

    left: 265px;

    top: -185px;

    background: #fff;

    position: absolute;

    width: 50%;

    padding: 30px;

    border: 1px solid #008c99;

    border-radius: 5px;

    box-shadow: 5px 0 5px rgba(0, 0, 0, .1)

}



.service-newpage .process-area h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #393939;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.service-newpage .process-area h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.service-newpage .process-area p {

    font: 16px/28px Poppins;

    color: #8c8c8c;

    margin: 0 0 10px

}



.service-newpage .process-area ul {

    border-top: 1px solid #eceef1;

    padding: 30px 0 0

}



.service-newpage .process-area li {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    margin: 0 0 10px;

    padding: 0 0 0 20px;

    position: relative

}



.service-newpage .process-area li:before {

    content: '\f0c8';

    color: #008c99;

    font-family: FontAwesome;

    font-size: 10px;

    left: 0;

    top: -2px;

    position: absolute

}



.service-newpage .process-area .box-2 {

    left: 753px;

    top: 160px;

    border: 1px solid #008c99

}



.service-newpage .process-area .box-2 li:before {

    color: #008c99

}



.service-newpage .process-area .box-3 {

    left: 268px;

    top: 510px;

    border: 1px solid #ffbc00

}



.service-newpage .process-area .box-3 li:before {

    color: #ffbc00

}



.service-newpage .models-box .btline:after {

    display: none

}



.service-newpage .models-box .headarea h2 {

    float: none

}



.service-newpage .getin-touch {

    background: url(../../images-2/get-in-touch.jpg) no-repeat;

    background-size: cover

}



.application-development .icon_bx {

    width: 70px

}



.application-development .icon_bx span {

    width: 100%;

    height: 80px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: block

}



.application-development .icon_bx .icon1 {

    background-position: 0 -10px

}



.application-development .icon_bx .icon2 {

    background-position: 10px -115px

}



.application-development .icon_bx .icon3 {

    background-position: 10px -235px

}



.application-development .icon_bx .icon4 {

    background-position: 15px -360px

}



.application-development .icon_bx .icon5 {

    background-position: 10px -490px

}



.application-development .icon_bx .icon6 {

    background-position: 15px -620px

}



.application-development .icon_bx .icon7 {

    background-position: 15px -775px

}



.application-development .icon_bx .icon8 {

    background-position: 15px -920px

}



.application-development .icon_bx .icon9 {

    background-position: 15px -1065px

}



.application-development .icon_bx .icon10 {

    background-position: 15px -1205px

}



.application-development .icon_bx .icon11 {

    background-position: 15px -1355px

}



.application-development .icon_bx .icon12 {

    background-position: 15px -1500px

}



.application-development .models-box .headarea i {

    background: url(../../images-2/model-sprite.png) no-repeat #06615f

}



.application-development .models-box .headarea .icon-1 {

    background-position: 20px 30px

}



.application-development .models-box .headarea .icon-2 {

    background-position: 27px -105px

}



.it_consulting_page .icon_bx {

    width: 70px

}



.it_consulting_page .icon_bx span {

    width: 100%;

    height: 80px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: block

}



.it_consulting_page .icon_bx .icon1 {

    background-position: 0 -10px

}



.it_consulting_page .icon_bx .icon2 {

    background-position: 10px -115px

}



.it_consulting_page .icon_bx .icon3 {

    background-position: 10px -235px

}



.it_consulting_page .icon_bx .icon4 {

    background-position: 15px -360px

}



.it_consulting_page .icon_bx .icon5 {

    background-position: 10px -490px

}



.it_consulting_page .icon_bx .icon6 {

    background-position: 15px -620px

}



.it_consulting_page .icon_bx .icon7 {

    background-position: 15px -775px

}



.it_consulting_page .icon_bx .icon8 {

    background-position: 15px -920px

}



.it_consulting_page .icon_bx .icon9 {

    background-position: 15px -1065px

}



.it_consulting_page .icon_bx .icon10 {

    background-position: 15px -1205px

}



.it_consulting_page .icon_bx .icon11 {

    background-position: 15px -1355px

}



.it_consulting_page .icon_bx .icon12 {

    background-position: 15px -1500px

}



.it_consulting_page .models-box .headarea i {

    background: url(../../images-2/model-sprite.png) no-repeat #06615f

}



.it_consulting_page .models-box .headarea .icon-1 {

    background-position: 20px 30px

}



.it_consulting_page .models-box .headarea .icon-2 {

    background-position: 27px -105px

}



.application_maitenance_page .icon_bx {

    width: 70px

}



.application_maitenance_page .icon_bx span {

    width: 100%;

    height: 80px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: block

}



.application_maitenance_page .icon_bx .icon1 {

    background-position: 0 -10px

}



.application_maitenance_page .icon_bx .icon2 {

    background-position: 10px -115px

}



.application_maitenance_page .icon_bx .icon3 {

    background-position: 10px -235px

}



.application_maitenance_page .icon_bx .icon4 {

    background-position: 15px -360px

}



.application_maitenance_page .icon_bx .icon5 {

    background-position: 10px -490px

}



.application_maitenance_page .icon_bx .icon6 {

    background-position: 15px -620px

}



.application_maitenance_page .icon_bx .icon7 {

    background-position: 15px -775px

}



.application_maitenance_page .icon_bx .icon8 {

    background-position: 15px -920px

}



.application_maitenance_page .icon_bx .icon9 {

    background-position: 15px -1065px

}



.application_maitenance_page .icon_bx .icon10 {

    background-position: 15px -1205px

}



.application_maitenance_page .icon_bx .icon11 {

    background-position: 15px -1355px

}



.application_maitenance_page .icon_bx .icon12 {

    background-position: 15px -1500px

}



.application_maitenance_page .models-box .headarea i {

    background: url(../../images-2/model-sprite.png) no-repeat #06615f

}



.application_maitenance_page .models-box .headarea .icon-1 {

    background-position: 20px 30px

}



.application_maitenance_page .models-box .headarea .icon-2 {

    background-position: 27px -105px

}



.application_modernization_page .icon_bx {

    width: 70px

}



.application_modernization_page .icon_bx span {

    width: 100%;

    height: 80px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: block

}



.application_modernization_page .icon_bx .icon1 {

    background-position: 0 -10px

}



.application_modernization_page .icon_bx .icon2 {

    background-position: 10px -115px

}



.application_modernization_page .icon_bx .icon3 {

    background-position: 10px -235px

}



.application_modernization_page .icon_bx .icon4 {

    background-position: 15px -360px

}



.application_modernization_page .icon_bx .icon5 {

    background-position: 10px -490px

}



.application_modernization_page .icon_bx .icon6 {

    background-position: 15px -620px

}



.application_modernization_page .icon_bx .icon7 {

    background-position: 15px -775px

}



.application_modernization_page .icon_bx .icon8 {

    background-position: 15px -920px

}



.application_modernization_page .icon_bx .icon9 {

    background-position: 15px -1065px

}



.application_modernization_page .icon_bx .icon10 {

    background-position: 15px -1205px

}



.application_modernization_page .icon_bx .icon11 {

    background-position: 15px -1355px

}



.application_modernization_page .icon_bx .icon12 {

    background-position: 15px -1500px

}



.application_modernization_page .models-box .headarea i {

    background: url(../../images-2/model-sprite.png) no-repeat #06615f

}



.application_modernization_page .models-box .headarea .icon-1 {

    background-position: 20px 30px

}



.application_modernization_page .models-box .headarea .icon-2 {

    background-position: 27px -105px

}



.moblie-app .banner-text h1 {

    font: 68px/70px mulisemibold, sans-serif;

    color: #fff;

    text-transform: capitalize;

    margin: 0 0 10px

}



.moblie-app .banner-text h2 {

    font: 58px/70px mulilight, sans-serif;

    color: #fff;

    text-transform: capitalize

}



.moblie-app .banner-text ul {

    list-style: none;

    margin: 20px 0

}



.moblie-app .banner-text li {

    display: inline-block;

    font: 22px/44px mulilight, sans-serif;

    color: #fff;

    margin: 0 0 30px 20px

}



.moblie-app .banner-text li:first-child {

    margin: 0 0 30px

}



.moblie-app .banner-text li:before {

    content: '\f138';

    color: #fff;

    font-family: FontAwesome;

    font-size: 28px;

    margin: 0 15px 0 0

}



.moblie-app .our-services-sec {

    background: url(../../images-2/services-bg-2.png) bottom no-repeat;

    background-size: 100%

}



.moblie-app .services-box {

    min-height: 710px

}



.moblie-app .services-box .headarea {

    background: url(../../images-2/NATIVE-BG.jpg) no-repeat fixed;

    background-size: cover

}



.moblie-app .services-box .bg2 {

    background: url(../../images-2/NATIVE-BG-2.jpg) no-repeat fixed;

    background-size: cover

}



.moblie-app .services-box .headarea .icon {

    border: 2px solid #14939e;

    background: 0 0

}



.moblie-app .services-box .headarea h2 {

    color: #14939e

}



.moblie-app .services-box .text ul {

    list-style: none;

    border-left: 1px dashed #dee1e6;

    padding: 0 0 0 35px;

    position: relative

}



.moblie-app .services-box .text ul:after {

    content: '';

    height: 10px;

    width: 5px;

    background: #fff;

    left: -2px;

    position: absolute;

    bottom: -5px

}



.moblie-app .services-box .text li {

    font: 16px/36px Poppins;

    color: #4c4c4c;

    margin: 0 0 20px;

    position: relative

}



.moblie-app .services-box .text li:last-child {

    margin: 0

}



.moblie-app .services-box .text li:before {

    content: '';

    background: url(../../images-2/check-icon.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -50px;

    top: 0

}



.moblie-app .our-services-sec .yel-button {

    margin: 50px 0 0

}



.moblie-app .devlopment-services {

    padding: 75px 0 130px;

    background: url(../../images-2/develoment-ser-bg.jpg) no-repeat;

    background-size: cover

}



.moblie-app .serv-bg {

    background: url(../../images-2/vector-bg2.jpg) bottom center no-repeat;

    background-size: 100%

}



.moblie-app .services-area {

    background: #fff;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

    padding: 75px 45px;

    position: relative;

    top: -130px;

    z-index: 99

}



.moblie-app .services-area .imgbox {

    width: 100%;

    text-align: center;

    margin: 0 0 60px

}



.moblie-app .services-area .imgbox img {

    float: none;

    display: inherit;

    margin: 0 auto

}



.moblie-app .services-area .text {

    margin: 0 0 80px

}



.moblie-app .services-area .text h3 {

    font: 26px/36px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px;

    display: block

}



.moblie-app .services-area .text h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.moblie-app .services-area .text p {

    font: 18px/28px Poppins;

    color: #000;

    margin: 30px 0

}



.moblie-app .services-area .text ul {

    list-style: none;

    padding: 0 0 0 55px;

    position: relative

}



.moblie-app .services-area .text li {

    font: 16px/28px Poppins;

    color: #000;

    margin: 0 0 30px;

    position: relative

}



.moblie-app .services-area .text li:last-child {

    margin: 0

}



.moblie-app .services-area .text li:before {

    content: '';

    background: url(../../images-2/health_solucation_icon1.png) no-repeat;

    width: 40px;

    height: 40px;

    position: absolute;

    left: -57px;

    top: -5px

}



.moblie-app .advantages-sec {

    background: url(../../images-2/services-bg-2.png) bottom no-repeat;

    background-size: 100%

}



.moblie-app .aservice-boxes li {

    width: 50%;

    background: #fff

}



.moblie-app .aservice-boxes h3 {

    font: 22px/28px mulisemibold, sans-serif

}



.moblie-app .aservice-boxes p {

    font: 18px/30px Poppins

}



.moblie-app .aservice-boxes span {

    background: url(../../images-2/business-sprite-1.png) no-repeat;

    border: 2px solid #22b2bf;

    width: 86px;

    height: 86px;

    display: block;

    border-radius: 100%;

    margin: 0 0 30px;

    transition: all .9s ease 0s

}



.moblie-app .aservice-boxes .icon-1 {

    background-position: -2px -4px

}



.moblie-app .aservice-boxes .icon-2 {

    background-position: -2px -110px

}



.moblie-app .aservice-boxes .icon-3 {

    background-position: -2px -210px

}



.moblie-app .aservice-boxes .icon-4 {

    background-position: -2px -320px

}



.moblie-app .client-focus {

    background: url(../../images-2/CLIENT-FOCUS-bg.jpg) bottom !important

}



.moblie-app .client-focus .yel-button {

    margin: 50px 0 0

}



.moblie-app .development-process {

    background: url(../../images-2/Development-PROCESS-bg.jpg) bottom no-repeat;

    background-size: cover;

    padding: 75px 0

}



.moblie-app .development-process .client-box {

    padding: 50px 30px 0;

    background: #fff;

    min-height: 570px;

    border: 1px solid #eee

}



.moblie-app .development-process .client-box span {

    background: url(../../images-2/start-sprite-1.png) no-repeat;

    display: block;

    margin: 0 0 30px;

    width: 115px;

    height: 115px;

    text-align: center;

    font: 45px/100px mulisemibold, sans-serif;

    color: #22b2bf

}



.moblie-app .development-process .client-box i {

    background: url(../../images-2/benefits-sprite.png) no-repeat;

    display: block;

    margin: 0 0 20px;

    width: 100px;

    height: 80px;

    text-align: center;

    font: 45px/100px mulisemibold, sans-serif;

    color: #22b2bf

}



.moblie-app .development-process .client-box .icon-bg1 {

    background-position: 0 0

}



.moblie-app .development-process .client-box .icon-bg2 {

    background-position: 0 -145px

}



.moblie-app .development-process .client-box .icon-bg3 {

    background-position: 0 -290px

}



.moblie-app .development-process .client-box .icon1 {

    background-position: -31px -8px

}



.moblie-app .development-process .client-box .icon2 {

    background-position: -31px -170px

}



.moblie-app .development-process .client-box .icon3 {

    background-position: -31px -337px

}



.moblie-app .development-process .client-box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #393939;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.moblie-app .development-process .client-box h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.moblie-app .development-process .client-box p {

    font: 18px/30px Poppins;

    color: #444

}



.moblie-app .development-process .client-box ul {

    list-style: none;

    margin: 15px 0 0;

    border-top: 1px solid #eceef1;

    padding: 20px 0 0

}



.moblie-app .development-process .client-box li {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    padding: 0 0 30px 30px;

    position: relative

}



.moblie-app .development-process .client-box li:before {

    content: '\f0c8 ';

    color: #008c99;

    font-family: FontAwesome;

    font-size: 8px;

    left: 0;

    top: -2px;

    position: absolute

}



.moblie-app .technology-sec {

    padding: 75px 0;

    clear: both

}



.moblie-app .technology-sec h3 {

    font: 20px/28px Poppins;

    text-transform: capitalize;

    position: absolute;

    z-index: 9;

    left: 0;

    right: 0;

    top: 150px;

    margin: 0 auto;

    width: 100%

}



.moblie-app .technology-sec ul {

    list-style: none;

    width: 100%

}



.moblie-app .technology-sec li {

    width: 19%;

    height: 218px;

    overflow: hidden;

    margin: 3px;

    background: #fff;

    display: inline-block;

    text-align: center;

    vertical-align: middle;

    position: relative;

    transition: all .5s ease 0s

}



.moblie-app .technology-sec li a {

    color: #22b2bf

}



.moblie-app .technology-sec li:hover {

    background: #22b2bf

}



.moblie-app .technology-sec li:hover a {

    color: #fff

}



.moblie-app .technology-sec li:hover span {

    border: 3px solid #fff

}



.moblie-app .technology-sec li img {

    opacity: .1;

    width: 100%

}



.moblie-app .technology-sec li:hover img {

    transform: scale(1, 1)

}



.moblie-app .technology-sec span {

    position: absolute;

    margin: 0 auto;

    top: 60px;

    left: 0;

    right: 0;

    z-index: 9;

    width: 88px;

    height: 88px;

    border: 3px solid #22b2bf;

    display: block;

    border-radius: 100%;

    transition: all .9s ease 0s;

    background: url(../../images-2/techno-sprite-1.png) no-repeat

}



.moblie-app .technology-sec .icon-1 {

    background-position: 13px 18px

}



.moblie-app .technology-sec .icon-2 {

    background-position: 12px -94px

}



.moblie-app .technology-sec .icon-3 {

    background-position: 11px -223px

}



.moblie-app .technology-sec .icon-4 {

    background-position: 10px -365px

}



.moblie-app .technology-sec .icon-5 {

    background-position: 12px -502px

}



.moblie-app .technology-sec .icon-6 {

    background-position: 14px -646px

}



.moblie-app .technology-sec .icon-7 {

    background-position: 11px -789px

}



.moblie-app .technology-sec .icon-8 {

    background-position: 11px -928px

}



.moblie-app .technology-sec .icon-9 {

    background-position: 13px -1063px

}



.moblie-app .technology-sec .icon-10 {

    background-position: 16px -1183px

}



.moblie-app .technology-sec .icon-11 {

    background-position: 12px -1268px

}



.moblie-app .technology-sec li:hover .icon-1 {

    background-position: -90px 18px

}



.moblie-app .technology-sec li:hover .icon-2 {

    background-position: -88px -94px

}



.moblie-app .technology-sec li:hover .icon-3 {

    background-position: -92px -223px

}



.moblie-app .technology-sec li:hover .icon-4 {

    background-position: -90px -365px

}



.moblie-app .technology-sec li:hover .icon-5 {

    background-position: -94px -502px

}



.moblie-app .technology-sec li:hover .icon-6 {

    background-position: -89px -646px

}



.moblie-app .technology-sec li:hover .icon-7 {

    background-position: -90px -789px

}



.moblie-app .technology-sec li:hover .icon-8 {

    background-position: -89px -928px

}



.moblie-app .technology-sec li:hover .icon-9 {

    background-position: -92px -1063px

}



.moblie-app .technology-sec li:hover .icon-10 {

    background-position: -103px -1183px

}



.moblie-app .technology-sec li:hover .icon-11 {

    background-position: -94px -1268px

}



.moblie-app .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg2.jpg) no-repeat;

    background-size: cover

}



.moblie-app .whyhire-sec .whybox h3 {

    color: #22b2bf

}



.moblie-app .whyhire-sec .whybox span {

    width: 70px;

    height: 70px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: inline-block

}



.moblie-app .whyhire-sec .whybox .icon1 {

    background-position: -122px -5px

}



.moblie-app .whyhire-sec .whybox .icon2 {

    background-position: -122px -112px

}



.moblie-app .whyhire-sec .whybox .icon3 {

    background-position: -125px -237px

}



.moblie-app .whyhire-sec .whybox .icon4 {

    background-position: -115px -360px

}



.moblie-app .whyhire-sec .whybox .icon5 {

    background-position: -115px -495px

}



.moblie-app .whyhire-sec .whybox .icon6 {

    background-position: -115px -621px

}



.moblie-app .whyhire-sec .whybox .icon7 {

    background-position: -115px -767px

}



.moblie-app .whyhire-sec .whybox .icon8 {

    background-position: -122px -914px

}



.moblie-app .whyhire-sec .whybox .icon9 {

    background-position: -122px -1056px

}



.moblie-app .whyhire-sec .whybox .icon10 {

    background-position: -122px -1205px

}



.moblie-app .whyhire-sec .whybox .icon11 {

    background-position: -122px -1353px

}



.moblie-app .whyhire-sec .whybox .icon12 {

    background-position: -122px -1500px

}



.moblie-app .models-box .headarea i {

    background: url(../../images-2/model-sprite.png) no-repeat #06615f

}



.moblie-app .models-box .headarea .icon-1 {

    background-position: 20px 30px

}



.moblie-app .models-box .headarea .icon-2 {

    background-position: 27px -105px

}



.cross-app .banner-text h1 {

    font: 68px/70px mulisemibold, sans-serif;

    color: #fff;

    text-transform: capitalize;

    margin: 0 0 10px

}



.cross-app .banner-text h2 {

    font: 58px/70px mulilight, sans-serif;

    color: #fff;

    text-transform: capitalize

}



.cross-app .technology-sec h3,

.cross-app .whyhire-sec .whybox h3 {

    color: #314774

}



.cross-app .banner-sec {

    background: url(../../images-2/cross-banner.jpg) no-repeat;

    background-size: cover

}



.cross-app .development-process {

    background: url(../../images-2/Development-PROCESS-bg2.jpg) bottom no-repeat;

    background-size: cover

}



.cross-app .devlopment-services {

    background: url(../../images-2/develoment-ser-bg2.jpg) no-repeat;

    background-size: cover

}



.cross-app .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg3.jpg) no-repeat

}



.cross-app .whyhire-sec .whybox span {

    width: 70px;

    height: 70px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: inline-block

}



.cross-app .whyhire-sec .whybox .icon1 {

    background-position: -237px -5px

}



.cross-app .whyhire-sec .whybox .icon2 {

    background-position: -237px -115px

}



.cross-app .whyhire-sec .whybox .icon3 {

    background-position: -241px -241px

}



.cross-app .whyhire-sec .whybox .icon4 {

    background-position: -231px -360px

}



.cross-app .whyhire-sec .whybox .icon5 {

    background-position: -231px -500px

}



.cross-app .whyhire-sec .whybox .icon6 {

    background-position: -231px -625px

}



.cross-app .whyhire-sec .whybox .icon7 {

    background-position: -231px -770px

}



.cross-app .whyhire-sec .whybox .icon8 {

    background-position: -237px -920px

}



.cross-app .whyhire-sec .whybox .icon9 {

    background-position: -237px -1065px

}



.cross-app .whyhire-sec .whybox .icon10 {

    background-position: -237px -1205px

}



.cross-app .whyhire-sec .whybox .icon11 {

    background-position: -237px -1355px

}



.cross-app .whyhire-sec .whybox .icon12 {

    background-position: -237px -1500px

}



.cross-app .models-box .headarea i {

    background: url(../../images-2/model-sprite.png) no-repeat #314774

}



.cross-app .models-box .headarea .icon-1 {

    background-position: 20px 30px

}



.cross-app .models-box .headarea .icon-2 {

    background-position: 27px -105px

}



.cross-app .technology-sec span {

    border: 3px solid #314774;

    background: url(../../images-2/techno-sprite-4.png) no-repeat

}



.cross-app .technology-sec li:hover {

    background: #314774

}



.cross-app .technology-sec li:hover a,

.cross-app .technology-sec li:hover h3 {

    color: #fff

}



.cross-app .technology-sec li:hover span {

    border: 3px solid #fff

}



.cross-app .client-focus {

    background: #f9fafc !important

}



.thanks-page .thanks-sec {

    padding: 250px 0 90px;

    background: #fff;

    clear: both

}



.thanks-page .thanks-box {

    width: 100%;

    position: relative;

    text-align: center;

    padding: 150px 50px;

    border-radius: 15px 15px 0 0;

    box-shadow: 0 0 20px rgba(0, 0, 0, .2);

    background: url(../../images-2/thanks-bg.jpg) no-repeat;

    background-size: cover

}



.thanks-page .thanks-box:before {

    position: absolute;

    z-index: 9;

    top: -15px;

    left: 0;

    right: 0;

    content: '';

    width: 96%;

    margin: 0 auto;

    height: 15px;

    border-radius: 15px 15px 0 0;

    box-shadow: 0 -5px 20px rgba(0, 0, 0, .1)

}



.thanks-page .thanks-box h1 {

    font: 167px/170px mulisemibold, sans-serif;

    color: #ffbc00;

    text-transform: capitalize;

    margin: 0 0 50px

}



.thanks-page .thanks-box p {

    font: 28px/40px mulilight, sans-serif;

    color: #000;

    margin: 0 0 80px

}



.thanks-page .call-detail {

    width: 80%;

    margin: 0 auto;

    background: #f1f1f9;

    padding: 80px 0;

    text-align: left;

    border-radius: 0 0 15px 15px

}



.thanks-page .call-detail ul {

    list-style: none;

    width: 100%

}



.thanks-page .call-detail li {

    width: 24%;

    padding: 0 40px;

    display: inline-block;

    vertical-align: top;

    border-left: 1px solid #d6d6db;

    margin: 0 2px

}



.thanks-page .call-detail li:first-child {

    border: none

}



.thanks-page .call-detail h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #393939;

    padding: 0 0 10px 25px;

    position: relative

}



.thanks-page .call-detail h3:before {

    content: '\f041';

    font-family: FontAwesome;

    color: #000;

    font-size: 20px;

    position: absolute;

    left: 0

}



.thanks-page .call-detail p {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    padding: 0 0 0 25px;

    position: relative

}



.thanks-page .call-detail p a {

    color: #000

}



.thanks-page .call-detail p a:hover {

    color: #60b741;

    text-decoration: none

}



.thanks-page .call-detail p:before {

    content: '\f095';

    font-family: FontAwesome;

    color: #000;

    font-size: 18px;

    position: absolute;

    left: 0

}



.error-page .banner-sec {

    background: url(../../images-2/404-banner.png) top center no-repeat;

    background-size: 100%;

    clear: both;

    width: 100%;

    overflow: hidden;

    position: relative;

    z-index: 99

}



.error-page .banner-text {

    padding: 13em 0 15em;

    width: 100%;

    text-align: center

}



.error-page .banner-text h1 {

    font: 90px/65px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    margin: 0 0 50px

}



.error-page .banner-text h2 {

    font: 20px/40px mulibold, sans-serif;

    color: #000;

    margin: 0 10%

}



.error-page .page-not-fount {

    background: url(../../images-2/404-bg.png) top center no-repeat;

    background-size: 95%;

    clear: both;

    width: 100%;

    position: relative;

    top: -140px

}



.error-page .pagenot-box {

    width: 45%;

    float: right;

    background: #fff;

    padding: 50px 25px;

    box-shadow: 0 0 5px rgba(0, 0, 0, .1);

    margin: 20em 0

}



.error-page .pagenot-box h2 {

    font: 28px/40px mulisemibold, sans-serif;

    text-transform: capitalize;

    color: #ffbc00;

    margin: 0 0 30px

}



.error-page .pagenot-box h3 {

    font: 28px/40px mulisemibold, sans-serif;

    color: #000;

    margin: 0 0 20px

}



.error-page .pagenot-box p {

    font: 18px/35px Poppins;

    margin: 0 0 5px

}



.testimonials-page .white-bg-2 {

    background: 0 0

}



.testimonials-page .black-bg-2 {

    background: #fff

}



.testimonials-page .banner-sec {

    background: url(../../images-2/testimonial-bg.jpg) top center no-repeat #fff;

    padding: 0 0 5%;

    clear: both;

    width: 100%;

    overflow: hidden

}



.testimonials-page .slide-area {

    background: url(../../images-2/slide-bg.jpg) center top no-repeat fixed #fff;

    padding: 70px 40px;

    margin: 10% auto 70px;

    box-shadow: 0 0 40px rgba(0, 0, 0, .2);

    border-radius: 10px;

    background-size: 100%;

    clear: both;

    width: 85%;

    overflow: hidden

}



.testimonials-page .slide-area .slick-next:before,

.testimonials-page .slide-area .slick-prev:before {

    font-family: FontAwesome;

    padding: 0 15px;

    background: #ffbc00;

    width: 40px;

    height: 40px;

    line-height: 50px;

    color: #000;

    text-align: center

}



.testimonials-page .slide-area .slick-prev {

    left: 0;

    position: absolute;

    top: 30%;

    font-size: 0;

    z-index: 9999

}



.testimonials-page .slide-area .slick-prev:before {

    content: '\f104';

    font-size: 40px

}



.testimonials-page .slide-area .slick-next {

    right: 0;

    position: absolute;

    top: 30%;

    font-size: 0;

    z-index: 9999

}



.testimonials-page .slide-area .slick-next:before {

    content: '\f105';

    font-size: 40px

}



.testimonials-page .slide-area .slick-dots {

    display: none !important

}



.testimonials-page .head-sec {

    clear: both;

    text-align: center;

    margin: 0 0 50px

}



.testimonials-page .head-sec h1 {

    font: 60px/70px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    margin: 0 0 20px

}



.testimonials-page .head-sec h2 {

    font: 28px/40px mulilight, sans-serif;

    color: #444;

    margin: 0 3%

}



.testimonials-page .testimonial-box {

    clear: both;

    width: 85%;

    margin: 0 auto;

    position: relative;

    padding: 0 0 20%;

    overflow: hidden

}



.testimonials-page .dpimg-box {

    width: 40%;

    float: left;

    border-radius: 10px;

    overflow: hidden

}



.testimonials-page .dpimg-box img {

    width: 100%

}



.testimonials-page .textbox {

    width: 65%;

    position: absolute;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    z-index: 999;

    top: 200px;

    padding: 80px 50px 50px;

    border-radius: 3px;

    border-left: 5px solid #0e6284;

    right: 10px;

    background: #fff

}



.testimonials-page .textbox:before {

    position: absolute;

    top: -80px;

    content: '\f10d';

    font-family: FontAwesome;

    color: #ffbc00;

    font-size: 120px

}



.testimonials-page .textbox p {

    font: 16px/25px Poppins;

    color: #727f8d;

    font-style: italic;

    margin: 30px 0 0

}



.testimonials-page .textbox h3 {

    font: 22px/30px mulisemibold, sans-serif;

    color: #0e6284;

    text-transform: capitalize

}



.testimonials-page .textbox small {

    font: 16px/30px Poppins;

    color: #727f8d

}



.testimonials-page .testimonial-list {

    clear: both;

    width: 100%;

    background: #fff;

    margin: 0 0 70px;

    overflow: hidden

}



.testimonials-page .contbox {

    width: 100%;

    min-height: 398px;

    padding: 50px 40px;

    margin: 0 0 30px;

    position: relative;

    background: #fff;

    box-shadow: 0 0 20px rgba(0, 0, 0, .1)

}



.testimonials-page .contbox:before {

    position: absolute;

    top: -15px;

    content: '\f10d';

    font-family: FontAwesome;

    color: #f4f4f4;

    font-size: 100px

}



.testimonials-page .contbox p {

    font: 16px/30px Poppins;

    color: #727f8d;

    font-style: italic;

    margin: 30px 0 0

}



.testimonials-page .contbox h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #0e6284;

    left: 20px;

    text-transform: capitalize;

    z-index: 99;

    position: relative

}



.testimonials-page .contbox small {

    font: 16px/30px Poppins;

    color: #727f8d;

    left: 20px;

    z-index: 99;

    position: relative

}



.testimonials-page .btn-view {

    width: 190px;

    margin: 40px auto 0;

    display: block;

    padding: 20px 35px;

    font: 14px/14px mulisemibold, sans-serif;

    background: #ffbc00;

    color: #000;

    border-radius: 5px;

    text-transform: capitalize;

    transition: all .3s ease 0s

}



.testimonials-page .btn-view:hover {

    background: #60b741;

    text-decoration: none;

    color: #fff !important

}



.testimonials-page .videoWrapper {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 25px;

    height: 0

}



.testimonials-page .contbox2 {

    width: 100%;

    min-height: 320px;

    padding: 30px 40px;

    margin: 0 0 30px;

    position: relative;

    background: #fff;

    box-shadow: 0 0 20px rgba(0, 0, 0, .1);

    overflow: hidden

}



.testimonials-page .contbox2 button {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 99;

    top: 0;

    font-size: 0

}



.testimonials-page .contbox2 .namebox {

    font: 18px/28px mulisemibold, sans-serif;

    text-align: center;

    color: #156b8e;

    padding: 25px 15px 0

}



.testimonials-page .videoWrapper iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 99

}



.testimonials-page .getin-touch {

    background: url(../../images-2/get-in-touch.jpg) no-repeat;

    background-size: cover

}



.testimonials-page .awd-partners {

    padding: 75px 0;

    background: url(../../images-2/PARTNERS-BG.jpg) center no-repeat fixed;

    background-size: cover;

    overflow: hidden

}



.testimonials-page .clientlist {

    clear: both

}



.testimonials-page .clientlist .slick-prev {

    left: -35px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999

}



.testimonials-page .clientlist .slick-prev:before {

    content: '\f104';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}



.testimonials-page .clientlist .slick-next {

    right: -35px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999

}



.testimonials-page .clientlist .slick-next:before {

    content: '\f105';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}







.testimonials-page .clientlist .slick-dots {

    display: none !important

}



.testimonials-page .client-box {

    box-shadow: 0 0 20px rgba(0, 0, 0, .3);

    overflow: hidden;

    display: block;

    border-radius: 10px

}



.testimonials-page .client-box img {

    width: 100%

}



.aboutnew-page .not-show {

    display: block

}



.aboutnew-page .show-logo {

    display: none

}



.aboutnew-page .black-bg {

	background: #fff;

    /* background: #ffb619;

    background: -moz-linear-gradient(-45deg, #ffb619 0, #ffdb8c 100%);

    background: -webkit-gradient(left top, right bottom, color-stop(0, #ffb619), color-stop(100%, #ffdb8c));

    background: -webkit-linear-gradient(-45deg, #ffb619 0, #ffdb8c 100%);

    background: -o-linear-gradient(-45deg, #ffb619 0, #ffdb8c 100%);

    background: -ms-linear-gradient(-45deg, #ffb619 0, #ffdb8c 100%);

    background: linear-gradient(135deg, #ffb619 0, #ffdb8c 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb619', endColorstr='#ffdb8c', GradientType=1) */

}





.aboutnew-page .lavel li:last-child a {

    border: none

}



.aboutnew-page .banner-sec {

   /*  background: url(../../images-2/about-banner-bg.jpg) no-repeat;

    background-size: 190% 190%; */

    clear: both;

    width: 100%;

    overflow: hidden

}



.aboutnew-page .banner-text {

    padding: 12em 0 3em;

    width: 70%;

    float: left;

    position: relative;

    z-index: 9999

}



.aboutnew-page .banner-text h1 {

    font: 77px/93px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    margin: 0 0 10px

}



.aboutnew-page .banner-text p {

    font: 18px/28px Poppins;

    color: #000;

    margin: 0 0 30px

}



.aboutnew-page .banner-text ul {

    list-style: none;

    margin: 130px 0 30px;

    display: flex

}



.aboutnew-page .banner-text li {

    width: 23%;

    margin: 0 14px 0 0;

    border-radius: 10px;

    background: #fff;

    text-align: center;

    box-shadow: -5px 5px 10px rgba(0, 0, 0, .2);

    padding: 20px 0;

    float: left;

    transition: all .5s ease 0s

}



.aboutnew-page .banner-text li span {

    width: 69px;

    height: 69px;

    margin: 0 auto 10px;

    display: block;

    border-radius: 100%;

    background: #e7effa;

    font-size: 40px;

    text-align: center;

    line-height: 69px;

    color: #000;

    transition: all .5s ease 0s

}



.aboutnew-page .banner-text li p {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    margin: 0

}



.aboutnew-page .banner-text li strong {

    display: block;

    font: 20px/24px Poppins

}



.aboutnew-page .banner-text li:hover {

    box-shadow: -5px 5px 10px rgba(0, 0, 0, .5)

}



.aboutnew-page .banner-text li:hover span {

    background: #dfa42f;

    color: #fff

}



.aboutnew-page .our-mission {

    padding: 75px 0;

  /*   background: url(../../images-2/vector-bg.jpg) center no-repeat;

    background-size: cover; */

	background-color: #3a905b;

    overflow: hidden

	color:white;

}



.aboutnew-page .vision-box {

    padding: 70px 60px;

    min-height: 405px;

    border-radius: 10px;

    background: url(../../images-2/vision-bg.png) bottom no-repeat;

    box-shadow: -5px 5px 15px rgba(0, 0, 0, .5)

}



.aboutnew-page .vision-box h2 {

    font: 36px/40px mulisemibold, sans-serif;

    color: #ffffff;

    text-transform: capitalize;

    margin: 0 0 30px

}



.aboutnew-page .vision-box p {

    font: 16px/28px Poppins

    margin: 0;

    color: #ffffff

}



.aboutnew-page .our-services-sec {

    padding: 75px 0;

    text-align: center

}



.aboutnew-page .service-boxes {

    clear: both;

    margin: 0 0 40px

}



.aboutnew-page .service-boxes ul {

    list-style: none

}



.aboutnew-page .service-boxes li {

    float: left;

    width: 33.2%;

    text-align: left;

    min-height: 360px;

    padding: 30px 25px 40px;

    border: 1px solid #eee;

    margin: 0 0 -1px -1px;

    transition: all .5s ease 0s

}



.aboutnew-page .service-boxes .icon {

    width: 86px;

    height: 86px;

    border: 2px solid #646464;

    display: block;

    border-radius: 100%;

    margin: 0 0 30px;

    transition: all .9s ease 0s

}



.aboutnew-page .service-boxes .icon img {

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%)

}



.aboutnew-page .service-boxes h3 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #3ca56a;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.aboutnew-page .service-boxes h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.aboutnew-page .service-boxes p {

    font: 14px/21px Poppins;

    color: #4c4c4c

}



.aboutnew-page .service-boxes li:hover {

    box-shadow: 0 0 30px rgba(0, 0, 0, .1)

}



.aboutnew-page .service-boxes li:hover .icon {

    transform: rotate(360deg)

}



.aboutnew-page .awards-list li:hover img,

.aboutnew-page .rightbox:hover img {

    transform: scale(1.1)

}



.aboutnew-page .our-infra {

    padding: 75px 0;

    background: url(../../images-2/infrastructure-bg.jpg) center no-repeat;

    background-size: cover;

    overflow: hidden

}



.aboutnew-page .our-infra .infra-text {

    padding: 50px 50px 0 0

}



.aboutnew-page .our-infra .infra-text h2 {

    font: 46px/60px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    margin: 0 0 20px

}



.aboutnew-page .our-infra .infra-text p {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    margin: 0 0 30px

}



.aboutnew-page .infralist {

    width: 100%;

    background: #fff;

    overflow: hidden;

    border-radius: 10px;

    box-shadow: -10px 10px 10px rgba(0, 0, 0, .1)

}



.aboutnew-page .infralist ul {

    list-style: none;

    display: flex;

    justify-content: center;

    flex-wrap: wrap

}



.aboutnew-page .infralist li {

    width: 33.3%;

    border: 1px solid #dfdfdf;

    padding: 35px 15px;

    text-align: center

}



.aboutnew-page .infralist li:nth-child(1n) {

    border-left: none !important

}



.aboutnew-page .infralist li:nth-child(3n) {

    border-right: none !important

}



.aboutnew-page .infralist span {

    display: inline-block;

    margin: 0 0 10px

}



.aboutnew-page .infralist p {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    display: block;

    clear: both

}



.aboutnew-page .awd-partners {

    padding: 75px 0;

    background: url(../../images-2/PARTNERS-BG.jpg) center no-repeat fixed;

    background-size: cover;

    overflow: hidden

}



.aboutnew-page .awards-list {

    clear: both

}



.aboutnew-page .awards-list ul {

    list-style: none;

    text-align: center

}



.aboutnew-page .awards-list li {

    width: 200px;

    height: 200px;

    transition: all .5s ease 0s;

    display: inline-block;

    border-radius: 100%;

    border: 15px solid rgba(0, 0, 0, .2);

    margin: 10px;

    overflow: hidden

}



.aboutnew-page .awards-list li img {

    width: 100%;

    transition: all .5s ease 0s

}



.aboutnew-page .awards-list li:hover {

    border: 15px solid rgba(255, 188, 0, .4)

}



.aboutnew-page .clientlist {

    clear: both;

    margin: 120px 0 0

}



.aboutnew-page .clientlist .slick-prev {

    left: -35px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999

}



.aboutnew-page .clientlist .slick-prev:before {

    content: '\f104';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}



.aboutnew-page .clientlist .slick-next {

    right: -35px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999

}



.aboutnew-page .clientlist .slick-next:before {

    content: '\f105';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}



.aboutnew-page .clientlist .slick-dots {

    display: none !important

}



.aboutnew-page .client-box {

    box-shadow: 0 0 20px rgba(0, 0, 0, .3);

    overflow: hidden;

    display: block;

    border-radius: 10px

}



.aboutnew-page .client-box img {

    width: 100%

}



.aboutnew-page .behind-scenes {

    overflow: hidden;

    text-align: center;

    position: relative

}



.aboutnew-page .behind-scenes .textarea {

    top: 10em;

    position: absolute;

    z-index: 999;

    left: 0;

    right: 0

}



.aboutnew-page .behind-scenes .heading-sec {

    text-align: center

}



.aboutnew-page .right-place {

    clear: both;

    padding: 75px 0

}



.aboutnew-page .rightbox {

    width: 100%;

    padding: 30px 20px;

    text-align: center

}



.aboutnew-page .rightbox h3 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #393939;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.aboutnew-page .rightbox h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: block

}



.aboutnew-page .rightbox p {

    font: 16px/28px Poppins;

    color: #4c4c4c;

    margin: 0 0 10px

}



.aboutnew-page .rightbox .icon {

    width: 215px;

    height: 215px;

    transition: all .5s ease 0s;

    margin: 0 auto 20px;

    display: block;

    border-radius: 100%;

    background: #fee398;

    padding: 15px;

    overflow: hidden

}



.aboutnew-page .rightbox .iconbox {

    background: #fff;

    border-radius: 100%;

    display: inline-block;

    box-shadow: 0 5px 10px rgba(0, 0, 0, .3)

}



.aboutnew-page .rightbox .iconbox img {

    transition: all .5s ease 0s

}



.aboutnew-page .rightbox:hover .icon {

    background: #ffbc00

}



.become-partner .service-boxes li:hover span,

.home-newpage .software-services .software-box:hover span,

.why-india .service-boxes li:hover span {

    transform: rotate(360deg)

}



.aboutnew-page .getin-touch {

    background: url(../../images-2/get-in-touch.jpg) no-repeat;

    background-size: cover

}



.faq-page .banner-sec {

    background: url(../../images-2/faq-banner.png) top no-repeat;

    background-size: 100%;

    clear: both;

    width: 100%;

    overflow: hidden

}



.faq-page .banner-text {

    padding: 11em 0 12em;

    text-align: center;

    width: 100%

}



.faq-page .banner-text h1 {

    font: 60px/70px mulisemibold, sans-serif;

    color: #fff;

    text-transform: capitalize;

    margin: 0 0 10px

}



.faq-page .banner-text p {

    font: 28px/38px mulilight, sans-serif;

    color: #fff;

    margin: 0 5%

}



.faq-page .faqlist-area {

    padding: 75px 0

}



.faq-page .faq-list {

    clear: both

}



.faq-page .faq-list h3 {

    padding: 35px;

    font: 20px/28px mulisemibold, sans-serif;

    color: #136192;

    margin: 0 0 15px;

    box-shadow: 0 0 5px rgba(0, 0, 0, .3);

    position: relative

}



.faq-page .faq-list p {

    font: 16px/28px Poppins;

    position: relative;

    padding: 0 35px 35px;

    margin: -30px 0 30px;

    background: #fff;

    box-shadow: 0 5px 5px rgba(0, 0, 0, .3)

}



.faq-page .faq-list h3 {

    cursor: pointer;

    padding-right: 50px

}



.faq-page .faq-list h3:after {

    content: "\f107";

    color: #9ca2a8;

    font-family: FontAwesome;

    font-size: 28px;

    display: inline-block;

    position: absolute;

    width: 15px;

    text-align: center;

    right: 30px;

    top: 23px

}



.faq-page .faq-list p {

    display: none;

    color: #444

}



.faq-page .faq-list h3.selected,

.faq-page .faq-list h3.selected:before {

    color: #136192

}



.faq-page .faq-list h3.selected:after {

    content: "\f057";

    font-family: FontAwesome;

    color: #9ca2a8

}



.inmedia-page .banner-sec {

    padding: 8em 0 0;

    background: url(../../images-2/inmedia-banner.jpg) bottom no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.inmedia-page .banner-text {

    background: url(../../images-2/outline-bg.png) left no-repeat;

    padding: 10em 0 11em;

    text-align: center;

    margin: 70px 0

}



.inmedia-page .banner-text h1 {

    font: 80px/90px mulisemibold, sans-serif;

    color: #fff;

    text-transform: capitalize;

    margin: 30px 0 20px

}



.inmedia-page .banner-text h2 {

    font: 35px/45px Poppins;

    color: #fff;

    margin: 0 5%

}



.inmedia-page .mediasec {

    padding: 70px 0 100px;

    clear: both;

    overflow: hidden

}



.inmedia-page .mediasec h4 {

    font: 18px/30px Poppins;

    color: #000;

    margin: 40px 0 0;

    display: block;

    text-align: center

}



.inmedia-page .media-box {

    width: 295px;

    height: 345px;

    position: relative;

    border-left: 5px solid #4b5abe;

    border-right: 5px solid #0ca9d1;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background-position: 0 0, 0 100%;

    background-repeat: no-repeat;

    -webkit-background-size: 100% 20px;

    -moz-background-size: 100% 20px;

    background-size: 100% 5px;

    background-image: -webkit-linear-gradient(left, #4b5abe 0, #0ca9d1 100%), -webkit-linear-gradient(left, #4b5abe 0, #0ca9d1 100%);

    background-image: -moz-linear-gradient(left, #4b5abe 0, #0ca9d1 100%), -moz-linear-gradient(left, #4b5abe 0, #0ca9d1 100%);

    background-image: -o-linear-gradient(left, #4b5abe 0, #0ca9d1 100%), -o-linear-gradient(left, #4b5abe 0, #0ca9d1 100%);

    background-image: linear-gradient(to right, #4b5abe 0, #0ca9d1 100%), linear-gradient(to right, #4b5abe 0, #0ca9d1 100%)

}



.inmedia-page .shadow-box {

    width: 100%;

    transition: all .5s ease 0s;

    position: absolute;

    top: 30px;

    left: 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, .2);

    background: #fff;

    padding: 20px

}



.careers-page .award-sec h3,

.careers-page .crbox h3,

.careers-page .work-together h2 {

    position: relative;

    text-transform: capitalize

}



.inmedia-page .mediasec:hover a {

    text-decoration: none

}



.inmedia-page .media-box:hover .shadow-box {

    box-shadow: 0 0 10px rgba(0, 0, 0, .6)

}



.inmedia-page .media-box:hover h4 {

    color: #ffbc00

}



.inmedia-page .bottom-line {

    width: 100%;

    height: 1px;

    background: #f0efef;

    overflow: hidden;

    margin: 50px 0

}



.careers-page .whitebg-sec {

    background: #fbfbfb !important

}



.careers-page .whitebg-sec img {

    float: none

}



.careers-page .banner-sec {

    background: url(../../images-2/career-banner.jpg) no-repeat fixed;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.careers-page .banner-text {

    padding: 13em 0 10em;

    text-align: center;

    width: 100%

}



.careers-page .banner-text h1 {

    font: 70px/65px mulisemibold, sans-serif;

    color: #fff;

    text-transform: capitalize;

    margin: 0 0 10px

}



.careers-page .banner-text h2 {

    font: 20px/30px mulilight, sans-serif;

    color: #fff;

    margin: 0 8%

}



.careers-page .career-sec {

    background: url(../../images-2/graybg.png) bottom no-repeat;

    background-size: cover;

    padding: 75px 0;

    display: flex

}



.careers-page .crbox {

    width: 100%;

    min-height: 382px;

    text-align: center;

    padding: 30px 15px;

    background: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, .2);

    transition: all .5s ease 0s

}



.careers-page .crbox h3 {

    font: 20px/30px mulisemibold, sans-serif;

    color: #136192;

    margin: 0 0 10px;

    display: block

}



.careers-page .crbox p {

    color: #444;

    font: 16px/28px mulilight, sans-serif;

    display: block;

    clear: both

}



.careers-page .crbox .icon {

    width: 85px;

    height: 85px;

    margin: 0 auto 30px;

    display: block;

    border-radius: 100%;

    background: #d3e1f7

}



.careers-page .crbox:hover {

    background: #349d62

}



.careers-page .crbox:hover h3,

.careers-page .crbox:hover p {

    color: #fff

}



.careers-page .crbox:hover.icon {

    background: #fff

}



.careers-page .dream-team {

    padding: 75px 0 0;

    clear: both

}



.careers-page .dream-team .heading-sec {

    margin: 0 0 20px

}



.careers-page .ourteam-bg {

    background: url(../../images-2/career-team-bg.jpg) bottom right no-repeat;

    background-size: cover;

    padding: 50px 0;

    clear: both

}



.careers-page .ourteam-bg .text {

    clear: both;

    margin: 25% 0 0 5%

}



.careers-page .ourteam-bg .text p {

    color: #fff;

    font: 20px/30px mulilight, sans-serif;

    display: block

}



.careers-page .award-sec {

    width: 100%;

    border-radius: 5px;

    background: #fff;

    box-shadow: 0 0 25px rgba(0, 0, 0, .3);

    padding: 30px

}



.careers-page .award-sec ul {

    list-style: none;

    text-align: center

}



.careers-page .award-sec li {

    width: 49%;

    display: inline-block;

    vertical-align: top;

    border: 1px solid #ebebeb;

    margin: -1px 0 0 -5px;

    padding: 15px

}



.careers-page .award-sec .no-bor2,

.careers-page .award-sec .no-bor4 {

    border-top: none;

    border-right: none

}



.careers-page .award-sec .no-bor {

    border-top: none;

    border-left: none

}



.careers-page .award-sec .no-bor3 {

    border-top: none;

    border-left: none;

    border-bottom: none

}



.careers-page .award-sec .no-bor4 {

    border-bottom: none

}



.careers-page .award-sec .icon {

    width: 100px;

    height: 100px;

    margin: 0 auto 10px;

    display: block;

    border-radius: 100%;

    background: #fdddd0

}



.careers-page .award-sec .icon2 {

    background: #fcd2e8

}



.careers-page .award-sec .icon3 {

    background: #c3f0da

}



.careers-page .award-sec .icon4 {

    background: #d3e1f7

}



.careers-page .award-sec h3 {

    font: 20px/25px mulisemibold, sans-serif;

    color: #136192;

    margin: 0 0 5px;

    display: block

}



.careers-page .award-sec p {

    color: #444;

    font: 16px/25px mulilight, sans-serif;

    display: block;

    clear: both

}



.careers-page .work-together {

    clear: both;

    background: #ffbc00;

    padding: 75px 0;

    text-align: center

}



.careers-page .work-together h2 {

    font: 40px/45px mulisemibold, sans-serif;

    color: #000;

    margin: 0 0 25px

}



.careers-page .work-together h2:after {

    width: 80px;

    height: 5px;

    background: #fff;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: block

}



.careers-page .work-together p {

    color: #000;

    font: 22px/35px Poppins;

    padding: 0 25px 30px

}



.careers-page .yelbor-bt {

    padding: 15px 25px;

    border: 2px solid #fff;

    color: #000;

    text-transform: capitalize

}



.careers-page .yelbor-bt:hover {

    border: 2px solid #fff;

    background: #fff;

    color: #000 !important

}



.gdpr-page .banner-sec {

    background: url(../../images-2/gdrp-banner.jpg) center no-repeat;

    background-size: cover

}



.gdpr-page .banner-text h1 {

    font: 70px/80px mulisemibold, sans-serif;

    text-transform: capitalize;

    margin: 0 0 20px

}



.gdpr-page .banner-text p {

    font: 22px/38px mulilight, sans-serif;

    margin: 50px 80px

}



.gdpr-page .career-sec .text h2 {

    font: 38px/42px mulibold, sans-serif;

    color: #0a1d3e;

    margin: 0 0 10px

}



.gdpr-page .career-sec .text p {

    font: 16px/28px Poppins;

    margin: 0 0 25px

}



.gdpr-page .career-sec .imgbox img {

    border-radius: 50px;

    box-shadow: 10px 10px 40px rgba(0, 0, 0, .2);

    border: 10px solid #fff

}



.gdpr-page .ourteam-bg {

    background: 0 0 !important

}



.gdpr-page .ourteam-bg .text {

    margin: 0

}



.gdpr-page .ourteam-bg .text h2 {

    font: 38px/42px mulibold, sans-serif;

    color: #0a1d3e;

    margin: 0 0 10px

}



.gdpr-page .ourteam-bg .text p {

    font: 16px/28px Poppins;

    margin: 0 0 25px;

    color: #555

}



.gdpr-page .work-together h2:after {

    display: none

}



.gdpr-page .approachsec {

    margin: 30px 0 0;

    text-align: left

}



.gdpr-page .approachsec h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px;

    display: block

}



.gdpr-page .approachsec h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.gdpr-page .approachsec p {

    font: 18px/28px Poppins;

    color: #000;

    margin: 30px 0

}



.gdpr-page .approachsec ul {

    list-style: none;

    padding: 0 0 30px 25px;

    position: relative

}



.gdpr-page .approachsec ul li {

    font: 14px/20px Poppins;

    color: #000;

    margin: 0 0 5px;

    position: relative

}



.gdpr-page .approachsec ul li:before {

    content: '\f192';

    font-family: FontAwesome;

    font-size: 12px;

    color: #000;

    position: absolute;

    top: 0;

    left: -25px

}



.our-team-page .banner-sec {

    background: url(../../images-2/team-banner.jpg) top no-repeat;

    background-size: 100%;

    clear: both;

    width: 100%;

    overflow: hidden

}



.our-team-page .banner-text {

    padding: 11em 0 10em;

    text-align: center

}



.our-team-page .banner-text h1 {

    font: 80px/70px mulisemibold, sans-serif;

    color: #fff;

    text-transform: capitalize;

    margin: 0 0 20px

}



.our-team-page .banner-text p {

    font: 24px/35px mulilight, sans-serif;

    color: #fff

}



.our-team-page .heading-sec p {

    font: 18px/28px Poppins

}



.our-team-page .dedicated-team {

    padding: 75px 0;

    clear: both;

    background: #e7eef0

}



.our-team-page .dedicated-team ul {

    list-style: none;

    text-align: center

}



.our-team-page .dedicated-team li {

    width: 32.7%;

    overflow: hidden;

    position: relative;

    display: inline-block;

    margin: 0 1px;

    background: #fff

}



.our-team-page .dedicated-team .dp-box {

    width: 200px;

    height: 200px;

    margin: 30px auto 10px;

    border-radius: 100%;

    overflow: hidden

}



.our-team-page .dedicated-team .text {

    padding: 15px 25px 30px;

    width: 100%;

    text-align: center;

    transition: all .5s ease 0s

}



.our-team-page .dedicated-team .text h3 {

    font: 22px/25px mulisemibold, sans-serif;

    text-transform: capitalize;

    color: #000

}



.our-team-page .dedicated-team .text h4 {

    font: 16px/28px Poppins;

    color: #000;

    margin: 0

}



.our-team-page .dedicated-team .text p {

    font: 15px/24px Poppins;

    color: #000

}



.our-team-page .team-section {

    background: url(../../images-2/team-bg.jpg) top no-repeat;

    background-size: cover;

    padding: 75px 0

}



.our-team-page .team-section .carousel-inner {

    position: relative

}



.our-team-page .team-section .slide-text {

    position: absolute;

    width: 100%;

    left: 0;

    right: 0;

    top: 15em;

    text-align: center;

    z-index: 9

}



.our-team-page .team-section .slide-text h2 {

    font: 38px/45px mulisemibold, sans-serif;

    color: #fff;

    text-transform: capitalize;

    margin: 0 0 10px

}



.our-team-page .team-section .slide-text p {

    font: 18px/28px Poppins;

    color: #fff;

    margin: 0 5%

}



.our-team-page .team-section .carousel-control-next {

    width: 5%;

    opacity: inherit;

    right: -70px

}



.our-team-page .team-section .carousel-control-prev {

    width: 5%;

    opacity: inherit;

    left: -70px

}



.our-team-page .botton-sec {

    padding: 75px 0

}



.blockchain-development .banner-text {

    text-align: center;

    padding: 18% 0 8%

}



.blockchain-development .banner-text h1 {

    font: 70px/70px mulisemibold, sans-serif;

    text-transform: capitalize

}



.blockchain-development .banner-text h2 {

    font: 40px/50px mulilight, sans-serif

}



.blockchain-development .banner-text p {

    font: 22px/38px mulilight, sans-serif

}



.blockchain-development .banner-text li {

    width: 30%;

    border: 1px solid rgba(255, 255, 255, .5)

}



.blockchain-development .banner-text ul {

    text-align: left

}



.blockchain-development .service-boxes li {

    min-height: 381px

}



.blockchain-development .service-boxes span {

    width: 86px;

    height: 86px;

    display: block;

    border-radius: 100%;

    border: 2px solid #171f69;

    background: url(../../images-2/dedicated-sprite2.png) no-repeat;

    margin: 0 auto 30px

}



.blockchain-development .service-boxes .icon1 {

    background-position: 16px -1px

}



.blockchain-development .service-boxes .icon2 {

    background-position: 9px -128px

}



.blockchain-development .service-boxes .icon3 {

    background-position: 14px -259px

}



.blockchain-development .service-boxes .icon4 {

    background-position: 17px -395px

}



.blockchain-development .service-boxes .icon5 {

    background-position: 11px -560px

}



.blockchain-development .service-boxes .icon6 {

    background-position: 12px -688px

}



.blockchain-development .service-boxes .icon7 {

    background-position: 12px -803px

}



.blockchain-development .service-boxes .icon8 {

    background-position: 8px -941px

}



.blockchain-development .service-boxes .icon9 {

    background-position: 10px -1075px

}



.blockchain-development .devlopment-services {

    padding: 75px 0 130px;

    background: url(../../images-2/develoment-ser-bg.jpg) no-repeat;

    background-size: cover

}



.blockchain-development .serv-bg {

    background: url(../../images-2/vector-bg2.jpg) bottom center no-repeat;

    background-size: 100%

}



.blockchain-development .services-area {

    background: #fff;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

    padding: 75px 45px;

    position: relative;

    top: -90px;

    z-index: 99

}



.blockchain-development .services-area .imgbox {

    width: 100%;

    text-align: center;

    margin: 0 0 60px

}



.blockchain-development .services-area .imgbox img {

    float: none;

    display: inherit;

    margin: 0 auto

}



.blockchain-development .services-area .text {

    margin: 0 0 80px

}



.blockchain-development .services-area .text h3 {

    font: 26px/36px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px;

    display: block

}



.blockchain-development .services-area .text h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.blockchain-development .services-area .text p {

    font: 18px/28px Poppins;

    color: #000;

    margin: 30px 0

}



.blockchain-development .services-area .text ul {

    list-style: none;

    padding: 0 0 0 55px;

    position: relative

}



.blockchain-development .services-area .text li {

    font: 16px/28px Poppins;

    color: #000;

    margin: 0 0 30px;

    position: relative

}



.blockchain-development .services-area .text li:last-child {

    margin: 0

}



.blockchain-development .services-area .text li:before {

    content: '';

    background: url(../../images-2/health_solucation_icon1.png) no-repeat;

    width: 40px;

    height: 40px;

    position: absolute;

    left: -57px;

    top: -5px

}



.blockchain-development .services-area .text .cross-box li:before {

    background: #fff;

    content: '\f00d';

    font-family: FontAwesome;

    color: #ffbc00;

    line-height: 18px

}



.blockchain-development .key-benefite-sec {

    background: url(../../images-2/Development-PROCESS-bg.jpg) no-repeat;

    background-size: cover

}



.blockchain-development .benefits-box {

    background: #fff

}



.blockchain-development .benefits-box span {

    opacity: 0;

    transition: all .5s ease 0s;

    position: absolute;

    right: -1px;

    top: 0;

    width: 95px;

    height: 100px;

    display: block;

    background: url(../../images-2/expertise-sprite-3.png) no-repeat

}



.blockchain-development .benefits-box .icon1 {

    background-position: 0 0

}



.blockchain-development .benefits-box .icon2 {

    background-position: 2px -177px

}



.blockchain-development .benefits-box .icon3 {

    background-position: 18px -337px

}



.blockchain-development .benefits-box .icon4 {

    background-position: 2px -509px

}



.blockchain-development .benefits-box .icon5 {

    background-position: 13px -673px

}



.blockchain-development .benefits-box .icon6 {

    background-position: 2px -865px

}



.blockchain-development .benefits-box .icon7 {

    background-position: 2px -1052px

}



.blockchain-development .benefits-box .icon8 {

    background-position: 2px -1225px

}



.blockchain-development .benefits-box .icon9 {

    background-position: 2px -1385px

}



.blockchain-development .benefits-box .icon10 {

    background-position: 2px -1572px

}



.blockchain-development .benefits-box .icon11 {

    background-position: 2px -1762px

}



.blockchain-development .benefits-box .icon12 {

    background-position: 2px -1953px

}



.blockchain-development .benefits-box {

    position: relative;

    box-shadow: 10px 10px 10px transparent

}



.blockchain-development .benefits-box:hover {

    border: 2px solid #fff;

    box-shadow: 10px 10px 10px rgba(0, 0, 0, .2)

}



.blockchain-development .benefits-box:hover span {

    opacity: .9

}



.blockchain-development .our-services  {

    font: 16px/24px Poppins;

    padding: 20px;

    color: #203073;

    margin: 0 0 0 10px

}



.blockchain-development .our-services .resp-tab-active {

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

    border-bottom: 2px solid #203073;

    color: #203073

}



.blockchain-development .our-services .resp-tabs-list i {

    display: block;

    background: url(../../../404.html) center no-repeat;

    width: 110px;

    height: 110px;

    margin: 0 auto;

    text-align: center

}



.blockchain-development .our-services .resp-tabs-list .icon-1 {

    background-position: 0 0

}



.blockchain-development .our-services .resp-tabs-list .icon-2 {

    background-position: 0 -215px

}



.blockchain-development .our-services .resp-tabs-list .icon-3 {

    background-position: 0 -447px

}



.blockchain-development .our-services .resp-tabs-list .icon-4 {

    background-position: 0 -707px

}



.blockchain-development .our-services .resp-tabs-list .icon-5 {

    background-position: 0 -960px

}



.blockchain-development .our-services .resp-tabs-list .icon-6 {

    background-position: 0 -1223px

}



.blockchain-development .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg5.jpg) no-repeat;

    background-size: cover

}



.blockchain-development .whyhire-sec .whybox h3 {

    color: #1f1784

}



.blockchain-development .whyhire-sec .whybox span {

    width: 70px;

    height: 70px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: inline-block

}



.blockchain-development .whyhire-sec .whybox .icon1 {

    background-position: -359px -5px

}



.blockchain-development .whyhire-sec .whybox .icon2 {

    background-position: -359px -115px

}



.blockchain-development .whyhire-sec .whybox .icon3 {

    background-position: -362px -241px

}



.blockchain-development .whyhire-sec .whybox .icon4 {

    background-position: -353px -360px

}



.blockchain-development .whyhire-sec .whybox .icon5 {

    background-position: -353px -500px

}



.blockchain-development .whyhire-sec .whybox .icon6 {

    background-position: -353px -625px

}



.blockchain-development .whyhire-sec .whybox .icon7 {

    background-position: -353px -770px

}



.blockchain-development .whyhire-sec .whybox .icon8 {

    background-position: -359px -920px

}



.blockchain-development .whyhire-sec .whybox .icon9 {

    background-position: -359px -1065px

}



.blockchain-development .whyhire-sec .whybox .icon10 {

    background-position: -359px -1205px

}



.blockchain-development .whyhire-sec .whybox .icon11 {

    background-position: -359px -1355px

}



.blockchain-development .whyhire-sec .whybox .icon12 {

    background-position: -359px -1500px

}



.blockchain-development .tabing-sec {

    clear: both

}



.blockchain-development .tabing-sec p {

    font: 18px/28px Poppins;

    color: #000;

    margin: 0 0 25px;

    width: 100%

}



.blockchain-development .tabing-sec ul {

    list-style: none;

    margin: 40px 0 0

}



.blockchain-development .tabing-sec li {

    display: inline-block;

    vertical-align: top;

    margin: 5px 5px 10px;

    width: 13%;

    border: 1px solid #e1e1e1;

    background: #fff;

    padding: 15px;

    text-align: center

}



.blockchain-development .tabing-sec h4 {

    font: 16px/24px Poppins;

    color: #b9b9bb;

    text-transform: capitalize

}



.blockchain-development .tabing-sec li:hover {

    background: #1f3073

}



.blockchain-development .tabing-sec li:hover h4 {

    color: #fff

}



.blockchain-development .application-tabs {

    clear: both

}



.blockchain-development .application-tabs li {

    width: 15%

}



.blockchain-development .application-tabs span {

    width: 95px;

    height: 70px;

    display: block;

    background: url(../../images-2/application-strip.png) no-repeat;

    margin: 0 auto

}



.blockchain-development .application-tabs .icon1 {

    background-position: 5px -25px

}



.blockchain-development .application-tabs .icon2 {

    background-position: 5px -115px

}



.blockchain-development .application-tabs .icon3 {

    background-position: 5px -205px

}



.blockchain-development .application-tabs .icon4 {

    background-position: 5px -310px

}



.blockchain-development .application-tabs li:hover .icon1 {

    background-position: -175px -25px

}



.blockchain-development .application-tabs li:hover .icon2 {

    background-position: -175px -115px

}



.blockchain-development .application-tabs li:hover .icon3 {

    background-position: -175px -205px

}



.blockchain-development .application-tabs li:hover .icon4 {

    background-position: -175px -310px

}



.blockchain-development .blockchain-tabs {

    clear: both

}



.blockchain-development .blockchain-tabs span {

    width: 95px;

    height: 70px;

    display: block;

    background: url(../../images-2/Blockchain-Platforms-and-tec-stack.png) no-repeat;

    margin: 0 auto

}



.blockchain-development .blockchain-tabs .icon1 {

    background-position: 10px -10px

}



.blockchain-development .blockchain-tabs .icon2 {

    background-position: 10px -100px

}



.blockchain-development .blockchain-tabs .icon3 {

    background-position: 5px -183px

}



.blockchain-development .blockchain-tabs .icon4 {

    background-position: 10px -265px

}



.blockchain-development .blockchain-tabs .icon5 {

    background-position: 10px -350px

}



.blockchain-development .blockchain-tabs .icon6 {

    background-position: 12px -435px

}



.blockchain-development .blockchain-tabs .icon7 {

    background-position: 0 -510px

}



.blockchain-development .blockchain-tabs .icon8 {

    background-position: 5px -590px

}



.blockchain-development .blockchain-tabs .icon9 {

    background-position: 10px -670px

}



.blockchain-development .blockchain-tabs .icon10 {

    background-position: 10px -777px

}



.blockchain-development .blockchain-tabs .icon11 {

    background-position: 15px -887px

}



.blockchain-development .blockchain-tabs .icon12 {

    background-position: 10px -1000px

}



.blockchain-development .blockchain-tabs .icon13 {

    background-position: 10px -1110px

}



.blockchain-development .blockchain-tabs .icon14 {

    background-position: 15px -1210px

}



.blockchain-development .blockchain-tabs .icon15 {

    background-position: 10px -1322px

}



.blockchain-development .blockchain-tabs li:hover .icon1 {

    background-position: -167px -10px

}



.blockchain-development .blockchain-tabs li:hover .icon2 {

    background-position: -167px -100px

}



.blockchain-development .blockchain-tabs li:hover .icon3 {

    background-position: -175px -183px

}



.blockchain-development .blockchain-tabs li:hover .icon4 {

    background-position: -167px -265px

}



.blockchain-development .blockchain-tabs li:hover .icon5 {

    background-position: -167px -350px

}



.blockchain-development .blockchain-tabs li:hover .icon6 {

    background-position: -165px -435px

}



.blockchain-development .blockchain-tabs li:hover .icon7 {

    background-position: -177px -510px

}



.blockchain-development .blockchain-tabs li:hover .icon8 {

    background-position: -172px -590px

}



.blockchain-development .blockchain-tabs li:hover .icon9 {

    background-position: -167px -670px

}



.blockchain-development .blockchain-tabs li:hover .icon10 {

    background-position: -167px -777px

}



.blockchain-development .blockchain-tabs li:hover .icon11 {

    background-position: -162px -887px

}



.blockchain-development .blockchain-tabs li:hover .icon12 {

    background-position: -167px -1000px

}



.blockchain-development .blockchain-tabs li:hover .icon13 {

    background-position: -167px -1110px

}



.blockchain-development .blockchain-tabs li:hover .icon14 {

    background-position: -162px -1210px

}



.blockchain-development .blockchain-tabs li:hover .icon15 {

    background-position: -167px -1322px

}



.blockchain-development .service-tabs {

    clear: both

}



.blockchain-development .service-tabs span {

    width: 95px;

    height: 70px;

    display: block;

    background: url(../../images-2/Services-and-optional-Components.png) no-repeat;

    margin: 0 auto

}



.blockchain-development .service-tabs .icon1 {

    background-position: 0 -25px

}



.blockchain-development .service-tabs .icon2 {

    background-position: 0 -168px

}



.blockchain-development .service-tabs .icon3 {

    background-position: 0 -295px

}



.blockchain-development .service-tabs .icon4 {

    background-position: 3px -420px

}



.blockchain-development .service-tabs .icon5 {

    background-position: 2px -560px

}



.blockchain-development .service-tabs .icon6 {

    background-position: 2px -720px

}



.blockchain-development .service-tabs .icon7 {

    background-position: 0 -863px

}



.blockchain-development .service-tabs .icon8 {

    background-position: 5px -1000px

}



.blockchain-development .service-tabs .icon9 {

    background-position: 5px -1150px

}



.blockchain-development .service-tabs .icon10 {

    background-position: 5px -1290px

}



.blockchain-development .service-tabs li:hover .icon1 {

    background-position: -170px -25px

}



.blockchain-development .service-tabs li:hover .icon2 {

    background-position: -170px -168px

}



.blockchain-development .service-tabs li:hover .icon3 {

    background-position: -170px -295px

}



.blockchain-development .service-tabs li:hover .icon4 {

    background-position: -168px -420px

}



.blockchain-development .service-tabs li:hover .icon5 {

    background-position: -167px -560px

}



.blockchain-development .service-tabs li:hover .icon6 {

    background-position: -167px -720px

}



.blockchain-development .service-tabs li:hover .icon7 {

    background-position: -170px -863px

}



.blockchain-development .service-tabs li:hover .icon8 {

    background-position: -167px -1000px

}



.blockchain-development .service-tabs li:hover .icon9 {

    background-position: -167px -1150px

}



.blockchain-development .service-tabs li:hover .icon10 {

    background-position: -167px -1290px

}



.blockchain-development .protocol-tabs {

    clear: both

}



.blockchain-development .protocol-tabs li {

    width: 15%

}



.blockchain-development .protocol-tabs span {

    width: 95px;

    height: 70px;

    display: block;

    background: url(../../images-2/Protocol-Layer.png) no-repeat;

    margin: 0 auto

}



.blockchain-development .protocol-tabs .icon1 {

    background-position: 5px -50px

}



.blockchain-development .protocol-tabs .icon2 {

    background-position: 5px -194px

}



.blockchain-development .protocol-tabs .icon3 {

    background-position: 5px -340px

}



.blockchain-development .protocol-tabs .icon4 {

    background-position: 5px -464px

}



.blockchain-development .protocol-tabs li:hover .icon1 {

    background-position: -167px -50px

}



.blockchain-development .protocol-tabs li:hover .icon2 {

    background-position: -167px -194px

}



.blockchain-development .protocol-tabs li:hover .icon3 {

    background-position: -167px -340px

}



.blockchain-development .protocol-tabs li:hover .icon4 {

    background-position: -167px -464px

}



.blockchain-development .network-tabs {

    clear: both

}



.blockchain-development .network-tabs li {

    width: 18%

}



.blockchain-development .network-tabs span {

    width: 95px;

    height: 70px;

    display: block;

    background: url(../../images-2/networkl-Layer.png) no-repeat;

    margin: 0 auto

}



.blockchain-development .network-tabs .icon1 {

    background-position: 10px -5px

}



.blockchain-development .network-tabs .icon2 {

    background-position: 10px -140px

}



.blockchain-development .network-tabs .icon3 {

    background-position: 5px -280px

}



.blockchain-development .network-tabs .icon4 {

    background-position: 5px -400px

}



.blockchain-development .network-tabs .icon5 {

    background-position: 5px -530px

}



.blockchain-development .network-tabs li:hover .icon1 {

    background-position: -175px -5px

}



.blockchain-development .network-tabs li:hover .icon2 {

    background-position: -175px -140px

}



.blockchain-development .network-tabs li:hover .icon3 {

    background-position: -180px -280px

}



.blockchain-development .network-tabs li:hover .icon4 {

    background-position: -180px -400px

}



.blockchain-development .network-tabs li:hover .icon5 {

    background-position: -180px -530px

}



.blockchain-development .Layer-tabs {

    clear: both

}



.blockchain-development .Layer-tabs li {

    width: 15%

}



.blockchain-development .Layer-tabs span {

    width: 95px;

    height: 70px;

    display: block;

    background: url(../../images-2/Infrastructure-Layer.png) no-repeat;

    margin: 0 auto

}



.blockchain-development .Layer-tabs .icon1 {

    background-position: 5px -50px

}



.blockchain-development .Layer-tabs .icon2 {

    background-position: 0 -173px

}



.blockchain-development .Layer-tabs .icon3 {

    background-position: 5px -300px

}



.blockchain-development .Layer-tabs .icon4 {

    background-position: -3px -450px

}



.blockchain-development .Layer-tabs li:hover .icon1 {

    background-position: -155px -50px

}



.blockchain-development .Layer-tabs li:hover .icon2 {

    background-position: -160px -173px

}



.blockchain-development .Layer-tabs li:hover .icon3 {

    background-position: -156px -300px

}



.blockchain-development .Layer-tabs li:hover .icon4 {

    background-position: -167px -450px

}



.approach-page .yel-button {

    border: 1px solid #fff;

    color: #fff

}



.approach-page .yel-button:hover {

    background: #fff;

    color: #000

}



.approach-page .getin-touch .yel-button {

    border: 1px solid #1e3e99;

    color: #1e3e99

}



.approach-page .getin-touch .yel-button:hover {

    border: 1px solid #60b741;

    color: #60b741

}



.approach-page .banner-sec {

    background: url(../../images-2/approach-banner.jpg) no-repeat;

    background-size: cover

}



.approach-page .banner-text {

    text-align: center;

    padding: 23% 0 10%

}



.approach-page .banner-text h1 {

    font: 85px/100px mulisemibold, sans-serif;

    text-transform: capitalize

}



.approach-page .banner-text h2 {

    font: 40px/50px mulilight, sans-serif

}



.approach-page .banner-text p {

    font: 22px/38px mulilight, sans-serif

}



.approach-page .process-area .textbox {

    border: 1px solid #0b919a

}



.approach-page .process-area .box-2 {

    border: 1px solid #057a82

}



.approach-page .process-area .box-3 {

    border: 1px solid #09a0aa

}



.approach-page .pricing-models {

    clear: both;

    background: url(../../images-2/pricing-bg.jpg) no-repeat;

    background-size: cover;

    padding: 75px 0

}



.approach-page .pribox {

    border: 2px solid #fff;

    background: 0 0;

    padding: 40px 0;

    border-radius: 5px;

    text-align: center;

    transition: all .5s ease 0s;

    margin: 130px 0 0

}



.approach-page .nomrg {

    margin: 50px 0 0 !important

}



.approach-page .pribox span {

    width: 90px;

    height: 90px;

    display: block;

    background: url(../../images-2/pricing-sprite.png) no-repeat;

    margin: 0 auto

}



.approach-page .pribox .icon1 {

    background-position: 20px 0

}



.approach-page .pribox .icon2 {

    background-position: 15px -130px

}



.approach-page .pribox .icon3 {

    background-position: 5px -275px

}



.approach-page .pribox h3 {

    font: 26px/35px mulisemibold, sans-serif;

    color: #fff;

    letter-spacing: -1px;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px;

    display: block

}



.approach-page .pribox h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: block

}



.approach-page .pribox p {

    font: 16px/28px Poppins;

    color: #fff;

    display: block;

    padding: 30px

}



.approach-page .pribox .tb-border {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff

}



.approach-page .pribox:hover {

    background: #fff

}



.approach-page .pribox:hover .icon1 {

    background-position: -100px 0

}



.approach-page .pribox:hover .icon2 {

    background-position: -90px -130px

}



.approach-page .pribox:hover .icon3 {

    background-position: -103px -275px

}



.approach-page .pribox:hover h3,

.approach-page .pribox:hover p {

    color: #000

}



.approach-page .pribox:hover .tb-border {

    border-top: 1px solid #e8e8e8;

    border-bottom: 1px solid #e8e8e8

}



.approach-page .models-box .headarea .icon {

    background: #1f978d

}



.staff-augmentation .banner-text {

    text-align: center;

    padding: 23% 0 10%;

    margin: 0;

    width: 100%;

    float: none

}



.staff-augmentation .banner-text h1 {

    font: 85px/70px mulisemibold, sans-serif;

    text-transform: capitalize

}



.staff-augmentation .banner-text h2 {

    font: 40px/50px mulilight, sans-serif

}



.staff-augmentation .banner-text p {

    font: 22px/38px mulilight, sans-serif;

    margin: 30px 0 50px

}



.staff-augmentation .banner-text ul {

    list-style: none;

    margin: 0 0 30px;

    text-align: left

}



.staff-augmentation .banner-text ul li {

    border-radius: 5px;

    margin: 0 8px 10px 0;

    padding: 10px 5px 10px 45px;

    font: 18px/28px mulilight, sans-serif;

    color: #fff;

    display: inline-block;

    position: relative

}



.staff-augmentation .banner-text ul li:after {

    content: '\f058';

    font-size: 24px;

    font-family: FontAwesome;

    position: absolute;

    left: 12px;

    top: 10px

}



.staff-augmentation .banner-text ul li:before {

    display: none

}



.staff-augmentation .banner-text ul li:first-child {

    margin: 0 8px 10px 0

}



.staff-augmentation .our-services-sec {

    background: 0 0

}



.staff-augmentation .services-box h2 {

    font: 26px/36px mulilight, sans-serif;

    color: #393939;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.staff-augmentation .services-box h2:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.staff-augmentation .services-box .text ul {

    border-left: 1px solid #ffbc00

}



.staff-augmentation .services-box .text ul:after {

    display: none

}



.staff-augmentation .services-box .text li {

    margin: 0 0 20px;

    font: 16px/24px Poppins

}



.staff-augmentation .services-box .text li:before {

    content: '\f00c';

    font-family: FontAwesome;

    background: #fff;

    border-radius: 100%;

    width: 23px;

    height: 23px;

    text-align: center;

    border: 1px solid #ffbc00;

    color: #ffbc00;

    position: absolute;

    left: -47px;

    top: 0;

    font-size: 13px;

    line-height: 22px

}



.staff-augmentation .devlopment-services {

    padding: 75px 0 130px

}



.staff-augmentation .serv-bg {

    background: 0 0

}



.staff-augmentation .hiring-models {

    background: url(../../images-2/Development-PROCESS-bg.jpg) bottom no-repeat;

    background-size: cover

}



.staff-augmentation .models-box {

    min-height: 830px

}



.arvr-page .models-box,

.devops-development .models-box,

.iot-development .models-box {

    min-height: 780px

}



.staff-augmentation .models-box .headarea {

    background: #3a5a69

}



.staff-augmentation .models-box .headarea h2 {

    color: #fff

}



.staff-augmentation .models-box .headarea span {

    background: url(../../images-2/hiring-sprite.png) no-repeat #fff;

    width: 139px;

    height: 139px;

    transition: all .5s ease 0s;

    border-radius: 100%;

    float: left;

    margin: 0 40px 0 0

}



.staff-augmentation .models-box .headarea .icon1 {

    background-position: -110px 37px

}



.staff-augmentation .models-box .headarea .icon2 {

    background-position: -110px -90px

}



.staff-augmentation .models-box .text ul {

    border: none

}



.staff-augmentation .models-box .text li:before {

    content: '\f058';

    color: #3a5a69;

    background: 0 0;

    font-size: 23px;

    font-family: FontAwesome;

    position: absolute;

    left: -40px;

    top: 0

}



.staff-augmentation .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg6.jpg) no-repeat;

    background-size: cover

}



.staff-augmentation .whyhire-sec .whybox h3 {

    color: #3a5a69

}



.staff-augmentation .whyhire-sec .whybox span {

    width: 70px;

    height: 70px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: inline-block

}



.staff-augmentation .whyhire-sec .whybox .icon1 {

    background-position: -470px -5px

}



.staff-augmentation .whyhire-sec .whybox .icon2 {

    background-position: -470px -115px

}



.staff-augmentation .whyhire-sec .whybox .icon3 {

    background-position: -473px -241px

}



.staff-augmentation .whyhire-sec .whybox .icon4 {

    background-position: -464px -360px

}



.staff-augmentation .whyhire-sec .whybox .icon5 {

    background-position: -464px -500px

}



.staff-augmentation .whyhire-sec .whybox .icon6 {

    background-position: -464px -625px

}



.staff-augmentation .whyhire-sec .whybox .icon7 {

    background-position: -464px -770px

}



.staff-augmentation .whyhire-sec .whybox .icon8 {

    background-position: -468px -920px

}



.staff-augmentation .whyhire-sec .whybox .icon9 {

    background-position: -470px -1065px

}



.staff-augmentation .whyhire-sec .whybox .icon10 {

    background-position: -470px -1205px

}



.staff-augmentation .whyhire-sec .whybox .icon11 {

    background-position: -470px -1355px

}



.staff-augmentation .whyhire-sec .whybox .icon12 {

    background-position: -468px -1500px

}



.arvr-page .banner-sec {

    background: url(../../images-2/arvr-banner.jpg) no-repeat;

    background-size: cover

}



.arvr-page .banner-sec h1 {

    font: 85px/90px mulisemibold, sans-serif

}



.arvr-page .banner-sec .banner-text {

    padding: 20% 0 11%

}



.arvr-page .service-boxes {

    margin: 0 0 20px

}



.arvr-page .service-boxes span {

    border: 2px solid #064384

}



.arvr-page .service-boxes .icon1 {

    background-position: -227px -1px

}



.arvr-page .service-boxes .icon2 {

    background-position: -227px -130px

}



.arvr-page .service-boxes .icon3 {

    background-position: -229px -260px

}



.arvr-page .our-services-area {

    padding: 75px 0;

    background: #f9fafc

}



.arvr-page .our-services-area .services-box {

    background: #fff;

    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);

    overflow: hidden

}



.arvr-page .our-services-area .services-box h2 {

    font: 26px/36px mulisemibold, sans-serif;

    color: #393939;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.arvr-page .our-services-area .services-box h2:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.arvr-page .our-services-area .services-box .text {

    padding: 45px

}



.arvr-page .our-services-area .services-box .text p {

    font: 18px/28px Poppins;

    color: #4c4c4c;

    margin: 0 0 50px

}



.arvr-page .our-services-area .services-box .text ul {

    list-style: none;

    padding: 0 0 0 35px;

    position: relative;

    border-left: 1px solid #ffbc00

}



.arvr-page .our-services-area .services-box .text li {

    font: 16px/24px Poppins;

    color: #4c4c4c;

    margin: 0 0 20px;

    position: relative

}



.arvr-page .our-services-area .services-box .text li:last-child {

    margin: 0

}



.arvr-page .our-services-area .services-box .text li:before {

    content: '\f00c';

    font-family: FontAwesome;

    background: #fff;

    border-radius: 100%;

    width: 23px;

    height: 23px;

    text-align: center;

    border: 1px solid #ffbc00;

    color: #ffbc00;

    position: absolute;

    left: -47px;

    top: 0;

    font-size: 13px;

    line-height: 22px

}



.arvr-page .our-services-area .services-box .text .cross-box li:before {

    background: #fff;

    content: '\f00d';

    font-family: FontAwesome;

    color: #ffbc00;

    line-height: 18px

}



.arvr-page .our-services-area .services-box .more {

    float: right;

    font: 16px/28px Poppins;

    margin: 30px 0;

    color: #06756f;

    display: block

}



.arvr-page .devlopment-services {

    padding: 75px 0 100px;

    background: url(../../images-2/develoment-ser-bg5.jpg) no-repeat;

    background-size: cover

}



.arvr-page .our-services .resp-tabs-list {

    justify-content: center;

    display: flex

}



.arvr-page .our-services .resp-tabs-list  {

    padding: 20px 80px

}



.arvr-page .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg7.jpg) no-repeat;

    background-size: cover

}



.arvr-page .whyhire-sec .whybox h3 {

    color: #22b2bf

}



.arvr-page .whyhire-sec .whybox .icon1 {

    background-position: -120px -5px

}



.arvr-page .whyhire-sec .whybox .icon2 {

    background-position: -120px -115px

}



.arvr-page .whyhire-sec .whybox .icon3 {

    background-position: -120px -241px

}



.arvr-page .whyhire-sec .whybox .icon4 {

    background-position: -120px -360px

}



.arvr-page .whyhire-sec .whybox .icon5 {

    background-position: -120px -500px

}



.arvr-page .whyhire-sec .whybox .icon6 {

    background-position: -120px -625px

}



.arvr-page .whyhire-sec .whybox .icon7 {

    background-position: -120px -770px

}



.arvr-page .whyhire-sec .whybox .icon8 {

    background-position: -120px -920px

}



.arvr-page .whyhire-sec .whybox .icon9 {

    background-position: -120px -1065px

}



.arvr-page .whyhire-sec .whybox .icon10 {

    background-position: -120px -1205px

}



.arvr-page .whyhire-sec .whybox .icon11 {

    background-position: -120px -1355px

}



.arvr-page .whyhire-sec .whybox .icon12 {

    background-position: -120px -1500px

}



.arvr-page .models-box .headarea {

    background: #f9fafc

}



.arvr-page .models-box .headarea h2 {

    color: #393939

}



.arvr-page .models-box .headarea span {

    background: url(../../images-2/hiring-sprite.png) no-repeat #2d629d;

    width: 139px;

    height: 139px;

    transition: all .5s ease 0s;

    border-radius: 100%;

    float: left;

    margin: 0 40px 0 0

}



.arvr-page .models-box .headarea .icon1 {

    background-position: 22px -230px

}



.arvr-page .models-box .headarea .icon2 {

    background-position: 22px -380px

}



.arvr-page .models-box .text ul {

    list-style: none;

    padding: 0 0 0 35px;

    position: relative;

    border-left: 1px dashed #dbdee4

}



.arvr-page .models-box .text ul li {

    font: 16px/24px Poppins;

    color: #4c4c4c;

    margin: 0 0 20px;

    position: relative

}



.arvr-page .models-box .text ul li:last-child {

    margin: 0

}



.arvr-page .models-box .text ul li:befor {

    content: '\f00c';

    font-family: FontAwesome;

    background: #fff;

    border-radius: 100%;

    width: 23px;

    height: 23px;

    text-align: center;

    border: 1px solid #ffbc00;

    color: #ffbc00;

    position: absolute;

    left: -47px;

    top: 0;

    font-size: 13px;

    line-height: 22px

}



.arvr-page .frontend-tabs {

    clear: both

}



.arvr-page .frontend-tabs ul {

    display: flex;

    align-items: stretch;

    flex-wrap: wrap

}



.arvr-page .frontend-tabs li {

    width: 19%

}



.arvr-page .frontend-tabs span {

    width: 95px;

    height: 70px;

    display: block;

    background: url(../../images-2/frontend-sprite.png) no-repeat;

    margin: 0 auto

}



.arvr-page .frontend-tabs .icon1 {

    background-position: 5px -7px

}



.arvr-page .frontend-tabs .icon2 {

    background-position: 5px -90px

}



.arvr-page .frontend-tabs .icon3 {

    background-position: 5px -180px

}



.arvr-page .frontend-tabs li:hover .icon1 {

    background-position: -175px -7px

}



.arvr-page .frontend-tabs li:hover .icon2 {

    background-position: -175px -90px

}



.arvr-page .frontend-tabs li:hover .icon3 {

    background-position: -175px -180px

}



.arvr-page .administration-tabs {

    clear: both

}



.arvr-page .administration-tabs ul {

    display: flex;

    align-items: stretch;

    flex-wrap: wrap

}



.arvr-page .administration-tabs li {

    width: 19%

}



.arvr-page .administration-tabs span {

    width: 95px;

    height: 70px;

    display: block;

    background: url(../../images-2/administration-sprite.png) no-repeat;

    margin: 0 auto

}



.arvr-page .administration-tabs .icon1 {

    background-position: 5px -25px

}



.arvr-page .administration-tabs .icon2 {

    background-position: 5px -120px

}



.arvr-page .administration-tabs .icon3 {

    background-position: 5px -210px

}



.arvr-page .administration-tabs li:hover .icon1 {

    background-position: -175px -25px

}



.arvr-page .administration-tabs li:hover .icon2 {

    background-position: -175px -120px

}



.arvr-page .administration-tabs li:hover .icon3 {

    background-position: -175px -210px

}



.arvr-page .bankend-tabs {

    clear: both

}



.arvr-page .bankend-tabs ul {

    display: flex;

    align-items: stretch;

    flex-wrap: wrap

}



.arvr-page .bankend-tabs span {

    width: 95px;

    height: 70px;

    display: block;

    background: url(../../images-2/backend-sprite.png) no-repeat;

    margin: 0 auto

}



.arvr-page .bankend-tabs .icon1 {

    background-position: 0 -25px

}



.arvr-page .bankend-tabs .icon2 {

    background-position: 5px -115px

}



.arvr-page .bankend-tabs .icon3 {

    background-position: 5px -205px

}



.arvr-page .bankend-tabs .icon4 {

    background-position: 0 -310px

}



.arvr-page .bankend-tabs .icon5 {

    background-position: 0 -420px

}



.arvr-page .bankend-tabs .icon6 {

    background-position: 5px -505px

}



.arvr-page .bankend-tabs .icon7 {

    background-position: 5px -600px

}



.arvr-page .bankend-tabs li:hover .icon1 {

    background-position: -182px -25px

}



.arvr-page .bankend-tabs li:hover .icon2 {

    background-position: -177px -115px

}



.arvr-page .bankend-tabs li:hover .icon3 {

    background-position: -177px -205px

}



.arvr-page .bankend-tabs li:hover .icon4 {

    background-position: -182px -310px

}



.arvr-page .bankend-tabs li:hover .icon5 {

    background-position: -182px -420px

}



.arvr-page .bankend-tabs li:hover .icon6 {

    background-position: -177px -505px

}



.arvr-page .bankend-tabs li:hover .icon7 {

    background-position: -177px -600px

}



.iot-development .banner-sec h1 {

    font: 85px/90px mulisemibold, sans-serif

}



.iot-development .service-boxes span {

    border: 2px solid #151a1f;

    background: url(../../images-2/dedicated-sprite2.png) no-repeat

}



.iot-development .service-boxes .icon1 {

    background-position: -347px -1px

}



.iot-development .service-boxes .icon2 {

    background-position: -345px -132px

}



.iot-development .service-boxes .icon3 {

    background-position: -340px -259px

}



.iot-development .service-boxes .icon4 {

    background-position: -341px -393px

}



.iot-development .service-boxes .icon5 {

    background-position: -350px -562px

}



.iot-development .service-boxes .icon6 {

    background-position: -349px -690px

}



.iot-development .service-boxes .icon7 {

    background-position: -342px -805px

}



.iot-development .service-boxes .icon8 {

    background-position: -340px -938px

}



.iot-development .service-boxes .icon9 {

    background-position: -348px -1072px

}



.iot-development .our-services-area {

    padding: 75px 0;

    background: #151a1f

}



.iot-development .our-services-area .services-box {

    background: #fff;

    box-shadow: 0 10px 10px rgba(0, 0, 0, .1);

    overflow: hidden

}



.iot-development .our-services-area .services-box h2 {

    font: 26px/36px mulisemibold, sans-serif;

    color: #393939;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.iot-development .our-services-area .services-box h2:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.iot-development .our-services-area .services-box .text {

    padding: 45px

}



.iot-development .our-services-area .services-box .text p {

    font: 18px/28px Poppins;

    color: #4c4c4c;

    margin: 0 0 50px

}



.iot-development .our-services-area .services-box .text ul {

    list-style: none;

    padding: 0 0 0 35px;

    position: relative;

    border-left: 1px solid #ffbc00

}



.iot-development .our-services-area .services-box .text li {

    font: 16px/24px Poppins;

    color: #4c4c4c;

    margin: 0 0 20px;

    position: relative

}



.iot-development .our-services-area .services-box .text li:last-child {

    margin: 0

}



.iot-development .our-services-area .services-box .text li:before {

    content: '\f00c';

    font-family: FontAwesome;

    background: #fff;

    border-radius: 100%;

    width: 23px;

    height: 23px;

    text-align: center;

    border: 1px solid #ffbc00;

    color: #ffbc00;

    position: absolute;

    left: -47px;

    top: 0;

    font-size: 13px;

    line-height: 22px

}



.iot-development .our-services-area .services-box .text .cross-box li:before {

    background: #fff;

    content: '\f00d';

    font-family: FontAwesome;

    color: #ffbc00;

    line-height: 18px

}



.iot-development .our-services-area .services-box .more {

    float: right;

    font: 16px/28px Poppins;

    margin: 30px 0;

    color: #06756f;

    display: block

}



.iot-development .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg8.jpg) no-repeat;

    background-size: cover

}



.iot-development .models-box .headarea {

    background: #f9fafc

}



.iot-development .models-box .headarea h2 {

    color: #393939

}



.iot-development .models-box .headarea span {

    background: url(../../images-2/hiring-sprite.png) no-repeat #0637c2;

    width: 139px;

    height: 139px;

    transition: all .5s ease 0s;

    border-radius: 100%;

    float: left;

    margin: 0 40px 0 0

}



.iot-development .models-box .headarea .icon1 {

    background-position: 22px -230px

}



.iot-development .models-box .headarea .icon2 {

    background-position: 22px -380px

}



.iot-development .models-box .text ul {

    list-style: none;

    padding: 0 0 0 35px;

    position: relative;

    border-left: 1px dashed #dbdee4

}



.iot-development .models-box .text ul li {

    font: 16px/24px Poppins;

    color: #4c4c4c;

    margin: 0 0 20px;

    position: relative

}



.iot-development .models-box .text ul li:last-child {

    margin: 0

}



.iot-development .models-box .text ul li:befor {

    content: '\f00c';

    font-family: FontAwesome;

    background: #fff;

    border-radius: 100%;

    width: 23px;

    height: 23px;

    text-align: center;

    border: 1px solid #ffbc00;

    color: #ffbc00;

    position: absolute;

    left: -47px;

    top: 0;

    font-size: 13px;

    line-height: 22px

}



.iot-development .our-services .resp-tabs-list {

    justify-content: center;

    display: flex

}



.iot-development .our-services .resp-tabs-list  {

    padding: 20px 30px;

    color: #4c4c4c

}



.iot-development .our-services .resp-tabs-list  i {

    background: url(../../images-2/iottab-sprite.png) no-repeat;

    width: 100px;

    height: 80px;

    display: block;

    margin: 0 auto 10px;

    transition: all .5s ease 0s

}



.iot-development .our-services .resp-tabs-list  .icon-1 {

    background-position: 12px -3px

}



.iot-development .our-services .resp-tabs-list  .icon-2 {

    background-position: 12px -171px

}



.iot-development .our-services .resp-tabs-list  .icon-3 {

    background-position: 12px -333px

}



.iot-development .our-services .resp-tabs-list  .icon-4 {

    background-position: 12px -500px

}



.iot-development .our-services .resp-tabs-list  .icon-5 {

    background-position: 19px -639px

}



.iot-development .our-services .resp-tabs-list  .icon-6 {

    background-position: 19px -790px

}



.iot-development .our-services .resp-tabs-list .resp-tab-active {

    background: url(../../images-2/tabbg3.png) no-repeat #151a1f;

    border: none;

    color: #fff

}



.iot-development .our-services .resp-tabs-list .resp-tab-active .icon-1 {

    background-position: -112px -3px

}



.iot-development .our-services .resp-tabs-list .resp-tab-active .icon-2 {

    background-position: -112px -171px

}



.iot-development .our-services .resp-tabs-list .resp-tab-active .icon-3 {

    background-position: -112px -333px

}



.iot-development .our-services .resp-tabs-list .resp-tab-active .icon-4 {

    background-position: -112px -500px

}



.iot-development .our-services .resp-tabs-list .resp-tab-active .icon-5 {

    background-position: -119px -639px

}



.iot-development .our-services .resp-tabs-list .resp-tab-active .icon-6 {

    background-position: -119px -790px

}



.iot-development .our-services .iot-connectivity {

    clear: both

}



.iot-development .our-services .iot-connectivity li {

    width: 25%

}



.iot-development .our-services .iot-connectivity li:hover {

    background: 0 0

}



.iot-development .our-services .iot-connectivity span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/IOT-connectivity-icon.png) no-repeat;

    margin: 0 auto

}



.iot-development .our-services .iot-connectivity .icon1 {

    background-position: -8px -7px

}



.iot-development .our-services .iot-connectivity .icon2 {

    background-position: -8px -170px

}



.iot-development .our-services .iot-connectivity .icon3 {

    background-position: -8px -345px

}



.iot-development .our-services .OS-icon {

    clear: both

}



.iot-development .our-services .OS-icon li {

    width: 25%

}



.iot-development .our-services .OS-icon li:hover {

    background: 0 0

}



.iot-development .our-services .OS-icon span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/os-icon.png) no-repeat;

    margin: 0 auto

}



.iot-development .our-services .OS-icon .icon1 {

    background-position: -15px -7px

}



.iot-development .our-services .OS-icon .icon2 {

    background-position: 0 -180px

}



.iot-development .our-services .Cloud-Platform {

    clear: both

}



.iot-development .our-services .Cloud-Platform li {

    width: 25%

}



.iot-development .our-services .Cloud-Platform li:hover {

    background: 0 0

}



.iot-development .our-services .Cloud-Platform span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/cloud-platform-sprite-icon.png) no-repeat;

    margin: 0 auto

}



.iot-development .our-services .Cloud-Platform .icon1 {

    background-position: -8px -7px

}



.iot-development .our-services .Cloud-Platform .icon2 {

    background-position: -8px -180px

}



.iot-development .our-services .Cloud-Platform .icon3 {

    background-position: -8px -345px

}



.iot-development .our-services .diving-physics {

    clear: both

}



.iot-development .our-services .diving-physics li {

    width: 25%

}



.iot-development .our-services .diving-physics li:hover {

    background: 0 0

}



.iot-development .our-services .diving-physics span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/diving-force-for-IOT-icon.png) no-repeat;

    margin: 0 auto

}



.iot-development .our-services .diving-physics .icon1 {

    background-position: -8px -7px

}



.iot-development .our-services .diving-physics .icon2 {

    background-position: -8px -185px

}



.iot-development .our-services .diving-physics .icon3 {

    background-position: -8px -355px

}



.iot-development .our-services .webservices {

    clear: both

}



.iot-development .our-services .webservices li {

    width: 25%

}



.iot-development .our-services .webservices li:hover {

    background: 0 0

}



.iot-development .our-services .webservices span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/WEB-SERVICES-icon.png) no-repeat;

    margin: 0 auto

}



.iot-development .our-services .webservices .icon1 {

    background-position: -8px -7px

}



.iot-development .our-services .webservices .icon2 {

    background-position: -8px -185px

}



.iot-development .our-services .webservices .icon3 {

    background-position: -8px -355px

}



.iot-development .our-services .protocoltabs {

    clear: both

}



.iot-development .our-services .protocoltabs li {

    width: 25%

}



.iot-development .our-services .protocoltabs li:hover {

    background: 0 0

}



.iot-development .our-services .protocoltabs span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/PROTOCOLS-icon.png) no-repeat;

    margin: 0 auto

}



.iot-development .our-services .protocoltabs .icon1 {

    background-position: -13px 12px

}



.iot-development .our-services .protocoltabs .icon2 {

    background-position: -10px -150px

}



.iot-development .our-services .protocoltabs .icon3 {

    background-position: -10px -360px

}



.devops-development .service-boxes span {

    border: 2px solid #1e3e99;

    background: url(../../images-2/dedicated-sprite2.png) no-repeat;

    margin: 0 auto 30px

}



.devops-development .service-boxes .icon1 {

    background-position: -468px -1px

}



.devops-development .service-boxes .icon2 {

    background-position: -472px -132px

}



.devops-development .service-boxes .icon3 {

    background-position: -472px -259px

}



.devops-development .service-boxes .icon4 {

    background-position: -470px -393px

}



.devops-development .service-boxes .icon5 {

    background-position: -468px -562px

}



.devops-development .service-boxes .icon6 {

    background-position: -470px -690px

}



.devops-development .ourappoach {

    background: #151a1f;

    padding: 72px 0

}



.devops-development .ourappoach .textbox {

    border: 1px solid #fff;

    padding: 60px 30px 30px;

    margin: 0 0 30px

}



.devops-development .ourappoach .textbox h3 {

    font: 22px/30px mulisemibold, sans-serif;

    color: #fff;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px;

    display: block

}



.devops-development .ourappoach .textbox h3:after {

    width: 110px;

    height: 2px;

    background: #fff;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.devops-development .ourappoach .textbox p {

    font: 15px/28px Poppins;

    color: #fff;

    margin: 0

}



.devops-development .ourappoach .textbox span {

    position: absolute;

    z-index: 9;

    top: 20px;

    right: 35px;

    color: #fff;

    font: 45px/30px mulisemibold, sans-serif

}



.devops-development .our-services .resp-tabs-list {

    justify-content: center;

    display: flex

}



.devops-development .our-services .resp-tabs-list  {

    padding: 20px 30px;

    color: #4c4c4c

}



.devops-development .our-services .resp-tabs-list  i {

    background: url(../../images-2/devopstab-sprite.png) no-repeat;

    width: 100px;

    height: 80px;

    display: block;

    margin: 0 auto 10px;

    transition: all .5s ease 0s

}



.devops-development .our-services .resp-tabs-list  .icon-1 {

    background-position: 12px -3px

}



.devops-development .our-services .resp-tabs-list  .icon-2 {

    background-position: 15px -171px

}



.devops-development .our-services .resp-tabs-list  .icon-3 {

    background-position: 12px -333px

}



.devops-development .our-services .resp-tabs-list  .icon-4 {

    background-position: 17px -500px

}



.devops-development .our-services .resp-tabs-list  .icon-5 {

    background-position: 8px -639px

}



.devops-development .our-services .resp-tabs-list  .icon-6 {

    background-position: 19px -790px

}



.devops-development .our-services .resp-tabs-list .resp-tab-active {

    background: url(../../images-2/tabbg3.png) no-repeat #151a1f;

    border: none;

    color: #fff

}



.devops-development .our-services .resp-tabs-list .resp-tab-active .icon-1 {

    background-position: -112px -3px

}



.devops-development .our-services .resp-tabs-list .resp-tab-active .icon-2 {

    background-position: -120px -171px

}



.devops-development .our-services .resp-tabs-list .resp-tab-active .icon-3 {

    background-position: -112px -333px

}



.devops-development .our-services .resp-tabs-list .resp-tab-active .icon-4 {

    background-position: -124px -500px

}



.devops-development .our-services .resp-tabs-list .resp-tab-active .icon-5 {

    background-position: -119px -639px

}



.devops-development .our-services .resp-tabs-list .resp-tab-active .icon-6 {

    background-position: -119px -790px

}



.devops-development .our-services .cloudplatforms {

    clear: both

}



.devops-development .our-services .cloudplatforms li {

    width: 23.6%

}



.devops-development .our-services .cloudplatforms li:hover {

    background: 0 0

}



.devops-development .our-services .cloudplatforms span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/cloudplatforms-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-development .our-services .cloudplatforms .icon1 {

    background-position: -8px 20px

}



.devops-development .our-services .cloudplatforms .icon2 {

    background-position: -8px -170px

}



.devops-development .our-services .cloudplatforms .icon3 {

    background-position: -10px -368px

}



.devops-development .our-services .cloudplatforms .icon4 {

    background-position: -10px -565px

}



.devops-development .our-services .cloudplatforms .icon5 {

    background-position: -10px -775px

}



.devops-development .our-services .cloudplatforms .icon6 {

    background-position: -10px -970px

}



.devops-development .our-services .automation-icon {

    clear: both

}



.devops-development .our-services .automation-icon li {

    width: 23.6%

}



.devops-development .our-services .automation-icon li:hover {

    background: 0 0

}



.devops-development .our-services .automation-icon span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/automation-icon-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-development .our-services .automation-icon .icon1 {

    background-position: -8px 20px

}



.devops-development .our-services .automation-icon .icon2 {

    background-position: -8px -170px

}



.devops-development .our-services .automation-icon .icon3 {

    background-position: -10px -368px

}



.devops-development .our-services .automation-icon .icon4 {

    background-position: -10px -565px

}



.devops-development .our-services .automation-icon .icon5 {

    background-position: -10px -775px

}



.devops-development .our-services .automation-icon .icon6 {

    background-position: -10px -970px

}



.devops-development .our-services .automation-icon .icon7 {

    background-position: -10px -1160px

}



.devops-development .our-services .automation-icon .icon8 {

    background-position: -10px -1330px

}



.devops-development .our-services .automation-icon .icon9 {

    background-position: -10px -1515px

}



.devops-development .our-services .javascript-framework {

    clear: both

}



.devops-development .our-services .javascript-framework li {

    width: 32%

}



.devops-development .our-services .javascript-framework li:hover {

    background: 0 0

}



.devops-development .our-services .javascript-framework span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/javascript-framework-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-development .our-services .javascript-framework .icon1 {

    background-position: -8px 20px

}



.devops-development .our-services .javascript-framework .icon2 {

    background-position: -8px -170px

}



.devops-development .our-services .javascript-framework .icon3 {

    background-position: -10px -368px

}



.devops-development .our-services .javascript-framework .icon4 {

    background-position: -10px -565px

}



.devops-development .our-services .javascript-framework .icon5 {

    background-position: -10px -775px

}



.devops-development .our-services .Monitoring-tabs {

    clear: both

}



.devops-development .our-services .Monitoring-tabs li {

    width: 23.6%

}



.devops-development .our-services .Monitoring-tabs li:hover {

    background: 0 0

}



.devops-development .our-services .Monitoring-tabs span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/Monitoring-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-development .our-services .Monitoring-tabs .icon1 {

    background-position: -8px 20px

}



.devops-development .our-services .Monitoring-tabs .icon2 {

    background-position: -8px -170px

}



.devops-development .our-services .Monitoring-tabs .icon3 {

    background-position: -10px -368px

}



.devops-development .our-services .Monitoring-tabs .icon4 {

    background-position: -10px -565px

}



.devops-development .our-services .Monitoring-tabs .icon5 {

    background-position: -10px -775px

}



.devops-development .our-services .Monitoring-tabs .icon6 {

    background-position: -10px -970px

}



.devops-development .our-services .web-mobile-technologies {

    clear: both

}



.devops-development .our-services .web-mobile-technologies li {

    width: 23.6%

}



.devops-development .our-services .web-mobile-technologies li:hover {

    background: 0 0

}



.devops-development .our-services .web-mobile-technologies span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/web-mobile-technologies-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-development .our-services .web-mobile-technologies .icon1 {

    background-position: -8px 20px

}



.devops-development .our-services .web-mobile-technologies .icon2 {

    background-position: -8px -170px

}



.devops-development .our-services .web-mobile-technologies .icon3 {

    background-position: -10px -368px

}



.devops-development .our-services .web-mobile-technologies .icon4 {

    background-position: -10px -565px

}



.devops-development .our-services .web-mobile-technologies .icon5 {

    background-position: -10px -775px

}



.devops-development .our-services .web-mobile-technologies .icon6 {

    background-position: -10px -980px

}



.devops-development .our-services .web-mobile-technologies .icon7 {

    background-position: -10px -1160px

}



.devops-development .our-services .web-mobile-technologies .icon8 {

    background-position: -10px -1330px

}



.devops-development .our-services .web-mobile-technologies .icon9 {

    background-position: -10px -1515px

}



.devops-development .our-services .web-mobile-technologies .icon10 {

    background-position: -10px -1720px

}



.devops-development .our-services .web-mobile-technologies .icon11 {

    background-position: -10px -1950px

}



.devops-development .our-services .web-mobile-technologies .icon12 {

    background-position: -10px -2145px

}



.devops-development .our-services .database-tabs {

    clear: both

}



.devops-development .our-services .database-tabs li {

    width: 23.6%

}



.devops-development .our-services .database-tabs li:hover {

    background: 0 0

}



.devops-development .our-services .database-tabs span {

    width: 200px;

    height: 150px;

    display: block;

    background: url(../../images-2/database-sprite.png) no-repeat;

    margin: 0 auto

}



.devops-development .our-services .database-tabs .icon1 {

    background-position: -8px 20px

}



.devops-development .our-services .database-tabs .icon2 {

    background-position: -10px -170px

}



.devops-development .our-services .database-tabs .icon3 {

    background-position: -10px -368px

}



.devops-development .our-services .database-tabs .icon4 {

    background-position: -10px -565px

}



.devops-development .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg8.jpg) no-repeat;

    background-size: cover

}



.devops-development .models-box .headarea {

    background: #f9fafc

}



.devops-development .models-box .headarea h2 {

    color: #393939

}



.devops-development .models-box .headarea span {

    background: url(../../images-2/hiring-sprite.png) no-repeat #0637c2;

    width: 139px;

    height: 139px;

    transition: all .5s ease 0s;

    border-radius: 100%;

    float: left;

    margin: 0 40px 0 0

}



.devops-development .models-box .headarea .icon1 {

    background-position: 22px -230px

}



.devops-development .models-box .headarea .icon2 {

    background-position: 22px -380px

}



.devops-development .models-box .text ul {

    list-style: none;

    padding: 0 0 0 35px;

    position: relative;

    border-left: 1px dashed #dbdee4

}



.devops-development .models-box .text ul li {

    font: 16px/24px Poppins;

    color: #4c4c4c;

    margin: 0 0 20px;

    position: relative

}



.devops-development .models-box .text ul li:last-child {

    margin: 0

}



.devops-development .models-box .text ul li:befor {

    content: '\f00c';

    font-family: FontAwesome;

    background: #fff;

    border-radius: 100%;

    width: 23px;

    height: 23px;

    text-align: center;

    border: 1px solid #ffbc00;

    color: #ffbc00;

    position: absolute;

    left: -47px;

    top: 0;

    font-size: 13px;

    line-height: 22px

}



.sermain-page .banner-sec {

    background: url(../../images-2/services-banner.jpg) no-repeat;

    background-size: cover

}



.sermain-page .banner-text {

    margin: 0;

    width: 100%;

    float: none

}



.sermain-page .banner-text h1 {

    font: 54px/70px mulisemibold, sans-serif;

    text-transform: capitalize

}



.sermain-page .banner-text h2 {

    font: 30px/38px mulilight, sans-serif;

    margin: 0 0 20px

}



.sermain-page .banner-text p {

    font: 18px/28px mulilight, sans-serif;

    margin: 0

}



.sermain-page .banner-text ul {

    list-style: none;

    margin: 35px 0 30px;

    text-align: left

}



.sermain-page .banner-text ul li {

    border: 1px solid rgba(255, 255, 255, .5);

    border-radius: 5px;

    margin: 0 8px 10px 0;

    padding: 10px 5px 10px 45px;

    font: 16px/28px mulilight, sans-serif;

    color: #fff;

    display: inline-block;

    position: relative

}



.sermain-page .banner-text ul li:after {

    content: '\f058';

    font-size: 24px;

    font-family: FontAwesome;

    position: absolute;

    left: 12px;

    top: 10px

}



.sermain-page .banner-text ul li:before {

    display: none

}



.sermain-page .banner-text ul li:first-child {

    margin: 0 8px 10px 0

}



.sermain-page .our-expertise {

    background: #f4f7f6

}



.sermain-page .our-expertise .outerCircle {

    background-color: transparent;

    border: 5px solid #122442;

    opacity: .9;

    border-right: 5px solid transparent;

    border-left: 5px solid transparent;

    border-radius: 100%;

    width: 303px;

    height: 303px;

    margin: 0 auto;

    -moz-animation: spinPulse 6s infinite ease-in-out;

    -webkit-animation: spinPulse 6s infinite ease-in-out

}



.sermain-page .our-expertise span {

    background: url(../../images-2/expertise-sprite2.png) no-repeat

}



.sermain-page .our-expertise h3,

.sermain-page .our-expertise h3 a {

    color: #282727

}

.rating-section {display:none !important;}

.sermain-page .our-expertise .textbox p {

    color: #4c4c4c

}



.sermain-page .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg9.jpg) no-repeat;

    background-size: cover

}



.sermain-page .whyhire-sec .whybox h3 {

    color: #314774

}



.sermain-page .whyhire-sec .whybox span {

    width: 70px;

    height: 70px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: inline-block

}



.sermain-page .whyhire-sec .whybox .icon1 {

    background-position: -237px -5px

}



.sermain-page .whyhire-sec .whybox .icon2 {

    background-position: -237px -115px

}



.sermain-page .whyhire-sec .whybox .icon3 {

    background-position: -241px -241px

}



.sermain-page .whyhire-sec .whybox .icon4 {

    background-position: -231px -360px

}



.sermain-page .whyhire-sec .whybox .icon5 {

    background-position: -231px -500px

}



.sermain-page .whyhire-sec .whybox .icon6 {

    background-position: -231px -625px

}



.sermain-page .whyhire-sec .whybox .icon7 {

    background-position: -231px -770px

}



.sermain-page .whyhire-sec .whybox .icon8 {

    background-position: -237px -920px

}



.sermain-page .whyhire-sec .whybox .icon9 {

    background-position: -237px -1065px

}



.sermain-page .whyhire-sec .whybox .icon10 {

    background-position: -237px -1205px

}



.sermain-page .whyhire-sec .whybox .icon11 {

    background-position: -237px -1355px

}



.sermain-page .whyhire-sec .whybox .icon12 {

    background-position: -237px -1500px

}



.sermain-page .main-services {

    clear: both;

    padding: 75px 0

}



.sermain-page .main-services ul {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-content: space-between;

    flex-wrap: wrap

}



.sermain-page .main-services ul li {

    flex: 0 0 23%;

    margin: 0 0 30px;

    border: 1px solid #eee;

    position: relative;

    overflow: hidden;

    text-align: center;

    padding: 30px;

    transition: all .5s ease 0s

}



.sermain-page .main-services ul li:hover p {

    top: 0

}



.sermain-page .main-services ul h3 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #092755;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px;

    display: block

}



.sermain-page .main-services ul h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: block

}



.sermain-page .main-services ul p {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 100%;

    left: 0;

    background: #092755;

    padding: 20px;

    color: #fff;

    font: 16px/24px Poppins;

    transition: all .5s ease 0s

}



.sermain-page .main-services ul .more {

    border: 1px solid #fff;

    font: 14px/24px Poppins;

    padding: 5px 15px;

    margin: 20px 0 0;

    color: #fff;

    display: inline-block;

    border-radius: 5px

}



.sermain-page .main-services ul .more:hover {

    background: #fff;

    color: #092755;

    text-decoration: none

}



.sermain-page .main-services ul i {

    width: 90px;

    height: 90px;

    background: url(../../images-2/services-sprite.png) no-repeat;

    display: inline-block

}



.sermain-page .main-services ul .icon1 {

    background-position: 5px 0

}



.sermain-page .main-services ul .icon2 {

    background-position: 7px -135px

}



.sermain-page .main-services ul .icon3 {

    background-position: 9px -252px

}



.sermain-page .main-services ul .icon4 {

    background-position: 8px -372px

}



.sermain-page .main-services ul .icon5 {

    background-position: 8px -510px

}



.sermain-page .main-services ul .icon6 {

    background-position: 7px -642px

}



.sermain-page .main-services ul .icon7 {

    background-position: 11px -778px

}



.sermain-page .main-services ul .icon8 {

    background-position: 11px -920px

}



.sermain-page .main-services ul .icon9 {

    background-position: 12px -1070px

}



.sermain-page .main-services ul .icon10 {

    background-position: 12px -1223px

}



.sermain-page .main-services ul .icon11 {

    background-position: 8px -1355px

}



.sermain-page .main-services ul .icon12 {

    background-position: 10px -1500px

}



.sermain-page .main-services ul .icon13 {

    background-position: 12px -1640px

}



.sermain-page .main-services ul .icon14 {

    background-position: 3px -1790px

}



.sermain-page .main-services ul .icon15 {

    background-position: 10px -1950px

}



.sermain-page .main-services ul .icon16 {

    background-position: 10px -2105px

}



.why-india .banner-sec {

    background: url(../../images-2/india-banner.jpg) center no-repeat;

    background-size: cover

}



.why-india .banner-text {

    text-align: center;

    padding: 23% 0 10%;

    margin: 0;

    width: 100%

}



.why-india .banner-text h1 {

    font: 70px/80px mulisemibold, sans-serif;

    text-transform: capitalize;

    margin: 0 0 20px

}



.why-india .banner-text h2 {

    font: 40px/50px mulilight, sans-serif

}



.why-india .banner-text p {

    font: 22px/38px mulilight, sans-serif;

    margin: 50px 80px

}



.why-india .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #12427b;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/india-sprite.png) no-repeat

}



.why-india .service-boxes .icon-1 {

    background-position: 12px 8px

}



.why-india .service-boxes .icon-2 {

    background-position: 8px -84px

}



.why-india .service-boxes .icon-3 {

    background-position: 5px -190px

}



.why-india .service-boxes .icon-4 {

    background-position: 4px -312px

}



.why-india .service-boxes .icon-5 {

    background-position: 10px -422px

}



.why-india .service-boxes .icon-6 {

    background-position: 10px -525px

}



.why-india .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg4.jpg) no-repeat;

    background-size: cover

}



.why-india .whyhire-sec .whybox h3 {

    color: #12427b

}



.why-india .whyhire-sec .whybox span {

    width: 70px;

    height: 70px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: inline-block

}



.why-india .whyhire-sec .whybox .icon1 {

    background-position: -573px -5px

}



.why-india .whyhire-sec .whybox .icon2 {

    background-position: -573px -115px

}



.why-india .whyhire-sec .whybox .icon3 {

    background-position: -576px -241px

}



.why-india .whyhire-sec .whybox .icon4 {

    background-position: -568px -360px

}



.why-india .whyhire-sec .whybox .icon5 {

    background-position: -568px -500px

}



.why-india .whyhire-sec .whybox .icon6 {

    background-position: -568px -625px

}



.why-india .whyhire-sec .whybox .icon7 {

    background-position: -568px -770px

}



.why-india .whyhire-sec .whybox .icon8 {

    background-position: -568px -920px

}



.why-india .whyhire-sec .whybox .icon9 {

    background-position: -573px -1065px

}



.why-india .whyhire-sec .whybox .icon10 {

    background-position: -573px -1205px

}



.why-india .whyhire-sec .whybox .icon11 {

    background-position: -573px -1355px

}



.why-india .whyhire-sec .whybox .icon12 {

    background-position: -568px -1500px

}



.why-india .technical-sec {

    padding: 75px 0;

    background: url(../../images-2/services-bg-2.png) bottom no-repeat;

    background-size: 100%

}



.why-india .tabing-sec ul {

    list-style: none

}



.why-india .tabing-sec li {

    display: inline-block;

    margin: 5px 5px 10px;

    width: 15.3%;

    border: 1px solid #e1e1e1;

    background: #fff;

    text-align: center

}



.why-india .tabing-sec li a {

    padding: 30px 15px;

    text-decoration: none;

    display: block

}



.why-india .tabing-sec h4 {

    font: 16px/24px Poppins;

    color: #12427b;

    text-transform: capitalize

}



.why-india .tabing-sec li:hover {

    background: #123778;

    background: -moz-linear-gradient(top, #123778 0, #136f88 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0, #123778), color-stop(100%, #136f88));

    background: -webkit-linear-gradient(top, #123778 0, #136f88 100%);

    background: -o-linear-gradient(top, #123778 0, #136f88 100%);

    background: -ms-linear-gradient(top, #123778 0, #136f88 100%);

    background: linear-gradient(to bottom, #123778 0, #136f88 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#123778', endColorstr='#136f88', GradientType=0)

}



.why-india .tabing-sec li:hover h4 {

    color: #fff

}



.why-india .tabing-sec {

    clear: both

}



.why-india .tabing-sec span {

    width: 95px;

    height: 70px;

    display: block;

    background: url(../../images-2/technical-sprite.png) no-repeat;

    margin: 0 auto

}



.why-india .tabing-sec .icon1 {

    background-position: 9px -25px

}



.why-india .tabing-sec .icon2 {

    background-position: 5px -115px

}



.why-india .tabing-sec .icon3 {

    background-position: 5px -205px

}



.why-india .tabing-sec .icon4 {

    background-position: 5px -310px

}



.why-india .tabing-sec .icon5 {

    background-position: 5px -412px

}



.why-india .tabing-sec .icon6 {

    background-position: 5px -540px

}



.why-india .tabing-sec .icon7 {

    background-position: 5px -676px

}



.why-india .tabing-sec .icon8 {

    background-position: 5px -800px

}



.why-india .tabing-sec .icon9 {

    background-position: 5px -925px

}



.why-india .tabing-sec .icon10 {

    background-position: 0 -1043px

}



.why-india .tabing-sec .icon11 {

    background-position: 5px -1155px

}



.why-india .tabing-sec .icon12 {

    background-position: 5px -1278px

}



.why-india .tabing-sec .icon13 {

    background-position: 5px -1415px

}



.why-india .tabing-sec .icon14 {

    background-position: 5px -1545px

}



.why-india .tabing-sec .icon15 {

    background-position: 5px -1672px

}



.why-india .tabing-sec .icon16 {

    background-position: 3px -1800px

}



.why-india .tabing-sec .icon17 {

    background-position: 3px -1920px

}



.why-india .tabing-sec .icon18 {

    background-position: -7px -2053px

}



.why-india .tabing-sec li:hover .icon1 {

    background-position: -175px -25px

}



.why-india .tabing-sec li:hover .icon2 {

    background-position: -175px -115px

}



.why-india .tabing-sec li:hover .icon3 {

    background-position: -176px -205px

}



.why-india .tabing-sec li:hover .icon4 {

    background-position: -176px -310px

}



.why-india .tabing-sec li:hover .icon5 {

    background-position: -174px -412px

}



.why-india .tabing-sec li:hover .icon6 {

    background-position: -172px -540px

}



.why-india .tabing-sec li:hover .icon7 {

    background-position: -173px -676px

}



.why-india .tabing-sec li:hover .icon8 {

    background-position: -172px -800px

}



.why-india .tabing-sec li:hover .icon9 {

    background-position: -171px -925px

}



.why-india .tabing-sec li:hover .icon10 {

    background-position: -173px -1043px

}



.why-india .tabing-sec li:hover .icon11 {

    background-position: -171px -1155px

}



.why-india .tabing-sec li:hover .icon12 {

    background-position: -176px -1278px

}



.why-india .tabing-sec li:hover .icon13 {

    background-position: -176px -1415px

}



.why-india .tabing-sec li:hover .icon14 {

    background-position: -176px -1545px

}



.why-india .tabing-sec li:hover .icon15 {

    background-position: -174px -1672px

}



.why-india .tabing-sec li:hover .icon16 {

    background-position: -178px -1800px

}



.why-india .tabing-sec li:hover .icon17 {

    background-position: -178px -1920px

}



.why-india .tabing-sec li:hover .icon18 {

    background-position: -169px -2053px

}



.become-partner .banner-sec {

    background: url(../../images-2/partners-banner.jpg) center no-repeat;

    background-size: cover

}



.become-partner .banner-text {

    text-align: center;

    padding: 23% 0 50%;

    margin: 0;

    width: 100%

}



.become-partner .banner-text h1 {

    font: 85px/100px mulisemibold, sans-serif;

    text-transform: capitalize;

    border: 5px solid #fff;

    border-bottom: none;

    position: relative;

    width: 100%;

    padding: 50px 0

}



.become-partner .banner-text h1:after,

.become-partner .banner-text h1:before {

    width: 50px;

    height: 5px;

    background: #fff;

    bottom: 0;

    position: absolute;

    z-index: 9999;

    content: ''

}



.become-partner .banner-text h1:before {

    left: 0

}



.become-partner .banner-text h1:after {

    right: 0

}



.become-partner .banner-text h2 {

    font: 40px/50px mulilight, sans-serif

}



.become-partner .banner-text p {

    font: 22px/38px mulilight, sans-serif;

    margin: 0 80px;

    position: relative;

    top: -25px

}



.become-partner .development-process {

    background: 0 0/cover;

    padding: 0 0 70px;

    position: relative;

    z-index: 9999;

    margin: -250px 0 0

}



.become-partner .development-process .client-box {

    padding: 50px 30px 0;

    background: #fff;

    min-height: 500px;

    border: 1px solid #eee

}



.become-partner .development-process .client-box span {

    background: url(../../images-2/start-sprite-2.png) no-repeat;

    display: block;

    margin: 0 0 30px;

    width: 115px;

    height: 115px;

    text-align: center;

    font: 45px/100px mulisemibold, sans-serif;

    color: #22b2bf

}



.become-partner .development-process .client-box .icon-bg1 {

    background-position: 0 0

}



.become-partner .development-process .client-box .icon-bg2 {

    background-position: 0 -145px

}



.become-partner .development-process .client-box .icon-bg3 {

    background-position: 0 -290px

}



.become-partner .development-process .client-box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #393939;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.become-partner .development-process .client-box h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.become-partner .development-process .client-box p {

    font: 16px/28px Poppins;

    color: #444

}



.become-partner .development-process .yel-button {

    margin: 50px 0 0

}



.become-partner .our-services-sec {

    background: url(../../images-2/Development-PROCESS-bg3.jpg) bottom no-repeat;

    background-size: cover;

    padding: 75px 0

}



.become-partner .service-boxes li {

    background: #fff;

    min-height: 360px

}



.become-partner .service-boxes span {

    width: 86px;

    height: 86px;

    border: 3px solid #2849aa;

    display: block;

    border-radius: 100%;

    margin: 0 auto 30px;

    transition: all .9s ease 0s;

    background: url(../../images-2/benefit-sprite.png) no-repeat

}



.logo,

.white-bg,

.white-bg-2 {

    transition: all .5s ease 0s

}



.become-partner .service-boxes .icon-1 {

    background-position: 12px 8px

}



.become-partner .service-boxes .icon-2 {

    background-position: 8px -84px

}



.become-partner .service-boxes .icon-3 {

    background-position: 5px -190px

}



.become-partner .service-boxes .icon-4 {

    background-position: 4px -312px

}



.become-partner .service-boxes .icon-5 {

    background-position: 10px -422px

}



.become-partner .service-boxes .icon-6 {

    background-position: 10px -525px

}



.become-partner .service-boxes li:hover {

    box-shadow: 0 0 30px rgba(0, 0, 0, .1)

}



.become-partner .partnership-models {

    background: url(../../images-2/partnership-bg.jpg) center no-repeat #fff;

    background-size: cover;

    padding: 75px 0 120px

}



.become-partner .partnership-models .client-box {

    padding: 50px 30px 0;

    background: #fff;

    min-height: 500px

}



.become-partner .partnership-models .client-box span {

    background: url(../../images-2/start-sprite-2.png) no-repeat;

    display: block;

    margin: 0 0 30px;

    width: 115px;

    height: 115px;

    text-align: center;

    font: 45px/100px mulisemibold, sans-serif;

    color: #22b2bf

}



.become-partner .partnership-models .client-box .icon-bg1 {

    background-position: 0 -460px

}



.become-partner .partnership-models .client-box .icon-bg2 {

    background-position: 0 -605px

}



.become-partner .partnership-models .client-box .icon-bg3 {

    background-position: 0 -755px

}



.become-partner .partnership-models .client-box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #393939;

    text-transform: capitalize;

    position: relative;

    margin: 0 0 25px

}



.become-partner .partnership-models .client-box h3:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.become-partner .partnership-models .client-box p {

    font: 16px/28px Poppins;

    color: #444

}



.become-partner .modelsbox {

    background: #fff;

    position: relative;

    box-shadow: 0 0 20px rgba(0, 0, 0, .2)

}



.become-partner .modelsbox:after {

    content: '';

    position: absolute;

    z-index: -99;

    right: -80px;

    top: -15%;

    width: 36%;

    height: 130%;

    border: 5px solid #1440bb;

    display: block

}



.become-partner .modelsbox:before {

    content: '';

    position: absolute;

    z-index: -9;

    width: 20%;

    height: 125%;

    background: #fff;

    right: 110px;

    top: -40px;

    display: block

}



.become-partner .clientlist {

    padding: 75px 0;

    background: #f9fafc;

    clear: both

}



.become-partner .clientlist .slick-prev {

    left: -35px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999

}



.become-partner .clientlist .slick-prev:before {

    content: '\f104';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}



.become-partner .clientlist .slick-next {

    right: -35px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999

}



.become-partner .clientlist .slick-next:before {

    content: '\f105';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}



.become-partner .clientlist .slick-dots {

    display: none !important

}



.become-partner .clientlist .client-box {

    box-shadow: 0 0 7px rgba(0, 0, 0, .1);

    overflow: hidden;

    display: block;

    background: #fff;

    margin: 10px 0

}



.new-services-style .banner-sec {

    /* */background: url(../../images-2/services-newbg.jpg) no-repeat; 

    background-size: cover;

    overflow: hidden

	background-color: #38905c !important;

}



.new-services-style .banner-text {

    width: auto;

    float: none;

    margin: 0;

    text-align: left

}



.new-services-style .banner-text h1 {

    font: 60px/40px mulibold, sans-serif !important;

    letter-spacing: 0;

    margin: 0 0 50px

}



.new-services-style .banner-text h1 span {

    font: 40px/40px Poppins !important

}



.new-services-style .banner-text .font-s62 {

    font: 60px/50px mulibold, sans-serif !important;

    margin: 0 0 35px

}



.new-services-style .banner-text .font-s62 span {

    font: 40px/40px Poppins

}



.new-services-style .banner-text .font-s60 {

    font: 60px/40px mulibold, sans-serif !important;

    margin: 0 0 35px

}



.new-services-style .banner-text .font-s60 span {

    font: 30px/40px Poppins !important

}



.new-services-style .banner-text p {

    font: 22px/32px mulilight, sans-serif;

    padding: 0 40px 25px 0;

    color: #fff

}



.new-services-style .banner-text p span {

    color: #ffbc00

}



.new-services-style .banner-text ul {

    list-style: none;

    margin: 0 0 60px;

    padding: 0 40px 0 0;

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap

}



.new-services-style .banner-text li {

    width: 48%;

    border: 1px dashed rgba(255, 255, 255, .8);

    border-radius: 5px;

    margin: 0 8px 10px 0;

    padding: 10px 5px 10px 45px;

    font: 18px/28px mulilight, sans-serif;

    color: #fff;

    position: relative

}



.new-services-style .banner-text li:first-child {

    margin: 0 8px 10px 0

}



.new-services-style .banner-text li:before {

    display: none

}



.new-services-style .banner-text li:after {

    content: '\f058';

    font-size: 24px;

    font-family: FontAwesome;

    position: absolute;

    left: 12px;

    top: 10px

}



.new-services-style .certificate-sec {

    opacity: .3;display:none;

    width: 100%;

    min-height: 75px;

    display: block;

    /* background: url(../../images-2/banner-certificate.png) no-repeat; */

    background-size: 100%;

    margin: 40px 0 80px

}



.new-services-style .clientlogo-aera {

    padding: 50px 0 30px;

    border-bottom: 1px solid #c0c1c1;

	display:none !important;

}



.new-services-style .clientlogo-aera .heading-sec {

    margin: 0 0 10px

}



.new-services-style .clientlogo-aera .heading-sec p {

    font: 20px/28px mulisemibold, sans-serif;

    color: #6b7a7e

}



.new-services-style .clientlogo-aera .clientlist {

    clear: both

}



.new-services-style .clientlogo-aera .clientlist .client-box {

    width: 100%;

    background: url(../../images-2/client-sprite.jpg) no-repeat;

    background-size: 100%;

    height: 100px;

    display: block

}



.new-services-style .clientlogo-aera .clientlist .client-box img {

    opacity: .9;

    width: 200%;

    height: 100px;

    object-fit: cover;

    transition: all .5s ease 0s

}



.new-services-style .clientlogo-aera .clientlist .client-box img:hover {

    opacity: inherit;

    filter: none

}



.new-services-style .clientlogo-aera .clientlist .cl-1 {

    background-position: 0 15px

}



.new-services-style .clientlogo-aera .clientlist .cl-2 {

    background-position: 0 -85px

}



.new-services-style .clientlogo-aera .clientlist .cl-3 {

    background-position: 0 -175px

}



.new-services-style .clientlogo-aera .clientlist .cl-4 {

    background-position: 0 -295px

}



.new-services-style .clientlogo-aera .clientlist .cl-5 {

    background-position: 0 -415px

}



.new-services-style .clientlogo-aera .clientlist .cl-6 {

    background-position: 0 -538px

}



.new-services-style .clientlogo-aera .clientlist .cl-7 {

    background-position: 0 -658px

}



.new-services-style .clientlogo-aera .clientlist .cl-8 {

    background-position: 0 -774px

}



.new-services-style .clientlogo-aera .clientlist .cl-9 {

    background-position: 0 -905px

}



.new-services-style .clientlogo-aera .clientlist .cl-10 {

    background-position: 0 -1025px

}



.new-services-style .clientlogo-aera .clientlist .cl-11 {

    background-position: 0 -1127px

}



.new-services-style .clientlogo-aera .clientlist .cl-12 {

    background-position: 0 -1229px

}



.new-services-style .clientlogo-aera .clientlist .cl-13 {

    background-position: 0 -1324px

}



.new-services-style .clientlogo-aera .clientlist .cl-14 {

    background-position: 0 -1420px

}



.new-services-style .clientlogo-aera .clientlist .cl-15 {

    background-position: 0 -1537px

}



.new-services-style .clientlogo-aera .clientlist .cl-16 {

    background-position: 0 -1660px

}



.new-services-style .clientlogo-aera .clientlist .cl-17 {

    background-position: 0 -1768px

}



.new-services-style .clientlogo-aera .clientlist .slick-dots,

.new-services-style .clientlogo-aera .clientlist .slick-next,

.new-services-style .clientlogo-aera .clientlist .slick-prev {

    display: none !important

}



.new-services-style .our-services-sec {

    background: 0 0

}



.new-services-style .our-services-sec .service-boxes li {

    width: 30.5%;

    margin: 15px;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1)

}



.new-services-style .our-services-sec .services-box {

    min-height: 530px

}



.new-services-style .our-services-sec .services-box .headarea {

    background: #151a1f;

    padding: 45px;

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    align-items: center

}



.new-services-style .our-services-sec .services-box .headarea h2 {

    margin: 0;

    color: #fff;

    font: 24px/36px mulibold, sans-serif

}



.new-services-style .our-services-sec .services-box .headarea i {

    background: url(../../images-2/native-icon-sprite.png) left no-repeat;

    display: block;

    width: 80px;

    height: 80px;

    border: 1px solid #fff;

    border-radius: 100%;

    margin: 0 20px 0 0

}



.new-services-style .our-services-sec .services-box .headarea .icon1 {

    background-position: 19px 3px

}



.new-services-style .our-services-sec .services-box .headarea .icon2 {

    background-position: 19px -151px

}



.new-services-style .technology-sec {

    text-align: center;

    padding: 0 0 75px

}



.new-services-style .technology-sec li {

    border: 1px solid #cfcfcf;

    border-radius: 5px;

    height: 166px;

    width: 16%;

    margin: 20px

}



.new-services-style .technology-sec li a {

    width: 100%;

    height: 100%;

    display: block

}



.new-services-style .technology-sec li span {

    width: 75px;

    height: 75px;

    border: 2px solid #b2b2b2;

    top: 30px

}



.new-services-style .technology-sec li h3 {

    top: 115px;

    color: #444

}



.new-services-style .technology-sec li:hover {

    border: 1px solid #1e3e99;

    background: 0 0

}



.new-services-style .technology-sec li:hover span {

    border: 2px solid #1e3e99

}



.new-services-style .technology-sec li:hover h3 {

    color: #1e3e99

}



.new-services-style .advantages-sec {

    background: url(../../images-2/vector-bg4.jpg) bottom no-repeat;

    background-size: cover

}



.new-services-style .advantages-sec ul {

    display: flex;

    justify-content: center;

    flex-wrap: wrap

}



.new-services-style .advantages-sec ul li {

    width: inherit;

    flex: 0 0 47%;

    margin: 15px;

    text-align: center;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

    float: none

}



.new-services-style .advantages-sec .aservice-boxes h3::after {

    left: 0;

    right: 0;

    margin: 0 auto

}



.new-services-style .advantages-sec .aservice-boxes span {

    border: 2px solid #9a9a9a;

    margin: 0 auto 30px

}



.new-services-style .client-focus .client-box {

    padding: 0;

    min-height: 540px;

    margin: 0 0 40px

}



.new-services-style .client-focus .client-box h3 {

    font: 18px/28px mulisemibold, sans-serif;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

    padding: 10px 0 10px 20px;

    margin: 0

}



.new-services-style .client-focus .client-box h3:after {

    width: 100%

}



.new-services-style .client-focus .client-box i {

    width: 80px;

    height: 65px;

    background: url(../../images-2/focus-sprite.png) left no-repeat;

    display: block

}



.new-services-style .client-focus .client-box .icon1 {

    background-position: 0 0

}



.new-services-style .client-focus .client-box .icon2 {

    background-position: 0 -145px

}



.new-services-style .client-focus .client-box .icon3 {

    background-position: 0 -285px

}



.new-services-style .client-focus .client-box ul {

    padding: 30px 30px 0

}



.new-services-style .development-process .client-box span {

    width: auto;

    height: inherit;

    background: 0 0;

    font: 800 45px/40px Roboto, sans-serif;

    color: #a3a3a3;

    text-align: left

}



.new-services-style .development-process .client-box li:before {

    color: #60b741

}



.new-services-style .whyhire-sec {

    background: #151a1f

}



.new-services-style .whyhire-sec .whylist {

    width: 70%;

    margin: 20px auto 70px

}



.new-services-style .whyhire-sec .whylist i {

    background: url(../../images-2/whylist-sprite.png) left no-repeat;

    display: block;

    width: 40px;

    height: 40px

}



.new-services-style .whyhire-sec .whylist .icon1 {

    background-position: 0 0

}



.new-services-style .whyhire-sec .whylist .icon2 {

    background-position: 0 -83px

}



.new-services-style .whyhire-sec .whylist .icon3 {

    background-position: 0 -162px

}



.new-services-style .whyhire-sec .whylist ul {

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

    padding: 10px 0 8px;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    align-items: center

}



.new-services-style .whyhire-sec .whylist ul li {

    flex: 0 0 31%;

    margin: 0 8px;

    padding: 0 0 0 25px;

    color: #fff;

    font: 18px/36px mulisemibold, sans-serif;

    display: flex;

    position: relative

}



.new-services-style .whyhire-sec .whylist ul li:before {

    content: '';

    width: 1px;

    height: 30px;

    background: #cfd0d1;

    position: absolute;

    left: -5px;

    top: 3px;

    display: block

}



.new-services-style .whyhire-sec .whylist ul li:first-child:before {

    display: none

}



.new-services-style .whyhire-sec .whybox {

    background: 0 0;

    border: 1px dashed #fff;

    padding: 10px 30px

}



.new-services-style .whyhire-sec .whybox span {

    background: url(../../images-2/why-sprite2.png) no-repeat

}



.new-services-style .whyhire-sec .whybox h3 {

    color: #fff

}



.new-services-style .faq-sec {

    background: url(../../images-2/FAQ-bg2.jpg) no-repeat;

    background-size: cover !important;

	    color: #d6af62;

}

.new-services-style .faq-sec p {color: #8e846f;}

.new-services-style .faq-sec .white-clr {

    color: #fff !important

}



.new-services-style .faq-sec .rlAccordion>h3 {

    background: 0 0;

    border: 1px dashed #fff;

    color: #fff

}



.new-services-style .faq-sec .rlAccordion>h3+div.text {

    background: 0 0;

    border: 1px dashed #fff;

    border-top: none

}



.new-services-style .faq-sec .rlAccordion .text p,

.new-services-style .faq-sec .rlAccordion>h3>.rl-close,

.new-services-style .faq-sec .rlAccordion>h3>span {

    color: #fff

}



.new-services-style .faq-sec .rlAccordion>h3+div.opened {

    position: relative

}



.new-services-style .faq-sec .rlAccordion>h3+div.opened:before {

    height: 2px;

    width: 100%;

    position: absolute;

    top: -2px;

    background: #121317;

    content: ''

}



.new-services-style .why_outesource_software {

    width: 100%;

    float: left;

    padding: 75px 0;

    background: #151a1f

}



.new-services-style .why_outesource_software .development_services_inner {

    border-radius: 5px;

    background: 0 0;

    border: 1px dashed #fff;

    font: 18px/28px mulisemibold, sans-serif

}



.new-services-style .why_outesource_software .development_services_inner .content_box h5 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #fff

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx span {

    background: url(../../images-2/why-sprite2.png) no-repeat

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon1 {

    background-position: 0 -10px

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon2 {

    background-position: 10px -115px

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon3 {

    background-position: 10px -235px

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon4 {

    background-position: 15px -365px

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon5 {

    background-position: 10px -495px

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon6 {

    background-position: 15px -625px

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon7 {

    background-position: 15px -775px

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon8 {

    background-position: 15px -920px

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon9 {

    background-position: 15px -1067px

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon10 {

    background-position: 10px -1210px

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon11 {

    background-position: 15px -1355px

}



.new-services-style .why_outesource_software .development_services_inner .icon_bx .icon12 {

    background-position: 15px -1505px

}



.choosefrom {

    padding: 75px 0

}



.choosefrom .dotsborder {

    width: 58%;

    height: 5px;

    border-top: 4px dotted #a9a9b1;

    position: absolute;

    top: 28px;

    left: 0;

    right: 0;

    margin: 0 auto

}



.choosefrom .resp-tabs-list {

    overflow: hidden;

    width: 61%;

    margin: 0 auto;

    padding: 0 0 0 5px

}



.choosefrom .resp-tabs-list li {

    background: 0 0;

    border: 1px solid #a9a9b1;

    padding: 12px 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 0 0 -1px

}



.choosefrom .resp-tabs-list i {

    background: url(../../images-2/choosesprite.png) left no-repeat;

    display: block;

    margin: 0 10px 0 0;

    width: 30px;

    height: 30px

}



.choosefrom .resp-tabs-list .icon1 {

    background-position: 3px 5px

}



.choosefrom .resp-tabs-list .icon2 {

    background-position: 3px -50px

}



.choosefrom .resp-tabs-list .icon3 {

    background-position: 4px -106px

}



.choosefrom .resp-tabs-list .tablink {

    font: 22px/28px Poppins;

    color: #000

}



.choosefrom .resp-tabs-list .resp-tab-active {

    background: #3ca56a

}



.choosefrom .resp-tabs-list .resp-tab-active .tablink {

    color: #fff

}



.choosefrom .resp-tabs-list .resp-tab-active .icon1 {

    background-position: -44px 5px

}



.choosefrom .resp-tabs-list .resp-tab-active .icon2 {

    background-position: -44px -50px

}



.choosefrom .resp-tabs-list .resp-tab-active .icon3 {

    background-position: -44px -106px

}



.choosefrom .textbox h3 {

    font: 22px/28px mulisemibold, sans-serif;

    color: #000;

    margin: 0 0 10px

}



.choosefrom .textbox p {

    font: 16px/28px Poppins;

    color: #444;

    text-align: center;

    margin: 0 0 50px

}



.choosefrom .textbox ul {

    margin: 20px auto 60px;

    display: flex;

    justify-content: center;

    padding: 3px 0;

    border-top: 1px solid #ffbc00;

    border-bottom: 1px solid #ffbc00;

    width: 83%;

    background: #f5f5f5;

    box-shadow: 5px 5px 10px rgba(0, 0, 0, .1)

}



.choosefrom .textbox ul li {

    padding: 5px 15px;

    border-left: 1px solid #ffbc00;

    font: 16px/28px Poppins;

    color: #000

}



.choosefrom .textbox ul li:first-child {

    border: none

}



.choosefrom .pointerbox {

    text-align: center

}



.choosefrom .pointerbox span {

    width: 60px;

    height: 60px;

    background: #fff;

    border: 2px solid #232242;

    border-radius: 100%;

    text-align: center;

    font: 25px/54px mulibold, sans-serif;

    color: #232242;

    display: block;

    margin: 0 auto 30px

}



.choosefrom .pointerbox .hidebg {

    position: relative

}



.choosefrom .pointerbox .hidebg:after,

.choosefrom .pointerbox .hidebg:before {

    width: 32px;

    height: 50px;

    background: #fff;

    position: absolute;

    top: 0;

    display: block;

    content: ''

}



.choosefrom .pointerbox .hidebg:before {

    left: -34px

}



.choosefrom .pointerbox .hidebg:after {

    right: -34px

}



.choosefrom .pointerbox h4 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #000;

    position: relative;

    margin: 0 0 25px

}



.choosefrom .pointerbox h4:after {

    width: 110px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    right: 0;

    margin: 0 auto;

    display: block

}



.choosefrom .pointerbox ul {

    display: block;

    min-height: 290px;

    border: 1px solid #ccc;

    padding: 30px 20px;

    text-align: left;

    margin: 30px 0 0

}



.choosefrom .pointerbox ul li {

    font: 16px/28px Poppins;

    color: #444;

    margin: 0 0 20px;

    position: relative;

    padding: 0 0 0 30px

}



.choosefrom .pointerbox ul li:before {

    content: '';

    position: absolute;

    left: 0;

    top: 4px;

    background: url(../../images-2/check-icon3.png) left no-repeat;

    width: 22px;

    height: 22px

}



.whyhiresec {

    background: #3ca56a;

    padding: 75px 0

}



.whyhiresec .whylist {

    width: 70%;

    margin: 20px auto 70px

}



.whyhiresec .whylist i {

    background: url(../../images-2/whylist-sprite.png) left no-repeat;

    display: block;

    width: 40px;

    height: 40px

}



.whyhiresec .whylist .icon1 {

    background-position: 0 0

}



.whyhiresec .whylist .icon2 {

    background-position: 0 -83px

}



.whyhiresec .whylist .icon3 {

    background-position: 0 -162px

}



.whyhiresec .whylist ul {

    border-top: 1px solid #44494d;

    border-bottom: 1px solid #44494d;

    padding: 10px 0 8px;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    align-items: center

}



.whyhiresec .whylist ul li {

    flex: 0 0 31%;

    margin: 0 8px;

    padding: 0 0 0 25px;

    color: #fff;

    font: 18px/36px Poppins;

    display: flex;

    position: relative

}



.whyhiresec .whylist ul li:before {

    content: '';

    width: 1px;

    height: 30px;

    background: #cfd0d1;

    position: absolute;

    left: -5px;

    top: 3px;

    display: block

}



.whyhiresec .whylist ul li:first-child:before {

    display: none

}



.whyhiresec .whypointers i {

    background: url(../../images-2/whysprite.png) left no-repeat;

    width: 60px;

    height: 60px;

    display: block;

    margin: 0 auto 10px

}



.whyhiresec .whypointers .icon1 {

    background-position: 5px 4px

}



.whyhiresec .whypointers .icon2 {

    background-position: 5px -120px

}



.whyhiresec .whypointers .icon3 {

    background-position: 2px -252px

}



.whyhiresec .whypointers .icon4 {

    background-position: 3px -399px

}



.whyhiresec .whypointers .icon5 {

    background-position: 3px -539px

}



.whyhiresec .whypointers .icon6 {

    background-position: 3px -679px

}



.whyhiresec .whypointers .icon7 {

    background-position: 6px -830px

}



.whyhiresec .whypointers .icon8 {

    background-position: 0 -995px

}



.whyhiresec .whypointers .icon9 {

    background-position: 5px -1145px

}



.whyhiresec .whypointers h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #fff;

    position: relative;

    margin: 0 0 30px

}



.whyhiresec .whypointers h3:after {

    width: 100px;

    height: 2px;

    background: #ffbc00;

    margin: 0 auto;

    content: '';

    left: 0;

    right: 0;

    bottom: -18px;

    position: absolute

}



.whyhiresec .whypointers p {

    color: #fff

}



.whyhiresec .whypointers ul {

    display: flex;

    justify-content: center;

    flex-wrap: wrap

}



.whyhiresec .whypointers ul li {

    flex: 0 0 30%;

    margin: 15px;

    border: 1px dashed rgba(255, 255, 255, .5);

    padding: 20px;

    text-align: center

}



.whyhiresec .experience-area {

    background: 0 0;

    padding: 55px 0

}



.whyhiresec .experience-area p,

.whyhiresec .experience-area span {

    color: #fff

}



.casestudiessec {

    padding: 75px 0

}



.casestudiessec .carousel-control-next {

    right: -5%;

    width: 5%;

    color: #ccc

}



.casestudiessec .carousel-control-prev {

    left: -5%;

    width: 5%;

    color: #ccc

}



.casestudiessec .carousel-indicators {

    bottom: -20px;

    display: none

}



.casestudiessec .carousel-indicators .active {

    margin: 2px;

    width: 10px;

    height: 10px;

    background-color: #000

}



.casestudiessec .carousel-indicators li {

    border: 1px solid #000;

    width: 10px;

    height: 10px;

    margin: 2px;

    border-radius: 100%

}



.casestudiessec .carousel-indicators li:last-child {

    display: none

}



.casestudiessec .carousel-item {

    padding: 0

}



.casestudiessec .caserow {

    clear: both;

    display: flex;

    justify-content: center;

    flex-wrap: wrap

}



.casestudiessec .caserow img {

    width: 100%;

    height: 465px;

    object-fit: cover

}



.casestudiessec .caserow .caseimg {

    flex: 0 0 67%;

    margin: 0 30px 0 0;

    position: relative

}



.casestudiessec .caserow .caseimg2 {

    flex: 0 0 30%;

    position: relative

}



.casestudiessec .caserow .casetext {

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .6);

    position: absolute;

    z-index: 9;

    top: 0;

    left: 0;

    padding: 30px;

    display: flex;

    align-items: flex-end;

    align-content: flex-end;

    flex-wrap: wrap

}



.casestudiessec .caserow .casetext h3 {

    font: 24px/34px mulisemibold, sans-serif;

    color: #fff;

    margin: 0 0 10px;

    width: 100%

}



.casestudiessec .caserow .casetext p {

    font: 16px/28px Poppins;

    color: #fff;

    width: 100%

}



.casestudiessec .caserow .casetext a:hover {

    text-decoration: none

}



.brinjal-from {

    background: #232242

}



.brinjal-from .contact-form .text-area,

.brinjal-from .contact-form input,

.brinjal-from .contact-form select,

.white-bg-2 {

    background: #fff

}



.brinjal-from .contact-form .heading-sec h2,

.brinjal-from .contact-form .heading-sec p {

    color: #fff

}



.brinjal-from .contact-form .yel-button {

    border: 1px solid #fff;

    color: #fff

}



.brinjal-from .contact-form .yel-button:hover {

    background: #fff;

    color: #232242

}



.footer-bg .footer-sec {

    background: #232242

}



svg:not(:root) {

    overflow: inherit

}

aside.contdetail {

	margin-bottom:0px; border-radius:0px;

}

#countup {

    margin-left: auto;

    margin-right: auto;

    font-family: Poppins

}



#countup span.number {

    display: block;

    padding: 0;

    margin: 0;

    font-size: 70px;

    line-height: 75px;

    text-align: center

}



#countup span.label {

    display: block;

    font-size: 25px;

    line-height: 30px

}



#countup .part {

    display: inline-block;

    text-align: center;

    width: 22%;

    padding: 180px 0 0

}



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

    #countup span.number {

        font-size: 60px;

        line-height: 65px;

        text-align: center

    }

    #countup span.label {

        display: block;

        font-size: 20px;

        line-height: 25px

    }

}



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

    #countup span.number {

        display: block;

        padding: 0;

        margin: 0;

        font-size: 40px;

        line-height: 45px;

        text-align: center

    }

    #countup span.label {

        display: block;

        font-size: 15px;

        line-height: 15px

    }

}



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

    #countup span.number {

        display: block;

        padding: 0;

        margin: 0;

        font-size: 30px;

        line-height: 35px;

        text-align: center

    }

    #countup span.label {

        display: block;

        font-size: 12px;

        line-height: 12px

    }

}



@media (min-width:2000px) {

    .banner-form {

        margin: 15em 0 0

    }

    .heading-sec p {

        font: 18px/28px Poppins

    }

    .hire-newpage .banner-text {

        padding: 31% 0 15%

    }

    .hire-newpage .fs-70 {

        font: 65px/45px mulisemibold, sans-serif !important

    }

    .hire-newpage .benefits-box p,

    .hire-newpage .our-expertise .textbox p,

    .hire-newpage .service-boxes p {

        font: 16px/28px Poppins

    }

    .hire-newpage .models-box .text li,

    .hire-newpage .models-box .text p {

        font: 16px/35px Poppins

    }

    .hire-newpage .process-area li {

        font: 16px/24px Poppins

    }

    .disclaimer-page .banner-text {

        padding: 20% 0 10%

    }

    .hirepage .banner-text h1 {

        font: 44px/35px Poppins

    }

    .blockchain-development .banner-text h1 {

        font: 76px/86px mulisemibold, sans-serif

    }

    .dedicated-development .banner-text h1 {

        font: 70px/86px mulisemibold, sans-serif

    }

    .arvr-page .banner-text h1 {

        font: 76px/86px mulisemibold, sans-serif

    }

    .bltext p,

    .review-box p,

    .why-box p {

        font: 16px/28px Poppins

    }

    .service-newpage .banner-text {

        padding: 18em 15em 0 7em;

        width: 46%;

        float: left

    }

    .service-newpage .banner-sec .circle-box {

        width: 22%;

        margin: 8% 0 8% 20%

    }

    .service-newpage .banner-text p {

        font: 30px/44px mulilight, sans-serif

    }

    .cross-app .banner-text h1 {

        font: 55px/50px mulisemibold, sans-serif

    }

    .cross-app .banner-text h2 {

        font: 45px/60px mulilight, sans-serif

    }

    .error-page .banner-text {

        padding: 13em 0 34em

    }

    .error-page .page-not-fount {

        background-size: contain

    }

    .testimonials-page .banner-sec {

        background-size: 100%

    }

    .testimonials-page .testimonial-box {

        width: 55%;

        padding: 0 0 15%

    }

    .testimonials-page .head-sec h2 {

        margin: 0 10%

    }

    .aboutnew-page .banner-text {

        padding: 20em 0 18em

    }

    .aboutnew-page .behind-scenes .textarea {

        top: 20em

    }

    .contact-page .banner-text {

        padding: 10% 0;

        text-align: center

    }

    .careers-page .ourteam-bg {

        background-position: 180px 0

    }

    .fullstack-page .banner-text {

        padding: 45% 0 51%

    }

    .blockchain-development .banner-text,

    .dedicated-development .banner-text,

    .digital-page .banner-text {

        padding: 18% 0 15%

    }

    .our-team-page .banner-text {

        padding: 13em 0 8em

    }

    .approach-page .banner-text,

    .why-india .banner-text {

        padding: 18% 0 15%

    }

    .staff-augmentation .banner-text {

        padding: 18% 0 15%;

        width: 100%

    }

    .why-india .banner-text p {

        margin: 50px 0

    }

    .become-partner .banner-text {

        padding: 25% 0 30%

    }

    .sermain-page .banner-sec {

        padding: 0 0 74px

    }

    .sermain-page .banner-sec .banner-text {

        padding: 25.5% 0 6% !important

    }

    .sermain-page .banner-sec .banner-text h1 {

        font: 50px/55px mulisemibold, sans-serif

    }

    .new-services-style .banner-text {

        padding: 15em 0 0;

        width: auto;

        float: none

    }

    .new-services-style .banner-text p {

        font: 22px/32px mulilight, sans-serif;

        padding: 0 40px 25px 0

    }

}



@media (max-width:1920px) {

    .banner-form {

        margin: 11em 0 0

    }

    .hire-newpage .banner-text {

        padding: 11em 0 0

    }

    .error-page .banner-text {

        padding: 13em 0 20em

    }

    .testimonials-page .testimonial-box {

        width: 65%;

        padding: 0 0 15%

    }

    .aboutnew-page .banner-text {

        padding: 15em 0 10em

    }

    .aboutnew-page .behind-scenes .textarea {

        top: 15em

    }

    .disclaimer-page .banner-text {

        padding: 18% 0 12%

    }

    .service-newpage .banner-text {

        padding: 23em 0 0

    }

    .moblie-app .banner-text h1 {

        font: 75px/70px mulisemibold, sans-serif

    }

    .moblie-app .banner-text h2 {

        font: 60px/60px mulilight, sans-serif

    }

    .cross-app .banner-text h1 {

        font: 60px/60px mulisemibold, sans-serif

    }

    .cross-app .banner-text h2 {

        font: 52px/60px mulilight, sans-serif

    }

    .our-team-page .banner-text {

        padding: 14em 0 10em

    }

    .blockchain-development .banner-text {

        padding: 18% 0 14%

    }

    .approach-page .banner-text {

        padding: 20% 0

    }

    .staff-augmentation .banner-text,

    .why-india .banner-text {

        padding: 22% 0 18%

    }

    .become-partner .banner-text {

        padding: 25% 0 30%

    }

    .digital-page .banner-text {

        padding: 18% 0 13%

    }

    .new-services-style .banner-text {

        padding: 11em 0 0

    }

}



@media (max-width:1840px) {

    .error-page .page-not-fount {

        top: -180px

    }

    .cross-app .banner-text h1 {

        font: 56px/50px mulisemibold, sans-serif

    }

    .cross-app .banner-text h2 {

        font: 48px/45px mulilight, sans-serif

    }

    .our-team-page .banner-text {

        padding: 12em 0 10em

    }

    .blockchain-development .banner-text {

        padding: 20% 0 15%

    }

    .approach-page .banner-text {

        padding: 20% 0

    }

    .staff-augmentation .banner-text {

        padding: 24% 0

    }

    .why-india .banner-text {

        padding: 22% 0 18%

    }

}



@media (max-width:1700px) {

    .thanks-page .thanks-sec {

        padding: 180px 0 90px;

        background: #fff;

        clear: both

    }

    .thanks-page .thanks-box {

        padding: 100px 50px

    }

    .thanks-page .thanks-box h1 {

        font: 140px/140px mulisemibold, sans-serif

    }

    .testimonials-page .testimonial-box {

        width: 85%;

        padding: 0 0 20%

    }

    .testimonials-page .head-sec h1 {

        font: 50px/70px mulisemibold, sans-serif

    }

    .testimonials-page .head-sec h2 {

        font: 24px/35px Poppins

    }

    .aboutnew-page .behind-scenes .textarea {

        top: 12em

    }

    .aboutnew-page .banner-text {

        padding: 12em 0 3em

    }

    .aboutnew-page .banner-text p {

        margin: 0 70px 30px 0

    }

    .disclaimer-page .banner-text {

        padding: 20% 0 8%

    }

    .service-newpage .banner-text {

        padding: 14em 0 0

    }

    .moblie-app .banner-text li {

        font: 23px/20px mulilight, sans-serif;

        margin: 0 0 30px 15px

    }

    .cross-app .banner-text h1 {

        font: 52px/60px mulisemibold, sans-serif

    }

    .cross-app .banner-text h2 {

        font: 45px/55px mulilight, sans-serif

    }

    .blockchain-development .banner-text {

        padding: 20% 0 10%

    }

    .approach-page .banner-text {

        padding: 20% 0

    }

    .staff-augmentation .banner-text {

        padding: 24% 0

    }

    .why-india .banner-text {

        padding: 15% 0 8%

    }

    .become-partner .banner-text {

        padding: 22% 0 30%

    }

    .new-services-style .banner-text {

        padding: 16em 0 0

    }

    .new-services-style .banner-text ul {

        list-style: none;

        margin: 0 0 60px;

        padding: 0 40px 0 0

    }

    .new-services-style .banner-text li {

        width: 48%;

        border: 1px dashed rgba(255, 255, 255, .8);

        border-radius: 5px;

        margin: 0 8px 10px 0;

        padding: 10px 5px 10px 45px;

        font: 18px/28px mulilight, sans-serif;

        color: #fff;

        display: inline-block;

        position: relative

    }

    .new-services-style .banner-text .shotern li {

	width: 32%;	}

	

    .new-services-style .banner-text li:first-child {

        margin: 0 8px 10px 0

    }

    .new-services-style .banner-text li:before {

        display: none

    }

    .new-services-style .banner-text li:after {

        content: '\f058';

        font-size: 24px;

        font-family: FontAwesome;

        position: absolute;

        left: 12px;

        top: 10px

    }

}



@media (max-width:1650px) {

    .banner-form {

        margin: 8.9em 0 0

    }

    .hire-newpage .banner-text {

        padding: 18.5% 0 0

    }

    .disclaimer-page .banner-text {

        padding: 12% 0 8%

    }

    .blockchain-development .banner-text,

    .dedicated-development .banner-text {

        padding: 13% 0 8%

    }

    .approach-page .banner-text {

        padding: 20% 0

    }

    .staff-augmentation .banner-text,

    .why-india .banner-text {

        padding: 15% 0 8%

    }

    .become-partner .banner-text {

        padding: 22% 0 30%

    }

    .arvr-page .banner-sec .banner-text {

        padding: 12% 0 7%

    }

    .arvr-page .banner-sec .banner-text ul {

        margin: 0 0 30px

    }

    .devops-development .banner-sec .banner-text {

        padding: 14% 0 7%

    }

    .sermain-page .banner-sec .banner-text {

        padding: 14% 0 7% !important

    }

    .new-services-style .banner-text {

        padding: 10em 0 0

    }

    .contact-page .banner-text h1 {

        font: 60px/60px mulisemibold, sans-serif

    }

    .contact-page .contfrom {

       /* padding: 59px 60px 279px 60px;20px 60px  l  59px 60px  */     /*LAKS*/

		/* background: url(../../images-2/_CONTACT_US.jpg) top no-repeat; min-height: 475px;*/

		background-color:white;

		background-size:cover;

		min-height: 485px;

		    

    }

	

	.contact_sec .contfrom label{color: #fff }

	.contact_sec .contfrom textarea#requirements{background-color:white;	}

	

    .contact-page .contdetail {

        padding: 12px 26px

    }

}



@media (max-width:1599px) {

    .banner-form {

        margin: 9em 0 0

    }

    .heading-sec p {

        font: 18px/28px Poppins

    }

    .hire-newpage .banner-text {

        padding: 9em 0 0

    }

    .hire-newpage .certificate-sec {

        margin: 10px 0 50px;display:none;

    }

    .service-newpage .banner-text {

        padding: 17em 0 0

    }

    .service-newpage .banner-text h1 {

        font: 40px/55px mulisemibold, sans-serif

    }

    .service-newpage .banner-text small {

        font: 40px/55px mulilight, sans-serif

    }

    .moblie-app .banner-text h1 {

        font: 65px/55px mulisemibold, sans-serif

    }

    .moblie-app .banner-text h2 {

        font: 50px/60px mulilight, sans-serif

    }

    .moblie-app .banner-text li {

        font: 18px/28px mulilight, sans-serif

    }

    .moblie-app .banner-text li:before {

        font-size: 22px;

        margin: 0 10px 0 0

    }

    .cross-app .banner-text h1 {

        font: 44px/45px mulisemibold, sans-serif

    }

    .cross-app .banner-text h2 {

        font: 38px/50px mulilight, sans-serif

    }

    .thanks-page .thanks-box h1 {

        font: 130px/140px mulisemibold, sans-serif

    }

    .thanks-page .call-detail {

        width: 95%

    }

    .error-page .banner-text {

        padding: 10em 0 15em

    }

    .error-page .page-not-fount {

        background-size: 100%;

        top: -115px

    }

    .aboutnew-page .behind-scenes .textarea {

        top: 10em

    }

    .aboutnew-page .banner-text p {

        margin: 0 0 30px

    }

    .contact-page .banner-text {

        padding: 8em 0 18em

    }

    .contact-page .banner-text h2 {

        font: 24px/35px Poppins

    }

    .disclaimer-page .banner-text {

        padding: 12% 0 8%

    }

    .disclaimer-page .banner-text h1 {

        font: 75px/65px mulisemibold, sans-serif

    }

    .dedicated-development .banner-text {

        text-align: center;

        padding: 16% 0 8%

    }

    .dedicated-development .banner-text h1 {

        font: 63px/70px mulisemibold, sans-serif

    }

    .dedicated-development .banner-text h2 {

        font: 40px/50px mulilight, sans-serif

    }

    .dedicated-development .banner-text p {

        font: 22px/38px mulilight, sans-serif

    }

    .digital-page .banner-text h1,

    .staff-augmentation .banner-text h1 {

        font: 75px/70px mulisemibold, sans-serif

    }

    .digital-page .banner-text {

        text-align: center;

        padding: 14% 0 6%

    }

    .blockchain-development .banner-text {

        padding: 14% 0 6%

    }

    .our-team-page .banner-text {

        padding: 10em 0 4em

    }

    .approach-page .banner-text {

        padding: 18% 0 14%

    }

    .staff-augmentation .banner-text {

        padding: 22% 0 16%

    }

    .why-india .banner-text {

        padding: 16% 0 7%

    }

    .become-partner .banner-text {

        padding: 18% 0 30%

    }

    .new-services-style .banner-text {

        padding: 9em 0 0;

        text-align: left

    }

}



@media (max-width:1390px) {

    .error-page .banner-sec,

    .faq-page .banner-sec {

        background-size: cover

    }

    .error_red {

        bottom: 10px

    }

    .banner-form {

        margin: 8em 0 0

    }

    .banner-form form {

        padding: 0 27px 26px

    }

    .banner-form .name {

        margin: 10px 0 20px

    }

    .banner-form .email {

        margin: 0 0 20px

    }

    .banner-form .call {

        margin: 0 0 30px

    }

    .banner-form textarea {

        height: 75px;

        margin: 0 0 5px

    }

    .hire-newpage .banner-text {

        padding: 16% 0 0

    }

    .hire-newpage .banner-text h1 {

        margin: 0

    }

    .hire-newpage .banner-text ul {

        margin: 0 40px 30px 0

    }

    .hire-newpage .banner-text p {

        font: 20px/30px mulilight, sans-serif;

        margin: 30px 40px 45px 0

    }

    .hire-newpage .banner-text li {

        margin: 0 8px 10px 0;

        padding: 8px 5px 10px 45px;

        font: 18px/28px mulilight, sans-serif

    }

    .hire-newpage .banner-text li::after {

        top: 10px

    }

    .hire-newpage .certificate-sec {

        margin: 50px 0;display:none;

    }

    .cryptocurrency-page .banner-text h1 {

        font: 54px/50px mulisemibold, sans-serif

    }

    .error-page .page-not-fount {

        top: -125px

    }

    .service-newpage .banner-text {

        padding: 16em 0 0

    }

    .service-newpage .banner-text h1 {

        font: 60px/55px mulisemibold, sans-serif

    }

    .moblie-app .banner-text {

        padding: 10em 0 0

    }

    .moblie-app .banner-text h1 {

        font: 63px/55px mulisemibold, sans-serif

    }

    .moblie-app .banner-text h2 {

        font: 50px/60px mulilight, sans-serif

    }

    .cross-app .banner-text h1 {

        font: 44px/45px mulisemibold, sans-serif

    }

    .cross-app .banner-text h2 {

        font: 39px/50px mulilight, sans-serif

    }

    .c-p-page .banner-text h1 {

        font: 60px/35px mulisemibold, sans-serif

    }

    .aboutnew-page .banner-text {

        padding: 11.5em 0 3em;    width: 90%;

    }

    .aboutnew-page .banner-text h1 {

        font: 80px/90px mulisemibold, sans-serif

    }

    .aboutnew-page .banner-text ul {

        margin: 70px 0 30px

    }

    .aboutnew-page .banner-text p {

        margin: 0 50px 30px 0

    }

    .aboutnew-page .behind-scenes .textarea {

        top: 9em

    }

    .hirepage .banner-text {

        padding: 17% 0 10%

    }

    .hirepage .banner-text h1 {

        font: 46px/30px mulibold, sans-serif

    }

    .hirepage .banner-text h2 {

        font: 30px/70px mulilight, sans-serif

    }

    .hirepage .banner-text ul {

        margin: 30px 0 0

    }

    .hirepage .banner-text p {

        margin: 20px 0 0

    }

    .dedicated-development .banner-text {

        padding: 11% 0 8%

    }

    .dedicated-development .banner-text h1 {

        font: 63px/70px mulisemibold, sans-serif

    }

    .dedicated-development .banner-text h2 {

        font: 40px/50px mulilight, sans-serif

    }

    .dedicated-development .banner-text p {

        font: 22px/38px mulilight, sans-serif

    }

    .contact-page .banner-text {

        padding: 6em 0 17.5em

    }

    .contact-page .banner-text h1 {

        font: 50px/45px mulisemibold, sans-serif

    }

    .contact-page .banner-text h2 {

        font: 18px/36px Poppins

    }

    .contact-page .contfrom input,

    .contact-page .contfrom select {

        margin: 5px 0 30px;

        min-height: 30px

    }

    .contact-page .contfrom textarea {

        height: 70px

    }

    .contact-page .contdetail .social-media li {

        width: 30px;

        height: 30px;

        font-size: 18px;

        line-height: 30px

    }

    .contact-page .contfrom .text-area .upload-sec ul {

        width: 70%

    }

    .contact-page .contfrom button {

        margin: 15px 0 0

    }

    .digital-page .banner-text {

        padding: 12% 0 8%

    }

    .digital-page .banner-text h1 {

        font: 75px/70px mulisemibold, sans-serif

    }

    .digital-page .banner-text p {

        font: 20px/35px mulilight, sans-serif

    }

    .our-team-page .banner-text h1 {

        font: 70px/50px mulisemibold, sans-serif

    }

    .blockchain-development .banner-text {

        padding: 13% 0 5%

    }

    .blockchain-development .banner-text h1 {

        font: 65px/50px mulisemibold, sans-serif

    }

    .approach-page .banner-text h1,

    .why-india .banner-text h1 {

        font: 75px/90px mulisemibold, sans-serif

    }

    .approach-page .banner-text {

        padding: 17% 0 16%

    }

    .staff-augmentation .banner-text {

        padding: 12% 0 5%

    }

    .why-india .banner-text {

        padding: 20% 0 16%

    }

    .why-india .banner-text p {

        margin: 30px 100px

    }

    .become-partner .banner-text {

        padding: 12% 0 24%

    }

    .become-partner .banner-text p {

        margin: 0 80px

    }

    .become-partner .development-process .client-box {

        padding: 30px 30px 0

    }

    .fullstack-page .banner-text h1 {

        font: 42px/30px mulisemibold, sans-serif

    }

    .fullstack-page .banner-text h2 {

        font: 30px/76px mulilight, sans-serif

    }

    .multichain-page .banner-text h1 {

        font: 55px/40px mulisemibold, sans-serif

    }

    .sermain-page .banner-sec .banner-text {

        padding: 16% 0 0 !important

    }

    .sermain-page .banner-sec .banner-text h2 {

        margin: 0 0 10px

    }

    .new-services-style .banner-text {

        padding: 16% 0 0

    }

    .new-services-style .banner-text h1 {

        margin: 0 0 30px

    }

    .new-services-style .banner-text p {

        padding: 0 40px 15px 0;

        font: 20px/30px mulilight, sans-serif

    }

    .new-services-style .banner-text .font-s62 {

        margin: 0 0 15px

    }

    .new-services-style .certificate-sec {

        margin: 50px 0;display:none;

    }

}

.testimonials-sec, .our-blogsec, .getin-touch, .clientlist {display:none !important;}





@media (max-width:1280px) {

    .hire-newpage .process-area {

        left: -150px

    }

    .hire-newpage .process-area .box-2 {

        left: 700px

    }

    .service-newpage .process-area {

        left: -150px

    }

    .service-newpage .process-area .box-2 {

        left: 700px

    }

    .service-newpage .banner-text {

        padding: 14em 0 0

    }

    .service-newpage .banner-text h1 {

        font: 55px/55px mulisemibold, sans-serif

    }

    .moblie-app .banner-text h1 {

        font: 58px/55px mulibold, sans-serif

    }

    .moblie-app .banner-text h2 {

        font: 45px/40px mulisemibold, sans-serif

    }

    .cross-app .banner-text h1 {

        font: 42px/45px mulisemibold, sans-serif

    }

    .cross-app .banner-text h2 {

        font: 35px/40px mulilight, sans-serif

    }

    .hirepage .banner-text h1 {

        font: 42px/30px mulibold, sans-serif

    }

    .hirepage .banner-text h2 {

        font: 30px/70px mulilight, sans-serif

    }

    .dedicated-development .banner-text h1 {

        font: 55px/50px mulisemibold, sans-serif

    }

    .dedicated-development .banner-text h2 {

        font: 40px/50px mulilight, sans-serif

    }

    .dedicated-development .banner-text p {

        font: 22px/38px mulilight, sans-serif

    }

    .our-team-page .banner-sec {

        background: url(../../images-2/team-banner.jpg) top no-repeat;

        background-size: 120%

    }

    .our-team-page .banner-text h1 {

        font: 70px/50px mulisemibold, sans-serif

    }

    .blockchain-development .banner-text {

        padding: 15% 0 5%

    }

    .blockchain-development .banner-text h1 {

        font: 60px/50px mulisemibold, sans-serif

    }

    .approach-page .banner-text h1,

    .staff-augmentation .banner-text h1 {

        font: 75px/90px mulisemibold, sans-serif

    }

    .approach-page .banner-text {

        padding: 17% 0 16%

    }

    .staff-augmentation .banner-text {

        padding: 21% 0 17%

    }

    .fullstack-page .banner-text h1 {

        font: 42px/30px mulibold, sans-serif

    }

    .fullstack-page .banner-text h2 {

        font: 30px/76px mulilight, sans-serif

    }

    .new-services-style .banner-text {

        padding: 9em 0 

    }

	.contact-page .contfrom {

		min-height: 475px;

		    

    }

}



@media (max-width:1199px) {

    .circlebox {

        top: -45px;

        left: -50px

    }

    .circlebox2 {

        top: 62px;

        left: -4px

    }

    .banner-form {

        margin: 9em 0 3em

    }

    .hire-newpage .banner-text {

        padding: 9em 0 0

    }

    .hire-newpage .banner-text h1 {

        font: 66px/60px mulisemibold, sans-serif

    }

    .hire-newpage .banner-text h1 span {

        font: 40px/70px Poppins

    }

    .hire-newpage .fs-70 {

        font: 53px/45px mulisemibold, sans-serif !important

    }

    .hire-newpage .fs-60 {

        font: 55px/64px mulibold, sans-serif !important

    }

    .hire-newpage .fs-50 {

        font: 45px/54px mulibold, sans-serif !important

    }

    .hire-newpage .banner-text h2 {

        font: 40px/70px Poppins

    }

    .hire-newpage .banner-text p {

        font: 20px/32px Poppins;

        margin: 15px 0 45px

    }

    .hire-newpage .banner-text ul {

        margin: 0 40px 0 0

    }

    .hire-newpage .banner-text li {

        width: 47%;

        padding: 10px 15px 10px 40px;

        font: 16px/22px mulilight, sans-serif

    }

    .hire-newpage .service-boxes li {

        padding: 30px;

        margin: 10px

    }

    .hire-newpage .service-boxes h3 {

        font: 16px/28px mulisemibold, sans-serif

    }

    .hire-newpage .our-expertise li {

        width: 47%

    }

    .hire-newpage .our-expertise li .textbox {

        width: 77%

    }

    .hire-newpage .our-expertise .vclogo {

        margin: 80% 0 0

    }

    .hire-newpage .process-area .textbox {

        left: 34%

    }

    .hire-newpage .process-area .box-2 {

        left: 90%

    }

    .hire-newpage .process-area .box-3,

    .service-newpage .process-area .textbox {

        left: 34%

    }

    .hire-newpage .benefits-box {

        min-height: 300px

    }

    .hire-newpage .expertise-sec img {

        height: 350px;

        object-fit: cover

    }

    .hire-newpage .expertise-sec .text {

        padding: 20px

    }

    .hire-newpage .clientlogo-aera .clientlist .client-box {

        width: 123%

    }

    .disclaimer-page .banner-text {

        padding: 12% 0 8%

    }

    .service-newpage .banner-text h1 {

        font: 52px/50px mulisemibold, sans-serif

    }

    .service-newpage .aservice-boxes li {

        padding: 40px 30px;

        min-height: 400px

    }

    .service-newpage .aservice-boxes h3 {

        font: 17px/28px mulisemibold, sans-serif

    }

    .service-newpage .banner-text {

        padding: 14em 0;

        width: 54%

    }

    .service-newpage .banner-sec .circle-box {

        width: 30%;

        margin: 16% 0 12% 5%

    }

    .service-newpage .process-area .box-2 {

        left: 90%

    }

    .service-newpage .process-area .box-3 {

        left: 34%

    }

    .moblie-app .banner-text h1 {

        font: 53px/55px mulisemibold, sans-serif

    }

    .moblie-app .banner-text h2 {

        font: 42px/40px mulilight, sans-serif

    }

    .moblie-app .services-box .headarea h2 {

        margin: 20px 0 0

    }

    .moblie-app .services-box .headarea .icon {

        width: 80px;

        height: 80px

    }

    .moblie-app .technology-sec li {

        height: 184px

    }

    .moblie-app .technology-sec span {

        top: 30px

    }

    .moblie-app .technology-sec h3 {

        top: 130px

    }

    .cross-app .banner-text h1 {

        font: 40px/45px mulisemibold, sans-serif

    }

    .cross-app .banner-text h2 {

        font: 35px/40px mulilight, sans-serif

    }

    .thanks-page .thanks-box h1 {

        font: 100px/120px mulisemibold, sans-serif

    }

    .thanks-page .thanks-box p {

        font: 20px/30px Poppins;

        margin: 0 0 50px

    }

    .error-page .pagenot-box {

        margin: 10em 0 5em;

        width: 55%

    }

    .testimonials-page .head-sec h1 {

        font: 50px/60px mulisemibold, sans-serif

    }

    .testimonials-page .head-sec h2 {

        font: 22px/30px Poppins

    }

    .testimonials-page .testimonial-box {

        padding: 0 0 40%

    }

    .testimonials-page .textbox {

        top: 150px

    }

    .aboutnew-page .banner-text h1 {

        font: 60px/90px mulisemibold, sans-serif

    }

    .aboutnew-page .banner-text p {

        font: 20px/30px Poppins

    }

    .aboutnew-page .banner-text ul {

        margin: 60px 0 30px

    }

    .aboutnew-page .banner-text li p {

        font: 14px/24px Poppins

    }

    .aboutnew-page .service-boxes li {

        padding: 40px 30px;

        min-height: 400px

    }

    .aboutnew-page .service-boxes h3 {

        font: 17px/28px mulisemibold, sans-serif

    }

    .aboutnew-page .vision-box h2 {

        font: 40px/50px mulisemibold, sans-serif

    }

    .aboutnew-page .vision-box p {

        font: 20px/30px mulisemibold, sans-serif

    }

    .aboutnew-page .infralist li {

        min-height: 190px

    }

    .aboutnew-page .infralist p {

        font: 12px/24px Poppins

    }

    .aboutnew-page .our-infra .infra-text {

        padding: 0

    }

    .aboutnew-page .behind-scenes .textarea {

        top: 3.5em

    }

    .faq-page .banner-sec {

        background-size: cover

    }

    .faq-page .banner-text h1 {

        font: 50px/40px mulisemibold, sans-serif

    }

    .faq-page .banner-text p {

        font: 24px/24px Poppins

    }

    .inmedia-page .media-box {

        width: 100%

    }

    .inmedia-page .shadow-box {

        top: 20px;

        left: 20px

    }

    .multichain-page .banner-text h1 {

        font: 50px/45px mulisemibold, sans-serif

    }

    .c-p-page .banner-text h1 {

        font: 55px/30px mulisemibold, sans-serif

    }

    .whyhire-sec .whybox {

        padding: 15px 20px

    }

    .whyhire-sec .whybox .icon {

        margin: 0 10px 0 0

    }

    .whyhire-sec .whybox h3 {

        font: 16px/28px mulilight, sans-serif

    }

    .models-box {

        min-height: 795px

    }

    .models-box .headarea .icon {

        width: 100px;

        height: 100px;

        margin: 0 20px 0 0

    }

    .models-box .headarea h2 {

        font: 24px/35px mulisemibold, sans-serif;

        margin: 10px 0 0

    }

    .models-box .text {

        min-height: 610px

    }

    .models-box2 {

        min-height: 750px

    }

    .models-box2 .headarea {

        padding: 30px 20px

    }

    .models-box2 .headarea i {

        margin: 0 20px 0 0

    }

    .models-box2 .headarea h2 {

        float: left;

        text-transform: capitalize;

        font: 24px/35px mulisemibold, sans-serif;

        color: #393939;

        margin: 10px 0 0

    }

    .experience-area li {

        padding: 0 12px

    }

    .experience-area span {

        font: 40px/60px mulibold, sans-serif

    }

    .footer-sec .address-box {

        padding: 0 0 0 5%

    }

    .footer-sec .fotlink {

        padding: 0 5% 0 0

    }

    .footer-sec .address-box p {

        font: 15px/24px Poppins

    }

    .footer-sec .fotlink li a {

        font: 13px/24px Poppins

    }

    .footer-sec .out-part p {

        width: 100%;

        margin: 0;

        padding: 0;

        border-right: none

    }

    .footer-sec .social-media li {

        width: 30px;

        height: 30px;

        margin: 0 5px 0 0;

        font-size: 14px;

        line-height: 30px

    }

    .getin-touch .contact-form .upload-sec ul {

        width: 70%

    }

    .rlAccordion>h3 {

        padding: 0 0 0 40px

    }

    .rlAccordion>h3>span {

        margin: 0

    }

    .rlAccordion .text p {

        padding: 0 0 40px 40px

    }

    .hirepage .banner-text h1 {

        font: 38px/24px mulibold, sans-serif

    }

    .hirepage .banner-text h2 {

        font: 24px/70px mulilight, sans-serif

    }

    .hirepage .banner-text p {

        margin: 15px 0 0

    }

    .hirepage .banner-text ul {

        margin: 25px 0 0

    }

    .hirepage .our-services  {

        padding: 20px 10px;

        font: 15px/24px Poppins

    }

    .hirepage .technologies-tabs ul li {

        width: 23.4%

    }

    .careers-page .crbox p {

        font: 15px/24px mulilight, sans-serif

    }

    .careers-page .award-sec .icon {

        width: 80px;

        height: 80px

    }

    .careers-page .award-sec {

        padding: 20px

    }

    .blockchain-development .banner-text,

    .dedicated-development .banner-text {

        padding: 15% 0 5%

    }

    .dedicated-development .banner-text ul {

        margin: 0 0 40px

    }

    .dedicated-development .banner-text h1 {

        font: 50px/50px mulisemibold, sans-serif

    }

    .dedicated-development .banner-text h2 {

        font: 40px/50px mulisemibold, sans-serif

    }

    .dedicated-development .banner-text p {

        font: 22px/38px Poppins

    }

    .dedicated-development .serv-box li,

    .digital-page .banner-text li {

        width: 30%

    }

    .digital-page .technology-sec li {

        height: 184px

    }

    .digital-page .technology-sec span {

        top: 30px

    }

    .digital-page .technology-sec h3 {

        top: 130px

    }

    .blockchain-development .banner-text h1 {

        font: 60px/50px mulisemibold, sans-serif

    }

    .blockchain-development .our-services  {

        padding: 20px 7px

    }

    .blockchain-development .tabing-sec h4 {

        font: 13px/20px Poppins

    }

    .approach-page .banner-text h1,

    .staff-augmentation .banner-text h1 {

        font: 75px/90px mulisemibold, sans-serif

    }

    .blockchain-development .tabing-sec li {

        width: 16%;

        min-height: 140px;

        vertical-align: top

    }

    .blockchain-development .blockchain-tabs li,

    .blockchain-development .service-tabs li {

        width: 15%

    }

    .blockchain-development .Layer-tabs li,

    .blockchain-development .network-tabs li,

    .blockchain-development .protocol-tabs li {

        width: 18%

    }

    .approach-page .banner-text {

        padding: 21% 0 17%

    }

    .staff-augmentation .banner-text {

        padding: 15% 0 8%;

        width: 100%

    }

    .staff-augmentation .banner-text ul li {

        font: 15px/28px mulilight, sans-serif

    }

    .why-india .banner-text {

        padding: 16% 0 10%

    }

    .why-india .banner-text h1 {

        font: 75px/90px mulisemibold, sans-serif

    }

    .why-india .tabing-sec li {

        width: 15%

    }

    .become-partner .banner-text {

        padding: 13% 0 28%

    }

    .devops-development .our-services .resp-tabs-list ,

    .devops-page .our-services .resp-tabs-list ,

    .sermain-page .main-services ul p {

        padding: 20px

    }

    .fullstack-page .banner-text h1 {

        font: 38px/30px mulisemibold, sans-serif

    }

    .fullstack-page .banner-text h2 {

        font: 30px/50px Poppins

    }

    .sermain-page .banner-text h1 {

        font: 42px/30px mulisemibold, sans-serif

    }

    .sermain-page .banner-text ul li {

        font: 16px/28px mulilight, sans-serif

    }

    .sermain-page .main-services ul li {

        flex: 0 0 32%;

        margin: 0 0 15px

    }

    .new-services-style .banner-text {

        width: auto;

        padding: 9em 0 0

    }

    .new-services-style .banner-text h1 {

        font: 66px/60px mulibold, sans-serif !important

    }

    .new-services-style .banner-text li {

        font: 16px/22px mulilight, sans-serif

    }

    .new-services-style .banner-text p {

        padding: 0 10px 15px 0

    }

    .new-services-style .banner-text .font-s62 {

        font: 50px/50px mulibold, sans-serif !important

    }

    .new-services-style .banner-text .font-s60 {

        font: 50px/40px mulibold, sans-serif !important

    }

    .new-services-style .banner-text .font-s60 span {

        font: 24px/40px Poppins !important

    }

    .new-services-style .technology-sec li {

        height: 166px;

        width: 16%;

        margin: 15px

    }

    .new-services-style .advantages-sec ul li {

        flex: 0 0 46.5%

    }

    .new-services-style .client-focus .client-box {

        padding: 0;

        min-height: 650px;

        margin: 0 0 40px

    }

    .new-services-style .client-focus .client-box h3 {

        display: block

    }

    .new-services-style .client-focus .client-box ul {

        padding: 30px 30px 0

    }

    .new-services-style .whyhire-sec .whylist {

        width: 85%

    }

    .new-services-style .our-services-sec .service-boxes li {

        width: 30%

    }

    .new-services-style .clientlogo-aera .clientlist .client-box {

        width: 123%

    }

    .whyhiresec .whylist {

        width: 85%

    }

    .casestudiessec .caserow .caseimg {

        flex: 0 0 65%

    }

    .choosefrom .resp-tabs-list {

        width: 70%

    }

    .choosefrom .textbox ul {

        width: 100%

    }

    .sat-icon img {

        width: 80%

    }

}



@media (max-width:1025px) {

    .arrow_box a {

        margin: 0 12px 0 0

    }

    .banner-form p {

        font: 14px/24px Poppins

    }

    .testimonials-sec .slick-next:before,

    .testimonials-sec .slick-prev:before {

        font-size: 74px

    }

    .testimonials-sec .slick-next {

        right: -22px

    }

    .testimonials-sec .slick-prev {

        left: -22px

    }

    .testimonials-sec .boxheight-1 {

        min-height: 515px

    }

    .testimonials-sec .boxheight-2 {

        min-height: 335px

    }

    .models-box .headarea h2 {

        font: 23px/33px mulisemibold, sans-serif

    }

    .hire-newpage .banner-text h1 {

        font: 58px/56px mulibold, sans-serif

    }

    .hire-newpage .banner-text p {

        font: 18px/30px mulilight, sans-serif

    }

    .hire-newpage .banner-text ul li {

        font: 14px/20px mulilight, sans-serif;

        padding: 10px 5px 10px 40px

    }

    .testimonials-page .testimonial-box {

        padding: 0 0 45%

    }

    .testimonials-page .textbox {

        top: 120px

    }

    .xamarin-page .benefits-box p {

        font: 16px/28px Poppins

    }

    .service-newpage .banner-text {

        padding: 12em 0

    }

    .moblie-app .banner-text h1 {

        font: 50px/45px mulisemibold, sans-serif

    }

    .moblie-app .banner-text h2 {

        font: 40px/40px mulilight, sans-serif

    }

    .moblie-app .banner-text p {

        font: 18px/30px mulilight, sans-serif

    }

    .cross-app .banner-text h1 {

        font: 35px/45px mulisemibold, sans-serif

    }

    .cross-app .banner-text h2 {

        font: 32px/40px mulilight, sans-serif

    }

    .our-team-page .banner-text {

        padding: 10em 0 7em

    }

    .our-team-page .team-section .carousel-control-prev {

        left: 20px

    }

    .our-team-page .team-section .carousel-control-next {

        right: 20px

    }

    .our-team-page .team-section .slide-text {

        top: 13em

    }

    .fullstack-page .banner-text h1 {

        font: 34px/30px mulibold, sans-serif

    }

    .fullstack-page .banner-text h2 {

        font: 26px/60px Poppins

    }

    .getin-touch .contact-form .upload-sec ul {

        width: 93%

    }

    .multichain-page .banner-text h1 {

        font: 45px/45px mulisemibold, sans-serif

    }

    .c-p-page .banner-text h1 {

        font: 45px/50px mulisemibold, sans-serif

    }

    .sermain-page .banner-sec .banner-text {

        padding: 24% 0 7% !important

    }

    .sermain-page .banner-sec .banner-text h1 {

        font: 40px/30px mulisemibold, sans-serif

    }

    .sermain-page .banner-sec .banner-text h2 {

        font: 25px/50px mulibold, sans-serif

    }

    .hirepage .banner-text h1 {

        font: 34px/24px mulisemibold, sans-serif

    }

    .hirepage .banner-text h1 span {

        font: 24px/50px mulibold, sans-serif

    }

    .hirepage .banner-text h2 {

        font: 24px/70px mulilight, sans-serif

    }

    .new-services-style .banner-text {

        width: auto;

        padding: 9em 0 0

    }

    .new-services-style .banner-text h1 {

        font: 58px/56px mulibold, sans-serif !important

    }

    .new-services-style .banner-text p {

        padding: 0 10px 15px 0

    }

    .new-services-style .banner-text ul li {

        font: 14px/20px mulilight, sans-serif

    }

    .sat-icon img {

        width: 75%

    }

}



@media (max-width:1010px) {

    .hire-newpage .process-area,

    .service-newpage .process-area {

        left: -180px

    }

}



@media (max-width:991px) {

    .banner-form,

    .hire-newpage .banner-text ul {

        margin: 0 0 20px

    }

    .hire-newpage .key-benefite-sec,

    .hire-newpage .our-process-sec,

    .our-samples,

    .service-newpage .key-benefite-sec,

    .service-newpage .our-process-sec,

    .testimonials-sec {

        border-bottom: 1px solid #e8e8e8

    }

    .aboutnew-page .awards-list,

    .aboutnew-page .awd-partners .heading-sec,

    .careers-page .ourteam-bg .text,

    .digital-page .technology-sec ul,

    .experience-area ul,

    .hire-newpage .banner-text,

    .our-blogsec .slick-dots,

    .testimonials-page .awd-partners .heading-sec,

    .testimonials-page .textbox,

    .testimonials-sec .slick-dots {

        text-align: center

    }

    .yel-button {

        padding: 15px 20px;

        font: 14px/14px mulisemibold, sans-serif

    }

    .hire-newpage .banner-text {

        padding: 8em 0 5em

    }

    .hire-newpage .banner-text li {

        font: 12px/30px mulilight, sans-serif;

        width: 32%

    }

    .hire-newpage .banner-text h2:after {

        width: 54%

    }

    .hire-newpage .banner-text p {

        font: 16px/30px Poppins

    }

    .hire-newpage .service-boxes li {

        width: 47%

    }

    .hire-newpage .our-expertise .vclogo {

        display: none

    }

    .hire-newpage .expertise-sec ul li {

        flex: 0 0 50%

    }

    .hire-newpage .clientlogo-aera {

        display: none !important

    }

    .experience-area li::before,

    .models-box .btline::after,

    .sample-box2 {

        display: none

    }

    .disclaimer-page .banner-text {

        padding: 18% 0 10%

    }

    .heading-sec h2 {

        font: 30px/45px mulisemibold, sans-serif

    }

    .rlAccordion>h3 {

        font: 16px/24px mulisemibold, sans-serif;

        padding: 20px;

        position: relative

    }

    .rlAccordion>h3>span {

        position: absolute;

        width: auto;

        height: auto;

        right: 15px;

        top: -5px;

        z-index: 99;

        margin: 0

    }

    .models-box,

    .models-box2 {

        min-height: inherit;

        margin: 0 0 30px

    }

    .rlAccordion>h3+div.text {

        padding: 0

    }

    .rlAccordion .text p {

        padding: 0 20px 40px;

        font: 15px/24px Poppins

    }

    .models-box .text {

        min-height: inherit

    }

    .experience-area li {

        padding: 0 15px;

        width: 33%;

        margin: 0 0 20px

    }

    .experience-area span {

        font: 30px/40px mulibold, sans-serif

    }

    .experience-area p {

        font: 18px/24px Poppins

    }

    .sample-box {

        width: 45%;

        float: left;

        margin: 0 15px 30px;

        min-height: auto

    }

    .getin-touch {

        padding: 50px 0 30px

    }

    .getin-touch .contact-form {

        padding: 0

    }

    .getin-touch .contact-form form {

        padding: 30px 0

    }

    .getin-touch .contact-form .heading-sec {

        padding: 0

    }

    .testimonials-sec .boxheight-1,

    .testimonials-sec .boxheight-2 {

        min-height: inherit

    }

    .testimonials-sec .slick-next,

    .testimonials-sec .slick-prev {

        display: none !important

    }

    .testimonials-sec .slick-dots {

        display: block !important

    }

    .our-blogsec .slick-next,

    .our-blogsec .slick-prev {

        display: none !important

    }

    .our-blogsec .slick-dots {

        display: block !important

    }

    .become-partner .modelsbox:after,

    .become-partner .modelsbox:before,

    .inmedia-page .bottom-line,

    .service-newpage .services-box .btline::after,

    .staff-augmentation .banner-text ul {

        display: none

    }

    .relared-sec li a {

        font: 14px/20px mulisemibold, sans-serif

    }

    .footer-sec h3 {

        font: 16px/28px mulisemibold, sans-serif

    }

    .whyhire-sec .whybox {

        padding: 15px 20px

    }

    .service-newpage .banner-sec .circle-box {

        display: none;

        width: 24%

    }

    .service-newpage .services-box {

        margin: 0 0 30px

    }

    .service-newpage .aservice-boxes li {

        width: 50%

    }

    .service-newpage .banner-text {

        padding: 8em 0 5em;

        width: 80%;

        margin: 0 auto;

        float: none

    }

    .service-newpage .banner-text small {

        font: 30px/35px mulilight, sans-serif

    }

    .service-newpage .banner-text h1 {

        font: 30px/35px mulisemibold, sans-serif

    }

    .service-newpage .banner-text p {

        font: 16px/30px Poppins

    }

    .service-newpage .client-focus .client-box {

        min-height: inherit;

        padding: 30px;

        margin: 0 0 30px

    }

    .moblie-app .banner-text h1 {

        font: 46px/35px mulisemibold, sans-serif

    }

    .moblie-app .technology-sec ul {

        text-align: center

    }

    .moblie-app .technology-sec li {

        width: 30%

    }

    .moblie-app .aservice-boxes li {

        min-height: 490px

    }

    .moblie-app .development-process .client-box {

        padding: 30px;

        margin: 0 0 30px;

        min-height: inherit

    }

    .cross-app .banner-text h1 {

        font: 46px/36px mulisemibold, sans-serif

    }

    .testimonials-page .testimonial-box {

        padding: 0

    }

    .testimonials-page .head-sec h1 {

        font: 30px/40px mulisemibold, sans-serif

    }

    .testimonials-page .head-sec h2 {

        font: 16px/25px Poppins

    }

    .testimonials-page .slide-area {

        background: url(../../images-2/slide-bg.jpg) center bottom no-repeat #fff;

        background-size: cover;

        padding: 40px 10px 30px;

        margin: 20% auto 30px

    }

    .testimonials-page .dpimg-box {

        width: 35%;

        float: none;

        margin: 0 auto

    }

    .testimonials-page .textbox {

        width: 95%;

        top: inherit;

        right: inherit;

        position: inherit;

        margin: 0 auto;

        padding: 15px;

        border-left: none;

        border-bottom: 5px solid #0e6284

    }

    .aboutnew-page .clientlist,

    .testimonials-page .clientlist {

        margin: 60px 0 0

    }

    .testimonials-page .textbox::before {

        top: 0;

        font-size: 60px;

        position: inherit;

        left: 0;

        right: 0

    }

    .testimonials-page .textbox h3 {

        font: 16px/24px mulisemibold, sans-serif

    }

    .testimonials-page .textbox small {

        font: 12px/18px Poppins

    }

    .testimonials-page .textbox p {

        font: 15px/25px Poppins

    }

    
    .aboutnew-page .service-boxes li {

        width: 50%

    }

    .aboutnew-page .vision-box {

        padding: 50px 40px;

        min-height: 340px

    }

    .aboutnew-page .vision-box h2 {

        font: 35px/50px mulisemibold, sans-serif

    }

    .aboutnew-page .vision-box p {

        font: 16px/25px Poppins

    }

    .aboutnew-page .infralist p {

        font: 14px/24px Poppins

    }

    .aboutnew-page .behind-scenes .textarea {

        top: 5em

    }

    .aboutnew-page .behind-scenes .heading-sec h2 {

        font: 28px/35px mulisemibold, sans-serif

    }

    .aboutnew-page .heading-sec p {

        font: 15px/24px Poppins

    }

    .aboutnew-page .rightbox .icon {

        width: 105px;

        height: 105px

    }

    .faq-page .banner-sec {

        background-size: cover

    }

    .faq-page .banner-text {

        padding: 8em 0 10em

    }

    .faq-page .banner-text h1 {

        font: 40px/40px mulisemibold, sans-serif

    }

    .faq-page .banner-text p {

        font: 22px/24px Poppins

    }

    .faq-page .faq-list h3 {

        padding: 20px 30px 20px 20px;

        font: 18px/28px Poppins

    }

    .faq-page .faq-list h3::after {

        right: 15px;

        top: 18px;

        font-size: 24px

    }

    .inmedia-page .banner-text {

        background: 0 0;

        padding: 0;

        margin: 0 0 40px

    }

    .inmedia-page .banner-text h2 {

        margin: 0

    }

    .inmedia-page .media-box {

        height: 240px

    }

    .inmedia-page .mediasec h4 {

        font: 14px/30px Poppins;

        margin: 10px 0 30px

    }

    .contact-page .contdetail,

    .contact-page .contfrom {

        padding: 40px 20px

    }

    .contact-page .contfrom input,

    .contact-page .contfrom select {

        margin: 0 0 30px;

        font: 12px/20px Poppins

    }

    .contact-page .contfrom textarea {

        font: 12px/20px Poppins

    }

    .contact-page .contfrom .text-area .upload-sec ul {

        width: 85%

    }

    .hirepage .our-services  {

        font: 14px/22px Poppins;

        margin: 0 0 0 3px;

        padding: 20px 0

    }

    .hirepage .technologies-tabs ul li {

        width: 31%

    }

    .careers-page .ourteam-bg .text {

        margin: 10% 0 0

    }

    .careers-page .crbox {

        min-height: inherit;

        margin: 0 0 30px

    }

    .gdpr-page .dream-team {

        padding: 30px 0 0

    }

    .gdpr-page .ourteam-bg {

        padding: 0

    }

    .gdpr-page .ourteam-bg .text {

        margin: 0

    }

    .dedicated-development .serv-box li {

        width: 45.5%;

        min-height: 340px

    }

    .dedicated-development .banner-text h1 {

        font: 40px/40px mulisemibold, sans-serif

    }

    .dedicated-development .banner-text h2 {

        font: 30px/50px mulilight, sans-serif

    }

    .dedicated-development .development-process .client-box {

        margin: 0 0 30px;

        min-height: inherit

    }

    .digital-page .banner-text li {

        width: 47%

    }

    .digital-page .technology-sec li {

        width: 30%

    }

    .our-team-page .banner-text {

        padding: 8em 0 5em

    }

    .our-team-page .banner-text h1 {

        font: 60px/40px mulisemibold, sans-serif

    }

    .our-team-page .banner-text p {

        font: 20px/28px mulilight, sans-serif

    }

    .our-team-page .dedicated-team li {

        width: 49.3%

    }

    .our-team-page .team-section .slide-text {

        top: 8em

    }

    .our-team-page .team-section .slide-text p {

        font: 16px/28px Poppins

    }

    .blockchain-development .our-services  {

        padding: 20px 0;

        font: 11px/20px Poppins;

        margin: 0

    }

    .blockchain-development .banner-text h1 {

        font: 50px/30px mulisemibold, sans-serif

    }

    .blockchain-development .banner-text li {

        width: 48%

    }

    .blockchain-development .tabing-sec h4 {

        font: 13px/20px Poppins

    }

    .blockchain-development .tabing-sec li {

        width: 21%;

        min-height: 140px;

        vertical-align: top

    }

    .blockchain-development .blockchain-tabs li,

    .blockchain-development .service-tabs li {

        width: 18%

    }

    .blockchain-development .Layer-tabs li,

    .blockchain-development .network-tabs li,

    .blockchain-development .protocol-tabs li {

        width: 21%

    }

    .blockchain-development .benefits-box:hover span {

        opacity: 0

    }

    .approach-page .banner-text h1 {

        font: 75px/90px mulisemibold, sans-serif

    }

    .approach-page .banner-text {

        padding: 17% 0 16%

    }

    .approach-page .pribox {

        margin: 50px 0 0

    }

    .why-india .banner-text h1 {

        font: 65px/80px mulisemibold, sans-serif

    }

    .why-india .tabing-sec li {

        width: 23%

    }

    .why-india .banner-text p {

        margin: 30px 50px

    }

    .become-partner .development-process {

        margin: 70px 0 0

    }

    .become-partner .development-process .client-box {

        min-height: inherit;

        padding: 50px 30px

    }

    .become-partner .partnership-models .client-box {

        min-height: inherit;

        border-bottom: 1px solid #f7f7f7;

        padding: 50px 30px

    }

    .arvr-page .our-services .resp-tabs-list  {

        padding: 20px 40px

    }

    .devops-development .our-services .resp-tabs-list ,

    .iot-development .our-services .resp-tabs-list  {

        padding: 20px 10px

    }

    .arvr-page .models-box {

        min-height: inherit

    }

    .iot-development .our-services .Cloud-Platform li,

    .iot-development .our-services .OS-icon li,

    .iot-development .our-services .diving-physics li,

    .iot-development .our-services .iot-connectivity li,

    .iot-development .our-services .protocoltabs li,

    .iot-development .our-services .webservices li {

        width: 47.8%

    }

    .iot-development .models-box {

        min-height: inherit

    }

    .devops-development .banner-sec .banner-text li {

        width: 32%

    }

    .devops-development .our-services .Monitoring-tabs li,

    .devops-development .our-services .automation-icon li,

    .devops-development .our-services .cloudplatforms li,

    .devops-development .our-services .database-tabs li,

    .devops-development .our-services .javascript-framework li,

    .devops-development .our-services .web-mobile-technologies li {

        width: 47.8%

    }

    .devops-development .ourappoach .textbox {

        padding: 30px 30px 10px;

        min-height: 400px

    }

    .devops-development .ourappoach .textbox span {

        position: inherit;

        margin: 0 0 20px;

        display: block

    }

    .devops-development .models-box {

        min-height: inherit

    }

    .sermain-page .banner-sec .banner-text {

        padding: 18% 0 7% !important

    }

    .sermain-page .banner-text ul li {

        width: 48%;

        font: 15px/28px Poppins

    }

    .sermain-page .main-services ul li {

        flex: 0 0 32%;

        margin: 0 0 15px

    }

    .sermain-page .main-services p {

        padding: 20px

    }

    .new-services-style .technology-sec li {

        height: 166px;

        width: 25%;

        margin: 15px

    }

    .new-services-style .advantages-sec ul li {

        flex: 0 0 45%

    }

    .new-services-style .client-focus .client-box {

        padding: 0 !important;

        min-height: inherit;

        margin: 0 0 30px

    }

    .new-services-style .client-focus .client-box h3 {

        display: flex

    }

    .new-services-style .whyhire-sec {

        background: #151a1f

    }

    .new-services-style .whyhire-sec .whylist {

        width: 100%

    }

    .new-services-style .whyhire-sec .whylist ul li {

        padding: 0 0 0 10px

    }

    .new-services-style .our-services-sec .service-boxes li {

        width: 45.5%

    }

    .new-services-style .clientlogo-aera {

        display: none !important

    }

    .devops-page .our-services .resp-tabs-list  {

        padding: 20px 10px

    }

    .devops-page .our-services .Monitoring-tabs li,

    .devops-page .our-services .automation-icon li,

    .devops-page .our-services .cloudplatforms li,

    .devops-page .our-services .database-tabs li,

    .devops-page .our-services .javascript-framework li,

    .devops-page .our-services .web-mobile-technologies li {

        width: 47.8%

    }

    .choosefrom .resp-tabs-list .tablink {

        font: 16px/30px Poppins

    }

    .choosefrom .textbox ul li {

        padding: 5px 10px;

        font: 16px/24px Poppins

    }

    .whyhiresec .whylist {

        width: 100%

    }

    .whyhiresec .whylist ul li {

        padding: 0 0 0 10px;

        font: 16px/30px mulisemibold, sans-serif

    }

    .whyhiresec .whypointers ul li {

        flex: 0 0 45%

    }

    .casestudiessec .caserow .caseimg {

        flex: 0 0 90%;

        margin: 0

    }

    .casestudiessec .caserow .caseimg2 {

        display: none

    }

    .casestudiessec .carousel-indicators {

        display: flex !important;

        bottom: -40px

    }

    .casestudiessec .carousel-control-next,

    .casestudiessec .carousel-control-prev {

        display: none !important

    }

    .choosefrom .resp-tabs-list {

        width: 77%

    }

}



.white-bg,

.white-bg-2,

header {

    clear: both;

    z-index: 99999

}



.white-bg,

.white-bg-2{

	background-color:#fff !important;

	transition: none;

-webkit-box-shadow: 0 1px 10px -6px rgba(0,0,0,0.42),0 1px 10px 0 rgba(0,0,0,0.12),0 4px 5px -2px rgba(0,0,0,0.1);

box-shadow: 0 1px 10px -6px

rgba(0,0,0,0.42),0 1px 10px 0 rgba(0,0,0,0.12),0 4px 5px -2px rgba(0,0,0,0.1);

}



@media (max-width:980px) {

    .models-box,

    .service-newpage .models-box {

        min-height: inherit

    }

    #countup .part {

        display: none

    }

    .hire-newpage .process-area .no-1,

    .service-newpage .process-area .no-1 {

        display: block

    }

    .footer-sec .address-box p,

    .footer-sec .fotlink li a {

        font: 11px/20px Poppins

    }

    .footer-sec .links li a {

        font: 12px/25px Poppins

    }

    .hire-newpage .banner-text li {

        padding: 10px 0 10px 40px

    }

    .hire-newpage .key-benefite-sec {

        padding: 75px 0 40px

    }

    .hire-newpage .process-area {

        background: 0 0;

        width: 100%;

        height: auto;

        margin: 0;

        top: inherit;

        position: inherit

    }

    .hire-newpage .process-area .textbox {

        width: 100%;

        margin: 0 0 50px;

        position: inherit;

        top: inherit !important;

        left: inherit !important

    }

    .digital-page .benefits-box span,

    .thanks-page .call-detail {

        display: none

    }

    .service-newpage .process-area {

        background: 0 0;

        width: 100%;

        height: auto;

        margin: 0;

        top: inherit;

        position: inherit

    }

    .service-newpage .process-area .textbox {

        width: 100%;

        margin: 0 0 50px;

        position: inherit;

        top: inherit !important;

        left: inherit !important

    }

    .thanks-page .thanks-box {

        padding: 60px 50px

    }

    .thanks-page .thanks-box h1 {

        font: 60px/80px mulisemibold, sans-serif

    }

    .aboutnew-page .banner-text {

        width: 100%;

        float: none;

        padding: 8em 0 3em

    }

    .aboutnew-page .banner-text h1 {

        font: 50px/60px mulisemibold, sans-serif

    }

    .aboutnew-page .banner-text p {

        font: 18px/30px Poppins

    }

    .aboutnew-page .banner-text ul {

        margin: 60px 0 30px

    }

    .aboutnew-page .our-mission {

        border-bottom: 1px solid #e6e6e6

    }

    .error-page .white-bg {

        background: #000;

        padding: 0 0 30px

    }

    .models-box .text {

        min-height: initial

    }

    .blockchain-development .tabing-sec h4 {

        font: 11px/20px Poppins

    }

    .contact-page .banner-text {

        padding: 7em 0 17em

    }

}



@media (max-width:900px) {

    .hire-newpage .banner-text ul,

    .new-services-style .banner-text ul {

        display: none

    }

    .aboutnew-page .behind-scenes .textarea {

        top: 3.5em

    }

    .service-newpage .banner-text h1 {

        font: 42px/35px mulisemibold, sans-serif !important

    }

    .hire-newpage .banner-text {

        padding: 8em 0 0

    }

    .new-services-style .banner-text {

        text-align: center;

        padding: 8em 0 1em

    }

    .new-services-style .banner-text h1 {

        font: 62px/60px mulibold, sans-serif !important

    }

    .new-services-style .banner-text p {

        padding: 0 0 15px

    }

}



@media (max-width:800px) {

    .resp-tabs-container h2 .icon {

        width: 50px;

        height: 50px;

        display: inline-block;

        background: 0 0;

        margin: 0 15px 0 0

    }

    .arvr-page .our-services .resp-tabs-list,

    .devops-development .our-services .resp-tabs-list,

    .devops-page .our-services .resp-tabs-list,

    .iot-development .our-services .resp-tabs-list {

        display: none

    }

    .resp-tabs-container h2 .icon img {

        width: 100%

    }

    .resp-tabs-container h2 .tablink {

        position: absolute;

        margin: 15px 0 0

    }

    .hirepage .our-services  .icon {

        width: 40px

    }

    .hirepage .our-services  .icon img {

        width: 100%

    }

    .devops-development .our-services li,

    .devops-page .our-services li,

    .iot-development .our-services li {

        width: 48% !important

    }

    .hirepage .our-services .resp-tab-active .icon {

        background: 0 0

    }

    .hirepage .our-services .resp-tab-active {

        border-top: none !important;

        position: relative

    }

    .hirepage .our-services .resp-tab-active h2 .tablink {

        top: 5px;

        left: 70px

    }

    .service-newpage .banner-text h1 {

        font: 40px/35px mulisemibold, sans-serif !important

    }

    .devops-development .our-services h2.resp-accordion,

    .devops-page .our-services h2.resp-accordion,

    .iot-development .our-services h2.resp-accordion {

        font-size: 13px;

        line-height: 20px;

        clear: both;

        padding: 10px 0 20px 10px;

        overflow: hidden

    }

    .new-services-style .banner-text h1 {

        font: 60px/60px mulibold, sans-serif !important

    }

    .choosefrom h2.resp-accordion {

        height: 50px;

        padding: 10px

    }

    .choosefrom h2.resp-tab-active {

        background: #232242 !important;

        color: #fff

    }

    .choosefrom .resp-tab-content {

        padding: 20px 10px

    }

}



@media (max-width:767px) {

    .banner-button {

        padding: 15px 30px

    }

    .cookie-box {

        display: none !important

    }

    #particles-js {

        display: none

    }

    .yel-button,

    .yelbor-bt {

        font: 16px/18px mulisemibold, sans-serif

    }

    .rating-view .overall {

        margin: 50px 0 7px !important

    }

    .sat-icon {

        width: 60px;

        left: 0;

        right: 0;

        margin: 0 auto;

        top: -42px

    }

    .sat-icon img {

        width: 100%

    }

    .notsee {

        display: none !important

    }

    .experience-area li::before,

    .getin-touch .contact-form .upload-sec ul::before,

    .hire-newpage .banner-text ul,

    .hire-newpage .certificate-sec,

    .moblie-app .services-area .imgbox,

    .models-box .headarea i,

    .models-box .headarea span,

    .other-related,

    .our-blogsec,

    .service-newpage .banner-sec .circle-box {

        display: none

    }

    .hire-newpage .banner-text {

        padding: 8em 0 2em;

        text-align: center

    }

    .hire-newpage .banner-text h1 {

        font: 46px/46px mulibold, sans-serif

    }

    .hire-newpage .banner-text h1 span,

    .hire-newpage .banner-text h2 {

        font: 36px/36px Poppins

    }

    .hire-newpage .fs-70 {

        font: 45px/40px mulisemibold, sans-serif !important

    }

    .hire-newpage .fs-50,

    .hire-newpage .fs-60 {

        font: 36px/36px mulibold, sans-serif !important

    }

    .hire-newpage .banner-text small {

        font: 25px/30px Poppins

    }

    .hire-newpage .banner-text small:before {

        width: 24%;

        left: -35%

    }

    .hire-newpage .banner-text small:after {

        width: 24%;

        right: -23%

    }

    .hire-newpage .banner-text p {

        font: 16px/24px Poppins;

        margin: 20px 0 50px

    }

    .hire-newpage .banner-text .button {

        padding: 15px 30px;

        font: 16px/25px Poppins

    }

    .hire-newpage .service-boxes li {

        width: 100%;

        min-height: inherit;

        padding: 20px 10px

    }

    .hire-newpage .our-expertise li {

        width: 100%;

        min-height: auto;

        margin: 0 0 30px

    }

    .hire-newpage .our-expertise li:nth-child(2n) {

        margin: 0 0 30px

    }

    .banner-form,

    .heading-sec {

        margin: 0 0 20px

    }

    .hire-newpage .our-services-sec {

        padding: 40px 0

    }

    .hire-newpage .key-benefite-sec,

    .hire-newpage .our-expertise {

        padding: 40px 0 20px

    }

    .hire-newpage .our-process-sec {

        padding: 40px 0;

        background: #fff

    }

    .hire-newpage .benefits-box {

        min-height: inherit

    }

    .hire-newpage .process-area h3 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .hire-newpage .expertise-sec ul li {

        flex: 0 0 100%

    }

    .hire-newpage .our-services {

        padding: 40px 0 0

    }

    .disclaimer-page .banner-text {

        padding: 18% 0 10%

    }

    .disclaimer-page .banner-text h1 {

        font: 45px/50px mulisemibold, sans-serif

    }

    .app-version .banner-sec {

        background: #406577;

        background: -moz-linear-gradient(top, #406577 0, #406577 49%, #213d4b 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #406577), color-stop(49%, #406577), color-stop(100%, #213d4b));

        background: -webkit-linear-gradient(top, #406577 0, #406577 49%, #213d4b 100%);

        background: -o-linear-gradient(top, #406577 0, #406577 49%, #213d4b 100%);

        background: -ms-linear-gradient(top, #406577 0, #406577 49%, #213d4b 100%);

        background: linear-gradient(to bottom, #406577 0, #406577 49%, #213d4b 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#406577', endColorstr='#213d4b', GradientType=0)

    }

    .js-version .banner-sec {

        background: #086a77;

        background: -moz-linear-gradient(top, #086a77 0, #02a390 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #086a77), color-stop(100%, #02a390));

        background: -webkit-linear-gradient(top, #086a77 0, #02a390 100%);

        background: -o-linear-gradient(top, #086a77 0, #02a390 100%);

        background: -ms-linear-gradient(top, #086a77 0, #02a390 100%);

        background: linear-gradient(to bottom, #086a77 0, #02a390 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#086a77', endColorstr='#02a390', GradientType=0)

    }

    .other-version .banner-sec {

        background: #1284ca;

        background: -moz-linear-gradient(top, #1284ca 0, #1847ac 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #1284ca), color-stop(100%, #1847ac));

        background: -webkit-linear-gradient(top, #1284ca 0, #1847ac 100%);

        background: -o-linear-gradient(top, #1284ca 0, #1847ac 100%);

        background: -ms-linear-gradient(top, #1284ca 0, #1847ac 100%);

        background: linear-gradient(to bottom, #1284ca 0, #1847ac 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1284ca', endColorstr='#1847ac', GradientType=0)

    }

    .multichain-page .banner-text h1 {

        font: 45px/45px mulisemibold, sans-serif

    }

    .banner-form input {

        width: 86%

    }

    .banner-form form {

        padding: 28px 27px 20px

    }

    .black-bg,

    .black-bg-2 {

        padding: 0 0 20px

    }

    .heading-sec h2 {

        font: 24px/40px mulisemibold, sans-serif

    }

    .heading-sec p {

        font: 16px/24px Poppins

    }

    .hiring-models {

        padding: 40px 0;

        border-bottom: 1px solid #ccc

    }

    .models-box {

        min-height: auto;

        margin: 0 0 30px

    }

    .models-box .headarea {

        padding: 20px 30px

    }

    .models-box .headarea .icon {

        width: 80px;

        height: 80px;

        margin: 0 30px 0 0

    }

    .models-box .headarea h2 {

        font: 20px/30px mulisemibold, sans-serif;

        margin: 10px 0 0

    }

    .models-box .text {

        padding: 30px

    }

    .models-box .text ul {

        padding: 0 0 0 30px

    }

    .models-box .text li::before {

        left: -45px

    }

    .experience-area li {

        padding: 0 10px;

        width: 49%;

        margin: 0 0 30px

    }

    .our-samples,

    .why-choose-sec {

        padding: 40px 0

    }

    .sample-box img,

    .why-box {

        width: 100%

    }

    .experience-area span {

        font: 30px/40px mulibold, sans-serif

    }

    .experience-area p {

        font: 16px/20px Poppins

    }

    .sample-box {

        width: 100%;

        float: left;

        margin: 0 0 30px

    }

    .relared-sec li {

        width: 50%

    }

    .faq-sec {

        display: none

    }

    .getin-touch .contact-form .heading-sec {

        padding: 20px 0 10px;

        text-align: center

    }

    .getin-touch .contact-form input {

        margin: 0 0 8px;

        height: 55px

    }

    .getin-touch .contact-form select {

        margin: 0 0 8px;

        height: 55px;

        padding: 10px 0 10px 50px

    }

    .getin-touch .contact-form form {

        padding: 10px 0 50px

    }

    .getin-touch .contact-form textarea {

        height: 70px

    }

    .getin-touch .contact-form .upload-sec {

        padding: 5px 25px

    }

    .getin-touch .contact-form .upload-sec ul {

        width: 90%

    }

    .getin-touch .contact-form .upload-sec li:last-child {

        padding: 8px 30px;

        margin: 2px 0 2px 10px

    }

    .getin-touch .contact-form .upload-sec li a {

        padding: 5px 3px

    }

    .getin-touch .contact-form .upload-sec::before {

        top: 12px

    }

    .getin-touch .contact-form .upload-sec li a::after {

        top: 5px

    }

    .footer-sec {

        text-align: center;

        padding: 40px 0 0

    }

    .footer-sec .address-box {

        padding: 0

    }

    .footer-sec h3:after {

        left: 0;

        right: 0;

        margin: 0 auto

    }

    .footer-sec .fotlink {

        padding: 0;

        margin: 30px 0 0

    }

    .footer-sec .fotlink ul {

        margin: 0 0 30px

    }

    .copyright-sec p {

        font: 16px/30px Poppins

    }

    .review-box {

        padding: 30px 30px 100px;

        margin: 60px 0 30px

    }

    .our-blogsec,

    .testimonials-sec {

        padding: 40px 0

    }

    .testimonials-sec .boxheight-1,

    .testimonials-sec .boxheight-2 {

        min-height: inherit

    }

    .experience-area {

        background: #ebeef3;

        padding: 40px 0

    }

    .getin-touch {

        padding: 0;

        background: #f6f6f6

    }

    .other-related {

        padding: 40px 0

    }

    .error_red {

        bottom: 5px;

        font-size: 10px

    }

    .footer-sec .address-box p,

    .footer-sec .fotlink li a {

        font: 14px/22px Poppins

    }

    .footer-sec .links li a {

        font: 12px/25px Poppins

    }

    .whyhire-sec {

        padding: 40px 0;

        background: #214b93 !important

    }

    .whyhire-sec .whybox {

        padding: 15px

    }

    .casestudiessec,

    .choosefrom,

    .tookit-sec,

    .whyhiresec {

        padding: 40px 0

    }

    .whyhire-sec .whybox .icon {

        margin: 0 10px 0 0

    }

    .whyhire-sec .whybox h3 {

        font: 15px/28px mulilight, sans-serif

    }

    .choosefrom {

        background: #f4f7f6

    }

    .contact-page .banner-sec {

        background: #2c3949

    }

    .contact-page .banner-text {

        padding: 7em 0 5em;

        text-align: center

    }

    .contact-page .banner-text h1 {

		margin: 12% auto 15%;

        font: 30px/40px mulisemibold, sans-serif

    }

    .contact-page .banner-text h2 {

        font: 18px/24px Poppins;

        margin: 0 5%

    }

    .contact-page .contfrom {

        width: 100%;

        float: none;

        padding: 20px

    }

    .contact-page .contentarea {

        top: 0;

        margin: 30px 0

    }

    .contact-page .contfrom .text-area .upload-sec ul {

        width: 73%

    }

    .contact-page .contdetail {

        width: 100%;

        float: none;

        padding: 20px;

        height: auto

    }

    .contact-page .contdetail .social-media {

        text-align: center

    }

    .contact-page .contdetail .social-media li {

        margin: 0 5px 10px 0;

        width: 30px;

        height: 30px;

        font-size: 15px;

        line-height: 30px

    }

    .contact-page .contdetail .wid50 {

        width: 47%;

        margin: 0 10px 0 0

    }

    .thanks-page .thanks-sec {

        padding: 130px 0 90px

    }

    .thanks-page .thanks-box {

        padding: 30px 50px

    }

    .thanks-page .thanks-box h1 {

        font: 50px/60px mulisemibold, sans-serif;

        margin: 0 0 20px

    }

    .thanks-page .thanks-box p {

        font: 16px/24px Poppins

    }

    .error-page .banner-text {

        padding: 7em 0 6em

    }

    .error-page .banner-text h1 {

        font: 50px/50px mulisemibold, sans-serif;

        margin: 0 0 20px

    }

    .error-page .pagenot-box h2,

    .error-page .pagenot-box h3 {

        font: 24px/35px mulisemibold, sans-serif

    }

    .error-page .page-not-fount {

        background: 0 0;

        top: inherit

    }

    .error-page .pagenot-box {

        width: 100%;

        float: none;

        margin: 0 0 30px;

        text-align: center

    }

    .error-page .pagenot-box h2 {

        margin: 0 0 20px

    }

    .service-newpage .banner-sec .circle-box {

        width: 40%;

        float: none;

        margin: 0 auto 20px

    }

    .service-newpage .banner-text {

        padding: 10em 0;

        width: 90%;

        float: none;

        margin: 0 auto;

        text-align: center;

        overflow: hidden

    }

    .service-newpage .banner-text h1 {

        font: 34px/38px mulisemibold, sans-serif !important

    }

    .service-newpage .banner-text p {

        font: 16px/24px mulilight, sans-serif

    }

    .service-newpage .our-services-sec {

        padding: 40px 0

    }

    .service-newpage .services-box {

        min-height: auto;

        margin: 0 0 30px

    }

    .service-newpage .services-box .headarea {

        padding: 20px 15px

    }

    .service-newpage .services-box .headarea .icon {

        width: 80px;

        height: 80px;

        margin: 0 30px 0 0

    }

    .service-newpage .services-box .headarea h2 {

        font: 20px/30px mulisemibold, sans-serif;

        margin: 10px 0 0

    }

    .service-newpage .services-box .text {

        padding: 30px

    }

    .service-newpage .services-box .text ul {

        padding: 0 0 0 30px

    }

    .service-newpage .services-box .text li::before {

        left: -45px

    }

    .service-newpage .client-focus {

        padding: 40px 0

    }

    .service-newpage .client-focus .client-box {

        padding: 30px 20px 0;

        min-height: auto;

        margin: 0 0 30px

    }

    .service-newpage .client-focus .client-box li {

        font: 15px/24px Poppins

    }

    .service-newpage .advantages-sec {

        padding: 40px 0 0

    }

    .service-newpage .aservice-boxes li {

        width: 100%;

        min-height: auto;

        margin: 0 0 30px

    }

    .service-newpage .process-area h3 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .moblie-app .banner-sec {

        background: #37b6c4;

        background: -moz-linear-gradient(top, #37b6c4 0, #37b6c4 24%, #167f8d 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #37b6c4), color-stop(24%, #37b6c4), color-stop(100%, #167f8d));

        background: -webkit-linear-gradient(top, #37b6c4 0, #37b6c4 24%, #167f8d 100%);

        background: -o-linear-gradient(top, #37b6c4 0, #37b6c4 24%, #167f8d 100%);

        background: -ms-linear-gradient(top, #37b6c4 0, #37b6c4 24%, #167f8d 100%);

        background: linear-gradient(to bottom, #37b6c4 0, #37b6c4 24%, #167f8d 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#37b6c4', endColorstr='#167f8d', GradientType=0)

    }

    .moblie-app .banner-text h2 {

        font: 30px/40px mulilight, sans-serif

    }

    .moblie-app .our-services-sec {

        background: #fff

    }

    .moblie-app .our-services-sec .yel-button,

    .moblie-app .services-box .headarea h2 {

        margin: 20px 0 0

    }

    .moblie-app .devlopment-services {

        background: #49abbe;

        padding: 40px 0 120px

    }

    .moblie-app .serv-bg {

        background: #f3f9fb

    }

    .moblie-app .advantages-sec {

        background: #fff

    }

    .moblie-app .client-focus {

        background: #49abbe

    }

    .moblie-app .development-process {

        background: #f2f7fb;

        padding: 40px 0 20px

    }

    .moblie-app .development-process .client-box p {

        font: 16px/24px Poppins

    }

    .moblie-app .whyhire-sec {

        background: #49abbe !important;

        padding: 40px 0

    }

    .moblie-app .services-area {

        padding: 30px

    }

    .moblie-app .services-area .text h3 {

        font: 20px/35px mulisemibold, sans-serif

    }

    .moblie-app .services-area .text p {

        font: 16px/24px Poppins

    }

    .moblie-app .services-area .text li {

        font: 15px/28px Poppins

    }

    .moblie-app .services-area .text {

        margin: 0 0 50px;

        display: block

    }

    .moblie-app .technology-sec li {

        width: 48%

    }

    .moblie-app .aservice-boxes p {

        font: 16px/24px Poppins

    }

    .moblie-app .client-focus .yel-button {

        margin: 20px 0 0

    }

    .moblie-app .technology-sec {

        padding: 40px 0 30px

    }

    .moblie-app .whyhire-sec .experience-area {

        padding: 40px 0 0

    }

    .cross-app .banner-sec {

        background: #4d8fe1;

        background: -moz-linear-gradient(top, #4d8fe1 0, #4d8fe1 24%, #3a7dda 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #4d8fe1), color-stop(24%, #4d8fe1), color-stop(100%, #3a7dda));

        background: -webkit-linear-gradient(top, #4d8fe1 0, #4d8fe1 24%, #3a7dda 100%);

        background: -o-linear-gradient(top, #4d8fe1 0, #4d8fe1 24%, #3a7dda 100%);

        background: -ms-linear-gradient(top, #4d8fe1 0, #4d8fe1 24%, #3a7dda 100%);

        background: linear-gradient(to bottom, #4d8fe1 0, #4d8fe1 24%, #3a7dda 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d8fe1', endColorstr='#3a7dda', GradientType=0)

    }

    .cross-app .client-focus,

    .cross-app .devlopment-services,

    .cross-app .whyhire-sec {

        background: #41588a

    }

    .testimonials-page .banner-sec {

        background: #26849e;

        background: -moz-linear-gradient(top, #26849e 0, #02627c 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #26849e), color-stop(100%, #02627c));

        background: -webkit-linear-gradient(top, #26849e 0, #02627c 100%);

        background: -o-linear-gradient(top, #26849e 0, #02627c 100%);

        background: -ms-linear-gradient(top, #26849e 0, #02627c 100%);

        background: linear-gradient(to bottom, #26849e 0, #02627c 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26849e', endColorstr='#02627c', GradientType=0)

    }

    .testimonials-page .testimonial-box {

        padding: 0

    }

    .testimonials-page .head-sec h1 {

        font: 30px/40px mulisemibold, sans-serif

    }

    .testimonials-page .head-sec h2 {

        font: 16px/25px Poppins

    }

    .testimonials-page .slide-area {

        padding: 40px 10px 30px;

        margin: 20% auto 30px;

        background: #fff

    }

    .testimonials-page .dpimg-box {

        width: 35%;

        float: none;

        margin: 0 auto

    }

    .testimonials-page .textbox {

        width: 95%;

        top: inherit;

        right: inherit;

        margin: 0 auto;

        text-align: center;

        padding: 15px;

        border-left: none;

        border-bottom: 5px solid #0e6284

    }

    .testimonials-page .textbox::before {

        top: 0;

        font-size: 60px;

        position: inherit;

        left: 0;

        right: 0

    }

    .aboutnew-page .clientlist .slick-prev,

    .become-partner .clientlist .slick-prev,

    .testimonials-page .clientlist .slick-prev {

        left: -15px

    }

    .aboutnew-page .clientlist .slick-next,

    .testimonials-page .clientlist .slick-next {

        right: -15px

    }

    .testimonials-page .textbox h3 {

        font: 16px/24px Poppins

    }

    .testimonials-page .textbox small {

        font: 12px/18px Poppins

    }

    .testimonials-page .textbox p {

        font: 15px/25px Poppins

    }

    .testimonials-page .clientlist .slick-next::before,

    .testimonials-page .clientlist .slick-prev::before {

        font-size: 40px

    }

    .testimonials-page .awd-partners {

        background: #5d6376;

        padding: 40px 0

    }

    .aboutnew-page .banner-sec {

        background: #ffd67f;

        background: -moz-linear-gradient(top, #ffd67f 0, #fcac00 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #ffd67f), color-stop(100%, #fcac00));

        background: -webkit-linear-gradient(top, #ffd67f 0, #fcac00 100%);

        background: -o-linear-gradient(top, #ffd67f 0, #fcac00 100%);

        background: -ms-linear-gradient(top, #ffd67f 0, #fcac00 100%);

        background: linear-gradient(to bottom, #ffd67f 0, #fcac00 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd67f', endColorstr='#fcac00', GradientType=0)

    }

    .aboutnew-page .our-services-sec {

        padding: 40px 0

    }

    .aboutnew-page .banner-text {

        padding: 8em 0 0;

        text-align: center

    }

    .aboutnew-page .service-boxes li {

        width: 100%

    }

    .aboutnew-page .banner-text ul {

        display: block;

        text-align: center

    }

    .aboutnew-page .banner-text li {

        width: 45%;

        float: none;

        display: inline-block;

        margin: 0 14px 15px 0

    }

    .aboutnew-page .banner-text p {

        margin: 0 0 30px

    }

    .aboutnew-page .vision-box {

        min-height: inherit;

        margin: 0 0 30px;

        padding: 20px 30px

    }

    .aboutnew-page .vision-box h2 {

        font: 28px/40px mulisemibold, sans-serif;

        margin: 0 0 10px

    }

    .aboutnew-page .our-mission {

        border-bottom: 1px solid #e6e6e6;

        padding: 40px 0

    }

    .aboutnew-page .our-infra {

        padding: 40px 0;

        background: #e2f0fd

    }

    .aboutnew-page .infralist li {

        min-height: 194px

    }

    .aboutnew-page .infralist p {

        font: 12px/18px Poppins

    }

    .aboutnew-page .our-infra .infra-text h2 {

        font: 28px/40px mulisemibold, sans-serif

    }

    .aboutnew-page .clientlist .slick-next::before,

    .aboutnew-page .clientlist .slick-prev::before {

        font-size: 40px

    }

    .aboutnew-page .awd-partners {

        background: #5d6376;

        padding: 40px 0

    }

    .aboutnew-page .behind-scenes img {

        height: 320px;

        object-fit: cover

    }

    .aboutnew-page .right-place {

        padding: 40px 0

    }

    .faq-page .banner-sec {

        background: #38a5e4;

        background: -moz-linear-gradient(top, #38a5e4 0, #4638c6 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #38a5e4), color-stop(100%, #4638c6));

        background: -webkit-linear-gradient(top, #38a5e4 0, #4638c6 100%);

        background: -o-linear-gradient(top, #38a5e4 0, #4638c6 100%);

        background: -ms-linear-gradient(top, #38a5e4 0, #4638c6 100%);

        background: linear-gradient(to bottom, #38a5e4 0, #4638c6 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38a5e4', endColorstr='#4638c6', GradientType=0)

    }

    .faq-page .banner-text {

        padding: 8em 0 4em

    }

    .faq-page .banner-text h1 {

        font: 30px/40px mulisemibold, sans-serif

    }

    .faq-page .banner-text p {

        font: 18px/24px Poppins

    }

    .faq-page .faqlist-area {

        padding: 20px 0 40px

    }

    .faq-page .faq-list h3 {

        font: 16px/25px Poppins

    }

    .faq-page .faq-list h3::after {

        right: 10px;

        font-size: 16px

    }

    .faq-page .faq-list p {

        font: 14px/22px Poppins;

        padding: 0 20px 35px

    }

    .inmedia-page .banner-sec {

        padding: 6em 0 0

    }

    .inmedia-page .banner-text h1 {

        font: 50px/60px mulisemibold, sans-serif

    }

    .inmedia-page .banner-text h2 {

        font: 24px/30px mulilight, sans-serif

    }

    .hirepage .getin-touch {

        padding: 40px 0;

        background: #f6f6f6

    }

    .hirepage .banner-text h1 {

        font: 34px/36px mulisemibold, sans-serif

    }

    .hirepage .banner-text h2 {

        font: 30px/40px mulilight, sans-serif !important

    }

    .hirepage .banner-text p {

        margin: 0 0 15px

    }

    .hirepage .banner-text p:last-child {

        margin: 0 0 60px

    }

    .hirepage .our-services {

        padding: 40px 0

    }

    .hirepage .technologies-tabs h3 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .hirepage .technologies-tabs ul li {

        width: 46%

    }

    .careers-page .banner-sec {

        background: #372b29

    }

    .careers-page .banner-text {

        padding: 8em 0 5em

    }

    .careers-page .banner-text h1 {

        font: 50px/65px mulisemibold, sans-serif

    }

    .careers-page .banner-text h2 {

        font: 18px/26px mulilight, sans-serif

    }

    .careers-page .career-sec {

        background: #f3f3fa;

        padding: 40px 0

    }

    .careers-page .ourteam-bg {

        background: #404040;

        text-align: center

    }

    .careers-page .crbox {

        min-height: inherit;

        margin: 0 0 30px

    }

    .careers-page .dream-team {

        text-align: center;

        padding: 40px 0 0

    }

    .careers-page .dream-team h2 {

        text-align: center

    }

    .careers-page .ourteam-bg .text {

        margin: 10% 0 0

    }

    .careers-page .work-together {

        padding: 40px 0

    }

    .careers-page .work-together h2 {

        font: 30px/45px mulisemibold, sans-serif

    }

    .careers-page .work-together p {

        font: 16px/28px Poppins;

        padding: 0

    }

    .gdpr-page .banner-text {

        padding: 5em 0 3em

    }

    .gdpr-page .banner-text h1 {

        font: 30px/40px mulibold, sans-serif

    }

    .gdpr-page .career-sec .text h2,

    .gdpr-page .ourteam-bg .text h2 {

        font: 28px/36px mulibold, sans-serif

    }

    .gdpr-page .career-sec .text {

        text-align: center

    }

    .gdpr-page .ourteam-bg {

        padding: 0

    }

    .gdpr-page .ourteam-bg .text {

        margin: 0

    }

    .gdpr-page .approachsec {

        padding: 0 15px

    }

    .dedicated-development .banner-sec {

        background: #375b6d;

        background: -moz-linear-gradient(top, #375b6d 0, #1a2932 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #375b6d), color-stop(100%, #1a2932));

        background: -webkit-linear-gradient(top, #375b6d 0, #1a2932 100%);

        background: -o-linear-gradient(top, #375b6d 0, #1a2932 100%);

        background: -ms-linear-gradient(top, #375b6d 0, #1a2932 100%);

        background: linear-gradient(to bottom, #375b6d 0, #1a2932 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#375b6d', endColorstr='#1a2932', GradientType=0)

    }

    .dedicated-development .banner-text h1 {

        font: 35px/35px mulisemibold, sans-serif

    }

    .dedicated-development .banner-text h2 {

        font: 25px/40px mulilight, sans-serif !important

    }

    .dedicated-development .dedicated-bg {

        background: 0 0;

        padding: 0

    }

    .dedicated-development .local-team {

        width: 100%;

        margin: 0 0 20px

    }

    .dedicated-development .left-inde {

        display: none

    }

    .dedicated-development .yousec {

        width: 100%;

        display: block;

        margin: 0 0 40px

    }

    .dedicated-development .software-team {

        width: 100%;

        margin: 0

    }

    .dedicated-development .serv-box li {

        width: 100%;

        min-height: inherit

    }

    .dedicated-development .development-process {

        padding: 40px 0 0

    }

    .dedicated-development .development-process .client-box li,

    .dedicated-development .development-process .client-box p {

        font: 15px/24px Poppins

    }

    .digital-page .banner-sec {

        background: #0423a2;

        background: -moz-linear-gradient(45deg, #0423a2 0, #0423a2 19%, #0140d5 63%, #0140d5 100%);

        background: -webkit-gradient(left bottom, right top, color-stop(0, #0423a2), color-stop(19%, #0423a2), color-stop(63%, #0140d5), color-stop(100%, #0140d5));

        background: -webkit-linear-gradient(45deg, #0423a2 0, #0423a2 19%, #0140d5 63%, #0140d5 100%);

        background: -o-linear-gradient(45deg, #0423a2 0, #0423a2 19%, #0140d5 63%, #0140d5 100%);

        background: -ms-linear-gradient(45deg, #0423a2 0, #0423a2 19%, #0140d5 63%, #0140d5 100%);

        background: linear-gradient(45deg, #0423a2 0, #0423a2 19%, #0140d5 63%, #0140d5 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0423a2', endColorstr='#0140d5', GradientType=1)

    }

    .digital-page .development-process .client-box {

        width: 100%

    }

    .digital-page .development-process .borbox {

        border-top: 1px solid #eee;

        border-bottom: 1px solid #eee;

        border-right: none;

        border-left: none

    }

    .digital-page .key-benefite-sec {

        background: #fff

    }

    .digital-page .technology-sec {

        padding: 40px 0 30px

    }

    .digital-page .technology-sec li {

        width: 48%

    }

    .digital-page .whyhire-sec {

        background: #1f1784 !important

    }

    .blockchain-development .banner-text {

        padding: 20% 0 20px

    }

    .blockchain-development .banner-text h1 {

        font: 34px/35px mulisemibold, sans-serif

    }

    .blockchain-development .banner-text h2 {

        font: 38px/45px Poppins

    }

    .blockchain-development .services-area {

        padding: 30px

    }

    .blockchain-development .services-area .text h3 {

        font: 20px/35px mulisemibold, sans-serif

    }

    .blockchain-development .services-area .text p {

        font: 16px/24px Poppins

    }

    .blockchain-development .services-area .text li {

        font: 15px/28px Poppins

    }

    .blockchain-development .services-area .imgbox {

        display: none

    }

    .blockchain-development .services-area .text {

        margin: 0 0 50px;

        display: block

    }

    .arvr-page .our-services-area .services-box,

    .iot-development .our-services-area .services-box {

        margin: 0 0 25px

    }

    .arvr-page .models-box .headarea span,

    .become-partner .banner-text h1:after,

    .become-partner .banner-text h1:before,

    .our-team-page .botton-sec,

    .our-team-page .team-section,

    .rating-section {

        display: none

    }

    .blockchain-development .Layer-tabs li,

    .blockchain-development .blockchain-tabs li,

    .blockchain-development .network-tabs li,

    .blockchain-development .protocol-tabs li,

    .blockchain-development .service-tabs li,

    .blockchain-development .tabing-sec li {

        width: 47%

    }

    .approach-page .banner-sec {

        background: #086a77;

        background: -moz-linear-gradient(top, #086a77 0, #02a390 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #086a77), color-stop(100%, #02a390));

        background: -webkit-linear-gradient(top, #086a77 0, #02a390 100%);

        background: -o-linear-gradient(top, #086a77 0, #02a390 100%);

        background: -ms-linear-gradient(top, #086a77 0, #02a390 100%);

        background: linear-gradient(to bottom, #086a77 0, #02a390 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#086a77', endColorstr='#02a390', GradientType=0)

    }

    .our-team-page .banner-sec {

        background: #0e202a;

        background: -moz-linear-gradient(top, #0e202a 0, #22343e 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #0e202a), color-stop(100%, #22343e));

        background: -webkit-linear-gradient(top, #0e202a 0, #22343e 100%);

        background: -o-linear-gradient(top, #0e202a 0, #22343e 100%);

        background: -ms-linear-gradient(top, #0e202a 0, #22343e 100%);

        background: linear-gradient(to bottom, #0e202a 0, #22343e 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e202a', endColorstr='#22343e', GradientType=0)

    }

    .our-team-page .banner-text h1 {

        font: 50px/30px mulisemibold, sans-serif

    }

    .our-team-page .banner-text p {

        font: 16px/24px mulilight, sans-serif

    }

    .our-team-page .dedicated-team ul {

        text-align: center

    }

    .our-team-page .dedicated-team li {

        width: 80%

    }

    .staff-augmentation .banner-sec {

        background: #406577;

        background: -moz-linear-gradient(top, #406577 0, #406577 49%, #213d4b 100%);

        background: -webkit-gradient(left top, left bottom, color-stop(0, #406577), color-stop(49%, #406577), color-stop(100%, #213d4b));

        background: -webkit-linear-gradient(top, #406577 0, #406577 49%, #213d4b 100%);

        background: -o-linear-gradient(top, #406577 0, #406577 49%, #213d4b 100%);

        background: -ms-linear-gradient(top, #406577 0, #406577 49%, #213d4b 100%);

        background: linear-gradient(to bottom, #406577 0, #406577 49%, #213d4b 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#406577', endColorstr='#213d4b', GradientType=0)

    }

    .staff-augmentation .devlopment-services {

        background: #406577

    }

    .staff-augmentation .whyhire-sec {

        background: #406577 !important

    }

    .staff-augmentation .hiring-models {

        background: 0 0

    }

    .why-india .technical-sec {

        background: 0 0;

        padding: 40px 0

    }

    .why-india .tabing-sec li {

        width: 30%

    }

    .become-partner .banner-text h1 {

        padding: 0;

        font: 40px/70px mulisemibold, sans-serif;

        border: none

    }

    .become-partner .our-services-sec {

        background: #e7f4fa

    }

    .become-partner .partnership-models {

        background: #2042a4;

        padding: 40px 0

    }

    .become-partner .modelsbox {

        padding: 0 0 30px

    }

    .become-partner .clientlist .slick-next {

        right: -15px

    }

    .become-partner .clientlist .slick-next::before,

    .become-partner .clientlist .slick-prev::before {

        font-size: 40px

    }

    .c-p-page .banner-text h1 {

        font: 40px/50px mulisemibold, sans-serif

    }

    .arvr-page .our-services-area .services-box h2,

    .devops-development .our-services-area .services-box h2,

    .iot-development .our-services-area .services-box h2 {

        font: 20px/30px mulisemibold, sans-serif

    }

    .arvr-page .banner-sec .banner-text {

        padding: 28% 0 10%

    }

    .arvr-page .our-services-area {

        padding: 40px 0 20px

    }

    .arvr-page .our-services-area .services-box .text {

        padding: 20px

    }

    .arvr-page .devlopment-services {

        padding: 40px 0 80px

    }

    .iot-development .banner-sec .banner-text {

        padding: 30% 0 12%

    }

    .iot-development .our-services-area {

        padding: 40px 0 20px

    }

    .iot-development .our-services-area .services-box .text {

        padding: 20px

    }

    .iot-development .resp-tab-content {

        padding: 20px 0

    }

    .iot-development .our-services li {

        width: 90% !important;

        margin: 0 auto 10px;

        display: block

    }

    .iot-development .models-box .headarea span {

        display: none

    }

    .devops-development .banner-sec .banner-text {

        padding: 22% 0 0

    }

    .devops-development .our-services-area {

        padding: 40px 0 20px

    }

    .devops-development .our-services-area .services-box {

        margin: 0 0 25px

    }

    .devops-development .our-services-area .services-box .text {

        padding: 20px

    }

    .devops-development .resp-tab-content {

        padding: 20px 0

    }

    .devops-development .our-services li {

        width: 90% !important;

        margin: 0 auto 10px;

        display: block

    }

    .devops-development .models-box .headarea span {

        display: none

    }

    .devops-development .ourappoach {

        padding: 40px 0

    }

    .devops-development .ourappoach .textbox {

        min-height: inherit;

        padding: 30px

    }

    .devops-development .ourappoach .textbox span {

        right: inherit

    }

    .devops-development .ourappoach .textbox h3 {

        font: 18px/25px mulisemibold, sans-serif

    }

    .devops-page .our-services li {

        width: 90% !important;

        margin: 0 auto 10px;

        display: block

    }

    .choosefrom .dotsborder,

    .new-services-style .certificate-sec,

    .new-services-style .whyhire-sec .whylist ul li:before,

    .whyhiresec .whylist ul li:before {

        display: none

    }

    .cryptocurrency-page .models-box .headarea h2 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .sermain-page .banner-sec .banner-text {

        padding: 18% 0 7% !important

    }

    .sermain-page .banner-sec .banner-text h1 {

        font: 30px/35px mulisemibold, sans-serif

    }

    .sermain-page .main-services ul li {

        flex: 0 0 48%;

        margin: 0 0 15px

    }

    .sermain-page .main-services ul p {

        padding: 20px

    }

    .new-services-style .banner-sec {

        background: #14171d

    }

    .new-services-style .banner-text {

        padding: 8em 0 2em

    }

    .new-services-style .banner-text h1 {

        font: 46px/56px mulibold, sans-serif !important;

        letter-spacing: inherit !important;

        margin: 0

    }

    .new-services-style .banner-text h1 span {

        font: 36px/36px Poppins !important

    }

    .new-services-style .banner-text p {

        padding: 0 0 40px;

        font: 16px/24px mulilight, sans-serif

    }

    .new-services-style .banner-text .font-s62 {

        font: 38px/36px mulibold, sans-serif !important

    }

    .new-services-style .banner-text .font-s62 span {

        font: 28px/28px Poppins

    }

    .new-services-style .banner-text .font-s60 {

        font: 34px/36px mulibold, sans-serif !important

    }

    .new-services-style .banner-text .font-s60 span {

        font: 26px/26px Poppins !important

    }

    .new-services-style .technology-sec {

        padding: 40px 0;

        border-top: 1px solid #e8e8e8

    }

    .new-services-style .technology-sec li {

        width: 45%;

        margin: 10px

    }

    .new-services-style .whyhire-sec .whylist,

    .whyhiresec .whylist {

        width: 100%

    }

    .new-services-style .advantages-sec ul li {

        flex: 0 0 100%;

        margin: 15px 0

    }

    .new-services-style .client-focus,

    .new-services-style .devlopment-services {

        background: #151b20

    }

    .new-services-style .whyhire-sec {

        background: #151a1f !important

    }

    .new-services-style .whyhire-sec .whylist ul {

        justify-content: center;

        border: none

    }

    .new-services-style .whyhire-sec .whylist ul li {

        padding: 5px 0;

        flex: 0 0 100%;

        border-bottom: 1px dashed #fff;

        justify-content: center

    }

    .new-services-style .whyhire-sec .whylist ul li:last-child {

        border: none

    }

    .new-services-style .our-services-sec .service-boxes li {

        width: 100%;

        margin: 15px 0

    }

    .choosefrom .textbox ul {

        flex-wrap: wrap;

        border: none

    }

    .choosefrom .textbox ul li,

    .choosefrom .textbox ul li:first-child {

        border-bottom: 1px solid #ececec

    }

    .choosefrom .textbox ul li {

        border-left: none;

        flex: 0 0 100%;

        padding: 10px

    }

    .choosefrom .pointerbox {

        margin: 0 0 30px

    }

    .whyhiresec {

        background: #232242 !important

    }

    .whyhiresec .whylist ul {

        justify-content: center;

        border: none

    }

    .whyhiresec .whylist ul li {

        padding: 5px 0;

        flex: 0 0 100%;

        border-bottom: 1px dashed #fff;

        justify-content: center

    }

    .whyhiresec .whylist ul li:last-child {

        border: none

    }

    .whyhiresec .whypointers ul li {

        flex: 0 0 90%

    }

    .brinjal-from {

        background: #232242

    }

}



@media (max-width:640px) {

    .hirepage .banner-text h1 {

        font: 30px/35px mulisemibold, sans-serif

    }

    .hirepage .banner-text h2 {

        font: 24px/40px mulisemibold, sans-serif !important

    }

    .disclaimer-page .banner-text {

        padding: 25% 0 10%

    }

    .our-team-page .banner-text h1 {

        font: 40px/25px mulisemibold, sans-serif

    }

    .blockchain-development .banner-text {

        padding: 20% 0 20px

    }

}



@media (max-width:575px) {

    .inmedia-page .mediasec {

        padding: 40px 0 50px

    }

    .inmedia-page .mediasec h4 {

        font: 18px/30px Poppins;

        margin: 40px 0

    }

    .inmedia-page .media-box {

        width: 295px;

        height: 345px;

        margin: 0 auto

    }

    .faq-page .faq-list h3 {

        padding: 20px

    }

    .faq-page .yel-button {

        font: 14px/18px Poppins

    }

    .wocommerce-page .models-box .headarea h2 {

        font: 15px/25px Poppins

    }

    .contact-page .banner-text {

        padding: 5em 0 .3em !important;

        width: 100%;

        text-align: center;

        display: block

    }

    .contact-page .contfrom input,

    .contact-page .contfrom select {

        margin: 0 0 5px

    }

    .contact-page .contfrom textarea {

        height: 60px

    }

    .contact-page .contfrom button {

        margin: 20px auto 0;

        display: block

    }

    .contact-page .banner-text h2 {

        display: none

    }

    .contact-page .contentarea {

        margin: 0

    }

    .careers-page .award-sec {

        padding: 20px

    }

    .careers-page .award-sec .icon {

        width: 50px;

        height: 50px

    }

    .careers-page .award-sec h3 {

        font: 16px/25px mulisemibold, sans-serif

    }

    .careers-page .award-sec li {

        padding: 10px

    }

    .careers-page .award-sec p {

        font: 14px/25px mulilight, sans-serif

    }

    .careers-page .work-together h2 {

        font: 24px/30px mulisemibold, sans-serif

    }

    .multichain-page .banner-text h1 {

        font: 40px/45px mulisemibold, sans-serif

    }

    .c-p-page .banner-text h1 {

        font: 35px/40px mulisemibold, sans-serif

    }

}



@media (max-width:479px) {

    .blockchain-development .services-area,

    .moblie-app .services-area {

        top: 0

    }

	

	.styke	{

			font: 22px/40px Poppins !important;

			padding-left: 0; text-align:left;

	}

    .digital-page .technology-sec ul,

    .moblie-app .technology-sec ul,

    .why-india .tabing-sec ul {

        text-align: center

    }

    .getin-touch .contact-form .heading-sec p,

    .models-box2 .headarea i,

    .new-services-style .our-services-sec .services-box .headarea i,

    .staff-augmentation .models-box .headarea span {

        display: none

    }

    .banner-form p {

        font: 12px/24px Poppins

    }

    .heading-sec h2 {

        font: 20px/30px mulisemibold, sans-serif

    }

    .heading-sec p {

        font: 15px/24px Poppins

    }

    .arrow_box .drop {

        font-size: 7px

    }

    .arrow_box a::after {

        margin-left: 5px

    }

    .arrow_box a {

        margin: 0 5px 0 0

    }

    .banner-form h3 {

        font: 20px/28px mulisemibold, sans-serif

    }

    .experience-area li {

        width: 100%;

        text-align: center

    }

    .experience-area li:last-child {

        margin: 0

    }

    .hire-newpage .relared-sec li {

        width: 100%

    }

    .hire-newpage .banner-text {

        padding: 4em 0 1em

    }

    .hire-newpage .banner-text h1 {

        font: 26px/30px mulibold, sans-serif

    }

    .hire-newpage .banner-text h1 span {

        font: 20px/26px mulilight, sans-serif

    }

    .hire-newpage .banner-text h2 {

        font: 300 26px/26px mulilight, sans-serif !important

    }

    .hire-newpage .fs-70 {

        font: 35px/45px mulisemibold, sans-serif !important

    }

    .hire-newpage .fs-50,

    .hire-newpage .fs-60 {

        font: 30px/45px mulibold, sans-serif !important

    }

    .hire-newpage .process-area h3 {

        font: 14px/24px mulisemibold, sans-serif

    }

    .disclaimer-page .banner-text {

        padding: 30% 0 10%

    }

    .disclaimer-page .banner-text h1 {

        font: 30px/50px mulisemibold, sans-serif

    }

    .multichain-page .banner-text h1 {

        font: 30x/45px mulisemibold, sans-serif

    }

    .getin-touch .contact-form .upload-sec ul {

        width: 98%

    }

    .getin-touch .contact-form .upload-sec li a::after {

        right: -3px;

        font-size: 8px

    }

    .getin-touch .contact-form .upload-sec li a {

        font: 11px/18px Poppins

    }

    .getin-touch .contact-form .upload-sec li:last-child {

        padding: 2px 5px;

        font: 10px/18px mulilight, sans-serif

    }

    .why-box {

        width: 100%

    }

    .models-box .headarea {

        padding: 20px

    }

    .models-box .headarea h2 {

        font: 16px/25px mulisemibold, sans-serif;

        margin: 0

    }

    .models-box .headarea .icon {

        width: 50px;

        height: 50px;

        margin: 0 10px 0 0

    }

    .models-box .text p {

        font: 16px/24px Poppins;

        margin: 0 0 20px

    }

    .models-box .text li {

        font: 15px/24px Poppins;

        margin: 0 0 10px

    }

    .models-box2 .headarea {

        padding: 0 20px 10px

    }

    .models-box2 .headarea h2 {

        font: 18px/26px mulisemibold, sans-serif

    }

    .contact-page .banner-text {

        padding: 5em 0 0 !important

    }

    .contact-page .contfrom .text-area .upload-sec ul {

        width: 85%

    }

    .contact-page .contfrom .text-area .upload-sec li a {

        padding: 5px

    }

    .contact-page .contfrom .text-area .upload-sec li:last-child {

        font: 11px/18px Poppins;

        margin: 3px 0 3px 5px;

        padding: 2px 5px

    }

    .contact-page .contdetail .wid50 {

        width: 100%;

        margin: 0 0 10px

    }

    .service-newpage .banner-text {

        padding: 7em 0 3em

    }

    .service-newpage .banner-text h1 {

        font: 30px/30px mulisemibold, sans-serif !important

    }

    .service-newpage .banner-sec .imgbox {

        width: 50%

    }

    .service-newpage .services-box .headarea h2 {

        font: 15px/60px mulisemibold, sans-serif;

        margin: 0

    }

    .service-newpage .services-box .headarea .icon {

        width: 50px;

        height: 50px;

        margin: 0 10px 0 0

    }

    .service-newpage .services-box .text p {

        font: 14px/24px mulilight, sans-serif;

        margin: 0 0 20px

    }

    .service-newpage .services-box .text li {

        font: 14px/24px Poppins;

        margin: 0 0 10px

    }

    .moblie-app .banner-text h2 {

        font: 25px/25px mulilight, sans-serif

    }

    .moblie-app .technology-sec li {

        width: 80%;

        height: 240px;

        margin: 5px

    }

    .moblie-app .devlopment-services {

        padding: 40px 0 20px

    }

    .testimonials-page .slide-area {

        margin: 30% auto 30px

    }

    .testimonials-page .contbox {

        min-height: inherit;

        padding: 20px

    }

    .testimonials-page .contbox::before {

        font-size: 50px;

        top: 0

    }

    .aboutnew-page .banner-text li {

        width: 100%;

        margin: 0 0 15px

    }

    .aboutnew-page .infralist li {

        width: 100%;

        min-height: inherit;

        border: none;

        border-bottom: 1px solid #dfdfdf

    }

    .aboutnew-page .infralist p {

        font: 14px/20px Poppins

    }

    .aboutnew-page .our-infra .infra-text p {

        font: 16px/24px Poppins

    }

    .aboutnew-page .behind-scenes img {

        height: 430px;

        object-fit: cover

    }

    .thanks-page .thanks-sec {

        padding: 105px 0 90px

    }

    .thanks-page .thanks-box h1 {

        font: 40px/50px mulibold, sans-serif

    }

    .thanks-page .thanks-box p {

        margin: 0 0 20px

    }

    .error-page .pagenot-box {

        padding: 20px

    }

    .hire_ethereum_page .models-box .headarea h2 {

        font: 14px/25px mulisemibold, sans-serif !important

    }

    .hirepage .banner-text {

        padding: 4em 0 1em !important

    }

    .hirepage .banner-text h1 {

        font: 26px/30px mulisemibold, sans-serif;

        padding: 0 0 10px

    }

    .hirepage .banner-text h2 {

        font: 22px/30px mulilight, sans-serif !important

    }

    .hirepage .technologies-tabs ul li {

        width: 100%

    }

    .hirepage .getin-touch {

        padding: 0

    }

    .iot-development .banner-sec .banner-text {

        padding: 22% 0 0

    }

    .fullstack-page .banner-text h1 {

        font: 24px/35px mulibold, sans-serif

    }

    .fullstack-page .banner-text h2 {

        font: 18px/30px mulilight, sans-serif !important

    }

    .dedicated-development .banner-text h1 {

        font: 25px/30px mulisemibold, sans-serif

    }

    .dedicated-development .banner-text h2 {

        font: 22px/25px mulisemibold, sans-serif !important

    }

    .dedicated-development .serv-box ul li {

        width: 92%

    }

    .digital-page .technology-sec li {

        height: 240px;

        margin: 0 auto;

        float: none;

        width: 80%

    }

    .blockchain-development .Layer-tabs li,

    .blockchain-development .blockchain-tabs li,

    .blockchain-development .network-tabs li,

    .blockchain-development .protocol-tabs li,

    .blockchain-development .service-tabs li,

    .blockchain-development .tabing-sec li,

    .our-team-page .dedicated-team li {

        width: 100%

    }

    .our-team-page .dedicated-team .text,

    .our-team-page .dedicated-team li:hover .text {

        padding: 15px

    }

    .our-team-page .dedicated-team .text h3 {

        font: 20px/25px mulisemibold, sans-serif

    }

    .our-team-page .dedicated-team .text h4 {

        font: 13px/20px Poppins;

        margin: 0 0 10px

    }

    .our-team-page .dedicated-team .text p {

        font: 14px/24px Poppins

    }

    .blockchain-development h2.resp-accordion {

        font-size: 13px;

        line-height: 20px

    }

    .blockchain-development .devlopment-services {

        padding: 40px 0

    }

    .application-development .icon_bx {

        width: 70px !important

    }

    .staff-augmentation .banner-text p {

        margin: 10px 0 20px

    }

    .why-india .tabing-sec li {

        width: 70%;

        margin: 5px 0

    }

    .become-partner .banner-text h1 {

        font: 30px/50px mulisemibold, sans-serif

    }

    .c-p-page .banner-text h1 {

        font: 28px/40px mulisemibold, sans-serif

    }

    .sermain-page .banner-sec .banner-text {

        padding: 22% 0 2% !important

    }

    .sermain-page .banner-sec .banner-text h1 {

        font: 22px/28px mulisemibold, sans-serif

    }

    .sermain-page .banner-sec .banner-text p {

        padding: 0

    }

    .sermain-page .main-services ul li {

        flex: 0 0 100%;

        margin: 0 0 30px

    }

    .new-services-style .banner-text {

        padding: 4.5em 0 1em

    }

    .new-services-style .banner-text h1 {

        font: 24px/28px mulibold, sans-serif !important;

        margin: 0

    }

    .new-services-style .banner-text h1 span {

        font: 20px/26px mulisemibold, sans-serif !important

    }

    .new-services-style .banner-text .font-s62 {

        font: 24px/28px mulibold, sans-serif !important;

        margin: 0

    }

    .new-services-style .banner-text .font-s62 span {

        font: 20px/20px Poppins !important

    }

    .new-services-style .banner-text .font-s60 {

        font: 24px/28px mulibold, sans-serif !important;

        margin: 0

    }

    .new-services-style .banner-text .font-s60 span {

        font: 18px/18px Poppins !important

    }

    .new-services-style .our-services-sec .services-box .headarea {

        padding: 10px 27px

    }

    .new-services-style .our-services-sec .services-box .headarea h2 {

        font: 20px/36px mulibold, sans-serif

    }

    .new-services-style .technology-sec li {

        width: 90%;

        height: 166px;

        margin: 10px 0

    }

    .new-services-style .client-focus .client-box h3 {

        padding: 10px 15px

    }

    .new-services-style .whyhire-sec .whybox {

        padding: 10px

    }

    .new-services-style .whyhire-sec .whylist {

        margin: 0 auto 20px

    }

}



@media (max-width:360px) {

    .inmedia-page .media-box {

        width: 100%;

        height: 310px;

        margin: 0 auto 40px

    }

    .inmedia-page .shadow-box {

        top: 15px;

        left: 10px

    }

    .service-newpage .banner-text h1 {

        font: 25px/30px mulisemibold, sans-serif !important

    }

    .service-newpage .banner-text h2 {

        font: 20px/20px mulilight, sans-serif !important

    }

    .new-services-style .banner-text h1 {

        font: 26px/30px mulibold, sans-serif !important

    }

    .new-services-style .banner-text h1 span {

        font: 20px/20px Poppins !important

    }

    .new-services-style .banner-text .font-s62 {

        font: 26px/30px mulibold, sans-serif !important

    }

    .new-services-style .banner-text .font-s62 span {

        font: 20px/28px Poppins

    }

}



.user_budget_err,

.user_name_err {

    background: #ffeaea !important;

    border: 1px solid #fabfbf !important;

    color: red !important

}



.user_name_valid {

    background: #e1ffb1 !important;

    border: 1px solid #b5e07d !important;

    color: #00a810 !important

}



#uploadedfilelist {

    height: 40px;

    overflow: auto

}



#uploadedfilelist canvas,

#uploadedfilelist li input {

    display: none

}



#uploadedfilelist li {

    border-left: 1px solid #ccc;

    display: inline-block;

    vertical-align: top;

    margin: 0 0 15px 15px;

    padding: 5px 8px;

    background: #dfdfdf

}



#uploadedfilelist li:first-child {

    border-left: none

}



#uploadedfilelist li p {

    display: inline-block;

    font-size: 12px;

    color: #444

}



#uploadedfilelist li span {

    display: inline-block;

    margin: 0 0 0 10px

}



.Url-box {

    clear: both;

    overflow: hidden;

    width: 100%;

    display: block

}



.Url-box .link_url {

    width: 90% !important;

    margin: 0 !important;

    float: left;

    border: 1px solid #e4e4e3 !important

}



.Url-box .okButton {

    width: 10%;

    float: left

}



.Url-box .okButton a {

    padding: 13px 18px;

    color: #fff;

    font-size: 16px;

    background: #000;

    text-transform: capitalize;

    line-height: 35px

}



.urlBox-inner {

    margin: 0 0 0 15px;

    display: block

}



@media (max-width:767px) {

    .Url-box .okButton a {

        padding: 10px;

        font-size: 14px

    }

    .Url-box .link_url {

        width: 80% !important;

        padding: 0 20px !important

    }

    .urlBox-inner {

        margin: 0

    }

}





/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 15, 2018 */



@font-face {

    font-family: muliregular;

    src: url(../../fonts-2/muli-webfont.woff2) format('woff2'), url(../../fonts-2/muli-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: mulibold;

    src: url(../../fonts-2/muli-bold-webfont.woff2) format('woff2'), url(../../fonts-2/muli-bold-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: mulilight;

    src: url(../../fonts-2/muli-light-webfont.woff2) format('woff2'), url(../../fonts-2/muli-light-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: mulisemibold;

    src: url(../../fonts-2/muli-semibold-webfont.woff2) format('woff2'), url(../../fonts-2/muli-semibold-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: robotoregular;

    src: url(../../fonts-2/roboto-regular.woff2) format('woff2'), url(../../fonts-2/roboto-regular.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: robotobold;

    src: url(../../fonts-2/roboto-bold-webfont.woff2) format('woff2'), url(../../fonts-2/roboto-bold-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: robotolight;

    src: url(../../fonts-2/roboto-light-webfont.woff2) format('woff2'), url(../../fonts-2/roboto-light-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: robotomedium;

    src: url(../../fonts-2/roboto-medium-webfont.woff2) format('woff2'), url(../../fonts-2/roboto-medium-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: google_sansbold;

    src: url(../../fonts-2/googlesans-bold_0.woff2) format('woff2'), url(../../fonts-2/googlesans-bold_0.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: google_sansmedium;

    src: url(../../fonts-2/googlesans-medium_0.woff2) format('woff2'), url(../../fonts-2/googlesans-medium_0.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: google_sansregular;

    src: url(../../fonts-2/googlesans-regular_0.woff2) format('woff2'), url(../../fonts-2/googlesans-regular_0.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: roboto_slabbold;

    src: url(../../fonts-2/robotoslab-bold.woff2) format('woff2'), url(../../fonts-2/robotoslab-bold.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: roboto_slablight;

    src: url(../../fonts-2/robotoslab-light.woff2) format('woff2'), url(../../fonts-2/robotoslab-light.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: roboto_slabregular;

    src: url(../../fonts-2/robotoslab-regular.woff2) format('woff2'), url(../../fonts-2/robotoslab-regular.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



@font-face {

    font-family: gugiregular;

    src: url(../../fonts-2/gugi-regular-webfont.woff2) format('woff2'), url(../../fonts-2/gugi-regular-webfont.woff) format('woff');

    font-weight: 400;

    font-style: normal

}



.animatable {

    visibility: hidden;

    -webkit-animation-play-state: paused;

    -moz-animation-play-state: paused;

    -ms-animation-play-state: paused;

    -o-animation-play-state: paused;

    animation-play-state: paused

}



.animated {

    visibility: visible;

    -webkit-animation-fill-mode: both;

    -moz-animation-fill-mode: both;

    -ms-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-duration: 1s;

    -moz-animation-duration: 1s;

    -ms-animation-duration: 1s;

    -o-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-play-state: running;

    -moz-animation-play-state: running;

    -ms-animation-play-state: running;

    -o-animation-play-state: running;

    animation-play-state: running

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity: 0;

        -webkit-transform: translateY(-20px)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0)

    }

}



@-moz-keyframes fadeInDown {

    0% {

        opacity: 0;

        -moz-transform: translateY(-20px)

    }

    100% {

        opacity: 1;

        -moz-transform: translateY(0)

    }

}



@-o-keyframes fadeInDown {

    0% {

        opacity: 0;

        -o-transform: translateY(-20px)

    }

    100% {

        opacity: 1;

        -o-transform: translateY(0)

    }

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        transform: translateY(-20px)

    }

    100% {

        opacity: 1;

        transform: translateY(0)

    }

}



@-webkit-keyframes fadeIn {

    0%,

    20% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@-moz-keyframes fadeIn {

    0%,

    20% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@-o-keyframes fadeIn {

    0%,

    20% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@keyframes fadeIn {

    0%,

    20%,

    60% {

        opacity: 0

    }

    100% {

        opacity: 1

    }

}



@-webkit-keyframes bounceInLeft {

    0% {

        opacity: 0;

        -webkit-transform: translateX(-2000px)

    }

    60% {

        -webkit-transform: translateX(20px)

    }

    80% {

        -webkit-transform: translateX(-5px)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0)

    }

}



@-moz-keyframes bounceInLeft {

    0% {

        opacity: 0;

        -moz-transform: translateX(-2000px)

    }

    60% {

        -moz-transform: translateX(20px)

    }

    80% {

        -moz-transform: translateX(-5px)

    }

    100% {

        opacity: 1;

        -moz-transform: translateX(0)

    }

}



@-o-keyframes bounceInLeft {

    0% {

        opacity: 0;

        -o-transform: translateX(-2000px)

    }

    60% {

        opacity: 1;

        -o-transform: translateX(20px)

    }

    80% {

        -o-transform: translateX(-5px)

    }

    100% {

        opacity: 1;

        -o-transform: translateX(0)

    }

}



@keyframes bounceInLeft {

    0% {

        opacity: 0;

        transform: translateX(-2000px)

    }

    60% {

        transform: translateX(20px)

    }

    80% {

        transform: translateX(-5px)

    }

    100% {

        opacity: 1;

        transform: translateX(0)

    }

}



@-webkit-keyframes bounceInRight {

    0% {

        opacity: 0;

        -webkit-transform: translateX(2000px)

    }

    60% {

        -webkit-transform: translateX(-20px)

    }

    80% {

        -webkit-transform: translateX(5px)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateX(0)

    }

}



@-moz-keyframes bounceInRight {

    0% {

        opacity: 0;

        -moz-transform: translateX(2000px)

    }

    60% {

        -moz-transform: translateX(-20px)

    }

    80% {

        -moz-transform: translateX(5px)

    }

    100% {

        opacity: 1;

        -moz-transform: translateX(0)

    }

}



@-o-keyframes bounceInRight {

    0% {

        opacity: 0;

        -o-transform: translateX(2000px)

    }

    60% {

        -o-transform: translateX(-20px)

    }

    80% {

        -o-transform: translateX(5px)

    }

    100% {

        opacity: 1;

        -o-transform: translateX(0)

    }

}



@keyframes bounceInRight {

    0% {

        opacity: 0;

        transform: translateX(2000px)

    }

    60% {

        transform: translateX(-20px)

    }

    80% {

        transform: translateX(5px)

    }

    100% {

        opacity: 1;

        transform: translateX(0)

    }

}



@-webkit-keyframes fadeInUp {

    0% {

        opacity: 0;

        -webkit-transform: translateY(20px)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0)

    }

}



@-moz-keyframes fadeInUp {

    0% {

        opacity: 0;

        -moz-transform: translateY(20px)

    }

    100% {

        opacity: 1;

        -moz-transform: translateY(0)

    }

}



@-o-keyframes fadeInUp {

    0% {

        opacity: 0;

        -o-transform: translateY(20px)

    }

    100% {

        opacity: 1;

        -o-transform: translateY(0)

    }

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        transform: translateY(20px)

    }

    100% {

        opacity: 1;

        transform: translateY(0)

    }

}



@-webkit-keyframes bounceIn {

    0% {

        opacity: 0;

        -webkit-transform: scale(.3)

    }

    50% {

        -webkit-transform: scale(1.05)

    }

    70% {

        -webkit-transform: scale(.9)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1)

    }

}



@-moz-keyframes bounceIn {

    0% {

        opacity: 0;

        -moz-transform: scale(.3)

    }

    50% {

        -moz-transform: scale(1.05)

    }

    70% {

        -moz-transform: scale(.9)

    }

    100% {

        opacity: 1;

        -moz-transform: scale(1)

    }

}



@-o-keyframes bounceIn {

    0% {

        opacity: 0;

        -o-transform: scale(.3)

    }

    50% {

        -o-transform: scale(1.05)

    }

    70% {

        -o-transform: scale(.9)

    }

    100% {

        opacity: 1;

        -o-transform: scale(1)

    }

}



@keyframes bounceIn {

    0% {

        opacity: 0;

        transform: scale(.3)

    }

    50% {

        transform: scale(1.05)

    }

    70% {

        transform: scale(.9)

    }

    100% {

        opacity: 1;

        transform: scale(1)

    }

}



@-webkit-keyframes moveUp {

    0% {

        opacity: 1;

        -webkit-transform: translateY(40px)

    }

    100% {

        opacity: 1;

        -webkit-transform: translateY(0)

    }

}



@-moz-keyframes moveUp {

    0% {

        opacity: 1;

        -moz-transform: translateY(40px)

    }

    100% {

        opacity: 1;

        -moz-transform: translateY(0)

    }

}



@-o-keyframes moveUp {

    0% {

        opacity: 1;

        -o-transform: translateY(40px)

    }

    100% {

        opacity: 1;

        -o-transform: translateY(0)

    }

}



@keyframes moveUp {

    0% {

        opacity: 1;

        transform: translateY(40px)

    }

    100% {

        opacity: 1;

        transform: translateY(0)

    }

}



@-webkit-keyframes fadeBgColor {

    0%,

    70% {

        background: 0 0

    }

    100% {

        background: #464646

    }

}



@-o-keyframes fadeBgColor {

    0%,

    70% {

        background: 0 0

    }

    100% {

        background: #464646

    }

}



@keyframes fadeBgColor {

    0%,

    70% {

        background: 0 0

    }

    100% {

        background: #464646

    }

}



.animated.animationDelay {

    animation-delay: .4s;

    -webkit-animation-delay: .4s

}



.animated.animationDelayMed {

    animation-delay: 1.2s;

    -webkit-animation-delay: 1.2s

}



.animated.animationDelayLong {

    animation-delay: 1.6s;

    -webkit-animation-delay: 1.6s

}



.animated.fadeBgColor {

    -webkit-animation-name: fadeBgColor;

    -moz-animation-name: fadeBgColor;

    -o-animation-name: fadeBgColor;

    animation-name: fadeBgColor

}



.animated.bounceIn {

    -webkit-animation-name: bounceIn;

    -moz-animation-name: bounceIn;

    -o-animation-name: bounceIn;

    animation-name: bounceIn

}



.animated.bounceInRight {

    -webkit-animation-name: bounceInRight;

    -moz-animation-name: bounceInRight;

    -o-animation-name: bounceInRight;

    animation-name: bounceInRight

}



.animated.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    -moz-animation-name: bounceInLeft;

    -o-animation-name: bounceInLeft;

    animation-name: bounceInLeft

}



.animated.fadeIn {

    -webkit-animation-name: fadeIn;

    -moz-animation-name: fadeIn;

    -o-animation-name: fadeIn;

    animation-name: fadeIn

}



.animated.fadeInDown {

    -webkit-animation-name: fadeInDown;

    -moz-animation-name: fadeInDown;

    -o-animation-name: fadeInDown;

    animation-name: fadeInDown

}



.animated.fadeInUp {

    -webkit-animation-name: fadeInUp;

    -moz-animation-name: fadeInUp;

    -o-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.animated.moveUp {

    -webkit-animation-name: moveUp;

    -moz-animation-name: moveUp;

    -o-animation-name: moveUp;

    animation-name: moveUp

}



header {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    right: 0

}



.black-bg .megamenu-2,

.black-bg-2 .megamenu-2 {

    left: -35em

}



.white-clr {

    color: #fff !important

}



.logo {

    width: 15%;

    margin: 15px 0 10px 1.8%;

    float: left

}



.logo img {

    width: 100%

}



.black-bg .logo,

.black-bg-2 .logo {

    width: 13%;

    height: 34px;

    overflow: hidden

}



.not-show {

    display: none

}



.main-logo,

.show-logo {

    display: block

}



.black-bg .main-logo,

.main-logo2 {

    display: none

}



.white-bg-2 {

   /*  padding: 0 0 14px */

}



.black-bg,

.black-bg-2 {

    z-index: 99999;

    padding: 0 0 5px;

    box-shadow: 10px 0 10px rgba(0, 0, 0, .9);

    background: #fff;

    transition: all .5s ease 0s;

    clear: both

}



.black-bg .logo {

    margin: 19px 0 0 1.8%

}



.black-bg .main-logo2 {

    display: block; /* width:150px; */

}




.black-bg-2 .logo {

    margin: 19px 0 0 1.8%

}




.lavel,

.lavel2 {

    width: 250px;

    z-index: 999;

    box-shadow: 0 10px 10px rgba(0, 0, 0, .5)

}




.open:before {

    font-family: google_sansregular;

    content: "\X";

    font-size: 20px;

    cursor: pointer;

    color: #4284a4;

    line-height: 38px;

    float: right;

    margin: 0 15px 0 0

}



.open2:before,

.submenu:before {

    font-family: roboto_slabbold;

    color: #fff;

    float: right;

    cursor: pointer

}



.sub {

    display: inline-table

}



.submenu {

    display: none;

    float: right;

    margin-top: -43px;

    padding: 5px 10px;

    cursor: pointer

}



.submenu:before {

    content: "\+";

    font-size: 25px;

    line-height: 25px

}



.open2:before {

    content: "\-";

    font-size: 35px;

    line-height: 22px

}







.lavel {

    display: none;

    position: absolute;

    left: -7em;

    top: 58px;

    background: #fff;

    padding: 20px;

    border-bottom: 1px solid #ffbc00

}



.lavel li {

    position: relative;

    clear: both;

    display: block;

    margin: 0

}



.lavel li:before {

    transition: all .5s ease 0s;

    color: #9f9f9f;

    font-size: 16px;

    line-height: 34px;

    content: '\f105';

    font-family: FontAwesome;

    position: absolute;

    left: 10px;

    top: 0

}



.lavel li a {

    font: 14px/20px Poppins;

    text-transform: inherit;

    color: #656565 !important;

    display: block;

    padding: 8px 15px 8px 27px;

    border-bottom: 1px solid #f2f3f4;

    border-top: none !important

}

.lavel li a:hover{

	color: #ffffff !important;

	

}

.lavel li:hover:before {

    color: #fff

}



.lavel li:last-child {

    margin: 0 !important

}



.lavel li:last-child a {

    padding: 8px 15px 8px 27px;

    border: none;

    border-radius: 0

}



.lavel li a:hover {

    color: #fff !important;

    background: #66bbe2;

    border-top: none

}



.lavel li:last-child a:hover {

    border: none;

    border-radius: 0

}



.megamenu-2 .m-tital,

.megamenu-3 .m-tital,

.megamenu-4 .m-tital {

    border-bottom: 2px solid #66bbe2;

    text-transform: uppercase;

    font: 15px/40px mulisemibold, sans-serif

}



.lavel li:hover .lavel2 {

    display: block !important

}



.lavel2 {

    display: none !important;

    position: absolute;

    left: 320px;

    top: 0;

    background: #fff;

    padding: 15px 5px;

    border-left: 1px solid #ffbc00

}



.lavel2 ul {

    width: 100%

}



.lavel2 ul li {

    width: 100% !important

}



.sernav {

    width: 360px

}



.p-menu a {

    padding: 5px 1em 7px

}



.megamenu {

    width: 605px;

    padding: 20px;

    left: 0

}



.megamenu li {

    width: 45%;

    margin: 0 10px;

    display: inline-block;

    vertical-align: top;

    position: relative

}



.megamenu li:last-child {

    margin: 0 10px !important

}



.megamenu .lavel2 li {

    width: 100% !important;

    margin: 0

}



.megamenu .lavel2 li:last-child {

    margin: 0 !important

}



.megamenu-2 {

    width: 1170px;

    padding: 20px;

    left: -32em

}



.megamenu-2:before {

    right: inherit;

    left: 15em;

    width: auto

}



.megamenu-2 ul {

    display: block

}



.megamenu-2 li {

    width: 100%;

    display: inline-block;

    vertical-align: top

}



.megamenu-2 .m-tital {

    width: 100%;

    margin: 0 0 20px;

    display: block

}



.megamenu-2 .m-tital a {

    font: 15px/40px mulisemibold, sans-serif;

    border-top: none;

    padding: 0;

    color: #333;

    display: inline-block

}



.megamenu-2 .m-tital a:hover {

    color: #ffbc00

}



.megamenu-2 .subbox {

    width: 18%;

    margin: 0 9px;

    display: inline-block;

    vertical-align: top

}



.megamenu-2 .subbox-2 {

    width: 38%;

    margin: 0 9px;

    display: inline-block;

    vertical-align: top

}



.megamenu-2 .subbox-2 .m-tital {

    width: 50%

}



.megamenu-2 .subbox-2 li {

    width: 49%

}



.megamenu-3 {

    width: 1024px;

    padding: 20px;

    left: -28em

}



.megamenu-3:before {

    right: inherit;

    left: 15em;

    width: auto

}



.megamenu-3 ul {

    display: block

}



.megamenu-3 li {

    width: 100%;

    display: inline-block;

    vertical-align: top

}



.megamenu-3 .m-tital {

    width: 100%;

    margin: 0 0 20px;

    display: block

}



.megamenu-3 .subbox-2,

.megamenu-3 .subbox-3,

.megamenu-3 .subbox-4 {

    margin: 0 9px;

    display: inline-block

}



.megamenu-3 .m-tital a {

    font: 15px/40px mulisemibold, sans-serif;

    border-top: none;

    padding: 0;

    color: #333;

    display: inline-block

}



.megamenu-3 .m-tital a:hover {

    color: #ffbc00

}



.megamenu-3 .subbox-2 {

    width: 44%;

    vertical-align: top

}



.megamenu-3 .subbox-2 li {

    width: 49%

}



.megamenu-3 .subbox-3 {

    width: 50%;

    vertical-align: top

}



.megamenu-3 .subbox-3 li {

    width: 49%

}



.megamenu-3 .lavel2 li {

    width: 100% !important

}



.megamenu-3 .subbox-4 {

    width: 26%;

    vertical-align: top

}



.megamenu-3 .subbox-4 li {

    width: 100%

}



.megamenu-4 {

    width: 800px;

    padding: 20px;

    left: -35em /*-26em*/

}



.megamenu-4:before {

    right: inherit;

    left: 15em;

    width: auto

}



.megamenu-4 ul {

    display: block

}



.megamenu-4 li {

    width: 100%;

    display: inline-block;

    vertical-align: top

}



.megamenu-4 .m-tital {

    width: 100%;

    margin: 0 0 20px;

    display: block

}



.megamenu-4 .m-tital a {

    font: 15px/40px mulisemibold, sans-serif;

    border-top: none;

    padding: 0;

    color: #333;

    display: inline-block

}



.megamenu-4 .m-tital a:hover {

    color: #ffbc00

}



.megamenu-4 .subbox-3 {

    width: 64%;

    margin: 0 9px;

    display: inline-block;

    vertical-align: top

}



.megamenu-4 .subbox-3 li {

    width: 49%

}



.megamenu-4 .lavel2 li {

    width: 100% !important

}



.megamenu-4 .subbox-4 {

    width: 30%;

    margin: 0 9px;

    display: inline-block;

    vertical-align: top

}



.megamenu-4 .subbox-4 li {

    width: 100%

}



.view-bt {

    background: 0 0 !important;

    border: 2px dashed #b0b0b0;

    border-top: 2px dashed #b0b0b0 !important;

    color: #656565 !important;

    width: 130px;

    text-transform: capitalize;

    margin: 0 auto;

    font: 400 16px/24px Roboto, sans-serif !important;

    text-align: center;

    padding: 5px 20px;

    border-radius: 5px

}



.view-bt:hover {

    background: #e35a37  !important;

    border: 2px dashed #e35a37 ;

    border-top: 2px dashed #e35a37  !important;

    color: #fff !important

}



.view-bt .fa {

    font-size: 20px

}



.blueclr a {

    color: #fff

}



.blueclr a:hover {

    color: #0e46a1;

    background: 0 0;

    border-top: 4px solid transparent

}



.white-bg-2 .mobnav:before,

.white-bg-2 .sub:after,

.white-bg-2 nav ul li-old a {

    color: #000

}



.white-bg-2 .mobnav {

    border: 1px solid #000

}



.white-bg-2 nav ul li-old a:hover {

    color: #0a1d3d;

    text-decoration: none

}



.white-bg-2 nav ul li-old:hover a {

    color: #0a1d3d

}



.white-bg-2 nav ul li-old a:focus {

    color: #0a1d3d !important

}



.white-bg-2 nav ul li-old:hover:after {

    color: #0a1d3d

}



.black-bg .sub:after,

.black-bg nav ul li-old a {

    color: #000

}



.black-bg .lavel li a,

.black-bg-2 .lavel li a {

    font: 14px/20px Poppins

}



@media (min-width:3300px) {

    .black-bg .logo,

    .black-bg-2 .logo {

        height: 37px !important

    }

}



@media (min-width:2000px) {

    .logo {

        width: 10%

    }

    .black-bg .logo,

    .black-bg-2 .logo {

        margin: 17px 0 5px 1.8%;

        width: 8%;

        height: 28px

    }

    .black-bg nav,

    .black-bg-2 nav {

        float: right;

        margin: 10px 2% 0 0

    }

    nav {

        margin: 28px 2% 0 0

    }

    .black-bg nav ul li-old a {

        font: 16px/30px mulisemibold, sans-serif

    }

    .black-bg .lavel li a {

        font: 14px/20px Poppins

    }

    .black-bg-2 nav ul li-old a {

        font: 16px/30px mulisemibold, sans-serif

    }

    .black-bg-2 .lavel li a {

        font: 14px/20px Poppins

    }

}



@media (min-width:1599px) {

    .megamenu-2 {

        width: 1179px

    }

    .black-bg .logo,

    .black-bg-2 .logo {

        height: 29px;

        margin: 15px 0 0 1.8%

    }

}



@media (max-width:1598px) {

    .black-bg .logo,

    .black-bg-2 .logo {

      height: 36px;

        margin: 15px 0 0 1.8%

    }

}



@media (max-width:1439px) {

    .sub:after {

        font-size: 18px

    }

    nav {

        margin: 8px 4% 0 0

    }

    nav ul li-old a {

        font: 15px/30px mulisemibold, sans-serif

    }

    .white-bg-2 {

        padding: 0 0 10px

    }

    .black-bg nav ul li-old a {

        font: 13px/25px mulisemibold, sans-serif;

		padding:11px 22px ;/*12px 0*/

    }

    .black-bg .lavel li a {

        font: 12px/20px Poppins

    }

    .black-bg-2 nav ul li-old a {

        font: 13px/30px mulisemibold, sans-serif

    }

    .black-bg-2 .lavel li a {

        font: 12px/20px Poppins

    }

    .megamenu-2 {

        left: -38em

    }

    .megamenu-2::before {

        left: 18.5em

    }

    .black-bg .megamenu-2,

    .black-bg-2 .megamenu-2 {

        left: -42em

    }

    .leftmrg {

        left: -15em !important

    }

    .black-bg .sub:after,

    .black-bg-2 .sub:after {

        top: 18px

    }

    .black-bg .logo,

    .black-bg-2 .logo {

        height: 24px;

        margin: 25px 0 0 1.8%

    }

    .megamenu-3 {

        left: -18em

    }

}



@media (max-width:1340px) {

    .megamenu-2 {

        left: -34em

    }

    .megamenu-2::before {

        left: 17.5em

    }

    .megamenu-3 {

        left: -18em

    }

}



@media (max-width:1290px) {

    .megamenu-2 {

        left: -37em

    }

    .megamenu-2 .subbox-2 {

        width: 37%

    }

    .megamenu-3 {

        left: -18em

    }

    .black-bg .megamenu-3,

    .black-bg-2 .megamenu-3 {

        left: -22em

    }

    .black-bg .megamenu-2,

    .black-bg-2 .megamenu-2 {

        left: -40em

    }

    nav {

        margin: 5px 4% 0 0

    }

    nav ul li-old {

        margin: 0 5px

    }

    nav ul li-old a {

        font: 15px/30px mulisemibold, sans-serif

    }

    .megamenu-2:before {

        left: 15em

    }

    .logo {

        width: 18%

    }

}



@media (max-width:1280px) {

    .logo {

        margin: 10px 0 10px 1.8%

    }

    .black-bg .logo {

        width: 15%;

        margin: 20px 0 0 3%;

		    height: auto;

    }

    .black-bg nav {

        float: right;

        margin: 7px 4% 0 0

    }

    .black-bg-2 .logo {

        width: 15%;

        margin: 20px 0 0 1.8%

    }

    .black-bg-2 nav {

        float: right;

        margin: 7px 4% 0 0

    }

}



@media (max-width:1270px) {

    .megamenu-2 {

        width: 1050px;

        left: -30em

    }

}



@media (max-width:1231px) {

    .megamenu-2 {

        width: 1000px;

        left: -27em

    }

    .megamenu-2 .subbox,

    .megamenu-2 .subbox-2 {

        margin: 0 8px

    }

    .megamenu-4 {

        left: -14em

    }

}



@media (max-width:1199px) {

    nav ul li-old {

        margin: 0 3px

    }

    nav ul li-old a {

        font: 15px/30px mulisemibold, sans-serif

    }

    .sub::after {

        right: 5px;

        top: 20px;

        font-size: 14px

    }

    .black-bg .sub:after,

    .black-bg-2 .sub:after {

        top: 22px

    }

    .black-bg .megamenu-2,

    .black-bg-2 .megamenu-2 {

        left: -32em

    }

}



@media (max-width:1150px) {

    .megamenu-2 {

        left: -28.5em

    }

    .black-bg .megamenu-2,

    .black-bg-2 .megamenu-2 {

        left: -32.5em

    }

    .megamenu-4 {

        left: -28em

    }

}



@media (max-width:1099px) {

    .megamenu-2 {

        left: -30em

    }

    .black-bg .megamenu-2,

    .black-bg-2 .megamenu-2 {

        left: -33.8em

    }

    .megamenu-2::before {

        left: 13.5em

    }

    .megamenu-3 {

        left: -15em;

        width: 980px

    }

    .black-bg .megamenu-3,

    .black-bg-2 .megamenu-3 {

        left: -20.3em

    }

    nav ul li-old a {

        padding: 5px .5em 9px;

		font: 13px/30px mulisemibold, sans-serif;

    }

	.infosec .left_rt h3{

		font-size: 14px; line-height:21px;

	}

    .megamenu li:last-child {

        margin: 0 10px !important

    }

    .black-bg .logo,

    .black-bg-2 .logo {

        height: 34px;

        margin: 23px 0 0 1.8%

    }

	.black-bg nav ul li-old a{

		padding: 12px;

	}

	.megamenu-4 {

    left: -28em;

}

	

}

@media (min-width:1190px) {

    .megamenu-2 {

        left: -37em

    }

	.infosec .mailBox {

		margin:2% auto auto 2%;

    float: left;

	}

    .black-bg .megamenu-2,

    .black-bg-2 .megamenu-2 {

        left: -32.8em

    }

	.contact_sec {

		margin-top: -594px

	}

	.aboutnew-page .vision-box {

    min-height: 753px;

	}

	.megamenu-4 {

    left: -33em;

	}

	.contact-page .contfrom button{

		    margin: 15px auto;

	}



	

.black-bg nav ul li-old a{

	padding: 11px 22px;

	}

	.lavel li:before {

		    line-height: 44px;

	}

	

}

@media (max-width:1070px) {

    .megamenu-2 {

        left: -36em

    }

    .black-bg .megamenu-2,

    .black-bg-2 .megamenu-2 {

        left: -32.8em

    }

}



@media (max-width:1025) {

    .black-bg .logo,

    .black-bg-2 .logo {

        margin: 25px 0 0 3%;

    }

}



@media (max-width:1024px) {

    .megamenu-2 {

        left: -29em

    }

    .black-bg .megamenu-2,

    .black-bg-2 .megamenu-2 {

        left: -32.5em

    }

    nav ul li-old {

        margin: 0

    }

    .megamenu {

        width: 575px;

        padding: 20px 5px

    }

    .megamenu:before {

        left: -5em;

        width: auto

    }

    .megamenu-2 .subbox {

        width: 17%

    }

}



@media (max-width:1020px) {

    .megamenu-2 {

        width: 975px;

        left: -28.5em

    }

    .black-bg .megamenu-2,

    .black-bg-2 .megamenu-2 {

        left: -31.5em

    }

    .megamenu-3 {

        left: -14.3em

    }

    .black-bg .megamenu-3,

    .black-bg-2 .megamenu-3 {

        left: -20em

    }

}



@media (max-width:1000px) {

    .sub::after {

        right: 2px;

        top: 20px

    }

    .black-bg .sub:after,

    .black-bg-2 .sub:after {

        top: 21px

    }

    nav ul li-old a {

        font: 14px/30px mulisemibold, sans-serif

    }

    .black-bg .lavel li a,

    .black-bg-2 .lavel li a,

    .lavel li a {

        font: 14px/20px mulilight, sans-serif

    }

    .megamenu-2 {

        width: 975px;

        left: -23.8em

    }

    .black-bg .megamenu-2,

    .black-bg-2 .megamenu-2 {

        left: -26.6em

    }

    .megamenu-3 {

        left: -16.3em

    }

    .black-bg .megamenu-3,

    .black-bg-2 .megamenu-3 {

        left: -19.5em

    }

}



@media (max-width:991px) {

    .animatable,

    .animated {

        visibility: inherit !important

    }

    .animatable {

        -webkit-animation-play-state: inherit !important;

        -moz-animation-play-state: inherit !important;

        -ms-animation-play-state: inherit !important;

        -o-animation-play-state: inherit !important;

        animation-play-state: inherit !important

    }

    .animated {

        -webkit-animation-fill-mode: inherit !important;

        -moz-animation-fill-mode: inherit !important;

        -ms-animation-fill-mode: inherit !important;

        -o-animation-fill-mode: inherit !important;

        animation-fill-mode: inherit !important;

        -webkit-animation-duration: inherit !important;

        -moz-animation-duration: inherit !important;

        -ms-animation-duration: inherit !important;

        -o-animation-duration: inherit !important;

        animation-duration: inherit !important;

        -webkit-animation-play-state: inherit !important;

        -moz-animation-play-state: inherit !important;

        -ms-animation-play-state: inherit !important;

        -o-animation-play-state: inherit !important;

        animation-play-state: inherit !important

    }

    .black-bg .logo,

    .black-bg-2 .logo {

        width: 17%

    }

    .black-bg nav,

    .black-bg-2 nav {

        margin: 10px 10px 0 0

    }

}



@media (max-width:980px) {

    nav ul li-old,

    nav ul li-old a {

        background: 0 0;

        float: none;

        display: block

    }

    .black-bg .megamenu-2,

    .black-bg .megamenu-3,

    .black-bg-2 .megamenu-2,

    .black-bg-2 .megamenu-3,

    .lavel,

    .megamenu,

    .megamenu-2 {

        left: 0

    }

    #mobopen,

    .lavel,

    .lavel2 {

        position: inherit

    }

    .logo {

        width: 24% !important;

   /*      margin: 10px 0 10px 5% !important */

   margin: 10px 0 10px 0 !important

    }

    .black-bg,

    .black-bg-2 {

        padding: 0 0 18px

    }

    .black-bg .logo,

    .black-bg-2 .logo {

        width: 21% !important;

        height: inherit

    }

    .lavel,

    .lavel2,

    .megamenu,

    .megamenu li,

    .megamenu-2,

    nav {

        width: 100%

    }

    .black-bg nav,

    .black-bg-2 nav {

        margin: 0 !important

    }

    .mobnav {

        display: block;

        margin: 0

    }

    nav {

        background: 0 0;

        margin: 0

    }

    nav ul:after {

        display: none

    }

    nav ul li-old {

        padding: 0 20px;

        clear: both

    }

    nav ul li-old:last-child {

        margin: 13px 0 3px;

    }

    nav ul li-old:last-child a {

        padding: 2px 0;

        border: none;

		

        border-radius: 0

    }

	nav #mobopen li a {

    color: #fff !important

}



	.lavel{

		    background: #067cbe !important

	}

    nav ul li-old:last-child a:hover {

        border: none;

        border-radius: 0

    }

    nav ul li-old a {

        border-bottom: 1px solid rgba(255, 255, 255, .5);

        border-top: none;

        border-radius: 0;

        line-height: 40px;

        text-align: left;

        padding: 2px 0;

        color: #fff

    }

    nav ul li-old a:hover,

    nav ul li-old:hover a {

        background: 0 0 !important;

        color: #fff;

        border-top: none

    }

    nav .act {

        color: #d14621;

        background: 0 0;

        border-radius: 0

    }

    .lavel li a,

    .lavel2 {

        border: none

    }

    .sub {

        display: inherit

    }

    .lavel li:before,

    .lavel:before,

    nav ul li-old:hover .lavel {

        display: none

    }

    .sub:after {

        content: ''

    }

    .lavel {

        top: 0;

        padding: 1% 0 20px;

        height: 250px;

        overflow: auto

    }

    .lavel2,

    .megamenu-2 ul,

    .megamenu-4 .subbox-3 ul,

    .megamenu-4 .subbox-4 ul {

        display: block !important

    }

    .lavel li {

        margin: 0

    }

    .lavel li:last-child {

        margin: 0 !important;

        padding: 0 20px

    }

    .lavel li a,

    .lavel li:last-child a {

        padding: 8px 0

    }

    .lavel li a:hover {

        color: #38a4e4 !important

    }

    .lavel2 {

        left: 0;

        background: 0 0;

        box-shadow: none;

        padding: 0

    }

    .lavel2 li {

        margin: 0;

        padding: 0

    }

    .lavel2 li:last-child {

        padding: 0 !important

    }

    .p-menu a {

        padding: 2px 0

    }

    .megamenu,

    .megamenu-2,

    .megamenu-3 {

        padding: 1% 0 20px;

        height: 250px

    }

    .megamenu li {

        margin: 0

    }

    .megamenu-2 li {

        width: 100%;

        margin: 0

    }

    .megamenu-2 .m-tital {

        margin: 0 20px;

        width: initial

    }

    .megamenu-2 .subbox,

    .megamenu-2 .subbox-2 {

        width: 100%;

        margin: 0 0 20px

    }

    .megamenu-2 .subbox-2 .m-tital {

        margin: 0 20px;

        width: initial

    }

    .megamenu-2 .subbox-2 li,

    .megamenu-3 {

        width: 100%

    }

    .megamenu-4 .subbox-3,

    .megamenu-4 .subbox-4 {

        width: 95%

    }

    .megamenu-4 .m-tital {

        margin-bottom: 0 20px

    }

    .megamenu-4 .subbox-3 ul li {

        width: 100%

    }

    .view-bt {

        display: inherit;

        margin: 0 auto 20px

    }

    .megamenu-3 ul {

        display: block !important

    }

    #mobopen,

    #mobopen2 {

        display: none

    }

    .megamenu-3 .subbox-2 {

        width: 94%

    }

    .megamenu-3 .subbox-2 li {

        width: 100%

    }

    .megamenu-3 .subbox-3 {

        width: 94%

    }

    .megamenu-3 .subbox-3 li {

        width: 100%

    }

    #mobopen {

        clear: both;

        padding: 10px 0;

        background:#094b5b ;/* #61b079#3582a3 */

		

        width: 100%;/* 92% */

        margin: 20px auto 0;

        z-index: 99;

        top: 80px

    }

    .submenu {

        display: block

    }

    #menumob {

        position: absolute;

        top: 1em;

        right: 20px

    }

    .white-bg nav ul li-old:hover a,

    .white-bg-2 nav ul li-old a,

    .white-bg-2 nav ul li-old:hover a {

        color: #fff

    }

    .white-bg-2 .lavel li a,

    .white-bg-2 .view-bt {

        color: #000

    }

    .megamenu-2 .view-bt {

        background: #0a1d3d !important;

        color: #fff !important

    }

    .leftmrg {

        left: inherit !important

    }

    .black-bg nav ul li-old a {

        color: #fff

    }

    .white-bg-2 nav ul li-old:hover .m-tital a {

        color: #333

    }

    .white-bg-2 nav ul li-old:hover .m-tital a:hover {

        color: #ffbc00

    }

    .white-bg nav ul li-old:hover .m-tital a {

        color: #333

    }

    .white-bg nav ul li-old:hover .m-tital a:hover {

        color: #ffbc00

    }

}





@media (max-width:900px) {

    .black-bg .logo {

        width: 22% !important

    }

}



@media (max-width:640px) {

    .logo {

        width: 28% !important

    }

    .black-bg .logo {

        width: 26% !important

    }

	.black-bg, .black-bg-2 {

    padding: padding: 0 0 15px !important;

}

}



@media (max-width:576px) {

    #menumob {

        top: .4em;

    }

		.black-bg, .black-bg-2 {

    padding: 0px;

}

}



@media (max-width:479px) {

    .logo {

        width: 45% !important

    }

    .black-bg .logo,

    .black-bg-2 .logo {

        width: 40% !important;

        margin: 20px 0 15px 20px

    }

}

nav #mobopen li a {color:#000;}



@media (min-width:981px) {

    nav #mobopen,

    nav #mobopen1 ul {

        display: block !important

    }

	nav #mobopen1 ul li a {color:black !important;}

}



.tp-marg {

    margin: 60px 0 0

}



.home-newpage .yelbor-bt {

    border: 1px solid #1e3e99;

    color: #1e3e99

}



.home-newpage .yelbor-bt:hover {

    border: 1px solid #ffbc00;

    color: #ffbc00 !important

}



.home-newpage .customcontainer {

    width: 100%;

    max-width: 1240px;

    margin: 0 auto

}



.home-newpage .heading-sec h2 {

    color: #0a1d3e

}



.home-newpage .banner-sec {

    background: url(../../images-2/home-banner3.jpg) no-repeat;

    background-size: cover;

    clear: both;

    width: 100%;

    overflow: hidden

}



.home-newpage .banner-sec .banner-text {

    padding: 12% 0 12.5%;

    width: 75%;

    margin: 0 auto;

    position: relative;

    z-index: 9999

}



.home-newpage .banner-sec .banner-text h1 {

    font: 48px/56px Poppins;

    letter-spacing: -.5px;

    color: #fff;

    text-transform: capitalize;

    margin: 0 0 35px

}



.home-newpage .banner-sec .banner-text span {

    color: #ffbc00

}



.home-newpage .banner-sec .banner-text small {

    font: 48px/65px Poppins;

    text-transform: capitalize;

    color: #fff;

    position: relative

}



.home-newpage .banner-sec .banner-text p {

    font: 18px/28px mulilight, sans-serif;

    color: #fff;

    display: block;

    margin: 15px 40% 35px 0;

    padding: 0

}



.home-newpage .banner-sec .banner-text .button {

    margin: 35px 0 0;

    padding: 15px 25px;

    font: 20px/25px Poppins;

    background: 0 0;

    color: #fff;

    display: inline-block;

    border-radius: 5px;

    border: 2px solid #fff;

    text-transform: uppercase

}



.home-newpage .banner-sec .banner-text .button:hover {

    background: #fff;

    border: 2px solid #fff;

    text-decoration: none;

    color: #000 !important;

    font-weight: 400

}



.home-newpage .software-services {

    padding: 75px 0 30px;

    clear: both

}



.home-newpage .software-services .heading-sec {

    margin: 0 0 120px

}



.home-newpage .software-services .software-box {

    width: 31.7%;

    box-shadow: 0 0 20px rgba(0, 0, 0, .1);

    transition: all 2s ease 0s;

    margin: 0 10px 75px;

    padding: 67px 25px 30px;

    display: table-cell;

    position: relative

}



.home-newpage .software-services .software-box h3 {

    font: 18px/28px mulisemibold, sans-serif;

    letter-spacing: -.1px;

    text-transform: capitalize;

    color: #344256;

    position: relative;

    margin: 0 0 10px

}



.home-newpage .software-services .software-box h3 a {

    color: #344256;

    float: none;

    font: 18px/28px mulisemibold, sans-serif

}



.home-newpage .software-services .software-box p {

    font: 16px/28px Poppins;

    color: #737f92

}



.home-newpage .software-services .software-box a {

    font: 16px/28px Poppins;

    color: #ff9600;

    margin: 20px 0 0

}



.home-newpage .software-services .software-box:hover {

    background: #30498f

}



.home-newpage .software-services .software-box:hover a,

.home-newpage .software-services .software-box:hover h3,

.home-newpage .software-services .software-box:hover p {

    color: #fff

}



.home-newpage .software-services .software-box span {

    width: 100px;

    height: 100px;

    position: absolute;

    z-index: 9;

    left: 25px;

    top: -50px;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    border-radius: 100%;

    background: url(../../images-2/home-services-sprite.png) no-repeat #fff;

    transition: all 2s ease 0s

}



.home-newpage .software-services .software-box .icon-1 {

    background-position: 22px 22px

}



.home-newpage .software-services .software-box .icon-2 {

    background-position: 32px -158px

}



.home-newpage .software-services .software-box .icon-3 {

    background-position: 21px -320px

}



.home-newpage .software-services .software-box .icon-4 {

    background-position: 19px -500px

}



.home-newpage .software-services .software-box .icon-5 {

    background-position: 25px -687px

}



.home-newpage .software-services .software-box .icon-6 {

    background-position: 22px -875px

}



.home-newpage .software-services .software-box .icon-7 {

    background-position: 13px -1080px

}



.home-newpage .software-services .software-box .icon-8 {

    background-position: 23px -1267px

}



.home-newpage .software-services .software-box .icon-9 {

    background-position: 18px -1470px

}



.home-newpage .trusted-area {

    padding: 130px 0 75px;

    background: url(../../images-2/develoment-ser-bg3.jpg) top center no-repeat

}



.home-newpage .trusted-area .content-area {

    width: 100%;

    max-width: 1240px;

    margin: 0 auto;

    box-shadow: 0 0 40px rgba(0, 0, 0, .1);

    padding: 80px 100px;

    background: #fff;

    background: -moz-linear-gradient(top, #fff 0, #fbfcfc 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #fbfcfc));

    background: -webkit-linear-gradient(top, #fff 0, #fbfcfc 100%);

    background: -o-linear-gradient(top, #fff 0, #fbfcfc 100%);

    background: -ms-linear-gradient(top, #fff 0, #fbfcfc 100%);

    background: linear-gradient(to bottom, #fff 0, #fbfcfc 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfcfc', GradientType=0)

}



.home-newpage .allservices-area ul.nav.nav-pills,

.home-newpage .industryarea ul.nav.nav-pills {

    max-width: 100%

}



.home-newpage .trusted-area .content-area .heading-sec {

    margin: 0 0 10px

}



.home-newpage .trusted-area .content-area .heading-sec h2 {

    font: 30px/40px mulibold, sans-serif

}



.home-newpage .trusted-area .content-area .heading-sec p {

    margin: 0 0 30px

}



.home-newpage .trusted-area .content-area .heading-sec span {

    color: #253142

}



.home-newpage .trusted-area .experience-area {

    background: 0 0;

    padding: 0

}



.home-newpage .trusted-area .experience-area li {

    padding: 0 35px

}



.home-newpage .trusted-area .experience-area span {

    color: #344256;

    font: 30px/45px mulisemibold, sans-serif

}



.home-newpage .trusted-area .experience-area p {

    color: #344256;

    font: 16px/28px Poppins

}



.home-newpage .trusted-area .experience-area .container {

    width: 100%

}



.home-newpage .trusted-area .whychoose-sec {

    clear: both;

    margin: 100px 0 0

}



.home-newpage .trusted-area .whychoose-sec .heading-sec h2 {

    font: 30px/40px mulibold, sans-serif;

    text-transform: inherit

}



.home-newpage .trusted-area .whychoose-sec .whybox {

    padding: 15px 30px;

    background: #fff;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

    border-radius: 5px;

    margin: 0 0 20px;

    vertical-align: middle

}



.home-newpage .trusted-area .whychoose-sec .whybox h3 {

    font: 16px/25px Poppins;

    text-transform: inherit;

    color: #343434;

    display: inline-block;

    vertical-align: top

}



.home-newpage .trusted-area .whychoose-sec .whybox span {

    width: 66px;

    height: 54px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: inline-block

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon1 {

    background-position: -685px -8px

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon2 {

    background-position: -679px -115px

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon3 {

    background-position: -685px -248px

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon4 {

    background-position: -685px -367px

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon5 {

    background-position: -685px -500px

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon6 {

    background-position: -685px -629px

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon7 {

    background-position: -685px -772px

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon8 {

    background-position: -685px -920px

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon9 {

    background-position: -685px -1057px

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon10 {

    background-position: -685px -1203px

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon11 {

    background-position: -679px -1355px

}



.home-newpage .trusted-area .whychoose-sec .whybox .icon12 {

    background-position: -680px -1502px

}



.home-newpage .allservices-area {

    padding: 20px 0 75px;

    overflow: hidden;

    clear: both

}



.home-newpage .allservices-area .serbox {

    border: 1px solid #e8e8e8;

    transition: all .5s ease 0s;

    margin: 0 0 30px;

    padding: 30px 25px;

    width: 100%;

    border-radius: 5px

}



.home-newpage .allservices-area .serbox p {

    display: none;

    font: 16px/28px Poppins;

    color: #454545

}



.home-newpage .allservices-area .serbox h3 {

    font: 16px/28px Poppins;

    text-transform: capitalize;

    color: #454545;

    position: relative;

    margin: 0;

    display: block

}



.home-newpage .allservices-area .serbox:hover {

    box-shadow: 5px 5px 15px rgba(0, 0, 0, .5)

}



.home-newpage .allservices-area .serbox span {

    display: block;

    clear: both;

    margin: 0 0 10px;

    width: 70px;

    height: 65px;

    background: url(../../images-2/all-service-sprite.png) no-repeat

}



.home-newpage .allservices-area .serbox .icon1 {

    background-position: 0 0

}



.home-newpage .allservices-area .serbox .icon2 {

    background-position: 0 -106px

}



.home-newpage .allservices-area .serbox .icon3 {

    background-position: 0 -227px

}



.home-newpage .allservices-area .serbox .icon4 {

    background-position: 0 -346px

}



.home-newpage .allservices-area .serbox .icon5 {

    background-position: 0 -464px

}



.home-newpage .allservices-area .serbox .icon6 {

    background-position: 0 -576px

}



.home-newpage .allservices-area .serbox .icon7 {

    background-position: 0 -695px

}



.home-newpage .allservices-area .serbox .icon8 {

    background-position: 0 -810px

}



.home-newpage .allservices-area .serbox .icon9 {

    background-position: 0 -945px

}



.home-newpage .allservices-area .serbox .icon10 {

    background-position: 0 -1095px

}



.home-newpage .allservices-area .serbox .icon11 {

    background-position: 0 -1252px

}



.home-newpage .allservices-area .serbox .icon12 {

    background-position: 0 -1387px

}



.home-newpage .allservices-area .serbox .icon13 {

    background-position: 0 -1550px

}



.home-newpage .allservices-area .serbox .icon14 {

    background-position: 0 -1687px

}



.home-newpage .allservices-area .serbox .icon15 {

    background-position: 0 -1818px

}



.home-newpage .allservices-area .serbox .icon16 {

    background-position: 0 -1975px

}



.home-newpage .allservices-area .serbox .icon17 {

    background-position: 0 -2124px

}



.home-newpage .allservices-area .serbox .icon18 {

    background-position: 0 -2275px

}



.home-newpage .allservices-area .serbox .icon19 {

    background-position: 0 -2400px

}



.home-newpage .allservices-area .serbox .icon20 {

    background-position: 0 -2540px

}



.home-newpage .allservices-area .serbox .icon21 {

    background-position: 0 -2670px

}



.home-newpage .allservices-area .serbox .icon22 {

    background-position: 0 -2810px

}



.home-newpage .allservices-area .serbox .icon23 {

    background-position: 0 -2940px

}



.home-newpage .allservices-area .serbox .icon24 {

    background-position: 0 -3050px

}



.home-newpage .allservices-area .serbox .icon25 {

    background-position: 0 -3180px

}



.home-newpage .allservices-area .serbox .icon26 {

    background-position: 0 -3320px

}



.home-newpage .allservices-area .serbox .icon27 {

    background-position: 0 -3460px

}



.home-newpage .allservices-area .serbox .icon28 {

    background-position: 0 -3610px

}



.home-newpage .allservices-area .serbox .icon29 {

    background-position: 0 -3775px

}



.home-newpage .allservices-area .serbox .icon30 {

    background-position: 0 -3915px

}



.home-newpage .allservices-area .serbox .icon31 {

    background-position: 0 -4070px

}



.home-newpage .allservices-area .resp-tab-content {

    padding: 30px 0 0

}



.home-newpage .allservices-area .nav-pills {

    margin: 0 0 30px

}



.home-newpage .allservices-area  {

    padding: 20px 40px;

    font: 18px/25px mulisemibold, sans-serif;

    margin: 0 0 0 15px;

    background: #fff;

    color: #686868;

    text-align: center;

    text-transform: capitalize

}



.home-newpage .allservices-area  i {

    display: block;

    background: url(../../images-2/service-sprite.png) no-repeat;

    width: 70px;

    height: 70px;

    margin: 0 auto;

    text-align: center

}



.home-newpage .allservices-area  .icon1 {

    background-position: 4px 0

}



.home-newpage .allservices-area  .icon2 {

    background-position: 13px -177px

}



.home-newpage .allservices-area  .icon3 {

    background-position: 5px -358px

}



.home-newpage .allservices-area  .icon4 {

    background-position: 5px -547px

}



.home-newpage .allservices-area  .icon5 {

    background-position: 8px -684px

}



.home-newpage .allservices-area .resp-tab-active {

    background: url(../../images-2/tabbg3.png) left no-repeat #1e3e99;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1)

}



.home-newpage .allservices-area .resp-tab-active .tablink {

    color: #fff

}



.home-newpage .allservices-area .resp-tab-active .icon1 {

    background-position: -162px 0

}



.home-newpage .allservices-area .resp-tab-active .icon2 {

    background-position: -155px -177px

}



.home-newpage .allservices-area .resp-tab-active .icon3 {

    background-position: -163px -358px

}



.home-newpage .allservices-area .resp-tab-active .icon4 {

    background-position: -161px -547px

}



.home-newpage .allservices-area .resp-tab-active .icon5 {

    background-position: -160px -684px

}



.home-newpage .allservices-area .tab-content .active {

    box-shadow: none;

    border: none

}



.home-newpage .allservices-area .nav-tabs {

    width: 100% !important

}



.home-newpage .allservices-area a:hover {

    text-decoration: none

}



.home-newpage .industryarea {

    padding: 75px 0;

    clear: both

}



.home-newpage .industryarea .outerCircle {

    border: 5px solid #000

}



.home-newpage .industryarea .slick-prev {

    left: -48px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999;

    border: none

}



.home-newpage .industryarea .slick-prev:before {

    content: '\f104';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}



.home-newpage .industryarea .slick-next {

    right: -48px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999;

    border: none

}



.home-newpage .industryarea .slick-next:before {

    content: '\f105';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}



.home-newpage .industryarea .slick-dots {

    display: none !important

}



.home-newpage .industryarea .vclogo {

    background: url(../../images-2/Zivratechs360-1.png) no-repeat;

    height: 482px;

    display: block;

    background-size: 100%

}



.home-newpage .industryarea .nav-pills {

    margin: 0 0 50px

}



.home-newpage .industryarea ul.resp-tabs-list {

    position: relative

}



.home-newpage .industryarea ul.resp-tabs-list:after {

    content: '';

    position: absolute;

    height: 110px;

    width: 1px;

    background: #efedf7;

    right: 0;

    top: 40px

}



.home-newpage .industryarea .resp-tab-content {

    padding: 30px 0 0

}



.home-newpage .industryarea  {

    padding: 10px 0 15px;

    font: 18px/25px mulisemibold, sans-serif;

    margin: 0;

    background: #fff;

    color: #363636;

    text-align: center;

    text-transform: capitalize;

    position: relative

}



.home-newpage .industryarea :after {

    content: '';

    position: absolute;

    height: 110px;

    width: 1px;

    background: #efedf7;

    left: 0;

    top: 40px

}



.home-newpage .industryarea  i {

    display: block;

    background: url(../../images-2/industry-sprite.png) no-repeat;

    width: 100px;

    height: 70px;

    margin: 0 auto;

    text-align: center

}



.home-newpage .industryarea  .icon1 {

    background-position: 20px 8px

}



.home-newpage .industryarea  .icon2 {

    background-position: 0 -120px

}



.home-newpage .industryarea  .icon3 {

    background-position: 18px -255px

}



.home-newpage .industryarea  .icon4 {

    background-position: 18px -395px

}



.home-newpage .industryarea  .icon5 {

    background-position: 20px -525px

}



.home-newpage .industryarea  .icon6 {

    background-position: 15px -665px

}



.home-newpage .industryarea  .icon7 {

    background-position: 20px -785px

}



.home-newpage .industryarea  .icon8 {

    background-position: 20px -915px

}



.home-newpage .industryarea  .icon9 {

    background-position: 18px -1030px

}



.home-newpage .industryarea .resp-tab-active {

    background: url(../../images-2/tabbg3.png) left no-repeat #1e3e99;

    box-shadow: 0 0 15px rgba(0, 0, 0, .1);

    position: relative

}



.home-newpage .industryarea .resp-tab-active:after {

    display: none

}



.home-newpage .industryarea .resp-tab-active:before {

    content: '\f0d7';

    font-family: FontAwesome;

    color: #1d3c94;

    position: absolute;

    bottom: -17px;

    left: 0;

    right: 0;

    margin: 0 auto;

    font-size: 50px

}



.home-newpage .industryarea .resp-tab-active .tablink {

    color: #fff

}



.home-newpage .industryarea .resp-tab-active .icon1 {

    background-position: -117px 8px

}



.home-newpage .industryarea .resp-tab-active .icon2 {

    background-position: -140px -120px

}



.home-newpage .industryarea .resp-tab-active .icon3 {

    background-position: -120px -255px

}



.home-newpage .industryarea .resp-tab-active .icon4 {

    background-position: -120px -395px

}



.home-newpage .industryarea .resp-tab-active .icon5 {

    background-position: -118px -525px

}



.home-newpage .industryarea .resp-tab-active .icon6 {

    background-position: -124px -665px

}



.home-newpage .industryarea .resp-tab-active .icon7 {

    background-position: -119px -785px

}



.home-newpage .industryarea .resp-tab-active .icon8 {

    background-position: -119px -915px

}



.home-newpage .industryarea .resp-tab-active .icon9 {

    background-position: -117px -1030px

}



.home-newpage .industryarea .tab-content .active {

    box-shadow: none;

    border: none

}



.home-newpage .industryarea .nav-tabs {

    width: 100% !important

}



.home-newpage .industryarea a:hover {

    text-decoration: none

}



.home-newpage .industryarea .textarea {

    width: 69%;

    margin: 0 0 60px

}



.home-newpage .industryarea .textarea h3 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #4d596b;

    margin: 0 0 5px;

    text-transform: capitalize

}



.home-newpage .industryarea .textarea p {

    font: 16px/28px Poppins;

    color: #7a8598;

    margin: 0 0 30px

}



.home-newpage .industryarea .textarea .more {

    font: 15px/24px mulisemibold, sans-serif;

    color: #7a8598;

    border: 1px dashed #7a8598;

    padding: 10px

}



.home-newpage .industryarea .textarea .more:hover {

    color: #60b741;

    border-color: #60b741

}



.home-newpage .industryarea .textarea ul {

    list-style: none;

    padding: 0 0 30px 50px

}



.home-newpage .industryarea .textarea ul li {

    position: relative;

    font: 16px/28px Poppins;

    color: #4d596b;

    padding: 0 0 15px 5px

}



.home-newpage .industryarea .textarea ul li:before {

    content: '\f105';

    font-family: FontAwesome;

    width: 30px;

    height: 30px;

    border-radius: 100px;

    font-size: 20px;

    color: #000;

    position: absolute;

    left: -48px;

    top: 0;

    background: #fff;

    box-shadow: 0 0 5px rgba(0, 0, 0, .1);

    text-align: center

}



.home-newpage .trending-techsec {

    padding: 75px 0;

    background: url(../../images-2/block-bg.jpg) center no-repeat;

    background-size: cover

}



.home-newpage .trending-techsec .techno-area {

    position: relative;

    width: 100%

}



.home-newpage .trending-techsec .techno-area ul {

    list-style: none

}



.home-newpage .trending-techsec .techno-area ul li {

    font: 17px/28px mulisemibold, sans-serif;

    border: 1px solid rgba(255, 255, 255, .5);

    vertical-align: middle;

    color: #fff;

    margin: 0 0 10px;

    width: 100%;

    transition: all .5s ease 0s

}



.home-newpage .trending-techsec .techno-area ul li a {

    padding: 7px 15px;

    display: block;

    color: #fff

}



.home-newpage .trending-techsec .techno-area ul li:hover {

    border: 1px solid #3a5abf;

    background: #3a5abf

}



.home-newpage .trending-techsec .techno-area ul li:hover a {

    text-decoration: none

}



.home-newpage .trending-techsec .techno-area span {

    background: url(../../images-2/treading-sprite.png) no-repeat;

    width: 60px;

    height: 60px;

    margin: 0 8px 0 0;

    display: inline-block;

    vertical-align: middle

}



.home-newpage .trending-techsec .techno-area .icon1 {

    background-position: 0 5px

}



.home-newpage .trending-techsec .techno-area .icon2 {

    background-position: 0 -99px

}



.home-newpage .trending-techsec .techno-area .icon3 {

    background-position: 0 -228px

}



.home-newpage .trending-techsec .techno-area .icon4 {

    background-position: 0 -338px

}



.home-newpage .trending-techsec .techno-area .icon5 {

    background-position: 0 -475px

}



.home-newpage .trending-techsec .techno-area .icon6 {

    background-position: 0 -608px

}



.home-newpage .trending-techsec .techno-area .icon7 {

    background-position: 0 -728px

}



.home-newpage .trending-techsec .techno-area .icon8 {

    background-position: -5px -854px

}



.home-newpage .trending-techsec .techno-area .icon9 {

    background-position: 0 -964px

}



.home-newpage .trending-techsec .techno-area .icon10 {

    background-position: 0 -1103px

}



.home-newpage .trending-techsec .techno-area .imgsec {

    width: 34%;

    left: 0;

    right: 0;

    top: 3em;

    position: absolute;

    z-index: 9;

    margin: 0 auto

}



.home-newpage .trending-techsec .techno-area .left-sec {

    width: 28%;

    float: left;

    margin: 0 0 50px

}



.home-newpage .trending-techsec .techno-area .right-sec {

    width: 28%;

    float: right;

    margin: 0 0 50px

}



.home-newpage .trending-techsec .yelbor-bt {

    border: 1px solid #ffbc00;

    color: #ffbc00

}



.home-newpage .trending-techsec .yelbor-bt:hover {

    border: 1px solid #60b741;

    color: #60b741 !important

}



.home-newpage .clientlogo-aera {

    padding: 75px 0

}



.home-newpage .clientlogo-aera .clientlist {

    clear: both

}



.home-newpage .clientlogo-aera .clientlist .client-box {

    width: 100%;

    background: url(../../images-2/client-sprite.jpg) no-repeat;

    background-size: 100%;

    height: 100px;

    display: block

}



.home-newpage .clientlogo-aera .clientlist .client-box img {

    width: 200%;

    height: 100px;

    object-fit: cover;

    transition: all .5s ease 0s

}



.home-newpage .clientlogo-aera .clientlist .client-box img:hover {

    opacity: inherit;

    filter: none

}



.home-newpage .clientlogo-aera .clientlist .cl-1 {

    background-position: 0 15px

}



.home-newpage .clientlogo-aera .clientlist .cl-2 {

    background-position: 0 -85px

}



.home-newpage .clientlogo-aera .clientlist .cl-3 {

    background-position: 0 -175px

}



.home-newpage .clientlogo-aera .clientlist .cl-4 {

    background-position: 0 -295px

}



.home-newpage .clientlogo-aera .clientlist .cl-5 {

    background-position: 0 -415px

}



.home-newpage .clientlogo-aera .clientlist .cl-6 {

    background-position: 0 -538px

}



.home-newpage .clientlogo-aera .clientlist .cl-7 {

    background-position: 0 -658px

}



.home-newpage .clientlogo-aera .clientlist .cl-8 {

    background-position: 0 -774px

}



.home-newpage .clientlogo-aera .clientlist .cl-9 {

    background-position: 0 -905px

}



.home-newpage .clientlogo-aera .clientlist .cl-10 {

    background-position: 0 -1025px

}



.home-newpage .clientlogo-aera .clientlist .cl-11 {

    background-position: 0 -1127px

}



.home-newpage .clientlogo-aera .clientlist .cl-12 {

    background-position: 0 -1229px

}



.home-newpage .clientlogo-aera .clientlist .cl-13 {

    background-position: 0 -1324px

}



.home-newpage .clientlogo-aera .clientlist .cl-14 {

    background-position: 0 -1420px

}



.home-newpage .clientlogo-aera .clientlist .cl-15 {

    background-position: 0 -1537px

}



.home-newpage .clientlogo-aera .clientlist .cl-16 {

    background-position: 0 -1660px

}



.home-newpage .clientlogo-aera .clientlist .cl-17 {

    background-position: 0 -1768px

}



.home-newpage .clientlogo-aera .clientlist .slick-prev {

    left: -35px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999;

    border: none

}



.home-newpage .clientlogo-aera .clientlist .slick-prev:before {

    content: '\f104';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}



.home-newpage .clientlogo-aera .clientlist .slick-next {

    right: -35px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999;

    border: none

}



.home-newpage .clientlogo-aera .clientlist .slick-next:before {

    content: '\f105';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}



.home-newpage .clientlogo-aera .clientlist .slick-dots {

    display: none !important

}



.home-newpage .testimonials-sec {

    padding: 0 0 75px

}



.home-newpage .testimonials-sec .heading-sec {

    display: none

}



.home-newpage .testimonials-sec .slick-next,

.home-newpage .testimonials-sec .slick-prev {

    display: none !important

}



.home-newpage .testimonials-sec .slick-dots {

    display: block !important

}



.home-newpage .getin-touch {

    background: url(../../images-2/FAQ-bg.jpg) no-repeat

}



.home-newpage .faq-sec {

    background: #fff

}



.home-newpage .rlAccordion>h3 {

    border: 1px solid #ccc

}



.home-newpage .rlAccordion>h3+div.text {

    border: 1px solid #ccc;

    border-top: none;

    margin: -1px 0 0

}



.home-newpage .rlAccordion>h3+div.opened {

    position: relative

}



.home-newpage .rlAccordion>h3+div.opened:before {

    height: 2px;

    width: 100%;

    position: absolute;

    top: -1px;

    background: #fff;

    content: ''

}



.casestudies-sec {

    background: url(../../images-2/vector-bg3.jpg) center no-repeat;

    background-size: cover;

    padding: 75px 0;

	display:none;

}



.casestudies-sec .carousel-control-next {

    right: -5%;

    width: 5%;

    color: #000

}



.casestudies-sec .carousel-control-prev {

    left: -5%;

    width: 5%;

    color: #000

}



.casestudies-sec .carousel-indicators {

    bottom: -20px;

    display: none

}



.casestudies-sec .carousel-indicators .active {

    margin: 2px;

    width: 10px;

    height: 10px;

    background-color: #000

}



.casestudies-sec .carousel-indicators li {

    border: 1px solid #000;

    margin: 2px;

    width: 10px;

    height: 10px;

    border-radius: 100%

}



.casestudies-sec .carousel-item {

    padding: 17px

}



.casestudies-sec .caserow {

    clear: both;

    padding: 40px 50px;

    overflow: hidden;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 0 15px rgba(0, 0, 0, .2)

}



.casestudies-sec .caserow .caseimg {

    width: 42%;

    float: right;

    overflow: hidden;

    border-radius: 10px

}



.casestudies-sec .caserow .casetext {

    width: 45%;

    float: left

}



.casestudies-sec .caserow .casetext h3 {

    font: 24px/34px mulisemibold, sans-serif;

    color: #000;

    margin: 0 0 10px

}



.casestudies-sec .caserow .casetext h3 span {

    color: #ff9600

}



.casestudies-sec .caserow .casetext h4 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #414569;

    margin: 30px 0 5px

}



.casestudies-sec .caserow .casetext h5 {

    font: 14px/25px Poppins;

    color: #77777e;

    margin: 0

}



.casestudies-sec .caserow .casetext h5 span {

    color: #000

}



.casestudies-sec .caserow .casetext p {

    font: 16px/28px Poppins;

    color: #7a8598

}



.casestudies-sec .caserow .casetext .yel-button {

    padding: 13px 20px;

    font: 15px/24px mulisemibold, sans-serif;

    margin: 30px 10px 0 0

}



.casestudies-sec .caserow .casetext .white-bt {

    background: 0 0;

    color: #ffbc00;

    border: 1px solid #ffbc00;

    padding: 12px 20px

}



.casestudies-sec .caserow .casetext .white-bt:hover {

    color: #60b741 !important;

    border: 1px solid #60b741 !important

}



@media (min-width:2000px) {

    .home-newpage .banner-sec .banner-text {

        width: 60%;

        padding: 8% 0

    }

    .home-newpage .banner-sec .banner-text p {

        margin: 15px 40% 35px 0

    }

}



@media (max-width:1920px) {

    .home-newpage .banner-sec .banner-text {

        padding: 13% 0

    }

}



@media (max-width:1700px) {

    .home-newpage .banner-sec .banner-text {

        padding: 11% 0 10%;

        width: 85%

    }

}



@media (max-width:1679px) {

    .home-newpage .banner-sec .banner-text {

        padding: 10% 0

    }

    .home-newpage .banner-sec .banner-text h1 {

        font: 48px/56px Poppins

    }

}



@media (max-width:1599px) {

    .home-newpage .banner-sec .banner-text {

        padding: 11% 0 9%;

        width: 90%

    }

    .home-newpage .banner-sec .banner-text h1 {

        font: 48px/56px Poppins

    }

}



@media (max-width:1400px) {

    .home-newpage .banner-sec .banner-text {

        padding: 12% 0 11%

    }

    .home-newpage .banner-sec .banner-text h1 {

        font: 48px/56px Poppins

    }

}



@media (max-width:1366px) {

    .home-newpage .banner-sec .banner-text {

        padding: 8% 0

    }

    .home-newpage .banner-sec .banner-text h1 {

        font: 48px/56px Poppins

    }

    .home-newpage .banner-sec .banner-text small {

        font: 48px/64px Poppins

    }

    .home-newpage .banner-sec .banner-text p {

        font: 20px/34px mulilight, sans-serif;

        margin: 15px 30% 35px 0

    }

}



@media (max-width:1292px) {

    .home-newpage .customcontainer {

        max-width: 1100px

    }

    .home-newpage .banner-sec .banner-text {

        padding: 10% 0 8%

    }

    .home-newpage .banner-sec .banner-text small {

        font: 500 52px/52px Poppins

    }

    .home-newpage .banner-sec .banner-text h1 {

        font: 48px/56px Poppins

    }

    .home-newpage .banner-sec .banner-text p {

        font: 20px/36px mulilight, sans-serif

    }

    .home-newpage .software-services .heading-sec {

        margin: 0 0 120px

    }

    .home-newpage .software-services .software-box {

        width: 31.5%

    }

    .home-newpage .trusted-area .content-area {

        max-width: 1100px;

        padding: 60px 100px

    }

    .home-newpage .trusted-area .experience-area li {

        padding: 0 23px

    }

    .home-newpage .trusted-area .experience-area span {

        font: 30px/40px mulisemibold, sans-serif

    }

    .home-newpage .trusted-area .whychoose-sec .whybox {

        padding: 15px 20px

    }

}



@media (max-width:1199px) {

    .home-newpage .customcontainer {

        max-width: 940px

    }

    .home-newpage .banner-sec .banner-text {

        padding: 12% 0 8%

    }

    .home-newpage .banner-sec .banner-text small {

        font: 40px/50px Poppins

    }

    .home-newpage .banner-sec .banner-text h1 {

        font: 40px/48px Poppins

    }

    .home-newpage .software-services .software-box {

        width: 31.2%

    }

    .home-newpage .trusted-area .content-area {

        max-width: 940px;

        padding: 50px 30px

    }

    .home-newpage .trusted-area .experience-area li {

        padding: 0 8px

    }

    .home-newpage .trusted-area .experience-area p {

        font: 16px/25px Poppins

    }

    .home-newpage .trusted-area .whychoose-sec .whybox {

        padding: 15px 5px

    }

    .home-newpage .trusted-area .whychoose-sec .whybox h3 {

        font: 15px/25px Poppins

    }

    .home-newpage .allservices-area  {

        padding: 20px 24px;

        font: 16px/25px mulisemibold, sans-serif

    }

    .home-newpage .industryarea  {

        padding: 30px 25.8px 20px;

        font: 15px/25px mulisemibold, sans-serif

    }

    .home-newpage .industryarea .textarea {

        width: 90%

    }

    .home-newpage .industryarea .vclogo {

        margin: 0;

        background-position: 23px 103px;

        background-size: 60%

    }

    .home-newpage .industryarea .vclogo img {

        max-width: 73%

    }

    .home-newpage .trending-techsec .techno-area .imgsec {

        width: 30%

    }

    .home-newpage .trending-techsec .techno-area .left-sec,

    .home-newpage .trending-techsec .techno-area .right-sec {

        width: 33%

    }

    .home-newpage .clientlogo-aera .clientlist .client-box {

        width: 123%

    }

    .casestudies-sec .caserow .casetext {

        width: 56%

    }

}



@media (max-width:1025px) {

    .home-newpage .banner-sec .banner-text h1 {

        font: 40px/48px Poppins

    }

}



@media (max-width:991px) {

    .home-newpage .clientlogo-aera .clientlist,

    .home-newpage .industryarea .vclogo,

    .home-newpage .trending-techsec .techno-area .imgsec {

        display: none

    }

    .home-newpage .banner-sec .banner-text,

    .home-newpage .trusted-area .experience-area ul {

        text-align: center

    }

    .tp-marg {

        margin: 30px 0 0

    }

    .home-newpage .customcontainer {

        max-width: 700px

    }

    .home-newpage .banner-sec .banner-text small {

        font: 40px/50px Poppins

    }

    .home-newpage .banner-sec .banner-text h1 {

        font: 40px/48px Poppins

    }

    .home-newpage .banner-sec .banner-text p {

        margin: 15px 0 35px

    }

    .home-newpage .software-services .software-box {

        width: 47.2%

    }

    .home-newpage .trusted-area .content-area {

        max-width: 700px;

        padding: 30px 50px

    }

    .home-newpage .trusted-area .experience-area li {

        width: 32%

    }

    .home-newpage .trusted-area .experience-area li:before {

        height: 50px;

        top: 15px

    }

    .home-newpage .trusted-area .experience-area p {

        font: 13px/25px mulisemibold, sans-serif

    }

    .home-newpage .trusted-area .whychoose-sec .whybox {

        padding: 15px 20px

    }

    .home-newpage .allservices-area  {

        padding: 20px 8px;

        font: 16px/25px mulisemibold, sans-serif;

        margin: 0

    }

    .home-newpage .industryarea  {

        padding: 30px 5.8px 20px;

        font: 15px/25px mulisemibold, sans-serif

    }

    .home-newpage .industryarea .textarea {

        width: 100%;

        margin: 0 0 30px

    }

    .home-newpage .trending-techsec .techno-area .left-sec,

    .home-newpage .trending-techsec .techno-area .right-sec {

        width: 48%

    }

    .casestudies-sec .caserow .casetext {

        width: 100%;

        float: none;

        text-align: center;

        margin: 30px 0 0

    }

    .casestudies-sec .caserow .casetext h4 {

        margin: 20px 0

    }

    .casestudies-sec .caserow .casetext .yel-button {

        margin: 20px 0 0;

        font: 12px/24px Poppins !important;

        padding: 8px 10px

    }

    .casestudies-sec .caserow .caseimg {

        width: 70%;

        float: none;

        margin: 0 auto

    }

}



@media (max-width:800px) {

    .home-newpage .allservices-area h2.resp-tab-active,

    .home-newpage .industryarea h2.resp-tab-active {

        background: #1e3e99 !important

    }

    .home-newpage .banner-sec .banner-text {

        padding: 15% 0 8%

    }

    .home-newpage .banner-sec .banner-text small {

        font: 40px/60px Poppins

    }

    .home-newpage .banner-sec .banner-text h1 {

        font: 40px/48px Poppins;

        margin: 0

    }

    .home-newpage .banner-sec .banner-text p {

        font: 18px/30px mulilight, sans-serif

    }

    .home-newpage .allservices-area h2.resp-accordion {

        overflow: hidden;

        padding: 10px 10px 20px

    }

    .home-newpage .industryarea h2.resp-accordion {

        overflow: hidden;

        padding: 0 10px 27px

    }

    .home-newpage .industryarea .resp-tab-content {

        padding: 20px 0 0

    }

    .home-newpage .industryarea .textarea h3 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .home-newpage .industryarea .imgshow {

        display: none

    }

}



@media (max-width:767px) {

    .home-newpage .customcontainer {

        max-width: 420px

    }

    .home-newpage .banner-sec .banner-text {

        padding: 20% 0 8%

    }

    .home-newpage .banner-sec .banner-text small {

        font: 30px/40px Poppins

    }

    .home-newpage .banner-sec .banner-text h1 {

        font: 30px/38px Poppins;

        margin: 0

    }

    .home-newpage .banner-sec .banner-text p {

        font: 16px/25px mulilight, sans-serif

    }

    .home-newpage .banner-sec .banner-text .button {

        padding: 10px 20px;

        font: 16px/25px Poppins

    }

    .home-newpage .software-services,

    .home-newpage .trusted-area {

        padding: 50px 0

    }

    .home-newpage .software-services .software-box {

        width: 100%;

        margin: 0 0 75px

    }

    .home-newpage .software-services .mrg-mob {

        margin: 0 0 30px !important

    }

    .home-newpage .trusted-area .content-area {

        max-width: 450px;

        padding: 20px

    }

    .home-newpage .trusted-area .content-area .heading-sec {

        margin: 0

    }

    .home-newpage .trusted-area .content-area .heading-sec h2 {

        font: 20px/30px mulisemibold, sans-serif

    }

    .home-newpage .trusted-area .content-area .heading-sec p {

        font: 16px/25px Poppins

    }

    .home-newpage .trusted-area .experience-area {

        margin: 0 0 30px

    }

    .home-newpage .trusted-area .experience-area span {

        font: 30px/30px mulisemibold, sans-serif

    }

    .casestudies-sec .caserow .casetext h3,

    .home-newpage .trusted-area .whychoose-sec .heading-sec h2 {

        font: 20px/30px mulisemibold, sans-serif

    }

    .home-newpage .trusted-area .experience-area li {

        padding: 0 8px;

        width: 45%

    }

    .casestudies-sec .caserow .caseimg,

    .home-newpage .trending-techsec .techno-area .right-sec {

        width: 100%

    }

    .home-newpage .trusted-area .whychoose-sec {

        clear: both;

        margin: 20px 0 0

    }

    .home-newpage .allservices-area {

        padding: 20px 0 50px

    }

    .casestudies-sec,

    .home-newpage .clientlogo-aera,

    .home-newpage .industryarea,

    .home-newpage .trending-techsec {

        padding: 50px 0

    }

    .home-newpage .trending-techsec .techno-area .left-sec {

        width: 100%;

        margin: 0

    }

    .casestudies-sec .carousel-control-next,

    .casestudies-sec .carousel-control-prev {

        display: none

    }

    .casestudies-sec .carousel-indicators {

        display: flex

    }

    .casestudies-sec .caserow {

        padding: 20px

    }

    .casestudies-sec .caserow .casetext h3 {

        margin: 0 0 10px

    }

}



@media (max-width:575px) {

    .home-newpage .heading-sec h2 {

        font: 19px/30px mulisemibold, sans-serif

    }

    .home-newpage .heading-sec p {

        font: 16px/25px Poppins

    }

    .home-newpage .banner-sec .banner-text {

        padding: 20% 0 8%

    }

    .home-newpage .banner-sec .banner-text small {

        font: 25px/35px mulisemibold, sans-serif;

        margin: 0 0 10px

    }

    .home-newpage .banner-sec .banner-text h1 {

        font: 18px/26px mulisemibold, sans-serif;

        margin: 0

    }

    .home-newpage .banner-sec .banner-text p {

        font: 14px/22px mulilight, sans-serif;

        margin: 10px 0

    }

    .home-newpage .banner-sec .banner-text .button {

        margin: 10px 0 0

    }

    .home-newpage .trending-techsec .techno-area ul li {

        font: 15px/28px mulisemibold, sans-serif

    }

    .home-newpage .trending-techsec .techno-area ul li a {

        padding: 0 10px

    }

    .home-newpage .clientlogo-aera .clientlist .slick-next,

    .home-newpage .clientlogo-aera .clientlist .slick-prev {

        display: none !important

    }

}



@media (max-width:479px) {

    .home-newpage .customcontainer {

        max-width: 240px

    }

    .home-newpage .trusted-area .content-area {

        max-width: 280px;

        padding: 15px

    }

    .home-newpage .trusted-area .experience-area li {

        width: 100%

    }

    .home-newpage .trusted-area .whychoose-sec {

        clear: both;

        margin: 20px 0 0

    }

    .home-newpage .trusted-area .whychoose-sec .heading-sec h2 {

        font: 20px/30px mulisemibold, sans-serif

    }

    .home-newpage .trusted-area .whychoose-sec .whybox {

        padding: 15px 5px

    }

}



body::-webkit-scrollbar {

    width: 1em

}



body::-webkit-scrollbar-track {

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)

}



body::-webkit-scrollbar-thumb {

    background-color: #ffbc00;

    border-radius: 20px;

    outline: #708090 solid 1px

}



a {

    text-decoration: none;

    transition: all .5s ease 0s

}



a:hover {

    text-decoration: none;

    box-shadow: none

}



button:focus {

    outline: 0 !important

}



.bgnone {

    background: 0 0 !important

}



.ctabuttom {

    background: #ffbc00;

    color: #000;

    padding: 10px 80px;

    font: 20px/30px mulisemibold, sans-serif;

    border-radius: 3px;

    display: inline-block;

    margin: 30px 0 10

}



.holowcta,

.holowcta2 {

    padding: 10px 45px;

    font: 18px/28px mulisemibold, sans-serif;

    display: inline-block;

    margin: 30px 0 0

}



.ctabuttom:hover {

    background:#df4f26;

    color: #fff;

    box-shadow: none

}



.holowcta {

    color: #fff;

    border: 3px solid #fff;

    border-radius: 3px

}



.holowcta:hover {

    background: #fff;

    color: #000;

    box-shadow: none

}



.holowcta2 {

    color: #fff;

    border-radius: 3px

}



.holowcta2:hover {

    color: #000;

    box-shadow: none

}



.headingsec {

    clear: both;

    text-align: center;

    margin: 0 0 25px;

    width: 100%

}



.headingsec h2 {

    font: 38px/46px mulibold, sans-serif;

    color: #303033;

    text-transform: capitalize;

    margin: 0 0 15px

}



.headingsec p {

    font: 20px/30px mulilight, sans-serif;

    color: #393939;

    margin: 0 0 25px

}



.headingsec p span {

    color: #ffbc00

}

.faq_t h2,.faq_t p {color: #ffffff !important;}





.carousel-fade2 .carouselitem {

    display: block;

    position: absolute;

    opacity: 0;

    transition: opacity .75s ease-in-out

}



.carousel-fade2 .carouselitem.active {

    opacity: 1

}



.carousel2,

body,

html {

    width: 100%;

    height: 100%

}



.homebanner {

    background: url(../../images-2/index-banner-new.jpg) center no-repeat;

    background-size: cover

}



.homebanner .container {

    position: absolute;

    z-index: 99;

    left: 0;

    right: 0;

    top: 0;

    margin: 0 auto

}



.homebanner .bannertext {

    text-align: center;

    margin: 14.6em 0 8em

}



.homebanner .bannertext h1 {

    font: 48px/58px mulisemibold, sans-serif;

    color: #fff;

    margin: 0 0 15px

}



.homebanner .bannertext p {

    font: 22px/32px mulilight, sans-serif;

    color: #fff;

    margin: 0 0 30px

}



.homebanner .bannertext span {

    color: #ffbc00

}



.homebanner .bannertext strong {

    font-family: mulisemibold, sans-serif

}



.homebanner .certisec {

    background: url(../../images-2/certificate-sprite.png) center no-repeat;

    position: absolute;

    bottom: 0;

    z-index: 99;

    overflow: hidden;

    width: 100%;

    display: block;

    height: 110px;

    margin-bottom: 2em

}



.servicesarea {

   /*  background: #f4f7f6; */

	background: url(../../images-2/riyadh-sunrise.jpg) left no-repeat;

	/* background: url(../../images-2/skyline.jpg) center no-repeat; */

	

	background-size:cover;

    padding: 75px 0

}



.servicesarea ul {

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

	 margin: 2% auto;

}



.servicesarea ul li { text-align:center;

	margin: 15px auto;

    flex: 0 0 30%;

    box-shadow: 3px 3px 6px rgba(0, 0, 0, .1);

    background: #fff;

    transition: all .5s ease 0s;

	padding: 2%;

}

.servicesarea ul li p, .servicesarea ul li h3 {font-size:12px/18px;}

.servicesarea ul li a {

    display: block;

    /*padding: 60px 25px*/

}

.comsec h2 {padding:40px 0 10px 0}

.servicesarea ul li:hover {

    box-shadow: 5px 5px 8px rgba(0, 0, 0, .5);

    transform: scale(1.1)

}



.servicesarea h3 {

    font: 20px/30px mulisemibold, sans-serif;

    color: #e7662c;

    margin: 0 0 10px

}



.servicesarea .icon {

    font-size: 70px;

    margin-bottom: 20px;color:#009999;/*#3a905b#3e99ae*/

    display: block

}



.companysec {

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

	background-color:#fff 	;

	padding: 75px 0;

}



.companysec .imgbox {

    flex: 0 0 45%;

	

}



.companysec .imgbox img {

    /*width: 100%;*/

	width: 250px;

	border: 5px solid red;

    height: 250px;

    display: box block;

    position: relative;

    border-radius: 150px;



}

}



.companysec .contentbox {

    flex: 0 0 55%;

    padding: 60px 0 80px 60px;

    display: flex;

    justify-content: space-around

}



.companysec .contentbox .textbox {

    flex: 0 0 95%;

    padding: 0 90px 0 0

}



.companysec .contentbox .textbox h2 {

    font: 38px/52px mulisemibold, sans-serif;

    margin: 0 0 35px;

    color: #303033

}



.companysec .contentbox .textbox p {

    font: 16px/24px Poppins;

    margin: 0 50px 30px 0;

	text-align:center !important;

}



.companysec .contentbox .textbox ul {

    display: flex;

    flex-wrap: wrap;

    margin: 80px 0 0

}



.companysec .contentbox .textbox ul li {

    border: 2px dotted #0a1d3e;

    padding: 10px 15px;

    margin: 0 15px 0 0;

    text-align: center;

    font: 14px/24px Poppins;

    text-transform: uppercase;

    border-radius: 5px;

    color: #0a1d3e

}



.companysec .contentbox .textbox ul li span {

    font: 34px/40px mulisemibold, sans-serif;

    color: #0a1d3e

}



.companysec .contentbox .online-sec {

    display: flex;

    flex-direction: column;

    position: relative;

    padding: 30px 0 0

}



.companysec .contentbox .online-sec a {

    font-size: 20px;

    color: #1a1a1d;

    margin: 0 0 20px

}



.companysec .contentbox .online-sec a:hover {

    color: #ffbc00;

    text-decoration: none;

    box-shadow: none

}



.companysec .contentbox .online-sec p {

    transform: rotate(-90deg);

    position: absolute;

    right: -6.5em;

    top: 27em;

    width: 230px

}



.companysec .contentbox .online-sec p:after {

    content: '';

    height: 2px;

    width: 70px;

    background: #1a1a1d;

    display: block;

    position: absolute;

    right: -32%;

    top: 14px

}



.outsourcing-sec {

 background: #1b575d;/*#3f9965     #3a905b            */

    padding: 75px 0

}



.outsourcing-sec p:last-child {

    margin-bottom: 0

}



.outsourcing-sec .Satisfaction-sec {

    margin: 0 auto 55px;

    width: 83%

}



.outsourcing-sec .Satisfaction-sec ul {

    border-top: 1px solid rgba(255, 255, 255, .1);

    border-bottom: 1px solid rgba(255, 255, 255, .1);

    padding: 10px 0;

    display: flex;

    justify-content: center

}



.outsourcing-sec .Satisfaction-sec ul li {

    border-left: 1px solid #fff;

    padding: 0 30px 0 70px;

    font: 20px/30px Poppins;

    color: #fff;

    background: url(common/images-2/satisfaction-sprite.png) left no-repeat

}



.outsourcing-sec .Satisfaction-sec ul li:first-child {

    border: none

}



.outsourcing-sec .Satisfaction-sec .icon1 {

    background-position: 28px 0

}



.outsourcing-sec .Satisfaction-sec .icon2 {

    background-position: 28px -80px

}



.outsourcing-sec .Satisfaction-sec .icon3 {

    background-position: 28px -162px

}



.outsourcing-sec .listarea {

    clear: both

}



.outsourcing-sec .listarea ul {

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap

}



.outsourcing-sec .listarea ul li {

    flex: 0 0 21.5%;

    padding: 6px 40px 8px;

    border: 2px dotted #fff;

    border-radius: 5px;

    color: #fff;

    margin-bottom: 20px;

    font: 16px/24px Poppins;

    position: relative

}



.outsourcing-sec .listarea ul li:before {

    content: '\f00c';

    font-family: Fontawesome;

    position: absolute;

    top: 11px;

    left: 15px;

    color: #fff;

    width: 18px;

    height: 18px;

    border: 1px solid #fff;

    line-height: 15px;

    text-align: center;

    border-radius: 100%;

    font-size: 9px

}



.technologies-sec {

    padding: 75px 0;

    background: #f4f7f6

}



.technologies-sec .techno-list {

    width: 75%;

    margin: 0 auto 20px;

    padding: 80px 150px;

    background: #fff

}



.technologies-sec .techno-list .technoRow {

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap;

    border: 2px solid #e4e5e6;

    padding: 0 0 0 20px;

    align-items: center;

    margin-bottom: 5px

}



.technologies-sec .techno-list .technoRow h3 {

    flex: 0 0 16%;

    font: 18px/26px mulibold, sans-serif;

    color: #303033;

    text-align: center

}



.technologies-sec .techno-list .technoRow .more {

    width: 40px;

    height: 40px;

    margin: 0 5px;

    border: 1px solid #ccc;

    border-radius: 100%;

    color: #ccc;

    text-align: center;

    display: block;

    font: 20px/34px Poppins;

    text-transform: uppercase

}



.technologies-sec .techno-list .technoRow .more:hover {

    color: #0a1d3e;

    border: 1px solid #0a1d3e

}



.technologies-sec .techno-list .technoRow ul {

    flex: 0 0 79%;

    display: flex;

    justify-content: space-around

}



.technologies-sec .techno-list .technoRow ul li {

    flex: 0 0 16%;

    font: 14px/20px mulibold, sans-serif;

    text-transform: uppercase;

    color: #828588;

    text-align: center

}



.technologies-sec .techno-list .technoRow ul li a {

    color: #828588;

    display: block;

    padding: 20px 0

}



.technologies-sec .techno-list .technoRow ul li a:hover {

    color: #0a1d3e;

    text-decoration: none;

    box-shadow: none;

    background: #dee8f1;

    background: -moz-linear-gradient(top, #dee8f1 0, #fef7df 100%);

    background: -webkit-linear-gradient(top, #dee8f1 0, #fef7df 100%);

    background: linear-gradient(to bottom, #dee8f1 0, #fef7df 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dee8f1', endColorstr='#fef7df', GradientType=0)

}



.technologies-sec .techno-list .technoRow .mobile span {

    background: url(common/images-2/mobliesprite.png) left no-repeat;

    width: 70px;

    height: 70px;

    display: block;

    margin: 0 auto

}



.technologies-sec .techno-list .technoRow .mobile .icon1 {

    background-position: 10px 10px

}



.technologies-sec .techno-list .technoRow .mobile .icon2 {

    background-position: 12px -135px

}



.technologies-sec .techno-list .technoRow .mobile .icon3 {

    background-position: 8px -273px

}



.technologies-sec .techno-list .technoRow .mobile .icon4 {

    background-position: 8px -405px

}



.technologies-sec .techno-list .technoRow .mobile .icon5 {

    background-position: 10px -552px

}



.technologies-sec .techno-list .technoRow .mobile .icon6 {

    background-position: 5px -706px

}



.technologies-sec .techno-list .technoRow .mobile .icon7 {

    background-position: 8px -835px

}



.technologies-sec .techno-list .technoRow .frontend span {

    background: url(common/images-2/frontendsprite.png) left no-repeat;

    width: 70px;

    height: 70px;

    display: block;

    margin: 0 auto

}



.technologies-sec .techno-list .technoRow .frontend .icon1 {

    background-position: 10px 10px

}



.technologies-sec .techno-list .technoRow .frontend .icon2 {

    background-position: 12px -135px

}



.technologies-sec .techno-list .technoRow .frontend .icon3 {

    background-position: 8px -270px

}



.technologies-sec .techno-list .technoRow .frontend .icon4 {

    background-position: 5px -400px

}



.technologies-sec .techno-list .technoRow .frontend .icon5 {

    background-position: 10px -548px

}



.technologies-sec .techno-list .technoRow .frontend .icon6 {

    background-position: 3px -702px

}



.technologies-sec .techno-list .technoRow .backend span {

    background: url(common/images-2/backendsprite.png) left no-repeat;

    width: 70px;

    height: 70px;

    display: block;

    margin: 0 auto

}



.technologies-sec .techno-list .technoRow .backend .icon1 {

    background-position: 3px 15px

}



.technologies-sec .techno-list .technoRow .backend .icon2 {

    background-position: 12px -130px

}



.technologies-sec .techno-list .technoRow .backend .icon3 {

    background-position: 2px -270px

}



.technologies-sec .techno-list .technoRow .backend .icon4 {

    background-position: 8px -400px

}



.technologies-sec .techno-list .technoRow .backend .icon5 {

    background-position: 10px -548px

}



.technologies-sec .techno-list .technoRow .backend .icon6 {

    background-position: 12px -703px

}



.technologies-sec .techno-list .technoRow .content span {

    background: url(common/images-2/contentsprite.png) left no-repeat;

    width: 70px;

    height: 70px;

    display: block;

    margin: 0 auto

}



.technologies-sec .techno-list .technoRow .content .icon1 {

    background-position: 12px 10px

}



.technologies-sec .techno-list .technoRow .content .icon2 {

    background-position: 13px -130px

}



.technologies-sec .techno-list .technoRow .content .icon3 {

    background-position: 12px -275px

}



.technologies-sec .techno-list .technoRow .content .icon4 {

    background-position: 8px -400px

}



.technologies-sec .techno-list .technoRow .content .icon5 {

    background-position: 10px -550px

}



.technologies-sec .techno-list .technoRow .content .icon6 {

    background-position: 8px -708px

}



.technologies-sec .techno-list .technoRow .blockchain span {

    background: url(common/images-2/blockchainsprite.png) left no-repeat;

    width: 70px;

    height: 70px;

    display: block;

    margin: 0 auto

}



.technologies-sec .techno-list .technoRow .blockchain .icon1 {

    background-position: 5px 8px

}



.technologies-sec .techno-list .technoRow .blockchain .icon2 {

    background-position: 15px -130px

}



.technologies-sec .techno-list .technoRow .blockchain .icon3 {

    background-position: 10px -275px

}



.technologies-sec .techno-list .technoRow .blockchain .icon4 {

    background-position: 10px -402px

}



.technologies-sec .techno-list .technoRow .blockchain .icon5 {

    background-position: 10px -545px

}



.technologies-sec .techno-list .technoRow .blockchain .icon6 {

    background-position: 10px -707px

}



.technologies-sec .techno-list .technoRow .blockchain .icon7 {

    background-position: 5px -840px

}



.industrysec {

    clear: both

}



.industrysec .industryRow {

    width: 75%;

    padding: 75px 15px;

    margin: 0 auto 75px;

    border-bottom: 1px solid #e4e5e6

}



.industrysec .industryRow .headingsec {

    flex: 0 0 28%;

    margin: 0 40px 0 0;

    text-align: left

}



.industrysec .industryRow .industrylist {

    flex: 0 0 69%;

    margin: 20px 0 0

}



.industrysec .industryRow .industrylist h5 {

    font: 16px/24px mulisemibold, sans-serif;

    color: #303033;

    text-transform: uppercase;

    transition: all .5s ease 0s

}



.industrysec .industryRow .industrylist .icon {

    transition: all .5s ease 0s;

    width: 115px !important;

    height: 115px !important;

    display: block;

    text-align: center;

    font-size: 46px;

    line-height: 115px;

    background: #f4f7f6;

    border-radius: 100%;

    margin: 0 auto 10px

}



.industrysec .industryRow .industrylist p {

    opacity: 0;

    font: 15px/22px Poppins;

    text-align: left;

    padding: 10px 15px;

    position: absolute;

    width: 100%;

    bottom: -300px;

    transition: all .5s ease 0s

}



.industrysec .industryRow .industrylist .viewmore {

    color: #06756f;

    font: 11px/20px Poppins;

    float: right;

    margin: 0 10px 0 0;

    text-transform: uppercase

}



.industrysec .industryRow .industrylist .viewmore:hover {

    box-shadow: none;

    color: #ffbc00

}



.industrysec .industryRow .industrylist ul {

    display: flex;

    flex-wrap: wrap

}



.industrysec .industryRow .industrylist ul li {

    flex: 0 0 25%;

    padding: 42px 10px;

    position: relative;

    border-right: 1px solid #e4e5e6;

    border-bottom: 1px solid #e4e5e6;

    margin: -1px -1px 0 0;

    text-align: center;

    transition: all .5s ease 0s;

    overflow: hidden

}



.industrysec .industryRow .industrylist ul li:nth-child(4n+0) {

    border-right: none

}



.industrysec .industryRow .industrylist ul li:nth-child(5n+0),

.industrysec .industryRow .industrylist ul li:nth-child(6n+0),

.industrysec .industryRow .industrylist ul li:nth-child(7n+0),

.industrysec .industryRow .industrylist ul li:nth-child(8n+0) {

    border-bottom: none

}



.industrysec .industryRow .industrylist ul li:hover {

    padding: 0;

    display: flex

}



.industrysec .industryRow .industrylist ul li:hover .icon {

    width: 45px !important;

    height: 45px !important;

    line-height: 45px;

    font-size: 30px;

    margin: 8px 0 0 8px;

    position: relative

}



.industrysec .industryRow .industrylist ul li:hover .icon:before {

    content: '';

    width: 60px;

    height: 1px;

    background: #ffbc00;

    position: absolute;

    top: -8px;

    left: -8px

}



.industrysec .industryRow .industrylist ul li:hover .icon:after {

    content: '';

    width: 1px;

    height: 60px;

    background: #ffbc00;

    position: absolute;

    top: -8px;

    left: -8px

}



.industrysec .industryRow .industrylist ul li:hover p {

    bottom: inherit;

    top: 82px;

    opacity: 1

}



.industrysec .industryRow .industrylist ul li:hover h5 {

    position: absolute;

    left: 15px;

    top: 65px;

    text-align: left

}



.ourcase-sec {

    position: relative;

    padding: 0 0 150px

}



.ourcase-sec:after {

    content: '';

    width: 75%;

    margin: 0 auto;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    box-shadow: 0 0 20px rgba(0, 0, 0, .1);

    height: 150px

}



.consulting_process_it .services_box:hover,

.support_solucation_outer .services_box_third_party .inner_box:hover {

    box-shadow: 0 0 30px rgba(0, 0, 0, .1)

}



.ourcase-sec .casebg {

    background: #483b99;

    padding: 100px 0 0

}



.ourcase-sec .travel-bg {

    background: #b7aea8

}



.ourcase-sec .travel-bg .light {

    background: #efe5dc

}



.ourcase-sec .lipchain {

    background: #1a7989

}



.ourcase-sec .lipchain .light {

    background: #49c3d4

}



.ourcase-sec .titanium {

    background: #626383

}



.ourcase-sec .titanium .light {

    background: #7a7d9c

}



.ourcase-sec .bestPlaces {

    background: #22c5d9

}



.ourcase-sec .bestPlaces .light {

    background: #25d5eb

}



.ourcase-sec .onlinetutoring {

    background: #ce6b41

}



.ourcase-sec .onlinetutoring .light {

    background: #f78d61

}



.ourcase-sec .food {

    background: #86d2d5

}



.ourcase-sec .food .light {

    background: #a2f2f5

}



.ourcase-sec .reporting {

    background: #13347c

}



.ourcase-sec .reporting .light {

    background: #163e96

}



.ourcase-sec .watch {

    background: #eef1fb

}



.ourcase-sec .watch .light {

    background: #f6f8fc

}



.ourcase-sec .smoothie {

    background: #eb585b

}



.ourcase-sec .smoothie .light {

    background: #f36c6f

}



.ourcase-sec .renting {

    background: #0499e2

}



.ourcase-sec .renting .light {

    background: #0bafff

}



.ourcase-sec .caseRow {

    width: 75%;

    margin: 0 auto;

    background: #6050c6;

    padding: 80px;

    min-height: 570px

}



.ourcase-sec .slick-next,

.ourcase-sec .slick-prev {

    width: 80px;

    height: 40px;

    bottom: 7%;

    z-index: 8;

    position: absolute

}



.ourcase-sec .caseRow .row {

    flex-direction: row-reverse

}



.ourcase-sec .caseRow .caseimgbox {

    flex: 0 0 40%;

    text-align: center

}



.ourcase-sec .caseRow .contentbox {

    flex: 0 0 55%;

    padding: 0 6em 0 0

}



.ourcase-sec .caseRow .contentbox h2 {

    font: 36px/46px mulisemibold, sans-serif;

    color: #fff;

    margin: 0 0 10px

}



.ourcase-sec .caseRow .contentbox p {

    font: 16px/24px Poppins;

    color: #fff;

    margin: 0 0 15px

}



.ourcase-sec .caseRow .contentbox h5 {

    font: 20px/30px mulisemibold, sans-serif;

    color: #fff;

    margin: 0 0 5px

}



.ourcase-sec .caseRow .contentbox h6 {

    font: 14px/24px mulilight, sans-serif;

    color: #fff;

    margin: 0 0 5px

}



.ourcase-sec .caseRow .black-content .holowcta2,

.ourcase-sec .caseRow .black-content h2,

.ourcase-sec .caseRow .black-content h5,

.ourcase-sec .caseRow .black-content h6,

.ourcase-sec .caseRow .black-content p {

    color: #1e1e1e

}



.ourcase-sec .caseRow .black-content .holowcta {

    color: #1e1e1e;

    border: 3px solid #1e1e1e

}



.ourcase-sec .slick-prev {

    left: 47%;

    font-size: 0;

    border-right: 1px solid #ccc

}



.ourcase-sec .slick-prev:before {

    content: '\f177';

    font-family: FontAwesome;

    font-size: 30px;

    color: #ccc;

    line-height: 40px;

    cursor: pointer

}



.ourcase-sec .slick-prev:hover:before {

    color: #ffbc00

}



.ourcase-sec .slick-next {

    right: 44.7%;

    font-size: 0

}



.ourcase-sec .slick-next:before {

    content: '\f178';

    font-family: FontAwesome;

    font-size: 30px;

    color: #ccc;

    line-height: 40px;

    cursor: pointer

}



.ourcase-sec .slick-next:hover:before {

    color: #ffbc00

}



.ourcase-sec .slick-dots {

    display: none !important;

    position: absolute;

    z-index: 8;

    bottom: 2.8%;

    left: 49.4%;

    width: 30px;

    padding: 10px 0;

    border: 2px solid #6c6c6c;

    text-align: center;

    border-radius: 12px

}



.ourcase-sec .slick-dots button {

    display: none !important

}



.ourcase-sec .slick-dots li {

    width: 5px;

    height: 5px;

    border-radius: 5px;

    background: #6c6c6c;

    margin: 0 auto 3px;

    font-size: none

}



.ourcase-sec .slick-dots .slick-active {

    background: #333

}



.clientspeak-sec {

    padding: 75px 0

}



.clientspeak-sec .clientlist {

    clear: both;

    width: 100%;

    margin: 20px 0 40px;

    display: flex;

    flex-wrap: wrap;

    justify-content: center

}



.clientspeak-sec .clientlist .client-box {

    flex: 0 0 15.7%;

    border: 1px solid #d8d8d8;

    border-radius: 3px;

    height: 80px;

    margin: 0 5px 10px;

    background: url(../../images-2/client-sprite.jpg) no-repeat;

    background-size: 80%;

    display: block;

    -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    opacity: .5;

    transition: all .5s ease 0s

}



.clientspeak-sec .clientReview-sec .newReview .slick-dots button,

.clientspeak-sec .clientReview-sec .newReview .slick-next,

.clientspeak-sec .clientReview-sec .newReview .slick-prev,

.clientspeak-sec .clientlist .slick-dots,

.clientspeak-sec .clientlist .slick-next {

    display: none !important

}



.clientspeak-sec .clientlist .client-box:hover {

    opacity: inherit;

    filter: none

}



.clientspeak-sec .clientlist .cl-1 {

    background-position: 17px 5px

}



.clientspeak-sec .clientlist .cl-2 {

    background-position: 15px -100px

}



.clientspeak-sec .clientlist .cl-3 {

    background-position: 18px -200px

}



.clientspeak-sec .clientlist .cl-4 {

    background-position: 17px -325px

}



.clientspeak-sec .clientlist .cl-5 {

    background-position: 17px -445px

}



.clientspeak-sec .clientlist .cl-6 {

    background-position: 15px -570px

}



.clientspeak-sec .clientlist .cl-7 {

    background-position: 15px -697px

}



.clientspeak-sec .clientlist .cl-8 {

    background-position: 17px -820px

}



.clientspeak-sec .clientlist .cl-9 {

    background-position: 15px -955px

}



.clientspeak-sec .clientlist .cl-10 {

    background-position: 15px -1080px

}



.clientspeak-sec .clientlist .cl-11 {

    background-position: 15px -1185px

}



.clientspeak-sec .clientlist .cl-12 {

    background-position: 15px -1290px

}



.clientspeak-sec .clientlist .cl-13 {

    background-position: 17px -1385px

}



.clientspeak-sec .clientlist .cl-14 {

    background-position: 12px -1485px

}



.clientspeak-sec .clientlist .cl-15 {

    background-position: 18px -1610px

}



.clientspeak-sec .clientlist .cl-16 {

    background-position: 17px -1745px

}



.clientspeak-sec .clientlist .cl-17 {

    background-position: 16px -1850px

}



.clientspeak-sec .clientlist .slick-prev {

    display: none !important;

    left: -35px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999;

    border: none

}



.clientspeak-sec .clientlist .slick-prev:before {

    content: '\f104';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}



.clientspeak-sec .clientlist .slick-next {

    right: -35px;

    position: absolute;

    top: 35%;

    font-size: 0;

    z-index: 9999;

    border: none

}



.clientspeak-sec .clientlist .slick-next:before {

    content: '\f105';

    font-family: FontAwesome;

    color: #737373;

    padding: 0 10px;

    line-height: 40px;

    font-size: 60px

}



.clientspeak-sec .clientReview-sec {

    flex: 0 0 38%;

    margin: 35px 0 0;

    text-align: center;

    overflow: hidden

}



.clientspeak-sec .clientReview-sec .newReview {

    width: 100%

}



.clientspeak-sec .clientReview-sec .newReview .slick-dots {

    clear: both;

    margin: 0;

    z-index: 8

}



.clientspeak-sec .clientReview-sec .newReview .slick-dots li {

    width: 25px;

    height: 2px;

    display: inline-block;

    background: #c7c7c7;

    margin: 0 5px;

    font-size: none;

    cursor: pointer

}



.clientspeak-sec .clientReview-sec .newReview .slick-dots .slick-active {

    background: #06756f

}



.clientspeak-sec .clientReview-sec p {

    font: 16px/24px Poppins;

    color: #000;

    margin: 50px 0 30px;

    position: relative

}



.clientspeak-sec .clientReview-sec p:before {

    content: '\f10d';

    font-family: FontAwesome;

    color: #06756f;

    font-size: 42px;

    position: absolute;

    z-index: 8;

    left: 0;

    right: 0;

    top: -45px

}



.clientspeak-sec .clientReview-sec h5 {

    font: 13px/20px mulibold, sans-serif;

    text-transform: uppercase;

    color: #ffbc00;

    padding: 5px 15px;

    background: #fff;

    position: relative

}



.clientspeak-sec .clientReview-sec h5:after,

.clientspeak-sec .clientReview-sec h5:before {

    content: '';

    background: #c7c7c7;

    height: 1px;

    width: 30%;

    position: absolute;

    top: 15px

}



.clientspeak-sec .clientReview-sec h5:before {

    left: 0

}



.clientspeak-sec .clientReview-sec h5:after {

    right: 0

}



.clientspeak-sec .clientReview-sec h6 {

    font: 12px/18px Poppins

}



.clientspeak-sec .videoReview-sec {

    flex: 0 0 55%;

    background: #000;

    padding: 18px;

    margin: 35px 0 0 auto;

    height: 400px;

    position: relative

}



.clientspeak-sec .videoReview-sec .speak {

    position: absolute;

    right: -105px;

    color: #06756f;

    font: 24px/22px mulisemibold, sans-serif;

    transform: rotate(-90deg);

    top: 3em

}



.clientspeak-sec .videoReview-sec ul {

    list-style: none;

    display: flex;

    justify-content: space-around;

    flex-wrap: wrap

}



.clientspeak-sec .videoReview-sec ul li {

    flex: 0 0 31%;

    margin: 8px 0;

    position: relative

}



.clientspeak-sec .videoReview-sec ul li .click-btn {

    position: absolute;

    z-index: 8;

    top: 40%;

    font-size: 12px;

    width: 30px;

    height: 30px;

    text-align: center;

    line-height: 20px;

    border-radius: 100%;

    left: 0;

    right: 0;

    margin: 0 auto;

    border: 3px solid #ffbc00;

    color: #ffbc00

}



.clientspeak-sec .videoReview-sec ul li .click-btn:hover {

    border: 3px solid #06756f;

    color: #06756f

}



.clientspeak-sec .videoReview-sec .contbox {

    width: 100%;

    min-height: 360px;

    position: relative;

    overflow: hidden

}



.clientspeak-sec .videoReview-sec .contbox button,

.clientspeak-sec .videoReview-sec .videoWrapper iframe {

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 99;

    left: 0

}



.clientspeak-sec .videoReview-sec .contbox button {

    font-size: 0;

    background-size: 100% !important

}



.clientspeak-sec .videoReview-sec .contbox .namebox {

    font: 18px/28px mulisemibold, sans-serif;

    text-align: center;

    color: #156b8e;

    padding: 25px 15px 0

}



.questions-sec .faqslist h3,

.questions-sec .faqslist p {

    position: relative;

    border: 2px solid #efefef;

    background: #fff

}



.clientspeak-sec .videoReview-sec .modal-dialog {

    max-width: 600px;

    margin: 16em auto 0

}



.clientspeak-sec .videoReview-sec .modal-header {

    padding: 0;

    border-bottom: none

}



.clientspeak-sec .videoReview-sec .modal-header .close {

    font-size: 30px;

    color: #fff

}



.clientspeak-sec .videoReview-sec .modal-content {

    background: 0 0 !important;

    border: none

}



.clientspeak-sec .videoReview-sec .modal-body {

    padding: 0;

    border: 10px solid #ffbc00;

    height: 380px

}



.questions-sec {

    padding: 75px 0;

    background:#1b3249;/*#3f9965   #4e6f91  */

}



.questions-sec .faqslist {

    width: 75%;

    margin: 0 auto

}



.questions-sec .faqslist h3 {

    padding: 16px 20px;

    font: 16px/21px Poppins;

    color: #303033;

    margin: 0 0 15px;

    cursor: pointer

}



.questions-sec .faqslist p {

    display: none;

    font: 14px/22px Poppins;

    color: #282828 !important;

    padding: 0 20px 20px;

    margin: -30px 0 30px;

    border-top: none

}



.questions-sec .faqslist h3 {

    padding-right: 50px

}



.questions-sec .faqslist h3:after {

    content: "+";

    color: #9ca2a8;

    font-size: 28px;

    display: inline-block;

    position: absolute;

    width: 15px;

    text-align: center;

    right: 30px;

    top: 18px;

    line-height: 20px

}



.questions-sec .faqslist .selected:after {

    content: "-";

    color: #9ca2a8;

    font-size: 30px;

    line-height: 24px

}



.getin-touch {

    padding: 75px 0

}



.getin-touch form {

    width: 80%;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap

}



.getin-touch input {

    flex: 0 0 50%;

    height: 65px;

    font: 14px/24px Poppins;

    padding: 0 20px;

    border: 2px solid #c9c9c9;

    margin: -2px 0 0 -2px

}



.getin-touch .select-wrapper {

    flex: 0 0 50%;

    position: relative

}



.getin-touch .select-wrapper:after {

    font-family: FontAwesome;

    content: '\f107';

    font-size: 28px;

    position: absolute;

    top: 12px;

    right: 20px;

    color: #434B67;

    pointer-events: none

}



.getin-touch select,

.getin-touch textarea {

    font: 14px/24px Poppins;

    border: 2px solid #c9c9c9;

    margin: -2px 0 0 -2px

}



.getin-touch select {

    background: #fff;

    height: 65px;

    color: #767676;

    padding: 0 20px;

    -webkit-appearance: none;

    -moz-appearance: none;

    -ms-appearance: none;

    -o-appearance: none;

    appearance: none

}



.getin-touch select::-ms-expand {

    display: none

}



.getin-touch textarea {

    flex: 0 0 99.8%;

    height: 180px;

    padding: 15px 20px

}



.getin-touch button {

    background: #ffbc00;

    font: 16px/24px Poppins;

    color: #000;

    border-radius: 5px;

    margin: 40px -10px 0 0;

    padding: 14px 45px

}



.getin-touch button:hover {

    background: #60b741;

    color: #fff

}



.getin-touch .browseRow {

    flex: 0 0 99.8%;

    border: 2px solid #c9c9c9;

    margin: -2px 0 0 -2px

}



.getin-touch .browseRow .checkbox {

    flex: 0 0 50%;

    padding: 22px 0 10px 22px

}



.getin-touch .browseRow .checkbox .check-box {

    display: block;

    position: relative;

    padding-left: 35px;

    margin-bottom: 12px;

    cursor: pointer;

    font: 14px/24px Poppins;

    color: #545454;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.getin-touch .browseRow .checkbox .check-box input {

    position: absolute;

    opacity: 0;

    cursor: pointer

}



.getin-touch .browseRow .checkbox .check-box .checkmark {

    position: absolute;

    top: 0;

    left: 0;

    height: 25px;

    width: 25px;

    background-color: #fff;

    border: 1px solid #c9c9c9

}



.getin-touch .browseRow .checkbox .check-box input:checked~.checkmark {

    background-color: #fff

}



.getin-touch .browseRow .checkbox .checkmark:after {

    content: "";

    position: absolute;

    display: none

}



.getin-touch .browseRow .checkbox .check-box input:checked~.checkmark:after {

    display: block

}



.getin-touch .browseRow .checkbox .check-box .checkmark:after {

    left: 6px;

    top: 3px;

    width: 8px;

    height: 15px;

    border: solid #545454;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg)

}



.getin-touch .browseRow .Url-box {

    margin: 10px 0 0 6px !important

}



.getin-touch .browseRow .Url-box .link_url {

    height: 40px

}



.getin-touch .filesrow {

    width: 60%;

    display: flex;

    flex-wrap: wrap;

    margin: 0 0 15px 20px

}



.getin-touch .filesrow ul {

    flex: 0 0 60%;

    height: 35px;

    border: 1px solid #878787;

    display: flex;

    justify-content: space-around;

    padding: 5px 10px;

    position: relative

}



.getin-touch .filesrow ul li {

    font: 10px/20px Poppins;

    text-transform: uppercase

}



.getin-touch .filesrow ul li:first-child {

    position: relative

}



.getin-touch .filesrow ul li:first-child:after {

    content: '|';

    position: absolute;

    right: -15px;

    top: 0;

    color: #878787

}



.getin-touch .filesrow ul li:last-child {

    border: 1px dashed #444;

    background: #f6f6f6;

    padding: 0 5px;

    font: 10px/20px Poppins

}



.getin-touch .filesrow ul li a {

    color: #5a5a5a

}



.getin-touch .filesrow ul:before {

    content: '\f104';

    font-family: FontAwesome;

    font-size: 20px;

    color: #878787;

    left: -7px;

    top: 1px;

    position: absolute

}



.infosec {

	/* linear-gradient(to bottom, #00cc99 2%, #00ccff 100%) */

	/* linear-gradient(to right, #0e5477 0, #08b9b1 100%) *//*#00a9ba#3c905e#498cae*/

    background: linear-gradient(to bottom, #0e5477 2%, #08b9b1 100%);

    padding: 0 10%;

    display: flex;

    justify-content: center;visibility: unset;

}



.infosec .mailBox {

    text-align: center;

    /*padding:43px ; 3% 20px<>3% 8% 20px 0 

    border-right: 1px solid rgba(255, 255, 255, .1)*/



}



.infosec .mailBox .fa {

    color: #fff;

 /*    font-size: 40px */

}



.infosec .mailBox p {

    font: 18px/32px Poppins;

    color: #fff

}



.infosec .mailBox p a {

    color: #fff;

	cursor: hand;

}



.infosec .mailBox p a:hover {

    color: #ffbc00

}



.infosec .contBox {

    padding: 15px 0 0

}



/* .infosec .row {margin:0px} */



.infosec .contBox ul {

    display: flex;

    justify-content: space-around;

    align-items: center;

    padding: 0 30px /*0 0 0 100px*/

}



.infosec .contBox ul:before {

    content: '';

    background: url(../../images-2/phone-icon.png) no-repeat;

    width: 50px;

    height: 50px;

    display: block;

    margin: 3% 20px/*0 50px 0 0 */

}



.infosec .contBox ul li {

    padding: 0 10px;/* 0 40px*/

    font: 16px/24px Poppins;

	text-align: left

}



.infosec .contBox h3 {

    font: 16px/21px mulibold, sans-serif;

    color: #fff;

    text-transform: uppercase

}



.infosec .contBox h4 {

    font: 14px/24px Poppins;

    color: #fff

}



.infosec .contBox p {

    font: 12px/24px Poppins;

    color: #fff;

}



.footerarea {

    background: url(../../images-2/footerbg.jpg) no-repeat;

    background-size: cover;

    padding: 75px 0 0

}



.footerarea .footRow {

    width: 75%;

    margin: 0 auto

}



.footerarea h4 {

    font: 16px/28px Poppins;

    color:#ffffff;

    margin: 0 0 15px

}



.footerarea .flexbox {

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap

}



.footerarea .flexbox li {

    flex: 0 0 49%

}



.footerarea ul li {

    margin: 0 0 5px

}



.footerarea ul li a {

    font:12px/16px Poppins;

    color: #858484;

    display: block

}



.footerarea ul li a:hover {

    color: #ffffff

}



.footerarea .otherlinks {

    margin: 30px 0;

   /*  float: right */

}



.footerarea .otherlinks ul {

    display: flex

}



.footerarea .otherlinks ul li {

    margin: 0;

    position: relative

}



.footerarea .otherlinks ul li:before {

    content: '|';

    color: #858484;

    position: absolute;

    right: 18px;

    top: -6px

}



.footerarea .otherlinks ul li:last-child:before {

    display: none

}



.footerarea .otherlinks ul li a {

    padding: 0 40px 0 0

}



.footerarea .bottomRow {

    background: #000000;

    padding: 15px 0

}



.footerarea .bottomRow .footRow {

    display: flex;

    justify-content: space-between;

    align-items: center

}



.footerarea .bottomRow p {

    font: 12px/20px Poppins;

    color: rgba(255, 255, 255, .5)

}



.footerarea .bottomRow .socialRow {

    display: flex;

    justify-content: space-around;

    flex: 0 0 15%

}



.footerarea .bottomRow .socialRow a {

    width: 30px;

    height: 30px;

    border: 1px solid #fff;

    font-size: 15px;

    line-height: 27px;

	/* padding: 3% 0 0 0; */

    color: #fff;

    margin: 0 5px;

    display: block;

    text-align: center;

    border-radius: 100%

}



.footerarea .bottomRow .socialRow a:hover {

    background: #fff;

    color: #0a1d3e

}



@media (min-width:2100px) {

    .companysec .contentbox .textbox {

        padding: 7em 20em 0 0

    }

    .companysec .contentbox .online-sec {

        padding: 8em 0 0

    }

    .companysec .contentbox .online-sec p {

        top: 33em

    }

    .footerarea .footRow,

    .industrysec .industryRow,

    .ourcase-sec .caseRow,

    .ourcase-sec:after,

    .questions-sec .faqslist,

    .technologies-sec .techno-list {

        width: 60%

    }

}



@media (min-width:3300px) {

    .homebanner .bannertext {

        margin: 26em 0 8em

    }

    .ourcase-sec:after {

        bottom: 15px

    }

    .ourcase-sec .slick-prev {

        left: 47%

    }

    .ourcase-sec .slick-next {

        right: 48.4%

    }

    .companysec .imgbox {

        flex: 0 0 35%

    }

    .companysec .contentbox .textbox {

        padding: 7em 50em 0 0

    }

}



@media (max-width:1880px) {

    .industrysec .industryRow,

    .ourcase-sec .caseRow,

    .ourcase-sec:after,

    .questions-sec .faqslist,

    .technologies-sec .techno-list {

        width: 86%

    }

    .footerarea .footRow {

        width: 86

    }

}



@media (max-width:1800px) {

    .companysec .contentbox .textbox,

    .infosec {

        padding: 0 0 1.5% 0

    }

    .companysec .contentbox .textbox ul {

        margin: 40px 0 0

    }

}



@media (max-width:1650px) {

    .footerarea .footRow,

    .industrysec .industryRow,

    .ourcase-sec .caseRow,

    .ourcase-sec:after,

    .questions-sec .faqslist {

        width: 95%

    }

    .homebanner .bannertext {

        margin: 10em 0

    }

    .homebanner .certisec {

        background-size: 90%;

        margin-bottom: 1em

    }

    .companysec .imgbox img {

        object-fit: cover;

        height: 720px

    }

    .companysec .contentbox {

        padding: 40px 0 60px 40px

    }

    .companysec .contentbox .textbox {

        padding: 0

    }

    .technologies-sec .techno-list {

        width: 95%;

        padding: 80px

    }

    .ourcase-sec .slick-next {

        right: 43.2%

    }

}



@media (max-width:1500px) {

    .holowcta,

    .holowcta2 {

        padding: 10px 35px

    }

    .companysec .imgbox img {

        object-fit: cover;

        height: 730px

    }

    .companysec .contentbox {

        padding: 60px 0 60px 50px

    }

    .companysec .contentbox .textbox {

        padding: 0 30px 0 0

    }

    .companysec .contentbox .textbox ul {

        margin: 30px 0 0

    }

    .companysec .contentbox .textbox ul li {

        padding: 5px 8px;

        font: 12px/24px Poppins

    }

    .companysec .contentbox .textbox ul li span {

        font: 28px/40px mulibold, sans-serif

    }

    .technologies-sec .techno-list {

        width: 95%

    }

    .industrysec .industryRow .headingsec {

        flex: 0 0 27%;

        margin: 0 40px 0 0

    }

    .ourcase-sec .slick-next {

        right: 42.2%

    }

    .infosec .contBox ul li {

        padding: 0 25px

    }

}



@media (max-width:1399px) {

    .holowcta,

    .holowcta2 {

        padding: 10px 25px

    }

    .headingsec h2 {

        margin: 0 0 10px

    }

    .headingsec p {

        font: 18px/28px mulilight, sans-serif

    }

    .homebanner .bannertext {

        margin: 7em 0 4em

    }

    .homebanner .bannertext h1 {

        font: 48px/56px mulibold, sans-serif;

		padding-top: 5%;

    }

    .homebanner .bannertext p {

        font: 20px/28px mulilight, sans-serif;

        margin: 0 0 20px

    }

    .homebanner .certisec {

        margin-bottom: 0

    }

    .companysec .imgbox img {

        height: 780px;

        object-fit: cover

    }

    .companysec .contentbox .textbox {

        padding: 0 20px 0 0

    }

    .companysec .contentbox .textbox p {

        margin: 0 25px 25px 0

    }

    .companysec .contentbox .textbox ul li {

        margin: 0 10px 0 0;

        font: 12px/24px Poppins

    }

    .industrysec .industryRow .headingsec {

        margin: 0

    }

    .industrysec .industryRow .industrylist {

        flex: 0 0 73%

    }

    .ourcase-sec {

        padding: 0 0 80px

    }

    .ourcase-sec:after {

        height: 80px

    }

    .ourcase-sec .casebg {

        padding: 40px 0 0

    }

    .ourcase-sec .caseRow {

        padding: 50px;

        min-height: 520px

    }

    .ourcase-sec .caseRow .contentbox {

        padding: 0 5em 0 0

    }

    .ourcase-sec .slick-prev {

        left: 44.3%;

        bottom: 3.5%

    }

    .ourcase-sec .slick-next {

        right: 43%;

        bottom: 3.5%

    }

    .clientspeak-sec .videoReview-sec .modal-dialog {

        margin: 11em auto 0

    }

}



@media (max-width:1280px) {

    .companysec .imgbox img {

        height: 660px

    }

    .companysec .contentbox .textbox h2 {

        font: 32px/42px mulibold, sans-serif

    }

    .companysec .contentbox .textbox p {

        font: 16px/24px Poppins;

        margin: 0 0 25px

    }

    .companysec .contentbox .textbox ul {

        margin: 50px 0 0

    }

    .companysec .contentbox .textbox ul li {

        padding: 7px;

        margin: 0 5px 0 0;

        font: 11px/20px Poppins

    }

    .companysec .contentbox .online-sec {

        padding: 0

    }

    .companysec .contentbox .online-sec p {

        top: 24em

    }

    .ourcase-sec .caseRow .contentbox {

        flex: 0 0 60%;

        padding: 0 4em 0 0

    }

    .infosec .contBox ul {

        padding: 0 0 0 50px

    }

    .infosec .contBox ul li {

        padding: 0 15px

    }

}



@media (max-width:1199px) {

    .homebanner .bannertext h1 {

        font: 42px/52px mulisemibold, sans-serif

    }

    .companysec .imgbox {

        flex: 0 0 40%

    }

    .companysec .contentbox {

        flex: 0 0 60%;

        padding: 50px 0 40px 30px

    }

    .companysec .contentbox .textbox {

        padding: 0

    }

    .companysec .contentbox .textbox ul {

        margin: 40px 0 0

    }

    .companysec .contentbox .textbox ul li {

        padding: 7px;

        margin: 0 10px 0 0;

        font: 10px/24px Poppins

    }

    .companysec .contentbox .textbox ul li span {

        font: 26px/40px mulisemibold, sans-serif

    }

    .outsourcing-sec {

        padding: 75px 0

    }

    .outsourcing-sec .Satisfaction-sec {

        width: 100%

    }

    .outsourcing-sec .listarea ul li {

        flex: 0 0 26.5%;

        padding: 10px 40px 10px 50px

    }

    .technologies-sec .techno-list {

        padding: 80px 50px

    }

    .technologies-sec .techno-list .technoRow {

        padding: 0

    }

    .technologies-sec .techno-list .technoRow h3 {

        font: 16px/20px Poppins;

        flex: 0 0 15%

    }

    .technologies-sec .techno-list .technoRow ul li {

        font: 11px/18px mulibold, sans-serif

    }

    .industrysec .industryRow .headingsec {

        margin: 0 0 50px;

        flex: 0 0 100%;

        text-align: center

    }

    .industrysec .industryRow .industrylist {

        flex: 0 0 100%

    }

    .ourcase-sec .slick-prev {

        left: 43.6%

    }

    .ourcase-sec .slick-next {

        right: 42%

    }

    .ourcase-sec .caseRow .caseimgbox {

        flex: 0 0 40%

    }

    .ourcase-sec .caseRow .contentbox {

        flex: 0 0 60%;

        padding: 0 2em 0 0

    }

    .clientspeak-sec .clientlist .client-box {

        flex: 0 0 18.8%

    }

    .clientspeak-sec .videoReview-sec {

        height: 320px

    }

    .clientspeak-sec .videoReview-sec .speak {

        right: -95px

    }

    .clientspeak-sec .videoReview-sec .modal-dialog {

        margin: 11em auto 0

    }

    .infosec .mailBox {

        padding: 20px 0 /*20px 3% 20px 0*/

		float:left;

    }

    .infosec .contBox ul {

        padding: 0 0 0 15px

    }

    .infosec .contBox ul:before {

        margin: 0 15px 0 0

    }

    .infosec .contBox ul li {

        padding: 0 15px

    }

    .footerarea ul li a {

        font: 12px/18px Poppins

    }

}



@media (max-width:991px) {

    .holowcta,

    .holowcta2 {

        padding: 10px 15px;

        font: 16px/26px Poppins

    }

    .headingsec h2 {

        font: 30px/45px mulisemibold, sans-serif

    }

    .carousel-inner2,

    .carousel2,

    .carouselitem,

    body,

    html {

        height: 780px

    }

    .homebanner .bannertext {

        margin: 7em 0 2em

    }

    .homebanner .bannertext h1 {

        font: 36px/46px mulisemibold, sans-serif

    }

    .homebanner .certisec {

        display: none

    }

    .servicesarea {

        padding: 40px 0

    }

    .servicesarea ul li {

        flex: 0 0 100%;

        margin-bottom: 20px;

        text-align: center

    }

    .servicesarea ul li a {

        padding: 40px 25px;

		

    }

    .servicesarea ul li:hover {

        transform: inherit

    }

    .companysec {

        padding: 40px 0

    }

    .companysec .row {

        justify-content: center

    }

    .companysec .imgbox img {

        height: auto;

        object-fit: inherit

    }

    .companysec .contentbox {

        flex: 0 0 95%;

        padding: 0 20px;

        margin: 30px 0 0;

        display: block

    }

    .companysec .contentbox .textbox {

        text-align: center;

        padding: 0;

        flex: 0 0 100%

    }

    .companysec .contentbox .textbox h2 {

        font: 30px/40px mulisemibold, sans-serif

    }

    .companysec .contentbox .textbox ul {

        justify-content: center

    }

    .companysec .contentbox .textbox ul li {

        padding: 2px 5px;

        margin-bottom: 10px

    }

    .outsourcing-sec,

    .technologies-sec {

        padding: 40px 0

    }

    .companysec .contentbox .online-sec {

        display: inherit;

        text-align: center;

        margin: 30px 0 0

    }

    .companysec .contentbox .online-sec a {

        margin: 0 10px

    }

    .companysec .contentbox .online-sec p {

        position: inherit;

        top: inherit;

        right: inherit;

        transform: inherit;

        width: 100%

    }

    .companysec .contentbox .online-sec p:after {

        display: none

    }

    .outsourcing-sec .Satisfaction-sec ul li {

        font: 16px/24px Poppins

    }

    .outsourcing-sec .listarea ul li {

        flex: 0 0 48.5%

    }

    .technologies-sec .techno-list {

        padding: 30px

    }

    .industrysec .industryRow {

        padding: 40px 15px;

        margin: 0 auto 40px

    }

    .industrysec .industryRow .industrylist h5 {

        font: 15px/24px mulisemibold, sans-serif

    }

    .ourcase-sec {

        padding: 0 0 70px

    }

    .ourcase-sec:after {

        height: 70px

    }

    .ourcase-sec .casebg {

        padding: 50px 0 0

    }

    .ourcase-sec .caseRow {

        padding: 40px 50px;

        min-height: 750px

    }

    .ourcase-sec .caseRow .contentbox {

        padding: 0 2em 0 0

    }

    .ourcase-sec .caseRow .contentbox h2 {

        font: 26px/30px mulibold, sans-serif

    }

    .ourcase-sec .caseRow .contentbox p {

        font: 16px/22px Poppins

    }

    .ourcase-sec .slick-next,

    .ourcase-sec .slick-prev {

        display: none !important

    }

    .ourcase-sec .slick-dots {

        display: block !important;

        left: 0;

        right: 0;

        margin: 0 auto;

        width: 170px;

        bottom: 18px;

        padding: 0 10px 5px

    }

    .clientspeak-sec,

    .questions-sec {

        padding: 40px 0

    }

    .ourcase-sec .slick-dots li {

        display: inline-block;

        margin: 0 3px

    }

    .clientspeak-sec .clientlist,

    .footerarea .mobshow {

        display: none

    }

    .clientspeak-sec .clientReview-sec {

        flex: 0 0 95%;

        margin: 50px auto

    }

    .clientspeak-sec .videoReview-sec {

        flex: 0 0 95%;

        height: auto;

        margin: 20px auto

    }

    .clientspeak-sec .videoReview-sec .modal-dialog {

        margin: 11em auto 0

    }

    .infosec .mailBox p {

        font: 14px/24px Poppins

    }

    .infosec .contBox ul li {

        padding: 0 5px

    }

    .infosec .contBox h3 {

        font: 14px/24px mulibold, sans-serif

		width:100%

    }

    .infosec .contBox h4 {

        font: 12px/20px Poppins

    }

    .infosec .contBox p {

        font: 11px/24px Poppins

    }

    .getin-touch {

        padding: 40px 0

    }

    .getin-touch form {

        width: 100%

    }

    .footerarea {

        padding: 0

    }

    .footerarea ul li a {

        font: 12px/18px Poppins

    }

    .footerarea .bottomRow p {

        font: 12px/20px Poppins

    }

}



@media (max-width:800px) {

    .technologies-sec .techno-list .technoRow ul {

        flex-wrap: wrap;

        flex: 0 0 75%;

        justify-content: center

    }

    .technologies-sec .techno-list .technoRow ul li {

        flex: 0 0 30%

    }

    .industrysec .industryRow .industrylist ul li {

        padding: 40px 5px

    }

    .industrysec .industryRow .industrylist h5 {

        font: 12px/24px mulibold, sans-serif

    }

    .industrysec .industryRow .industrylist p {

        font: 12px/20px Poppins;

        padding: 10px 5px 10px 10px

    }

    .infosec {

        display: block

    }

    .infosec .contBox {

        padding: 0 0 20px

    }

    .infosec .contBox ul:before {

        display: none

    }

    .infosec .contBox ul li {

        /* text-align: center */

		float:left; display: inline-block;

    }

}

	.left_rt {

		    padding: 10px 0 0 40px;

    vertical-align: middle;

margin: auto;

	}

@media (max-width:767px) {

    .carousel-inner2,

    .carousel2,

    .carouselitem,

    body,

    html {

        height: 348px/*650px*/

    }

	.left_rt {padding: 10px 12%}

    .headingsec {

        margin: 0 0 30px

    }

    .headingsec h2 {

        font: 22px/30px mulisemibold, sans-serif

    }

    .headingsec p {

        font: 16px/24px Poppins

    }

    .homebanner .bannertext {

        margin: 5em 0 2em

    }

    .homebanner .bannertext h1 {

        font: 26px/30px mulisemibold, sans-serif

    }

    .homebanner .bannertext p {

        font: 18px/24px mulilight, sans-serif

    }

    .companysec .imgbox {

        flex: 0 0 60%

    }

    .companysec .contentbox .textbox h2 {

        font: 22px/30px mulisemibold, sans-serif

    }

    .outsourcing-sec {

        padding: 40px 0

    }

    .outsourcing-sec .Satisfaction-sec {

        width: 60%

    }

    .outsourcing-sec .Satisfaction-sec ul {

        display: block

    }

    .outsourcing-sec .Satisfaction-sec ul li {

        border: none;

        padding: 0 30px 20px 70px;

        margin-bottom: 10px

    }

    .outsourcing-sec .Satisfaction-sec ul li:last-child {

        margin-bottom: 0

    }

    .technologies-sec .techno-list .technoRow ul {

        flex-wrap: wrap;

        flex: 0 0 76%

    }

    .technologies-sec .techno-list .technoRow ul li {

        flex: 0 0 30%

    }

    .industrysec .industryRow .industrylist h5 {

        font: 15px/24px mulibold, sans-serif

    }

    .industrysec .industryRow .industrylist p {

        font: 14px/20px Poppins;

        padding: 15px

    }

    .industrysec .industryRow .industrylist ul {

        width: 70%;

        margin: 0 auto

    }

    .industrysec .industryRow .industrylist ul li {

        flex: 0 0 50%

    }

    .industrysec .industryRow .industrylist ul li:nth-child(2n+0) {

        border-right: none

    }

    .industrysec .industryRow .industrylist ul li:nth-child(5n+0),

    .industrysec .industryRow .industrylist ul li:nth-child(6n+0) {

        border-bottom: 1px solid #e4e5e6

    }

    .industrysec .industryRow .industrylist ul li:nth-child(7n+0),

    .industrysec .industryRow .industrylist ul li:nth-child(8n+0) {

        border-bottom: inherit

    }

    .ourcase-sec .caseRow .caseimgbox {

        margin: 0 auto 20px;

        flex: 0 0 70%;

        text-align: center

    }

    .ourcase-sec .caseRow .caseimgbox img {

        display: inline-block

    }

    .ourcase-sec .caseRow .contentbox {

        padding: 0;

        flex: 0 0 100%;

        text-align: center

    }

    .ourcase-sec .caseRow .contentbox h2 {

        font: 26px/30px mulibold, sans-serif

    }

    .ourcase-sec .caseRow .contentbox p {

        margin: 0

    }

    .ourcase-sec .caseRow .contentbox h5,

    .ourcase-sec .caseRow .contentbox h6 {

        display: none

    }

    .ourcase-sec .slick-next,

    .ourcase-sec .slick-prev {

        display: none !important

    }

    .getin-touch input,

    .getin-touch select {

        height: 50px

    }

    .getin-touch textarea {

        height: 120px

    }

    .getin-touch .select-wrapper::after {

        top: 4px

    }

    .getin-touch .browseRow {

        padding: 0 0 10px

    }

    .getin-touch .filesrow ul {

        flex: 0 0 90%

    }

    .getin-touch .filesrow ul li:first-child:after {

        display: none

    }

    .questions-sec .faqslist h3 {

        font: 16px/24px Poppins;

        padding: 10px 50px 20px 20px

    }

    .footerarea {

        text-align: center

    }

    .footerarea .flexbox {

        display: block

    }

    .footerarea h4 {

        margin: 0 0 10px

    }

    .footerarea ul {

        margin: 0

    }

    .footerarea .otherlinks {

        float: none;

        text-align: center;

        margin: 10px 0 20px

    }

    .footerarea .otherlinks ul {

        display: block;

        justify-content: center;

        flex-wrap: wrap

    }

    .footerarea .otherlinks ul li:before {

        display: none

    }

    .footerarea .otherlinks ul li a {

        padding: 0 0 5px

    }

    .footerarea .bottomRow .footRow {

        display: block

    }

    .footerarea .bottomRow .socialRow {

        width: 300px;

        margin: 20px auto 0

    }

}



@media (max-width:640px) {

    .technologies-sec .techno-list .technoRow {

        padding: 20px 0

    }

    .technologies-sec .techno-list .technoRow h3 {

        flex: 0 0 100%;

        text-align: center;

        margin-bottom: 10px;

        font: 16px/28px mulibold, sans-serif

    }

    .technologies-sec .techno-list .technoRow ul {

        flex-wrap: wrap;

        flex: 0 0 90%

    }

    .technologies-sec .techno-list .technoRow ul li {

        flex: 0 0 30%

    }

    .industrysec .industryRow .industrylist p {

        font: 14px/20px Poppins

    }

    .industrysec .industryRow .industrylist ul {

        width: 85%;

        margin: 0 auto

    }

    .clientspeak-sec .videoReview-sec .speak {

        display: none

    }

    .clientspeak-sec .videoReview-sec .modal-dialog {

        max-width: 95%;

        width: 95%;

        margin: 10em auto 0

    }

}

.zsiq_theme1.zsiq_floatmain (display:none !important;)



@media (max-width:576px) {

    .ctabuttom {

        padding: 10px 50px

    }

    .homebanner .bannertext h1 {

        font: 20px/26px mulisemibold, sans-serif

    }

    .homebanner .bannertext h1 br {

        display: none

    }

    .homebanner .bannertext p {

        font: 16px/24px mulilight, sans-serif;

        margin: 0 0 15px

    }

    .servicesarea ul li {

        flex: 0 0 100%;

        margin-bottom: 25px

    }

    .outsourcing-sec .Satisfaction-sec {

        width: 80%

    }

    .ourcase-sec {

        padding: 0 0 70px

    }

    .ourcase-sec:after {

        height: 70px

    }

    .ourcase-sec .caseRow {

        padding: 30px;

        min-height: 750px

    }

    .infosec .mailBox {

        padding: 20px 0

    }

    .infosec .contBox ul {

        display: block;

        padding: 0

    }

    .clientspeak-sec .videoReview-sec .contbox {

        min-height: 300px

    }

}



@media (max-width:480px) {

    .outsourcing-sec .Satisfaction-sec {

        width: 100%

    }

    .outsourcing-sec .listarea ul li {

        flex: 0 0 100%

    }

    .technologies-sec .techno-list .technoRow .more {

        margin: 10px auto

    }

    .technologies-sec .techno-list .technoRow ul {

        flex: 0 0 100%

    }

    .technologies-sec .techno-list .technoRow ul li {

        flex: 0 0 48%

    }

    .industrysec .industryRow .industrylist p {

        font: 14px/20px Poppins

    }

    .industrysec .industryRow .industrylist ul {

        width: 62%;

        margin: 0 auto

    }

    .industrysec .industryRow .industrylist ul li {

        flex: 0 0 100%;

        border-right: none !important;

        border-bottom: 1px solid #e4e5e6 !important;

        height: 230px

    }

    .clientspeak-sec .videoReview-sec .contbox {

        min-height: 200px

    }

    .clientspeak-sec .videoReview-sec ul li {

        flex: 0 0 48%

    }

    .clientspeak-sec .videoReview-sec .modal-dialog {

        margin: 11em auto 0

    }

    .getin-touch input {

        flex: 0 0 100%;

        margin: -2px 0 0

    }

    .getin-touch .select-wrapper {

        flex: 0 0 100%

    }

    .getin-touch select {

        flex: 0 0 100%;

        margin: -2px 0 0

    }

    .getin-touch textarea {

        margin: -2px 0 0;

        flex: 100%

    }

    .getin-touch button {

        margin: 20px auto

    }

    .getin-touch .browseRow {

        margin: -2px 0 0;

        flex: 100%;

        display: block;

        padding: 0 0 10px

    }

    .getin-touch .filesrow {

        width: 80%

    }

    .getin-touch .filesrow ul {

        flex: 0 0 94%

    }

}



@media (max-width:360px) {

    .carousel-inner2,

    .carousel2,

    .carouselitem,

    body,

    html {

        height: 100%

    }

    .industrysec .industryRow .industrylist ul {

        width: 80%

    }

}



@media (max-width:350px) {

    .homebanner .bannertext {

        margin: 3.5em 0 2em

    }

    .homebanner .bannertext h1 {

        font: 16px/24px mulibold, sans-serif

    }

    .homebanner .bannertext p {

        font: 13px/18px Poppins;

        margin: 0 0 8px

    }

    .homebanner .bannertext .ctabuttom {

        margin: 15px 0 0;

        padding: 6px 30px

    }

}



.clear {

    clear: both

}



.top_hadder_mian {

    max-width: 1180px;

    width: 100%;

    margin: 0 auto

}



.top_hadder_mian .content_left_sec {

   /* width: 64%;

    float: left;*/

    margin-right: 10px

}



.top_hadder_mian .form_right_sec {

    width: 34%;

    float: right; display:none !important;

    margin-left: 10px

}



.cont_us_btn_fot_ind {

    width: 100%;

    padding: 35px 0 0;

    float: left;

    text-align: center

}



.cont_us_btn_fot_ind a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 70px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase

}



.cont_us_btn_fot_ind a:hover {

    background: #dba613

}



.error-page .page-not-fount {

    z-index: 9 !important

}



.error-page .pagenot-box p a {

    color: #ffbc00;

    text-decoration: none;

    text-decoration: underline

}



.error-page .pagenot-box p a:hoevr {

    color: #000;

    text-decoration: underline

}



.software_product_pages .models-box .headarea h2 {

    float: left;

    text-transform: capitalize;

    font: 24px/35px mulisemibold, sans-serif;

    color: #393939;

    margin: 20px 0 0

}



.software_product_pages .whyhire-sec .whybox span {

    width: 70px;

    height: 70px;

    background: url(../../images-2/why-sprite2.png) no-repeat;

    display: inline-block

}



.software_product_pages .whyhire-sec .whybox .icon1 {

    background-position: -359px -5px

}



.software_product_pages .whyhire-sec .whybox .icon2 {

    background-position: -359px -115px

}



.software_product_pages .whyhire-sec .whybox .icon3 {

    background-position: -362px -241px

}



.software_product_pages .whyhire-sec .whybox .icon4 {

    background-position: -353px -360px

}



.software_product_pages .whyhire-sec .whybox .icon5 {

    background-position: -353px -500px

}



.software_product_pages .whyhire-sec .whybox .icon6 {

    background-position: -353px -625px

}



.software_product_pages .whyhire-sec .whybox .icon7 {

    background-position: -353px -770px

}



.software_product_pages .whyhire-sec .whybox .icon8 {

    background-position: -359px -920px

}



.software_product_pages .whyhire-sec .whybox .icon9 {

    background-position: -359px -1065px

}



.software_product_pages .whyhire-sec .whybox .icon10 {

    background-position: -359px -1205px

}



.software_product_pages .whyhire-sec .whybox .icon11 {

    background-position: -359px -1355px

}



.software_product_pages .whyhire-sec .whybox .icon12 {

    background-position: -359px -1500px

}



.software_product_pages .models-box .headarea .icon {

    background: #1f1784

}



.testing_qa_apge .whyhire-sec {

    background: url(../../images-2/hire-devloper-bg5.jpg) no-repeat

}



.testing_qa_apge .whyhire-sec .whybox h3 {

    color: #1f1784

}



.testing_qa_apge .whyhire-sec .whybox span {

    width: 70px;

    height: 70px;

    background: url(../../images-2/why-sprite.png) no-repeat;

    display: inline-block

}



.testing_qa_apge .whyhire-sec .whybox .icon1 {

    background-position: -359px -5px

}



.testing_qa_apge .whyhire-sec .whybox .icon2 {

    background-position: -359px -115px

}



.testing_qa_apge .whyhire-sec .whybox .icon3 {

    background-position: -362px -241px

}



.testing_qa_apge .whyhire-sec .whybox .icon4 {

    background-position: -353px -360px

}



.testing_qa_apge .whyhire-sec .whybox .icon5 {

    background-position: -353px -500px

}



.testing_qa_apge .whyhire-sec .whybox .icon6 {

    background-position: -353px -625px

}



.testing_qa_apge .whyhire-sec .whybox .icon7 {

    background-position: -353px -770px

}



.testing_qa_apge .whyhire-sec .whybox .icon8 {

    background-position: -359px -920px

}



.testing_qa_apge .whyhire-sec .whybox .icon9 {

    background-position: -359px -1065px

}



.testing_qa_apge .whyhire-sec .whybox .icon10 {

    background-position: -359px -1205px

}



.testing_qa_apge .whyhire-sec .whybox .icon11 {

    background-position: -359px -1355px

}



.testing_qa_apge .whyhire-sec .whybox .icon12 {

    background-position: -359px -1500px

}



.testing_qa_apge .models-box .headarea .icon {

    background: #1f1784

}



.application_modernization_page .review-box p::before,

.it_consulting_page .review-box p::before {

    color: #06615f

}



.faq_heading {

    font: 20px/70px Poppins !important;

    color: #000 !important;

    letter-spacing: -1px

}



.software_product_pages .bltext h3 {

    font: 20px/28px Poppins;

    letter-spacing: -1px;

    text-transform: uppercase;

    color: #000;

    position: relative;

    margin: 0 0 25px

}



.web_application_new_page .banner_sec_main_services {

    float: left;

    width: 100%;

    background-image: url(../../images-2/web-app-banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 170px 0

}



.web_application_new_page .banner_sec_main_services .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1450px;

    position: relative;

    z-index: 999999999999

}



.web_application_new_page .banner_sec_main_services .banner_inner .left_sec {

    width: 45%;

    float: left;

    padding-right: 120px

}



.web_application_new_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

    width: 100%;

    position: relative;

    float: left

}



.web_application_new_page .banner_sec_main_services .banner_inner .left_sec .circle-box img {

    width: 100%

}



.web_application_new_page .banner_sec_main_services .banner_inner .img-poition {

    position: absolute;

    z-index: 99;

    top: -30px;

    left: -29px

}



.web_application_new_page .banner_sec_main_services .banner_inner .left_sec .imgbox {

    background: #fff;

    width: 100%;

    height: 100%;

    border-radius: 100%;

    border: 30px solid #fff;

    overflow: hidden;

    margin: 0;

    position: relative;

    z-index: 9999

}



.web_application_new_page .banner_sec_main_services .banner_inner .right_sec {

    width: 55%;

    float: left

}



.web_application_new_page .banner_sec_main_services .banner_inner h1 {

    font: 76px/120px Poppins;

    color: #fff;

    width: 100%;

    float: left;

    text-transform: capitalize

}



.web_application_new_page .banner_sec_main_services .banner_inner h1 span {

    font: 50px/45px mulilight, sans-serif;

    width: 100%;

    float: left

}



.web_application_new_page .banner_sec_main_services .banner_inner p {

    font: 24px/40px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 100%;

    float: left

}



.web_application_new_page .banner_sec_main_services .banner_inner .mobile_banner {

    width: 100%

}



.web_application_new_page .banner_sec_main_services .banner_inner .cont_us_btn {

    width: 100%;

    padding: 50px 0 0;

    float: left

}



.web_application_new_page .banner_sec_main_services .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 30px;

    color: #fff;

    border: 1px solid #fff;

    font: 20px/55px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase

}



.web_application_new_page .banner_sec_main_services .banner_inner .cont_us_btn a:hover {

    background: #fff;

    color: #000

}



.web_application_new_page .range_softeare_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background: url(../../images-2/develoment-ser-bg.jpg) top center no-repeat;

    background-size: 100%

}



.web_application_new_page .why_outesource_software {

    width: 100%;

    float: left;

    padding: 75px 0

}



.web_application_new_page .our-expertise {

    background: #151a1f;

    padding: 75px 0;

    float: left;

    width: 100%

}



.icon_box_main_for_web_application {

    width: 100%;

    float: left;

    margin-top: 60px

}



.icon_box_main_for_web_application ul {

    margin: 0;

    padding: 0

}



.icon_box_main_for_web_application ul li {

    width: 16%;

    border-radius: 5px;

    float: left;

    margin: 20px;

    text-align: center;

    border: 1px solid #cfcfcf;

    padding: 15px 0;

    background-size: cover

}



.icon_box_main_for_web_application ul li h4 {

    font: 600 20px/28px mulisemibold, sans-serif;

    color: #444;

    text-align: center;

    text-transform: capitalize

}



.icon_box_main_for_web_application ul li:hover h4 {

    color: #1e3e99;

    text-align: center

}



.icon_box_main_for_web_application ul li small {

    width: 100px;

    height: 100px;

    display: inline-block;

    background: url(../../images-2/web_appliaction_sprite1.png) no-repeat rgba(0, 0, 0, 0);

    text-align: center;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease

}



.icon_box_main_for_web_application ul li small.icon {

    background-position: -7px -2px

}



.icon_box_main_for_web_application ul li:hover small.iconh {

    background-position: -235px -2px

}



.icon_box_main_for_web_application ul li small.icon2 {

    background-position: -7px -144px

}



.icon_box_main_for_web_application ul li:hover small.iconh2 {

    background-position: -234px -144px

}



.icon_box_main_for_web_application ul li small.icon3 {

    background-position: -7px -293px

}



.icon_box_main_for_web_application ul li:hover small.iconh3 {

    background-position: -235px -293px

}



.icon_box_main_for_web_application ul li small.icon4 {

    background-position: -7px -453px

}



.icon_box_main_for_web_application ul li:hover small.iconh4 {

    background-position: -235px -453px

}



.icon_box_main_for_web_application ul li small.icon5 {

    background-position: -7px -630px

}



.icon_box_main_for_web_application ul li:hover small.iconh5 {

    background-position: -235px -630px

}



.icon_box_main_for_web_application ul li small.icon6 {

    background-position: -7px -821px

}



.icon_box_main_for_web_application ul li:hover small.iconh6 {

    background-position: -235px -821px

}



.icon_box_main_for_web_application ul li small.icon7 {

    background-position: -7px -1022px

}



.icon_box_main_for_web_application ul li:hover small.iconh7 {

    background-position: -235px -1022px

}



.icon_box_main_for_web_application ul li small.icon8 {

    background-position: -7px -1191px

}



.icon_box_main_for_web_application ul li:hover small.iconh8 {

    background-position: -235px -1191px

}



.icon_box_main_for_web_application ul li small.icon9 {

    background-position: -7px -1383px

}



.icon_box_main_for_web_application ul li:hover small.iconh9 {

    background-position: -235px -1383px

}



.icon_box_main_for_web_application ul li small.icon10 {

    background-position: -7px -1581px

}



.icon_box_main_for_web_application ul li:hover small.iconh10 {

    background-position: -235px -1581px

}



.icon_box_main_for_web_application ul li small.icon11 {

    background-position: -7px -2021px

}



.icon_box_main_for_web_application ul li:hover small.iconh11 {

    background-position: -235px -2021px

}



.icon_box_main_for_web_application ul li small.icon12 {

    background-position: -7px -2261px

}



.icon_box_main_for_web_application ul li:hover small.iconh12 {

    background-position: -235px -2261px

}



.icon_box_main_for_web_application ul li small.icon13 {

    background-position: -7px -2521px

}



.icon_box_main_for_web_application ul li:hover small.iconh13 {

    background-position: -235px -2521px

}



.icon_box_main_for_web_application ul li small.icon14 {

    background-position: -7px -3050px

}



.icon_box_main_for_web_application ul li:hover small.iconh14 {

    background-position: -235px -3050px

}



.icon_box_main_for_web_application ul li small.icon15 {

    background-position: -7px -2791px

}



.icon_box_main_for_web_application ul li:hover small.iconh15 {

    background-position: -235px -2791px

}



.icon_box_main_for_web_application ul li small.icon16 {

    background-position: -7px -3322px

}



.icon_box_main_for_web_application ul li:hover small.iconh16 {

    background-position: -235px -3322px

}



.icon_box_main_for_web_application ul li small.icon17 {

    background-position: -7px -3632px

}



.icon_box_main_for_web_application ul li:hover small.iconh17 {

    background-position: -235px -3632px

}



.icon_box_main_for_web_application ul li small.icon18 {

    background-position: -7px -3952px

}



.icon_box_main_for_web_application ul li:hover small.iconh18 {

    background-position: -235px -3952px

}



.icon_box_main_for_web_application ul li small.icon19 {

    background-position: -7px -4252px

}



.icon_box_main_for_web_application ul li:hover small.iconh19 {

    background-position: -235px -4252px

}



.icon_box_main_for_web_application ul li small.icon20 {

    background-position: -7px -4532px

}



.icon_box_main_for_web_application ul li:hover small.iconh20 {

    background-position: -235px -4532px

}



.icon_box_main_for_web_application ul li small.icon21 {

    background-position: -7px -4802px

}



.icon_box_main_for_web_application ul li:hover small.iconh21 {

    background-position: -235px -4802px

}



.icon_box_main_for_web_application ul li small.icon22 {

    background-position: -7px -5032px

}



.icon_box_main_for_web_application ul li:hover small.iconh22 {

    background-position: -235px -5032px

}



.icon_box_main_for_web_application ul li small.icon23 {

    background-position: -7px -5262px

}



.icon_box_main_for_web_application ul li:hover small.iconh23 {

    background-position: -235px -5262px

}



.icon_box_main_for_web_application ul li small.icon24 {

    background-position: -7px -5492px

}



.icon_box_main_for_web_application ul li:hover small.iconh24 {

    background-position: -235px -5492px

}



.icon_box_main_for_web_application ul li small.icon25 {

    background-position: -7px -5942px

}



.icon_box_main_for_web_application ul li:hover small.iconh25 {

    background-position: -235px -5942px

}



.icon_box_main_for_web_application ul li small.icon26 {

    background-position: -7px -5732px

}



.icon_box_main_for_web_application ul li:hover small.iconh26 {

    background-position: -235px -5732px

}



.icon_box_main_for_web_application ul li small.icon27 {

    background-position: -7px -6182px

}



.icon_box_main_for_web_application ul li:hover small.iconh27 {

    background-position: -235px -6182px

}



.icon_box_main_for_web_application ul li small.icon28 {

    background-position: -7px -6182px

}



.icon_box_main_for_web_application ul li:hover small.iconh28 {

    background-position: -235px -4532px

}



.application_maitenance_page .banner_sec_main_services,

.web_application_new_page .our-services {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    position: relative;

    float: left

}



.icon_box_main_for_web_application ul li:hover {

    transition: all .5s ease;

    border: 1px solid #cfcfcf;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease;

    background-size: cover

}



.web_application_new_page .nav_link1_web {

    padding: 20px 95px !important

}



.web_application_new_page .our-services {

    padding: 75px 0;

    background-image: url(../../images-2/product-conuslting-bg.jpg)

}



.application_maitenance_page .banner_sec_main_services {

    background-image: url(../../images-2/application-maintence-banner.jpg);

    z-index: 9999;

    padding: 170px 0

}



.application_maitenance_page .banner_sec_main_services .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1450px;

    position: relative;

    z-index: 999999999999

}



.application_maitenance_page .banner_sec_main_services .banner_inner .left_sec {

    width: 45%;

    float: left;

    padding-right: 120px

}



.application_maitenance_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

    width: 100%;

    height: 530px;

    position: relative;

    float: left

}



.application_maitenance_page .banner_sec_main_services .banner_inner .left_sec .circle-box img {

    width: 100%

}



.application_maitenance_page .banner_sec_main_services .banner_inner .img-poition {

    position: absolute;

    z-index: 99;

    top: -30px;

    left: -29px

}



.application_maitenance_page .banner_sec_main_services .banner_inner .left_sec .imgbox {

    background: #fff;

    width: 100%;

    height: 100%;

    border-radius: 100%;

    border: 30px solid #fff;

    overflow: hidden;

    margin: 0;

    position: relative;

    z-index: 9999

}



.application_maitenance_page .banner_sec_main_services .banner_inner .right_sec {

    width: 55%;

    float: left

}



.application_maitenance_page .banner_sec_main_services .banner_inner h1 {

    font: 60px/70px mulisemibold, sans-serif;

    color: #fff;

    width: 100%;

    float: left;

    text-transform: capitalize

}



.application_maitenance_page .banner_sec_main_services .banner_inner h1 span {

    font: 40px/45px mulilight, sans-serif;

    width: 100%;

    float: left;

    letter-spacing: -1px

}



.application_maitenance_page .banner_sec_main_services .banner_inner p {

    font: 24px/40px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 100%;

    float: left

}



.application_maitenance_page .banner_sec_main_services .banner_inner .mobile_banner {

    width: 100%

}



.application_maitenance_page .banner_sec_main_services .banner_inner .cont_us_btn {

    width: 100%;

    padding: 50px 0 0;

    float: left

}



.application_maitenance_page .banner_sec_main_services .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 30px;

    color: #fff;

    border: 1px solid #fff;

    font: 20px/55px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase

}



.application_maitenance_page .banner_sec_main_services .banner_inner .cont_us_btn a:hover {

    background: #fff;

    color: #000

}



.support_solucation_outer {

    width: 100%;

    float: left;

    padding: 75px 0;

    background-image: url(../../images-2/product-conuslting-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative

}



.support_solucation_outer .services_box_new {

    width: 100%;

    float: left;

    border: 1px solid #eee;

    margin-top: 50px

}



.support_solucation_outer .services_box_new .inner_box {

    width: 33%;

    float: left;

    padding: 40px 30px;

    min-height: 400px;

    border-right: 1px solid #EEE

}



.support_solucation_outer .services_box_new .inner_box::last-child {

    border: none

}



.support_solucation_outer .services_box_new .inner_box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    position: relative;

    margin-bottom: 15px;

    margin-top: 20px

}



.support_solucation_outer .services_box_new .inner_box p {

    font: 16px/28px Poppins;

    color: #000;

    padding-top: 15px

}



.support_solucation_outer .services_box_new .inner_box small {

    width: 125px;

    height: 120px;

    display: inline-block;

    text-align: left;

    background: url(../../images-2/Maintence-%26-Support-Solutions-bg.png) no-repeat rgba(0, 0, 0, 0)

}



.support_solucation_outer .services_box_new .inner_box:hover small {

    width: 125px;

    height: 110px;

    display: inline-block;

    text-align: left;

    background: url(../../images-2/Maintence-%26-Support-Solutions-bg1.png) no-repeat rgba(0, 0, 0, 0)

}



.support_solucation_outer .services_box_new .inner_box:hover h3,

.support_solucation_outer .services_box_new .inner_box:hover p {

    color: #fff

}



.support_solucation_outer .services_box_new .inner_box:hover {

    background: 0 0;

    background: -moz-linear-gradient(left, #074643 0, #1d6260 100%);

    background: -webkit-linear-gradient(left, #074643 0, #1d6260 100%);

    background: linear-gradient(to right, #074643 0, #1d6260 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#074643', endColorstr='#1d6260', GradientType=1)

}



.support_solucation_outer .services_box_new .inner_box small.Dservices_icon1 {

    background-position: 1px -6px

}



.support_solucation_outer .services_box_new .inner_box small.Dservices_icon2 {

    background-position: 0 -159px

}



.support_solucation_outer .services_box_new .inner_box small.Dservices_icon3 {

    background-position: 0 -311px

}



.support_solucation_outer .services_box_new .inner_box:hover small.Dservices_icon1 {

    background-position: 1px -6px

}



.support_solucation_outer .services_box_new .inner_box:hover small.Dservices_icon2 {

    background-position: 0 -159px

}



.support_solucation_outer .services_box_new .inner_box:hover small.Dservices_icon3 {

    background-position: 0 -311px

}



.support_solucation_outer .services_box_new .inner_box h3::after {

    width: 112px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.support_solucation_outer .services_box_third_party {

    width: 100%;

    float: left;

    border: 1px solid #eee;

    margin-top: 50px

}



.support_solucation_outer .services_box_third_party .inner_box {

    width: 33%;

    float: left;

    padding: 40px 30px;

    min-height: 540px;

    border-right: 1px solid #EEE

}



.support_solucation_outer .services_box_third_party .inner_box::last-child {

    border: none

}



.support_solucation_outer .services_box_third_party .inner_box .icon_box {

    width: 120px;

    height: 120px;

    text-align: center

}



.support_solucation_outer .services_box_third_party .inner_box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    position: relative;

    margin-bottom: 15px;

    margin-top: 20px

}



.support_solucation_outer .services_box_third_party .inner_box p {

    font: 16px/28px Poppins;

    color: #000;

    padding-top: 15px

}



.support_solucation_outer .services_box_third_party .inner_box ul {

    margin: 15px 0 0;

    padding: 0;

    float: left

}



.support_solucation_outer .services_box_third_party .inner_box ul li {

    font: 16px/28px Poppins;

    color: #000;

    padding: 10px 0 10px 40px;

    float: left;

    background: url(../../images-2/it_cheack_new.png) 10px 20px no-repeat

}



.support_solucation_outer .services_box_third_party .inner_box h3::after {

    width: 112px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.application_maitenance_page .range_softeare_sec,

.testing_qa_apge .banner_sec_main_services {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    float: left

}



.application_maitenance_page .why_outesource_software {

    width: 100%;

    float: left;

    padding: 75px 0;

    background-image: url(../../images-2/application_development_banner_whysession.jpg)

}



.application_maitenance_page .why_outesource_software .development_services_inner .content_box h5 {

    color: #1e6361 !important

}



.application_maitenance_page .range_softeare_sec {

    padding: 75px 0 0;

    background-image: url(../../images-2/application_maintmance_banner3.jpg);

    min-height: 240px;

    position: relative

}



.application_maitenance_page .review-box p::before {

    color: #06615f

}



.testing_qa_apge .banner_sec_main_services {

    background-image: url(../../images-2/testing-QA-banner.jpg);

    position: relative;

    z-index: 9999;

    padding: 170px 0

}



.testing_qa_apge .banner_sec_main_services .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1450px;

    position: relative;

    z-index: 999999999999

}



.testing_qa_apge .banner_sec_main_services .banner_inner .left_sec {

    width: 45%;

    float: left;

    padding-right: 120px

}



.testing_qa_apge .banner_sec_main_services .banner_inner .left_sec .circle-box {

    width: 100%;

    position: relative;

    height: 530px;

    float: left

}



.testing_qa_apge .banner_sec_main_services .banner_inner .left_sec .circle-box img {

    width: 100%

}



.testing_qa_apge .banner_sec_main_services .banner_inner .img-poition {

    position: absolute;

    z-index: 99;

    top: -30px;

    left: -29px

}



.testing_qa_apge .banner_sec_main_services .banner_inner .left_sec .imgbox {

    background: #fff;

    width: 100%;

    height: 100%;

    border-radius: 100%;

    border: 30px solid #fff;

    overflow: hidden;

    margin: 0;

    position: relative;

    z-index: 9999

}



.testing_qa_apge .banner_sec_main_services .banner_inner .right_sec {

    width: 55%;

    float: left

}



.testing_qa_apge .banner_sec_main_services .banner_inner h1 {

    font: 60px/70px mulisemibold, sans-serif;

    color: #fff;

    width: 100%;

    float: left

}



.testing_qa_apge .banner_sec_main_services .banner_inner h1 span {

    font: 40px/45px mulilight, sans-serif;

    width: 100%;

    float: left

}



.testing_qa_apge .banner_sec_main_services .banner_inner p {

    font: 24px/40px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 100%;

    float: left

}



.testing_qa_apge .banner_sec_main_services .banner_inner .mobile_banner {

    width: 100%

}



.testing_qa_apge .banner_sec_main_services .banner_inner .cont_us_btn {

    width: 100%;

    padding: 50px 0 0;

    float: left

}



.testing_qa_apge .banner_sec_main_services .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 30px;

    color: #fff;

    border: 1px solid #fff;

    font: 21px/55px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.testing_qa_apge .banner_sec_main_services .banner_inner .cont_us_btn a:hover {

    background: #fff;

    color: #000

}



.testing_qa_apge .client_focus_session {

    width: 100%;

    background-image: url(../../images-2/product-conuslting-bg.jpg);

    padding: 75px 0;

    position: relative;

    z-index: 9999;

    float: left

}



.testing_qa_apge .client_focus_session .services_box {

    min-height: 350px

}



.application_modernization_page .banner_sec_main_services {

    float: left;

    width: 100%;

    background-image: url(../../images-2/application-modernization-banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 170px 0

}



.application_modernization_page .banner_sec_main_services .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1450px;

    position: relative;

    z-index: 999999999999

}



.application_modernization_page .banner_sec_main_services .banner_inner .left_sec {

    width: 45%;

    float: left;

    padding-right: 120px

}



.application_modernization_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

    height: 530px;

    width: 100%;

    position: relative;

    float: left

}



.application_modernization_page .banner_sec_main_services .banner_inner .left_sec .circle-box img {

    width: 100%

}



.application_modernization_page .banner_sec_main_services .banner_inner .img-poition {

    position: absolute;

    z-index: 99;

    top: -30px;

    left: -29px

}



.application_modernization_page .banner_sec_main_services .banner_inner .left_sec .imgbox {

    background: #fff;

    width: 100%;

    height: 100%;

    border-radius: 100%;

    border: 30px solid #fff;

    overflow: hidden;

    margin: 0;

    position: relative;

    z-index: 9999

}



.application_modernization_page .banner_sec_main_services .banner_inner .right_sec {

    width: 55%;

    float: left

}



.application_modernization_page .banner_sec_main_services .banner_inner h1 {

    font: 60px/70px mulisemibold, sans-serif;

    color: #fff;

    width: 100%;

    float: left;

    text-transform: capitalize

}



.application_modernization_page .banner_sec_main_services .banner_inner h1 span {

    font: 35px/35px mulilight, sans-serif;

    width: 100%;

    float: left;

    letter-spacing: -1px

}



.application_modernization_page .banner_sec_main_services .banner_inner p {

    font: 24px/40px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 100%;

    float: left

}



.application_modernization_page .banner_sec_main_services .banner_inner .mobile_banner {

    width: 100%

}



.application_modernization_page .banner_sec_main_services .banner_inner .cont_us_btn {

    width: 100%;

    padding: 50px 0 0;

    float: left

}



.application_modernization_page .banner_sec_main_services .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 30px;

    border: 1px solid #fff;

    color: #fff;

    font: 20px/55px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.application_modernization_page .banner_sec_main_services .banner_inner .cont_us_btn a:hover {

    background: #fff;

    color: #000

}



.application_modernization_page .range_softeare_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background-image: url(../../images-2/IT-strategy-consultingt-services-bg.jpg)

}



.application_modernization_page .client_focus_session {

    width: 100%;

    background-image: url(../../images-2/product-conuslting-bg.jpg);

    padding: 75px 0;

    position: relative;

    z-index: 9999;

    float: left

}



.application_modernization_page .why_outesource_software {

    width: 100%;

    float: left;

    padding: 75px 0;

    background-image: url(../../images-2/it_consulting_whysession.jpg)

}



.application_modernization_page .why_outesource_software .development_services_inner .content_box h5 {

    color: #178089

}



.it_consulting_page .banner_sec_main_services {

    float: left;

    width: 100%;

    background-image: url(../../images-2/it-banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 170px 0

}



.it_consulting_page .banner_sec_main_services .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1450px;

    position: relative;

    z-index: 999999999999

}



.it_consulting_page .banner_sec_main_services .banner_inner .left_sec {

    width: 45%;

    float: left;

    padding-right: 120px

}



.it_consulting_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

    width: 100%;

    position: relative;

    float: left

}



.it_consulting_page .banner_sec_main_services .banner_inner .left_sec .circle-box img {

    width: 100%

}



.it_consulting_page .banner_sec_main_services .banner_inner .img-poition {

    position: absolute;

    z-index: 99;

    top: -30px;

    left: -29px

}



.it_consulting_page .banner_sec_main_services .banner_inner .left_sec .imgbox {

    background: #fff;

    width: 100%;

    height: 100%;

    border-radius: 100%;

    border: 30px solid #fff;

    overflow: hidden;

    margin: 0;

    position: relative;

    z-index: 9999

}



.it_consulting_page .banner_sec_main_services .banner_inner .right_sec {

    width: 55%;

    float: left

}



.it_consulting_page .banner_sec_main_services .banner_inner h1 {

    font: 47px/70px mulisemibold, sans-serif;

    color: #fff;

    width: 100%;

    float: left;

    text-transform: capitalize

}



.it_consulting_page .banner_sec_main_services .banner_inner h1 span {

    font: 35px/35px mulilight, sans-serif;

    width: 100%;

    float: left;

    letter-spacing: -1px

}



.it_consulting_page .banner_sec_main_services .banner_inner p {

    font: 24px/40px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 100%;

    float: left

}



.it_consulting_page .banner_sec_main_services .banner_inner .mobile_banner {

    width: 100%

}



.it_consulting_page .banner_sec_main_services .banner_inner .cont_us_btn {

    width: 100%;

    padding: 50px 0 0;

    float: left

}



.it_consulting_page .banner_sec_main_services .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 30px;

    border: 1px solid #fff;

    color: #fff;

    font: 21px/55px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.it_consulting_page .banner_sec_main_services .banner_inner .cont_us_btn a:hover {

    background: #fff;

    color: #000

}



.it_consulting_page .range_softeare_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background-image: url(../../images-2/develoment-ser-bg2.jpg)

}



.it_consulting_page .why_outesource_software {

    width: 100%;

    float: left;

    padding: 75px 0;

    background: #151a1f

}



.it_consulting_page .why_outesource_software .development_services_inner {

    border-radius: 5px;

    background: 0 0;

    border: 1px dashed #fff;

    font: 18px/28px mulisemibold, sans-serif

}



.it_consulting_page .why_outesource_software .development_services_inner .content_box h5 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #fff

}



.common_margin {

    margin-bottom: 60px

}



.common_margin_top {

    padding-top: 75px

}



.consulting_process_it {

    width: 100%;

    float: left;

    padding: 75px 0;

    background-image: url(../../images-2/product-conuslting-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative

}



.consulting_process_it .services_box {

    width: 100%;

    background: #fff;

    float: left;

    margin: 50px 0 10px;

    border: 1px solid #eee;

    padding: 50px 30px 0;

    position: relative;

    min-height: 530px

}



.consulting_process_it .services_box span {

    font: 45px/40px mulibold, sans-serif;

    color: #a3a3a3;

    margin: 0 0 20px;

    display: block

}



.consulting_process_it .services_box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    position: relative;

    width: 100%;

    float: left

}



.consulting_process_it .services_box p {

    font: 18px/28px Poppins;

    color: #000;

    padding-top: 25px;

    border-bottom: 1px solid #eceef1;

    float: left;

    padding-bottom: 15px

}



.consulting_process_it .services_box ul {

    margin: 15px 0 0;

    padding: 0;

    float: left

}



.consulting_process_it .services_box li {

    font: 16px/28px Poppins;

    color: #000;

    padding: 10px 0 10px 40px;

    float: left;

    background: url(../../images-2/it_cheack_new.png) 10px 20px no-repeat

}



.consulting_process_it .services_box h3::after,

.consulting_process_it .services_box_new h3::after {

    height: 2px;

    background: #ffbc00;

    display: block;

    bottom: -8px;

    left: 0;

    content: ''

}



.consulting_process_it .services_box h3::after {

    width: 112px;

    position: absolute

}



.consulting_process_it .services_box .iconbox {

    width: 110px;

    float: left;

    margin: 20px 0

}



.consulting_process_it .services_box_new {

    width: 100%;

    float: left;

    margin: 10px 0;

    border: 2px solid #eee;

    padding: 40px 30px;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    min-height: 290px

}



.consulting_process_it .services_box_new h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    position: relative;

    margin-bottom: 24px

}



.consulting_process_it .services_box_new p {

    font: 16px/28px Poppins;

    color: #000;

    padding-top: 15px

}



.consulting_process_it .services_box_new:hover {

    border: 2px solid #ffbc00

}



.consulting_process_it .services_box_new h3::after {

    width: 112px;

    position: absolute

}



.service_brakedown_outer {

    float: left;

    padding: 75px 0;

    width: 100%;

    border-bottom: 1px solid #eee

}



.service_brakedown_outer .services_box_new {

    width: 100%;

    float: left;

    border: 1px solid #eee

}



.service_brakedown_outer .services_box_new .inner_box {

    width: 33%;

    float: left;

    padding: 40px 30px;

    min-height: 460px;

    border-right: 1px solid #EEE

}



.service_brakedown_outer .services_box_new .inner_box::last-child {

    border: none

}



.service_brakedown_outer .services_box_new .inner_box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    position: relative;

    margin-bottom: 15px;

    margin-top: 20px

}



.service_brakedown_outer .services_box_new .inner_box p {

    font: 16px/28px Poppins;

    color: #000;

    padding-top: 15px

}



.service_brakedown_outer .services_box_new .inner_box small {

    width: 125px;

    height: 90px;

    display: inline-block;

    text-align: left;

    background: url(../../images-2/it-service-breakdown-1.png) no-repeat rgba(0, 0, 0, 0)

}



.service_brakedown_outer .services_box_new .inner_box:hover small {

    width: 125px;

    height: 90px;

    display: inline-block;

    text-align: left;

    background: url(../../images-2/it-service-breakdown-2.png) no-repeat rgba(0, 0, 0, 0)

}



.service_brakedown_outer .services_box_new .inner_box:hover h3,

.service_brakedown_outer .services_box_new .inner_box:hover p {

    color: #fff

}



.service_brakedown_outer .services_box_new .inner_box:hover {

    background: 0 0;

    background: -moz-linear-gradient(left, #0e5477 0, #08b9b1 100%);

    background: -webkit-linear-gradient(left, #0e5477 0, #08b9b1 100%);

    background: linear-gradient(to right, #0e5477 0, #08b9b1 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e5477', endColorstr='#08b9b1', GradientType=1)

}



.service_brakedown_outer .services_box_new .inner_box small.Dservices_icon1 {

    background-position: -25px -9px

}



.service_brakedown_outer .services_box_new .inner_box small.Dservices_icon2 {

    background-position: -31px -142px

}



.service_brakedown_outer .services_box_new .inner_box small.Dservices_icon3 {

    background-position: -10px -293px

}



.service_brakedown_outer .services_box_new .inner_box:hover small.Dservices_icon1 {

    background-position: -25px -9px

}



.service_brakedown_outer .services_box_new .inner_box:hover small.Dservices_icon2 {

    background-position: -31px -142px

}



.service_brakedown_outer .services_box_new .inner_box:hover small.Dservices_icon3 {

    background-position: -10px -293px

}



.service_brakedown_outer .services_box_new .inner_box h3::after {

    width: 112px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.product_consulting_sec .development_services_inner h3 {

    position: relative

}



.product_consulting_sec .development_services_inner h3:after {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100px;

    height: 2px;

    background: #ffbc00

}



.application_latest_page .banner_sec_main_services {

    float: left;

    width: 100%;

    background-image: url(../../images-2/application_development_banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 170px 0

}



.application_latest_page .banner_sec_main_services .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1450px;

    position: relative;

    z-index: 999999999999

}



.application_latest_page .banner_sec_main_services .banner_inner .left_sec {

    width: 45%;

    float: left;

    padding-right: 120px

}



.application_latest_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

    width: 100%;

    position: relative;

    float: left

}



.application_latest_page .banner_sec_main_services .banner_inner .left_sec .circle-box img {

    width: 100%

}



.application_latest_page .banner_sec_main_services .banner_inner .img-poition {

    position: absolute;

    z-index: 99;

    top: -30px;

    left: -29px

}



.application_latest_page .banner_sec_main_services .banner_inner .left_sec .imgbox {

    background: #fff;

    width: 100%;

    height: 100%;

    border-radius: 100%;

    border: 30px solid #fff;

    overflow: hidden;

    margin: 0;

    position: relative;

    z-index: 9999

}



.application_latest_page .banner_sec_main_services .banner_inner .right_sec {

    width: 55%;

    float: left

}



.application_latest_page .banner_sec_main_services .banner_inner h1 {

    font: 68px/80px mulisemibold, sans-serif;

    color: #fff;

    width: 100%;

    float: left;

    text-transform: capitalize;

    letter-spacing: -1px

}



.application_latest_page .banner_sec_main_services .banner_inner h1 span {

    font: 50px/55px mulilight, sans-serif;

    width: 100%;

    float: left;

    letter-spacing: -1px

}



.application_latest_page .banner_sec_main_services .banner_inner p {

    font: 24px/40px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 100%;

    float: left

}



.application_latest_page .banner_sec_main_services .banner_inner .mobile_banner {

    width: 100%

}



.application_latest_page .banner_sec_main_services .banner_inner .cont_us_btn {

    width: 100%;

    padding: 50px 0 0;

    float: left

}



.application_latest_page .banner_sec_main_services .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 30px;

    border: 2px solid #fff;

    color: #fff;

    font: 20px/60px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.application_latest_page .banner_sec_main_services .banner_inner .cont_us_btn a:hover {

    background: #fff;

    color: #000

}



.heading_services_h2 {

    font: 50px/65px mulisemibold, sans-serif;

    color: #000;

    text-transform: uppercase;

    letter-spacing: -1px

}



.heading_area {

    width: 100%;

    float: left

}



.heading_area p {

    font: 24px/35px Poppins;

    color: #000;

    padding-top: 20px

}



.our_services_session {

    width: 100%;

    background: #fff;

    padding: 75px 0;

    position: relative;

    z-index: 9999;

    float: left

}



.our_services_session .services_box {

    width: 100%;

    float: left;

    margin: 0 0 10px;

    border: 1px solid #eee

}



.our_services_session .services_box ul {

    margin: 0;

    padding: 0

}



.our_services_session .services_box ul li {

    width: 33%;

    float: left;

    border-right: 1px solid #eee;

    padding: 40px

}



.our_services_session .services_box ul li h3 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #000;

    position: relative;

    margin-bottom: 24px;

    text-transform: capitalize

}



.our_services_session .services_box ul li p {

    font: 16px/28px Poppins;

    color: #000;

    padding-top: 15px

}



.our_services_session .services_box ul li:hover {

    box-shadow: 0 0 30px rgba(0, 0, 0, .1)

}



.our_services_session .services_box ul li .redm {

    font: 16px/24px Poppins;

    color: #06615f;

    text-align: right;

    padding: 20px 0

}



.our_services_session .services_box ul li .redm a {

    color: #06615f;

    text-decoration: none

}



.our_services_session .services_box ul li:last-child {

    border-right: none

}



.our_services_session .services_box ul li h3::after {

    width: 112px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.our_tecgnical_exper_sec {

    width: 100%;

    background: url(../../images-2/technology-expertise.jpg) center center no-repeat #fff;

    padding: 75px 0;

    position: relative;

    z-index: 9999;

    float: left;

    background-size: cover

}



.our_tecgnical_exper_sec .content_box {

    width: 100%;

    float: left;

    margin: 0

}



.our_tecgnical_exper_sec .content_box h3 {

    font: 26px/34px Poppins;

    color: #000;

    position: relative;

    margin: 24px 0

}



.our_tecgnical_exper_sec .content_box h3::after {

    width: 112px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.our_tecgnical_exper_sec .content_box p {

    font: 18px/30px Poppins;

    color: #000;

    padding-top: 15px

}



.our_tecgnical_exper_sec .icon_box_main {

    width: 100%;

    float: left

}



.our_tecgnical_exper_sec .icon_box_main ul {

    margin: 0;

    padding: 0

}



.our_tecgnical_exper_sec .icon_box_main ul li {

    width: 30%;

    float: left;

    margin: 5px;

    text-align: center;

    border: 1px solid #cfcfcf;

    transition: all .5s ease 0s;

    border-radius: 5px;

    background: #fff;

    padding: 25px 0 30px

}



.our_tecgnical_exper_sec .icon_box_main ul li h4 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #444;

    text-align: center

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover h4 {

    color: #1e3e99;

    text-align: center

}



.our_tecgnical_exper_sec .icon_box_main ul li small {

    width: 75px;

    height: 75px;

    border: 2px solid #b2b2b2;

    border-radius: 100%;

    display: inline-block;

    background: url(../../images-2/application_development_sprite1.png) no-repeat rgba(0, 0, 0, 0);

    text-align: center;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -o-transition: all .5s ease

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small {

    border: 2px solid #1e3e99

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon {

    background-position: 8px -1px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh {

    background-position: -134px -1px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon2 {

    background-position: 8px -160px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh2 {

    background-position: -134px -160px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon3 {

    background-position: 3px -308px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh3 {

    background-position: -135px -308px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon4 {

    background-position: -6px -429px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh4 {

    background-position: -121px -429px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon5 {

    background-position: 5px -583px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh5 {

    background-position: -131px -583px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon6 {

    background-position: 1px -741px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh6 {

    background-position: -129px -741px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon7 {

    background-position: 7px -894px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh7 {

    background-position: -133px -894px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon8 {

    background-position: 4px -1045px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh8 {

    background-position: -132px -1045px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon9 {

    background-position: 8px -1208px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh9 {

    background-position: -130px -1208px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon10 {

    background-position: 5px -1375px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh10 {

    background-position: -132px -1375px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon11 {

    background-position: 6px -1551px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh11 {

    background-position: -132px -1551px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon12 {

    background-position: 8px -1720px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh12 {

    background-position: -133px -1720px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon13 {

    background-position: 8.5px -1839px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh13 {

    background-position: -131.5px -1839px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon14 {

    background-position: 4px -2006px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh14 {

    background-position: -132px -2006px

}



.our_tecgnical_exper_sec .icon_box_main ul li small.icon15 {

    background-position: 6px -2138px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover small.iconh15 {

    background-position: -131px -2138px

}



.our_tecgnical_exper_sec .icon_box_main ul li:hover {

    border: 1px solid #1e3e99;

    background-size: cover

}



.client_focus_session {

    width: 100%;

    background: #fff;

    padding: 75px 0;

    position: relative;

    z-index: 9999;

    float: left

}



.client_focus_session .services_box {

    width: 100%;

    float: left;

    padding: 30px 20px;

    position: relative;

    border: 1px solid #eee;

    margin-top: 10px;

    box-shadow: 0 0 30px rgba(0, 0, 0, .1);

    min-height: 350px

}







.client_focus_session .services_box h3 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #000;

    position: relative;

    margin-bottom: 24px

}



.client_focus_session .services_box h3::after {

    width: 112px;

    height: 2px;

    background: #ffbc00;

    content: '';

    position: absolute;

    bottom: -8px;

    left: 0;

    display: block

}



.client_focus_session .services_box ul li {

    font: 16px/28px Poppins;

    color: #000;

    padding: 10px 0 10px 30px;

    float: left;

    background: url(../../images-2/appliaction_click.png) 3px 20px no-repeat;

    width: 100%

}



.application_latest_page .why_outesource_software {

    width: 100%;

    float: left;

    padding: 75px 0;

	background-color:#30965b;

}

.com-btn {

    background-image: url(../../images-2/send.png);

	background-repeat:no-repeat;

	padding:10px 20px;

	display:block;

}

.appliaction_faq {

    background-image: url(../../images-2/application_dec_faq.jpg)

}



.application_latest_page .review-box p::before {

    color: #06615f

}



.software_product_pages .banner_sec_main_services {

    float: left;

    width: 100%;

    background-image: url(../../images-2/software_product_banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 170px 0

}



.software_product_pages .banner_sec_main_services .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1450px;

    position: relative;

    z-index: 999999999999

}



.software_product_pages .banner_sec_main_services .banner_inner .left_sec {

    width: 45%;

    float: left;

    padding-right: 120px

}



.software_product_pages .banner_sec_main_services .banner_inner .left_sec .circle-box {

    width: 100%;

    position: relative;

    float: left

}



.software_product_pages .banner_sec_main_services .banner_inner .left_sec .circle-box img {

    width: 100%

}



.software_product_pages .banner_sec_main_services .banner_inner .img-poition {

    position: absolute;

    z-index: 99;

    top: -30px;

    left: -29px

}



.software_product_pages .banner_sec_main_services .banner_inner .left_sec .imgbox {

    background: #fff;

    width: 100%;

    height: 100%;

    border-radius: 100%;

    border: 30px solid #fff;

    overflow: hidden;

    margin: 0;

    position: relative;

    z-index: 9999

}



.software_product_pages .banner_sec_main_services .banner_inner .right_sec {

    width: 55%;

    float: left

}



.software_product_pages .banner_sec_main_services .banner_inner h1 {

    font: 80px/85px mulisemibold, sans-serif;

    color: #fff;

    width: 100%;

    float: left;

    text-transform: capitalize;

    letter-spacing: -1px

}



.software_product_pages .banner_sec_main_services .banner_inner h1 span {

    font: 50px/55px mulilight, sans-serif;

    width: 100%;

    float: left;

    letter-spacing: -1px

}



.software_product_pages .banner_sec_main_services .banner_inner p {

    font: 24px/40px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 100%;

    float: left

}



.software_product_pages .banner_sec_main_services .banner_inner .mobile_banner {

    width: 100%

}



.software_product_pages .banner_sec_main_services .banner_inner .cont_us_btn {

    width: 100%;

    padding: 50px 0 0;

    float: left

}



.software_product_pages .banner_sec_main_services .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 30px;

    border: 1px solid #fff;

    color: #fff;

    font: 21px/55px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.software_product_pages .banner_sec_main_services .banner_inner .cont_us_btn a:hover {

    background: #fff;

    color: #000

}



.product_development_sec {

    width: 100%;

    float: left;

    padding: 75px 0;

    background: #fff;

    position: relative;

    z-index: 9999

}



.product_development_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 60px

}



.product_development_sec .soluation_inner h2 {

    font: 50px/65px mulisemibold, sans-serif;

    color: #000;

    text-transform: uppercase;

    letter-spacing: -1px

}



.product_development_sec .soluation_inner p {

    font: 24px/35px Poppins;

    color: #000;

    padding-top: 20px

}



.product_development_sec .white_box {

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    float: left;

    position: relative;

    width: 100%

}



.product_development_sec .border_small {

    position: absolute;

    top: 114px;

    left: 17%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.product_development_sec .white_box h3 {

    font: 26px/32px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    position: relative

}



.product_development_sec .white_box h3:after {

    content: '';

    position: absolute;

    left: 0;

    width: 100px;

    bottom: -10px;

    background: #ffbc00;

    height: 2px;

    display: block

}



.product_development_sec .white_box p {

    font: 16px/30px Poppins;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 40px

}



.product_development_sec .white_box ul {

    margin: 40px 0 0;

    float: left;

    width: 100%;

    border-left: 1px solid #ffbc00;

    padding: 0 0 0 50px

}



.product_development_sec .white_box .inner_ul {

    padding: 0;

    position: relative;

    z-index: 99

}



.product_development_sec .white_box .inner_ul li {

    list-style: none;

    width: 100%;

    font: 16px/24px Poppins;

    position: relative;

    z-index: 99999;

    margin: 0 0 16px

}



.product_development_sec .white_box .inner_ul li:last-child {

    margin-bottom: 0

}



.product_development_sec .white_box .inner_ul li::before {

    content: '';

    background: url(../../images-2/health_right.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -62px;

    top: 0

}



.product_development_sec .white_box .cross-box li:before {

    background: #fff;

    content: 'x';

    text-align: center;

    font: 17px/18px Poppins;

    color: #ffbc00;

    width: 25px;

    height: 25px;

    border: 1px solid #ffbc00;

    border-radius: 100%

}



.range_softeare_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background: url(../../images-2/develoment-ser-bg.jpg) top no-repeat;

    min-height: 240px;

    background-size: 100%;

    position: relative

}



.range_softeare_sec .soluation_inner {

    width: 100%;

    float: left

}



.range_softeare_sec .soluation_inner h2 {

    font: 50px/65px mulisemibold, sans-serif;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: -1px

}



.range_softeare_sec .soluation_inner p {

    font: 24px/35px Poppins;

    color: #fff;

    padding-top: 20px

}



.range_softeare_sec .inner_conteiner {

    width: 100%;

    background: #fff;

    margin-top: 133px;

    position: relative;

    padding: 0

}



.range_softeare_sec .inner_conteiner .soluation_inner {

    width: 100%;

    float: left;

    position: relative

}



.range_softeare_sec .inner_conteiner .soluation_inner .content_area {

    width: 100%;

    float: left;

    position: relative;

    top: -80px;

    left: 0;

    background: #fff;

    z-index: 9;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    padding: 110px 40px 40px 60px

}



.range_softeare_sec .inner_conteiner .soluation_inner .content_area h2 {

    font: 48px/65px Poppins;

    color: #000;

    letter-spacing: 2px;

    text-transform: uppercase

}



.range_softeare_sec .inner_conteiner .soluation_inner .content_area p {

    font: 24px/35px Poppins;

    padding-top: 20px;

    color: #000

}



.range_softeare_sec .heading-sec {

    margin: 0

}



.range_softeare_sec .inner_conteiner .soluation_inner .content_area .soluation_development {

    width: 100%;

    float: left;

    margin: 0 0 30px

}



.range_softeare_sec .inner_conteiner .soluation_inner .content_area .soluation_development .img_box {

    width: 100%;

    float: left;

    padding-bottom: 30px

}



.range_softeare_sec .inner_conteiner .soluation_inner .content_area .soluation_development h3 {

    font: 26px/35px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    position: relative

}



.range_softeare_sec .inner_conteiner .soluation_inner .content_area .soluation_development h3:after {

    content: '';

    width: 100px;

    height: 2px;

    background: #ffbc00;

    left: 0;

    bottom: -10px;

    position: absolute

}



.range_softeare_sec .inner_conteiner .soluation_inner .content_area .soluation_development p {

    font: 18px/28px Poppins;

    color: #000;

    padding-top: 30px

}



.range_softeare_sec .inner_conteiner .soluation_development .border_small {

    position: absolute;

    top: 43px;

    left: 70px;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.range_softeare_sec .inner_conteiner .soluation_development ul {

    margin: 10px 0;

    padding: 0

}



.range_softeare_sec .inner_conteiner .soluation_development ul li {

    list-style: none;

    font: 16px/26px Poppins;

    color: #000;

    background: url(../../images-2/health_solucation_icon1.png) 0 8px no-repeat;

    padding: 15px 10px 15px 60px

}



.cont_us_btn_fot_service {

    width: 100%;

    padding: 20px 0;

    float: left;

    text-align: center

}



.cont_us_btn_fot_service h5 {

    font: 16px/28px mulisemibold, sans-serif;

    color: #000;

    padding: 20px 0

}



.cont_us_btn_fot_service a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 60px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase

}



.cont_us_btn_fot_service a:hover {

    background: #dba613

}



.product_consulting_sec {

    width: 100%;

    float: left;

    padding: 75px 0;

    background-image: url(../../images-2/product-conuslting-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative

}



.product_consulting_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 30px

}



.product_consulting_sec .soluation_inner h2 {

    font: 50px/65px mulisemibold, sans-serif;

    color: #000;

    text-transform: uppercase;

    letter-spacing: -1px

}



.product_consulting_sec .soluation_inner p {

    font: 24px/35px Poppins;

    color: #393939;

    padding: 20px 0

}



.product_consulting_sec .development_services_inner {

    width: 100%;

    float: left;

    transition: all .2s ease 0s;

    -moz-box-shadow: 0 0 10px #ccc;

    -webkit-box-shadow: 0 0 10px #ccc;

    box-shadow: 0 0 10px #ccc;

    padding: 30px 20px;

    min-height: 450px

}



.product_consulting_sec .development_services_inner:hover {

    background: #1c4288;

    float: left;

    opacity: 1

}



.product_consulting_sec .development_services_inner small {

    width: 100px;

    height: 70px;

    display: inline-block;

    text-align: left;

    background: url(../../images-2/softwareproduct_sprite.png) no-repeat rgba(0, 0, 0, 0)

}



.product_consulting_sec .development_services_inner:hover small {

    width: 100px;

    height: 70px;

    display: inline-block;

    text-align: left;

    background: url(../../images-2/softwareproduct_sprite_hover.png) no-repeat rgba(0, 0, 0, 0)

}



.product_consulting_sec .development_services_inner small.Dservices_icon1 {

    background-position: -25px -8px

}



.product_consulting_sec .development_services_inner small.Dservices_icon2 {

    background-position: -29px -239px

}



.product_consulting_sec .development_services_inner small.Dservices_icon3 {

    background-position: -24px -518px

}



.product_consulting_sec .development_services_inner:hover small.Dservices_icon1 {

    background-position: -25px -8px

}



.product_consulting_sec .development_services_inner:hover small.Dservices_icon2 {

    background-position: -29px -239px

}



.product_consulting_sec .development_services_inner:hover small.Dservices_icon3 {

    background-position: -24px -518px

}



.product_consulting_sec .development_services_inner h3 {

    font: 20px/25px mulisemibold, sans-serif;

    color: #393939;

    text-transform: capitalize;

    padding: 15px 0

}



.product_consulting_sec .development_services_inner p {

    font: 16px/30px Poppins;

    color: #5b5b5b;

    padding-top: 12px

}



.product_consulting_sec .development_services_inner:hover h3 {

    font: 20px/25px mulisemibold, sans-serif;

    color: #fff;

    text-transform: capitalize;

    padding: 15px 0

}



.product_consulting_sec .development_services_inner:hover p {

    font: 16px/30px Poppins;

    color: #fff;

    padding-top: 12px

}



.product_consulting_sec .development_services_inner .border-small_1 {

    position: absolute;

    top: 196px;

    left: 25%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 115px;

    border-top: 2px solid #ffbc00

}



.product_consulting_sec .development_services_inner:hover .border-small_1 {

    border-top: 2px solid #fff;

    top: 196px;

    left: 25%

}



.product_consulting_sec .soluation_inner2 {

    padding: 75px 0 0

}



.product_consulting_sec .tech_sec_main {

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap

}



.product_consulting_sec .tech_sec_main .tech_box {

    border: 1px solid #cfcfcf;

    border-radius: 5px;

    height: 166px;

    width: 16%;

    margin: 20px;

    text-align: center

}



.product_consulting_sec .tech_sec_main .tech_box:hover {

    border: 1px solid #1e3e99

}



.product_consulting_sec .tech_sec_main .tech_box h4 {

    font: 20px/30px mulisemibold, sans-serif;

    color: #444;

    text-align: center

}



.product_consulting_sec .tech_sec_main .tech_box:hover h4 {

    color: #1e3e99;

    text-decoration: none !important

}



.product_consulting_sec .tech_sec_main .tech_box small {

    width: 75px;

    height: 75px;

    border: 2px solid #b2b2b2;

    margin: 25px 0 5px;

    border-radius: 100%;

    display: inline-block;

    background: url(../../images-2/softeareproduct_sprite2.png) no-repeat rgba(0, 0, 0, 0);

    text-align: center

}



.product_consulting_sec .tech_sec_main .tech_box:hover small {

    border: 2px solid #1e3e99;

    background: url(../../images-2/softeareproduct_sprite2_hover.png) no-repeat rgba(0, 0, 0, 0)

}



.product_consulting_sec .tech_sec_main .tech_box small.tech_icon1 {

    background-position: -13px -17px

}



.product_consulting_sec .tech_sec_main .tech_box small.tech_icon2 {

    background-position: -12px -233px

}



.product_consulting_sec .tech_sec_main .tech_box small.tech_icon3 {

    background-position: -12px -517px

}



.product_consulting_sec .tech_sec_main .tech_box small.tech_icon4 {

    background-position: -16px -815px

}



.product_consulting_sec .tech_sec_main .tech_box small.tech_icon5 {

    background-position: -14px -1181px

}



.why_outesource_software {

    width: 100%;

    float: left;

    padding: 75px 0;

    background-image: url(../../images-2/outsiurcing-bg.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative

}



.why_outesource_software .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 30px

}



.why_outesource_software .soluation_inner h2 {

    font: 50px/65px mulisemibold, sans-serif;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: -1px

}



.why_outesource_software .soluation_inner p {

    font: 24px/35px Poppins;

    color: #fff;

    padding: 20px 0

}



.why_outesource_software .development_services_inner {

    width: 100%;

    float: left;

    background: #fff;

    padding: 15px 15px 0;

    border-radius: 10px;

    margin: 5px 0

}



.why_outesource_software .development_services_inner .icon_bx {

    width: 70px;

    float: left

}



.why_outesource_software .development_services_inner .content_box {

    width: 72%;

    float: right

}



.why_outesource_software .development_services_inner .content_box h5 {

    font: 16px/26px mulilight, sans-serif;

    color: #202984;

    text-transform: capitalize;

    margin: 0

}



.why_outesource_software .project_exp {

    width: 100;

    padding: 75px 0

}



.why_outesource_software .project_exp ul {

    list-style: none

}



.why_outesource_software .project_exp li {

    padding: 0 46px;

    display: inline-block;

    vertical-align: top;

    position: relative;

    color: #fff

}



.why_outesource_software .project_exp li:first-child:before {

    display: none

}



.why_outesource_software .project_exp li:before {

    width: 2px;

    height: 115px;

    position: absolute;

    left: 0;

    top: -5px;

    content: '';

    display: block;

    background: #edf0f5;

    background: -moz-linear-gradient(left, #edf0f5 0, #edf0f5 13%, #e0e3ea 50%, #edf0f5 82%, #edf0f5 100%);

    background: -webkit-gradient(left top, right top, color-stop(0, #edf0f5), color-stop(13%, #edf0f5), color-stop(50%, #e0e3ea), color-stop(82%, #edf0f5), color-stop(100%, #edf0f5));

    background: -webkit-linear-gradient(left, #edf0f5 0, #edf0f5 13%, #e0e3ea 50%, #edf0f5 82%, #edf0f5 100%);

    background: -o-linear-gradient(left, #edf0f5 0, #edf0f5 13%, #e0e3ea 50%, #edf0f5 82%, #edf0f5 100%);

    background: -ms-linear-gradient(left, #edf0f5 0, #edf0f5 13%, #e0e3ea 50%, #edf0f5 82%, #edf0f5 100%);

    background: linear-gradient(to right, #edf0f5 0, #edf0f5 13%, #e0e3ea 50%, #edf0f5 82%, #edf0f5 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf0f5', endColorstr='#edf0f5', GradientType=1)

}



.why_outesource_software .project_exp span {

    font: 60px/60px mulisemibold, sans-serif;

    display: block;

    color: #fff

}



.why_outesource_software .project_exp p {

    font: 22px/24px Poppins;

    color: #fff

}



.faq_software_product {

    background: #1e318e !important

}



.row_padding {

    padding: 20px 0

}



.agencies_software_page .banner_sec_main_ind {

    float: left;

    width: 100%;

    background-image: url(../../images-2/digital-marketing-banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 150px 0

}



.agencies_software_page .banner_sec_main_ind .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1250px;

    position: relative;

    z-index: 999999999999

}



.agencies_software_page .banner_sec_main_ind .banner_inner .left_sec {

    width: 55%;

    float: left

}



.agencies_software_page .banner_sec_main_ind .banner_inner .right_sec {

    width: 45%;

    float: left

}



.agencies_software_page .banner_sec_main_ind .banner_inner h1 {

    font: 70px/60px mulibold, sans-serif;

    color: #fff;

    width: 100%;

    float: left;

    text-transform: capitalize

}



.agencies_software_page .banner_sec_main_ind .banner_inner h1 span {

    font: 40px/40px mulilight, sans-serif

}



.agencies_software_page .banner_sec_main_ind .banner_inner p {

    font: 22px/32px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 90%;

    float: left

}



.agencies_software_page .banner_sec_main_ind .banner_inner .mobile_banner {

    width: 100%

}



.agencies_software_page .banner_sec_main_ind .banner_inner .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left

}



.agencies_software_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.agencies_software_page .banner_sec_main_ind .banner_inner .cont_us_btn a:hover {

    background: #dba613

}



.agencies_software_page .benefits_embracing_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background: #238f9b;

    position: relative

}



.agencies_software_page .benefits_embracing_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 290px

}



.agencies_software_page .benefits_embracing_sec .inner_gray {

    width: 100%;

    float: left;

    padding: 80px 0 340px;

    background: #f7f8fc !important

}



.agencies_software_page .benefits_embracing_sec .inner_gray .white_box {

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    float: left;

    position: absolute;

    top: -340px;

    left: 30px;

    min-height: 630px

}



.agencies_software_page .benefits_embracing_sec .inner_gray .border_small {

    position: absolute;

    top: 84px;

    left: 17%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.agencies_software_page .benefits_embracing_sec .inner_gray .white_box h3 {

    font: 24px/36px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.agencies_software_page .benefits_embracing_sec .inner_gray .white_box p {

    font: 16px/30px Poppins;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 40px

}



.agencies_software_page .benefits_embracing_sec .inner_gray .white_box ul {

    margin: 40px 0 0;

    float: left;

    width: 100%;

    border-left: 1px solid #ffbc00;

    padding: 0 0 0 50px

}



.agencies_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul {

    padding: 0;

    position: relative;

    z-index: 99

}



.agencies_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

    list-style: none;

    width: 100%;

    font: 16px/24px Poppins;

    position: relative;

    z-index: 99999;

    margin: 0 0 16px

}



.agencies_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li:last-child {

    margin-bottom: 0

}



.agencies_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li::before {

    content: '';

    background: url(../../images-2/health_right.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -62px;

    top: 0

}



.agencies_software_page .our_services_outer {

    float: left;

    padding: 75px 0;

    width: 100%

}



.agencies_software_page .our_services_outer .our_services_innr {

    float: left;

    width: 100%

}



.agencies_software_page .our_services_outer .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #000;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.agencies_software_page .our_services_outer .our_services_innr h3 span {

    color: #067cbe

}



.agencies_software_page .our_services_outer .our_services_innr p {

    font: 24px/35px Poppins;

    color: #000;

    margin: 13px 0 0;

    text-align: left

}



.agencies_software_page .our_services_outer .development_services_inner:hover .border-small_1 {

    border-top: 2px solid #fff

}



.agencies_software_page .our_services_outer .development_services_inner .border-small_1 {

    position: absolute;

    top: 172px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 65px;

    border-top: 2px solid #858585

}



.agencies_software_page .our_services_outer .development_services_inner {

    display: inline-block;

    margin: 33px 0 0;

    width: 100%;

    min-height: 300px;

    transition: all .5s ease 0s;

    cursor: default;

    text-align: left;

    padding: 15px

}



.agencies_software_page .our_services_outer .development_services_inner:hover {

    background: #ffbc00;

    min-height: 300px;

    border: none !important;

    padding: 15px

}



.agencies_software_page .our_services_outer .development_services_inner small.Dservices_icon1,

.agencies_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon1 {

    background-position: 0 -10px

}



.agencies_software_page .our_services_outer .development_services_inner p {

    font: 20px/28px Poppins;

    margin: 6px 10px 2px;

    color: #000;

    min-height: 2px;

    text-align: left

}



.agencies_software_page .our_services_outer .development_services_inner:hover p {

    color: #fff;

    min-height: 2px;

    text-align: left

}



.agencies_software_page .our_services_outer .development_services_inner span {

    display: inline-block;

    font: 18px/26px Poppins;

    padding: 30px 15px 10px 10px;

    color: #000;

    text-align: left

}



.agencies_software_page .our_services_outer .development_services_inner:hover span {

    color: #fff;

    text-align: left

}



.agencies_software_page .our_services_outer .development_services_inner small.Dservices_icon2,

.agencies_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon2 {

    background-position: 0 -240px

}



.agencies_software_page .our_services_outer .development_services_inner small.Dservices_icon3,

.agencies_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon3 {

    background-position: -18px -515px

}



.agencies_software_page .our_services_outer .development_services_inner small.Dservices_icon4,

.agencies_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon4 {

    background-position: -4px -816px

}



.agencies_software_page .our_services_outer .development_services_inner small.Dservices_icon5,

.agencies_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon5 {

    background-position: -2px -1181px

}



.agencies_software_page .our_services_outer .development_services_inner small.Dservices_icon6,

.agencies_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon6 {

    background-position: -10px -1521px

}



.agencies_software_page .our_services_outer .development_services_inner small {

    background: url(../../images-2/digital_agencies_sprite.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.agencies_software_page .our_services_outer .development_services_inner:hover small {

    background: url(../../images-2/digital_agencies_sprite_hover.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.agencies_software_page .banne_box {

    width: 100%;

    float: left;

    padding: 40px 0

}



.agencies_software_page .why_otp {

    float: left;

    display: flex;

    padding: 75px 0 110px;

    width: 100%;

    background-image: url(../../images-2/digital-marketing-banner3.jpg);

    background-repeat: no-repeat;

    background-size: cover !important

}



.agencies_software_page .why_scricle {

    background-image: url(../../images-2/health_scricle.png);

    background-repeat: no-repeat;

    background-position: center

}



.agencies_software_page .why_otp .our_services_innr {

    float: left;

    width: 100%

}



.agencies_software_page .why_otp .our_services_innr h3 {

    font: 45px/62px mulisemibold, sans-serif;

    color: #fff;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.agencies_software_page .why_otp .our_services_innr h3 span {

    color: #067cbe

}



.agencies_software_page .why_otp .our_services_innr p {

    font: 24px/35px Poppins;

    color: #fff;

    margin: 13px 0 0;

    text-align: left;

    padding-bottom: 50px

}



.agencies_software_page .why_otp_inner {

    width: 100%;

    float: left;

    margin-top: 30px

}



.agencies_software_page .why_otp_inner .content_box {

    width: 100%;

    min-height: 200px;

    float: left;

    background: #fff;

    border-radius: 6px;

    margin: 10px 0;

    padding: 30px 20px

}



.agencies_software_page .why_otp_inner .content_box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.agencies_software_page .why_otp_inner .content_box p {

    font: 16px/25px mulilight, sans-serif;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 10px

}



.agencies_software_page .why_otp_inner .img_box1 {

    width: 100%;

    float: left;

    margin: 40px 0 0;

    padding: 0

}



.agencies_software_page .why_otp_inner .img_box1 img {

    padding: 0;

    margin: 0;

    position: relative;

    top: -23px

}



.agencies_software_page .why_otp .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left;

    text-align: center

}



.agencies_software_page .why_otp .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.agencies_software_page .why_otp .cont_us_btn a:hover {

    background: #dba613

}



.automotive_pages .banner_sec_main_ind {

    float: left;

    width: 100%;

    background-image: url(../../images-2/Automotive_banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 150px 0

}



.automotive_pages .banner_sec_main_ind .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1250px;

    position: relative;

    z-index: 999999999999

}



.automotive_pages .banner_sec_main_ind .banner_inner .left_sec {

    width: 55%;

    float: left

}



.automotive_pages .banner_sec_main_ind .banner_inner .right_sec {

    width: 45%;

    float: left

}



.automotive_pages .banner_sec_main_ind .banner_inner h1 {

    font: 60px/60px mulibold, sans-serif;

    color: #fff;

    width: 100%;

    text-transform: capitalize

}



.automotive_pages .banner_sec_main_ind .banner_inner h1 span {

    font: 40px/40px mulilight, sans-serif;

    width: 100%

}



.automotive_pages .banner_sec_main_ind .banner_inner p {

    font: 22px/32px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 90%;

    float: left

}



.automotive_pages .banner_sec_main_ind .banner_inner .mobile_banner {

    width: 100%

}



.automotive_pages .banner_sec_main_ind .banner_inner .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left

}



.automotive_pages .banner_sec_main_ind .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.automotive_pages .banner_sec_main_ind .banner_inner .cont_us_btn a:hover {

    background: #dba613

}



.automotive_pages .benefits_embracing_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background: #1c2d37;

    position: relative

}



.automotive_pages .benefits_embracing_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 290px

}



.automotive_pages .benefits_embracing_sec .inner_gray {

    width: 100%;

    float: left;

    padding: 80px 0 340px;

    background: #f7f8fc !important

}



.automotive_pages .benefits_embracing_sec .inner_gray .white_box {

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    float: left;

    position: absolute;

    top: -340px;

    left: 30px

}



.automotive_pages .benefits_embracing_sec .inner_gray .border_small {

    position: absolute;

    top: 84px;

    left: 17%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.automotive_pages .benefits_embracing_sec .inner_gray .white_box h3 {

    font: 24px/30px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.automotive_pages .benefits_embracing_sec .inner_gray .white_box p {

    font: 16px/30px Poppins;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 40px

}



.automotive_pages .benefits_embracing_sec .inner_gray .white_box ul {

    margin: 40px 0 0;

    float: left;

    width: 100%;

    border-left: 1px solid #ffbc00;

    padding: 0 0 0 50px

}



.automotive_pages .benefits_embracing_sec .inner_gray .white_box .inner_ul {

    padding: 0;

    position: relative;

    z-index: 99

}



.automotive_pages .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

    list-style: none;

    width: 100%;

    font: 16px/24px Poppins;

    position: relative;

    z-index: 99999;

    margin: 0 0 16px

}



.automotive_pages .benefits_embracing_sec .inner_gray .white_box .inner_ul li:last-child {

    margin-bottom: 0

}



.automotive_pages .benefits_embracing_sec .inner_gray .white_box .inner_ul li::before {

    content: '';

    background: url(../../images-2/health_right.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -62px;

    top: 0

}



.automotive_pages .our_services_outer {

    float: left;

    padding: 75px 0;

    width: 100%

}



.automotive_pages .our_services_outer .our_services_innr {

    float: left;

    width: 100%

}



.automotive_pages .our_services_outer .our_services_innr h3 {

    font: 500 48px/65px Poppins;

    color: #000;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.automotive_pages .our_services_outer .our_services_innr h3 span {

    color: #067cbe

}



.automotive_pages .our_services_outer .our_services_innr p {

    font: 24px/35px Poppins;

    color: #000;

    margin: 13px 0 0;

    text-align: left

}



.automotive_pages .our_services_outer .development_services_inner:hover .border-small_1 {

    border-top: 2px solid #fff

}



.automotive_pages .our_services_outer .development_services_inner .border-small_1 {

    position: absolute;

    top: 172px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 65px;

    border-top: 2px solid #858585

}



.automotive_pages .our_services_outer .development_services_inner {

    display: inline-block;

    margin: 33px 0 0;

    width: 100%;

    min-height: 300px;

    transition: all .5s ease 0s;

    cursor: default;

    text-align: left;

    padding: 15px

}



.automotive_pages .our_services_outer .development_services_inner:hover {

    background: #ffbc00;

    min-height: 300px;

    border: none !important;

    padding: 15px

}



.automotive_pages .our_services_outer .development_services_inner small.Dservices_icon1,

.automotive_pages .our_services_outer .development_services_inner:hover small.Dservices_icon1 {

    background-position: 0 -10px

}



.automotive_pages .our_services_outer .development_services_inner p {

    font: 20px/26px mulisemibold, sans-serif;

    margin: 6px 10px 2px;

    color: #000;

    min-height: 2px;

    text-align: left

}



.automotive_pages .our_services_outer .development_services_inner:hover p {

    color: #fff;

    min-height: 2px;

    text-align: left

}



.automotive_pages .our_services_outer .development_services_inner span {

    display: inline-block;

    font: 18px/26px Poppins;

    padding: 30px 15px 10px 10px;

    color: #000;

    text-align: left

}



.automotive_pages .our_services_outer .development_services_inner:hover span {

    color: #fff;

    text-align: left

}



.automotive_pages .our_services_outer .development_services_inner small.Dservices_icon2,

.automotive_pages .our_services_outer .development_services_inner:hover small.Dservices_icon2 {

    background-position: 0 -240px

}



.automotive_pages .our_services_outer .development_services_inner small.Dservices_icon3,

.automotive_pages .our_services_outer .development_services_inner:hover small.Dservices_icon3 {

    background-position: -18px -515px

}



.automotive_pages .our_services_outer .development_services_inner small.Dservices_icon4,

.automotive_pages .our_services_outer .development_services_inner:hover small.Dservices_icon4 {

    background-position: -4px -816px

}



.automotive_pages .our_services_outer .development_services_inner small.Dservices_icon5,

.automotive_pages .our_services_outer .development_services_inner:hover small.Dservices_icon5 {

    background-position: -2px -1181px

}



.automotive_pages .our_services_outer .development_services_inner small.Dservices_icon6,

.automotive_pages .our_services_outer .development_services_inner:hover small.Dservices_icon6 {

    background-position: -10px -1521px

}



.automotive_pages .our_services_outer .development_services_inner small {

    background: url(../../images-2/automative_sprite.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.automotive_pages .our_services_outer .development_services_inner:hover small {

    background: url(../../images-2/automative_sprite_hover.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.automotive_pages .banne_box {

    width: 100%;

    float: left;

    padding: 40px 0

}



.automotive_pages .why_otp {

    float: left;

    display: flex;

    padding: 75px 0 110px;

    width: 100%;

    background-image: url(../../images-2/Automotive_banner3.jpg);

    background-repeat: no-repeat;

    background-size: cover !important

}



.automotive_pages .why_scricle {

    background-image: url(../../images-2/health_scricle.png);

    background-repeat: no-repeat;

    background-position: center

}



.automotive_pages .why_otp .our_services_innr {

    float: left;

    width: 100%

}



.automotive_pages .why_otp .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #fff;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.automotive_pages .why_otp .our_services_innr h3 span {

    color: #067cbe

}



.automotive_pages .why_otp .our_services_innr p {

    font: 24px/35px Poppins;

    color: #fff;

    margin: 13px 0 0;

    text-align: left;

    padding-bottom: 50px

}



.automotive_pages .why_otp_inner {

    width: 100%;

    float: left;

    margin-top: 30px

}



.automotive_pages .why_otp_inner .content_box {

    width: 100%;

    float: left;

    background: #fff;

    border-radius: 6px;

    margin: 10px 0;

    padding: 30px 20px;

    min-height: 200px

}



.automotive_pages .why_otp_inner .content_box h3 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.automotive_pages .why_otp_inner .content_box p {

    font: 16px/25px mulilight, sans-serif;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 10px

}



.automotive_pages .why_otp_inner .img_box1 {

    width: 100%;

    float: left;

    margin: 40px 0 0;

    padding: 0

}



.automotive_pages .why_otp_inner .img_box1 img {

    padding: 0;

    margin: 0;

    position: relative;

    top: -23px

}



.automotive_pages .why_otp .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left;

    text-align: center

}



.automotive_pages .why_otp .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.automotive_pages .why_otp .cont_us_btn a:hover {

    background: #dba613

}



.education_elearning_page .banner_sec_main_ind {

    float: left;

    width: 100%;

    background-image: url(../../images-2/education_banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 150px 0

}



.education_elearning_page .banner_sec_main_ind .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1250px;

    position: relative;

    z-index: 999999999999

}



.education_elearning_page .banner_sec_main_ind .banner_inner .left_sec {

    width: 55%;

    float: left

}



.education_elearning_page .banner_sec_main_ind .banner_inner .right_sec {

    width: 45%;

    float: left

}



.education_elearning_page .banner_sec_main_ind .banner_inner h1 {

    font: 54px/60px mulibold, sans-serif;

    color: #fff;

    width: 100%;

    text-transform: capitalize

}



.education_elearning_page .banner_sec_main_ind .banner_inner h1 span {

    font: 40px/40px Poppins;

    width: 100%

}



.education_elearning_page .banner_sec_main_ind .banner_inner p {

    font: 22px/32px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 90%;

    float: left

}



.education_elearning_page .banner_sec_main_ind .banner_inner .mobile_banner {

    width: 100%

}



.education_elearning_page .banner_sec_main_ind .banner_inner .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left

}



.education_elearning_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px robotomedium;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.education_elearning_page .banner_sec_main_ind .banner_inner .cont_us_btn a:hover {

    background: #dba613

}



.education_elearning_page .benefits_embracing_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background: #00579c;

    position: relative

}



.education_elearning_page .benefits_embracing_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 290px

}



.education_elearning_page .benefits_embracing_sec .inner_gray {

    width: 100%;

    float: left;

    padding: 80px 0 340px;

    background: #f7f8fc !important

}



.education_elearning_page .benefits_embracing_sec .inner_gray .white_box {

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    float: left;

    position: absolute;

    top: -340px;

    left: 30px

}



.education_elearning_page .benefits_embracing_sec .inner_gray .border_small {

    position: absolute;

    top: 84px;

    left: 17%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.education_elearning_page .benefits_embracing_sec .inner_gray .white_box h3 {

    font: 24px/30px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.education_elearning_page .benefits_embracing_sec .inner_gray .white_box p {

    font: 16px/30px Poppins;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 40px

}



.education_elearning_page .benefits_embracing_sec .inner_gray .white_box ul {

    margin: 40px 0 0;

    float: left;

    width: 100%;

    border-left: 1px solid #ffbc00;

    padding: 0 0 0 50px

}



.education_elearning_page .benefits_embracing_sec .inner_gray .white_box .inner_ul {

    padding: 0;

    position: relative;

    z-index: 99

}



.education_elearning_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

    list-style: none;

    width: 100%;

    font: 16px/24px Poppins;

    position: relative;

    z-index: 99999;

    margin: 0 0 16px

}



.education_elearning_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li:last-child {

    margin-bottom: 0

}



.education_elearning_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li::before {

    content: '';

    background: url(../../images-2/health_right.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -62px;

    top: 0

}



.education_elearning_page .our_services_outer {

    float: left;

    padding: 80px 0;

    width: 100%

}



.education_elearning_page .our_services_outer .our_services_innr {

    float: left;

    width: 100%

}



.education_elearning_page .our_services_outer .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #000;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.education_elearning_page .our_services_outer .our_services_innr h3 span {

    color: #067cbe

}



.education_elearning_page .our_services_outer .our_services_innr p {

    font: 24px/35px Poppins;

    color: #000;

    margin: 13px 0 0;

    text-align: left

}



.education_elearning_page .our_services_outer .development_services_inner:hover .border-small_1 {

    border-top: 2px solid #fff

}



.education_elearning_page .our_services_outer .development_services_inner .border-small_1 {

    position: absolute;

    top: 172px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 65px;

    border-top: 2px solid #858585

}



.education_elearning_page .our_services_outer .development_services_inner {

    display: inline-block;

    margin: 33px 0 0;

    width: 100%;

    min-height: 300px;

    transition: all .5s ease 0s;

    cursor: default;

    text-align: left;

    padding: 15px

}



.education_elearning_page .our_services_outer .development_services_inner:hover {

    background: #ffbc00;

    min-height: 300px;

    border: none !important;

    padding: 15px

}



.education_elearning_page .our_services_outer .development_services_inner small.Dservices_icon1,

.education_elearning_page .our_services_outer .development_services_inner:hover small.Dservices_icon1 {

    background-position: 0 -10px

}



.education_elearning_page .our_services_outer .development_services_inner p {

    font: 20px/28px Poppins;

    margin: 6px 10px 2px;

    color: #000;

    min-height: 2px;

    text-align: left

}



.education_elearning_page .our_services_outer .development_services_inner:hover p {

    color: #fff;

    min-height: 2px;

    text-align: left

}



.education_elearning_page .our_services_outer .development_services_inner span {

    display: inline-block;

    font: 18px/26px Poppins;

    padding: 30px 15px 10px 10px;

    color: #000;

    text-align: left

}



.education_elearning_page .our_services_outer .development_services_inner:hover span {

    color: #fff;

    text-align: left

}



.education_elearning_page .our_services_outer .development_services_inner small.Dservices_icon2,

.education_elearning_page .our_services_outer .development_services_inner:hover small.Dservices_icon2 {

    background-position: 0 -240px

}



.education_elearning_page .our_services_outer .development_services_inner small.Dservices_icon3,

.education_elearning_page .our_services_outer .development_services_inner:hover small.Dservices_icon3 {

    background-position: -18px -515px

}



.education_elearning_page .our_services_outer .development_services_inner small.Dservices_icon4,

.education_elearning_page .our_services_outer .development_services_inner:hover small.Dservices_icon4 {

    background-position: -4px -816px

}



.education_elearning_page .our_services_outer .development_services_inner small.Dservices_icon5,

.education_elearning_page .our_services_outer .development_services_inner:hover small.Dservices_icon5 {

    background-position: -2px -1181px

}



.education_elearning_page .our_services_outer .development_services_inner small.Dservices_icon6,

.education_elearning_page .our_services_outer .development_services_inner:hover small.Dservices_icon6 {

    background-position: -10px -1521px

}



.education_elearning_page .our_services_outer .development_services_inner small {

    background: url(../../images-2/education_elearning_sprite.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.education_elearning_page .our_services_outer .development_services_inner:hover small {

    background: url(../../images-2/education_elearning_sprite_hover.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.education_elearning_page .banne_box {

    width: 100%;

    float: left;

    padding: 40px 0

}



.education_elearning_page .why_otp {

    float: left;

    display: flex;

    padding: 75px 0 110px;

    width: 100%;

    background-image: url(../../images-2/education_banner3.jpg);

    background-repeat: no-repeat;

    background-size: cover !important

}



.education_elearning_page .why_scricle {

    background-image: url(../../images-2/health_scricle.png);

    background-repeat: no-repeat;

    background-position: center

}



.education_elearning_page .why_otp .our_services_innr {

    float: left;

    width: 100%

}



.education_elearning_page .why_otp .our_services_innr h3 {

    font: 45px/60px mulisemibold, sans-serif;

    color: #fff;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.education_elearning_page .why_otp .our_services_innr h3 span {

    color: #067cbe

}



.education_elearning_page .why_otp .our_services_innr p {

    font: 24px/35px Poppins;

    color: #fff;

    margin: 13px 0 0;

    text-align: left;

    padding-bottom: 50px

}



.education_elearning_page .why_otp_inner {

    width: 100%;

    float: left;

    margin-top: 30px

}



.education_elearning_page .why_otp_inner .content_box {

    width: 100%;

    float: left;

    background: #fff;

    border-radius: 6px;

    margin: 10px 0;

    padding: 30px 20px;

    min-height: 195px

}



.education_elearning_page .why_otp_inner .content_box h3 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.education_elearning_page .why_otp_inner .content_box p {

    font: 16px/25px mulilight, sans-serif;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 10px

}



.education_elearning_page .why_otp_inner .img_box1 {

    width: 100%;

    float: left;

    margin: 40px 0 0;

    padding: 0

}



.education_elearning_page .why_otp_inner .img_box1 img {

    padding: 0;

    margin: 0;

    position: relative;

    top: -23px

}



.education_elearning_page .why_otp .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left;

    text-align: center

}



.education_elearning_page .why_otp .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px robotomedium;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.education_elearning_page .why_otp .cont_us_btn a:hover {

    background: #dba613

}



.logistics_page .banner_sec_main_ind {

    float: left;

    width: 100%;

    background-image: url(../../images-2/Logistics_banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 150px 0

}



.logistics_page .banner_sec_main_ind .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1250px;

    position: relative;

    z-index: 999999999999

}



.logistics_page .banner_sec_main_ind .banner_inner .left_sec {

    width: 55%;

    float: left

}



.logistics_page .banner_sec_main_ind .banner_inner .right_sec {

    width: 45%;

    float: left

}



.logistics_page .banner_sec_main_ind .banner_inner h1 {

    font: 52px/60px mulibold, sans-serif;

    color: #fff;

    width: 100%;

    text-transform: capitalize

}



.logistics_page .banner_sec_main_ind .banner_inner h1 span {

    font: 40px/40px mulilight, sans-serif

}



.logistics_page .banner_sec_main_ind .banner_inner p {

    font: 22px/32px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 90%;

    float: left

}



.logistics_page .banner_sec_main_ind .banner_inner .mobile_banner {

    width: 100%

}



.logistics_page .banner_sec_main_ind .banner_inner .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left

}



.logistics_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.logistics_page .banner_sec_main_ind .banner_inner .cont_us_btn a:hover {

    background: #dba613

}



.logistics_page .benefits_embracing_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background: #1f1e2c;

    position: relative

}



.logistics_page .benefits_embracing_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 290px

}



.logistics_page .benefits_embracing_sec .inner_gray {

    width: 100%;

    float: left;

    padding: 80px 0 340px;

    background: #f7f8fc !important

}



.logistics_page .benefits_embracing_sec .inner_gray .white_box {

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    float: left;

    position: absolute;

    top: -340px;

    left: 30px;

    min-height: 620px

}



.logistics_page .benefits_embracing_sec .inner_gray .border_small {

    position: absolute;

    top: 84px;

    left: 17%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.logistics_page .benefits_embracing_sec .inner_gray .white_box h3 {

    font: 24px/30px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.logistics_page .benefits_embracing_sec .inner_gray .white_box p {

    font: 16px/30px Poppins;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 40px

}



.logistics_page .benefits_embracing_sec .inner_gray .white_box ul {

    margin: 40px 0 0;

    float: left;

    width: 100%;

    border-left: 1px solid #ffbc00;

    padding: 0 0 0 50px

}



.logistics_page .benefits_embracing_sec .inner_gray .white_box .inner_ul {

    padding: 0;

    position: relative;

    z-index: 99

}



.logistics_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

    list-style: none;

    width: 100%;

    font: 16px/24px Poppins;

    position: relative;

    z-index: 99999;

    margin: 0 0 16px

}



.logistics_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li:last-child {

    margin-bottom: 0

}



.logistics_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li::before {

    content: '';

    background: url(../../images-2/health_right.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -62px;

    top: 0

}



.logistics_page .our_services_outer {

    float: left;

    padding: 75px 0;

    width: 100%

}



.logistics_page .our_services_outer .our_services_innr {

    float: left;

    width: 100%

}



.logistics_page .our_services_outer .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #000;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase;

    letter-spacing: -1px

}



.logistics_page .our_services_outer .our_services_innr h3 span {

    color: #067cbe

}



.logistics_page .our_services_outer .our_services_innr p {

    font: 24px/35px Poppins;

    color: #000;

    margin: 13px 0 0;

    text-align: left

}



.logistics_page .our_services_outer .development_services_inner:hover .border-small_1 {

    border-top: 2px solid #fff

}



.logistics_page .our_services_outer .development_services_inner .border-small_1 {

    position: absolute;

    top: 172px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 65px;

    border-top: 2px solid #858585

}



.logistics_page .our_services_outer .development_services_inner {

    display: inline-block;

    margin: 33px 0 0;

    width: 100%;

    min-height: 300px;

    transition: all .5s ease 0s;

    cursor: default;

    text-align: left;

    padding: 15px

}



.logistics_page .our_services_outer .development_services_inner:hover {

    background: #ffbc00;

    min-height: 300px;

    border: none !important;

    padding: 15px

}



.logistics_page .our_services_outer .development_services_inner small.Dservices_icon1,

.logistics_page .our_services_outer .development_services_inner:hover small.Dservices_icon1 {

    background-position: 0 -10px

}



.logistics_page .our_services_outer .development_services_inner p {

    font: 20px/26px Poppins;

    margin: 6px 10px 2px;

    color: #000;

    min-height: 2px;

    text-align: left

}



.logistics_page .our_services_outer .development_services_inner:hover p {

    color: #fff;

    min-height: 2px;

    text-align: left

}



.logistics_page .our_services_outer .development_services_inner span {

    display: inline-block;

    font: 18px/26px Poppins;

    padding: 30px 15px 10px 10px;

    color: #000;

    text-align: left

}



.logistics_page .our_services_outer .development_services_inner:hover span {

    color: #fff;

    text-align: left

}



.logistics_page .our_services_outer .development_services_inner small.Dservices_icon2,

.logistics_page .our_services_outer .development_services_inner:hover small.Dservices_icon2 {

    background-position: 0 -240px

}



.logistics_page .our_services_outer .development_services_inner small.Dservices_icon3,

.logistics_page .our_services_outer .development_services_inner:hover small.Dservices_icon3 {

    background-position: -18px -515px

}



.logistics_page .our_services_outer .development_services_inner small.Dservices_icon4,

.logistics_page .our_services_outer .development_services_inner:hover small.Dservices_icon4 {

    background-position: -4px -816px

}



.logistics_page .our_services_outer .development_services_inner small.Dservices_icon5,

.logistics_page .our_services_outer .development_services_inner:hover small.Dservices_icon5 {

    background-position: -2px -1181px

}



.logistics_page .our_services_outer .development_services_inner small.Dservices_icon6,

.logistics_page .our_services_outer .development_services_inner:hover small.Dservices_icon6 {

    background-position: -10px -1521px

}



.logistics_page .our_services_outer .development_services_inner small {

    background: url(../../images-2/logistik_sprite_hover.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.logistics_page .our_services_outer .development_services_inner:hover small {

    background: url(../../images-2/logistik_sprite.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.logistics_page .banne_box {

    width: 100%;

    float: left;

    padding: 40px 0

}



.logistics_page .why_otp {

    float: left;

    display: flex;

    padding: 75px 0 110px;

    width: 100%;

    background-image: url(../../images-2/Logistics_banner3.jpg);

    background-repeat: no-repeat;

    background-size: cover !important

}



.logistics_page .why_scricle {

    background-image: url(../../images-2/health_scricle.png);

    background-repeat: no-repeat;

    background-position: center

}



.logistics_page .why_otp .our_services_innr {

    float: left;

    width: 100%

}



.logistics_page .why_otp .our_services_innr h3 {

    font: 46px/65px mulisemibold, sans-serif;

    color: #fff;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.logistics_page .why_otp .our_services_innr h3 span {

    color: #067cbe

}



.logistics_page .why_otp .our_services_innr p {

    font: 24px/35px Poppins;

    color: #fff;

    margin: 13px 0 0;

    text-align: left;

    padding-bottom: 50px

}



.logistics_page .why_otp_inner {

    width: 100%;

    float: left;

    margin-top: 30px

}



.logistics_page .why_otp_inner .content_box {

    width: 100%;

    float: left;

    background: #fff;

    border-radius: 6px;

    margin: 10px 0;

    padding: 30px 20px;

    min-height: 200px

}



.isv_page .banner_sec_main_ind .banner_inner .cont_us_btn a,

.logistics_page .why_otp .cont_us_btn a {

    border-radius: 5px;

    text-align: center;

    text-transform: capitalize;

    display: inline-block;

    text-decoration: none

}



.logistics_page .why_otp_inner .content_box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.logistics_page .why_otp_inner .content_box p {

    font: 16px/25px mulilight, sans-serif;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 10px

}



.logistics_page .why_otp_inner .img_box1 {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0

}



.logistics_page .why_otp_inner .img_box1 img {

    padding: 0;

    margin: 40px 0 0;

    position: relative;

    top: -23px

}



.logistics_page .why_otp .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left;

    text-align: center

}



.logistics_page .why_otp .cont_us_btn a {

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif

}



.logistics_page .why_otp .cont_us_btn a:hover {

    background: #dba613

}



.isv_page .banner_sec_main_ind {

    float: left;

    width: 100%;

    background-image: url(../../images-2/ISVs-product-development.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 150px 0

}



.isv_page .banner_sec_main_ind .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1250px;

    position: relative;

    z-index: 999999999999

}



.isv_page .banner_sec_main_ind .banner_inner .left_sec {

    width: 55%;

    float: left

}



.isv_page .banner_sec_main_ind .banner_inner .right_sec {

    width: 45%;

    float: left

}



.isv_page .banner_sec_main_ind .banner_inner h1 {

    font: 70px/60px mulibold, sans-serif;

    color: #fff;

    text-transform: capitalize

}



.isv_page .banner_sec_main_ind .banner_inner h1 span {

    font: 40px/40px Poppins;

    text-transform: capitalize

}



.isv_page .banner_sec_main_ind .banner_inner p {

    font: 22px/32px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 90%;

    float: left

}



.isv_page .banner_sec_main_ind .banner_inner .mobile_banner {

    width: 100%

}



.isv_page .banner_sec_main_ind .banner_inner .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left

}



.isv_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

    padding: 0 30px;

    border: 1px solid #fff !important;

    font: 18px/55px mulisemibold, sans-serif

}



.isv_page .banner_sec_main_ind .banner_inner .cont_us_btn a:hover {

    background: #fff;

    color: #000 !important

}



.isv_page .benefits_embracing_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background: #2e718c;

    position: relative

}



.isv_page .benefits_embracing_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 290px

}



.isv_page .benefits_embracing_sec .inner_gray {

    width: 100%;

    float: left;

    padding: 80px 0 340px;

    background: #f7f8fc !important

}



.isv_page .benefits_embracing_sec .inner_gray .white_box {

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    float: left;

    position: absolute;

    top: -340px;

    left: 30px

}



.isv_page .benefits_embracing_sec .inner_gray .border_small {

    position: absolute;

    top: 84px;

    left: 17%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.isv_page .benefits_embracing_sec .inner_gray .white_box h3 {

    font: 24px/36px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.isv_page .benefits_embracing_sec .inner_gray .white_box p {

    font: 16px/28px Poppins;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 40px

}



.isv_page .benefits_embracing_sec .inner_gray .white_box ul {

    margin: 40px 0 0;

    float: left;

    width: 100%;

    border-left: 1px solid #ffbc00;

    padding: 0 0 0 50px

}



.isv_page .benefits_embracing_sec .inner_gray .white_box .inner_ul {

    padding: 0;

    position: relative;

    z-index: 99

}



.isv_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

    list-style: none;

    width: 100%;

    font: 16px/24px Poppins;

    position: relative;

    z-index: 99999;

    margin: 0 0 16px

}



.isv_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li:last-child {

    margin-bottom: 0

}



.isv_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li::before {

    content: '';

    background: url(../../images-2/health_right.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -62px;

    top: 0

}



.isv_page .our_services_outer {

    float: left;

    padding: 80px 0;

    width: 100%

}



.isv_page .our_services_outer .our_services_innr {

    float: left;

    width: 100%

}



.isv_page .our_services_outer .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #000;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.isv_page .our_services_outer .our_services_innr h3 span {

    color: #067cbe

}



.isv_page .our_services_outer .our_services_innr p {

    font: 24px/35px Poppins;

    color: #000;

    margin: 13px 0 0;

    text-align: left

}



.isv_page .our_services_outer .development_services_inner:hover .border-small_1 {

    border-top: 2px solid #fff

}



.isv_page .our_services_outer .development_services_inner .border-small_1 {

    position: absolute;

    top: 172px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 65px;

    border-top: 2px solid #858585

}



.isv_page .our_services_outer .development_services_inner {

    display: inline-block;

    margin: 33px 0 0;

    width: 100%;

    min-height: 300px;

    transition: all .5s ease 0s;

    cursor: default;

    text-align: left;

    padding: 15px

}



.isv_page .our_services_outer .development_services_inner:hover {

    background: #ffbc00;

    min-height: 300px;

    border: none !important;

    padding: 15px

}



.isv_page .our_services_outer .development_services_inner small.Dservices_icon1,

.isv_page .our_services_outer .development_services_inner:hover small.Dservices_icon1 {

    background-position: 0 -10px

}



.isv_page .our_services_outer .development_services_inner p {

    font: 20px/28px mulilight, sans-serif;

    margin: 6px 10px 2px;

    color: #000;

    min-height: 2px;

    text-align: left

}



.isv_page .our_services_outer .development_services_inner:hover p {

    color: #fff;

    min-height: 2px;

    text-align: left

}



.isv_page .our_services_outer .development_services_inner span {

    display: inline-block;

    font: 16px/28px Poppins;

    padding: 30px 15px 10px 10px;

    color: #000;

    text-align: left

}



.isv_page .our_services_outer .development_services_inner:hover span {

    color: #fff;

    text-align: left

}



.isv_page .our_services_outer .development_services_inner small.Dservices_icon2,

.isv_page .our_services_outer .development_services_inner:hover small.Dservices_icon2 {

    background-position: 0 -240px

}



.isv_page .our_services_outer .development_services_inner small.Dservices_icon3,

.isv_page .our_services_outer .development_services_inner:hover small.Dservices_icon3 {

    background-position: -18px -515px

}



.isv_page .our_services_outer .development_services_inner small.Dservices_icon4,

.isv_page .our_services_outer .development_services_inner:hover small.Dservices_icon4 {

    background-position: -4px -816px

}



.isv_page .our_services_outer .development_services_inner small.Dservices_icon5,

.isv_page .our_services_outer .development_services_inner:hover small.Dservices_icon5 {

    background-position: -2px -1181px

}



.isv_page .our_services_outer .development_services_inner small.Dservices_icon6,

.isv_page .our_services_outer .development_services_inner:hover small.Dservices_icon6 {

    background-position: -10px -1521px

}



.isv_page .our_services_outer .development_services_inner small {

    background: url(../../images-2/isv_sprite-Recovered.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.isv_page .our_services_outer .development_services_inner:hover small {

    background: url(../../images-2/isv_sprite-Recovered_hover.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.isv_page .banne_box {

    width: 100%;

    float: left;

    padding: 40px 0

}



.isv_page .why_otp {

    float: left;

    display: flex;

    padding: 75px 0 140px;

    width: 100%;

    background-image: url(../../images-2/ISVs-product-development-3.jpg);

    background-repeat: no-repeat;

    background-size: cover !important

}



.isv_page .why_scricle {

    background-image: url(../../images-2/health_scricle.png);

    background-repeat: no-repeat;

    background-position: center

}



.isv_page .why_otp .our_services_innr {

    float: left;

    width: 100%

}



.isv_page .why_otp .our_services_innr h3 {

    font: 45px/60px mulisemibold, sans-serif;

    color: #fff;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.isv_page .why_otp .our_services_innr h3 span {

    color: #067cbe

}



.isv_page .why_otp .our_services_innr p {

    font: 24px/35px Poppins;

    color: #fff;

    margin: 13px 0 0;

    text-align: left;

    padding-bottom: 50px

}



.isv_page .why_otp_inner {

    width: 100%;

    float: left;

    margin-top: 30px

}



.isv_page .why_otp_inner .content_box {

    width: 100%;

    min-height: 200px;

    float: left;

    background: #fff;

    border-radius: 6px;

    margin: 10px 0;

    padding: 30px 20px

}



.isv_page .why_otp_inner .content_box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.isv_page .why_otp_inner .content_box p {

    font: 16px/25px mulilight, sans-serif;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 10px

}



.isv_page .why_otp_inner .img_box1 {

    width: 100%;

    float: left;

    margin: 40px 0 0;

    padding: 0

}



.isv_page .why_otp_inner .img_box1 img {

    padding: 0;

    margin: 0;

    position: relative;

    top: -23px

}



.isv_page .why_otp .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left;

    text-align: center

}



.isv_page .why_otp .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.isv_page .why_otp .cont_us_btn a:hover {

    background: #dba613

}



.media_software_page .banner_sec_main_ind {

    float: left;

    width: 100%;

    background-image: url(../../images-2/media_banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 150px 0

}



.media_software_page .banner_sec_main_ind .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1250px;

    position: relative;

    z-index: 999

}



.media_software_page .banner_sec_main_ind .banner_inner .left_sec {

    width: 55%;

    float: left

}



.media_software_page .banner_sec_main_ind .banner_inner .right_sec {

    width: 45%;

    float: left

}



.media_software_page .banner_sec_main_ind .banner_inner h1 {

    font: 52px/60px mulibold, sans-serif;

    color: #fff;

    text-transform: capitalize

}



.media_software_page .banner_sec_main_ind .banner_inner h1 span {

    font: 40px/40px mulilight, sans-serif;

    width: 100%

}



.media_software_page .banner_sec_main_ind .banner_inner p {

    font: 24px/40px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 90%;

    float: left

}



.media_software_page .banner_sec_main_ind .banner_inner .mobile_banner {

    width: 100%

}



.media_software_page .banner_sec_main_ind .banner_inner .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left

}



.media_software_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.media_software_page .banner_sec_main_ind .banner_inner .cont_us_btn a:hover {

    background: #dba613

}



.media_software_page .benefits_embracing_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background: #00579c;

    position: relative

}



.media_software_page .benefits_embracing_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 290px

}



.media_software_page .benefits_embracing_sec .inner_gray {

    width: 100%;

    float: left;

    padding: 80px 0 340px;

    background: #f7f8fc !important

}



.media_software_page .benefits_embracing_sec .inner_gray .white_box {

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    float: left;

    position: absolute;

    top: -340px;

    left: 30px

}



.media_software_page .benefits_embracing_sec .inner_gray .border_small {

    position: absolute;

    top: 84px;

    left: 17%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.media_software_page .benefits_embracing_sec .inner_gray .white_box h3 {

    font: 24px/30px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.media_software_page .benefits_embracing_sec .inner_gray .white_box p {

    font: 16px/30px Poppins;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 40px

}



.media_software_page .benefits_embracing_sec .inner_gray .white_box ul {

    margin: 40px 0 0;

    float: left;

    width: 100%;

    border-left: 1px solid #ffbc00;

    padding: 0 0 0 50px

}



.media_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul {

    padding: 0;

    position: relative;

    z-index: 99

}



.media_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

    list-style: none;

    width: 100%;

    font: 16px/24px Poppins;

    position: relative;

    z-index: 99999;

    margin: 0 0 16px

}



.media_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li:last-child {

    margin-bottom: 0

}



.media_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li::before {

    content: '';

    background: url(../../images-2/health_right.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -62px;

    top: 0

}



.media_software_page .our_services_outer {

    float: left;

    padding: 80px 0;

    width: 100%

}



.media_software_page .our_services_outer .our_services_innr {

    float: left;

    width: 100%

}



.media_software_page .our_services_outer .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #000;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.media_software_page .our_services_outer .our_services_innr h3 span {

    color: #067cbe

}



.media_software_page .our_services_outer .our_services_innr p {

    font: 24px/35px Poppins;

    color: #000;

    margin: 13px 0 0;

    text-align: left

}



.media_software_page .our_services_outer .development_services_inner:hover .border-small_1 {

    border-top: 2px solid #fff

}



.media_software_page .our_services_outer .development_services_inner .border-small_1 {

    position: absolute;

    top: 172px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 65px;

    border-top: 2px solid #858585

}



.media_software_page .our_services_outer .development_services_inner {

    display: inline-block;

    margin: 33px 0 0;

    width: 100%;

    min-height: 300px;

    transition: all .5s ease 0s;

    cursor: default;

    text-align: left;

    padding: 15px

}



.media_software_page .our_services_outer .development_services_inner:hover {

    background: #ffbc00;

    min-height: 300px;

    border: none !important;

    padding: 15px

}



.media_software_page .our_services_outer .development_services_inner small.Dservices_icon1,

.media_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon1 {

    background-position: 0 -10px

}



.media_software_page .our_services_outer .development_services_inner p {

    font: 20px/26px Poppins;

    margin: 6px 10px 2px;

    color: #000;

    min-height: 2px;

    text-align: left

}



.media_software_page .our_services_outer .development_services_inner:hover p {

    color: #fff;

    min-height: 2px;

    text-align: left

}



.media_software_page .our_services_outer .development_services_inner span {

    display: inline-block;

    font: 18px/26px Poppins;

    padding: 30px 15px 10px 10px;

    color: #000;

    text-align: left

}



.media_software_page .our_services_outer .development_services_inner:hover span {

    color: #fff;

    text-align: left

}



.media_software_page .our_services_outer .development_services_inner small.Dservices_icon2,

.media_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon2 {

    background-position: 0 -240px

}



.media_software_page .our_services_outer .development_services_inner small.Dservices_icon3,

.media_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon3 {

    background-position: -18px -515px

}



.media_software_page .our_services_outer .development_services_inner small.Dservices_icon4,

.media_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon4 {

    background-position: -4px -816px

}



.media_software_page .our_services_outer .development_services_inner small.Dservices_icon5,

.media_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon5 {

    background-position: -2px -1181px

}



.media_software_page .our_services_outer .development_services_inner small.Dservices_icon6,

.media_software_page .our_services_outer .development_services_inner:hover small.Dservices_icon6 {

    background-position: -10px -1521px

}



.media_software_page .our_services_outer .development_services_inner small {

    background: url(../../images-2/media_software_sprite_hover.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.media_software_page .our_services_outer .development_services_inner:hover small {

    background: url(../../images-2/media_software_sprite.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.media_software_page .banne_box {

    width: 100%;

    float: left;

    padding: 40px 0

}



.media_software_page .why_otp {

    float: left;

    display: flex;

    padding: 75px 0 110px;

    width: 100%;

    background-image: url(../../images-2/media_banner3.jpg);

    background-repeat: no-repeat;

    background-size: cover !important

}



.media_software_page .why_scricle {

    background-image: url(../../images-2/health_scricle.png);

    background-repeat: no-repeat;

    background-position: center

}



.media_software_page .why_otp .our_services_innr {

    float: left;

    width: 100%

}



.media_software_page .why_otp .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #fff;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase;

    letter-spacing: -1px

}



.media_software_page .why_otp .our_services_innr h3 span {

    color: #067cbe

}



.media_software_page .why_otp .our_services_innr p {

    font: 24px/35px Poppins;

    color: #fff;

    margin: 13px 0 0;

    text-align: left;

    padding-bottom: 50px

}



.media_software_page .why_otp_inner {

    width: 100%;

    float: left;

    margin-top: 30px

}



.media_software_page .why_otp_inner .content_box {

    width: 100%;

    float: left;

    background: #fff;

    border-radius: 6px;

    margin: 10px 0;

    padding: 30px 20px;

    min-height: 220px

}



.media_software_page .why_otp_inner .content_box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.media_software_page .why_otp_inner .content_box p {

    font: 16px/25px mulilight, sans-serif;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 10px

}



.media_software_page .why_otp_inner .img_box1 {

    width: 100%;

    float: left;

    margin: 40px 0 0;

    padding: 0

}



.media_software_page .why_otp_inner .img_box1 img {

    padding: 0;

    margin: 0;

    position: relative;

    top: -23px

}



.media_software_page .why_otp .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left;

    text-align: center

}



.media_software_page .why_otp .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.media_software_page .why_otp .cont_us_btn a:hover {

    background: #dba613

}



.healthcare_new_page .banner_sec_main_ind {

    float: left;

    width: 100%;

    background-image: url(../../images-2/health_care_banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 150px 0

}



.healthcare_new_page .banner_sec_main_ind .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1250px;

    position: relative;

    z-index: 999999999999

}



.healthcare_new_page .banner_sec_main_ind .banner_inner .left_sec {

    width: 55%;

    float: left

}



.healthcare_new_page .banner_sec_main_ind .banner_inner .right_sec {

    width: 45%;

    float: left

}



.healthcare_new_page .banner_sec_main_ind .banner_inner h1 {

    font: 70px/60px mulibold, sans-serif;

    color: #fff;

    width: 100%;

    text-transform: capitalize

}



.healthcare_new_page .banner_sec_main_ind .banner_inner h1::after {

    content: "";

    position: absolute;

    background-image: url(../../images-2/health_care_banner_icon.png);

    display: none;

    background-repeat: no-repeat;

    width: 146px;

    height: 86px

}



.healthcare_new_page .banner_sec_main_ind .banner_inner h1 span {

    font: 40px/40px Poppins;

    width: 100%

}



.healthcare_new_page .banner_sec_main_ind .banner_inner p {

    font: 22px/32px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 90%;

    float: left

}



.healthcare_new_page .banner_sec_main_ind .banner_inner .mobile_banner {

    width: 100%;

    right: 0;

    top: 180px

}



.healthcare_new_page .banner_sec_main_ind .banner_inner .mobile_banner img :hover {

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out

}



.healthcare_new_page .banner_sec_main_ind .banner_inner .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left

}



.healthcare_new_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.healthcare_new_page .banner_sec_main_ind .banner_inner .cont_us_btn a:hover {

    background: #dba613

}



.healthcare_solucation_sec {

    width: 100%;

    float: left;

    padding: 75px 0;

    background: #fff

}



.healthcare_solucation_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 60px

}



.healthcare_solucation_sec .soluation_inner h2 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #000;

    letter-spacing: -1px;

    text-transform: uppercase

}



.healthcare_solucation_sec .soluation_inner p {

    font: 24px/35px Poppins;

    padding-top: 20px

}



.healthcare_solucation_sec .soluation_development {

    width: 100%;

    float: left

}



.healthcare_solucation_sec .soluation_development .img_box {

    width: 100%;

    float: left;

    padding-bottom: 30px

}



.healthcare_solucation_sec .soluation_development h3 {

    font: 26px/36px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    position: relative

}



.healthcare_solucation_sec .soluation_development h3:after {

    position: absolute;

    z-index: 9;

    content: '';

    background: #ffbc00;

    bottom: -10px;

    left: 0;

    height: 2px;

    width: 100px;

    display: block

}



.healthcare_solucation_sec .soluation_development p {

    font: 18px/28px Poppins;

    color: #000;

    padding-top: 30px

}



.healthcare_solucation_sec .soluation_development .border_small {

    position: absolute;

    top: 40px;

    left: 66px;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.healthcare_solucation_sec .soluation_development ul {

    margin: 10px 0;

    padding: 0

}



.healthcare_solucation_sec .soluation_development ul li {

    list-style: none;

    font: 16px/28px Poppins;

    color: #000;

    background: url(../../images-2/health_solucation_icon1.png) 0 10px no-repeat;

    padding: 15px 10px 15px 60px

}



.benefits_embracing_sec {

    width: 100%;

    float: left;

    padding: 80px 0 0;

    background: #22b2bf;

    position: relative

}



.benefits_embracing_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 290px

}



.benefits_embracing_sec .inner_gray {

    width: 100%;

    float: left;

    padding: 80px 0 340px;

    background: #f7f8fc !important

}



.benefits_embracing_sec .inner_gray .white_box {

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    float: left;

    position: absolute;

    top: -340px;

    left: 30px

}



.benefits_embracing_sec .inner_gray .border_small {

    position: absolute;

    top: 84px;

    left: 17%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.benefits_embracing_sec .inner_gray .white_box h3 {

    font: 26px/35px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    position: relative

}



.benefits_embracing_sec .inner_gray .white_box h3:after {

    content: '';

    background: #ffbc00;

    height: 2px;

    width: 100px;

    bottom: -10px;

    left: 0;

    display: block;

    position: absolute

}



.benefits_embracing_sec .inner_gray .white_box p {

    font: 18px/33px Poppins;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 40px

}



.benefits_embracing_sec .inner_gray .white_box ul {

    margin: 40px 0 0;

    float: left;

    width: 100%;

    border-left: 1px solid #ffbc00;

    padding: 0 0 0 50px

}



.benefits_embracing_sec .inner_gray .white_box .inner_ul {

    padding: 0;

    position: relative;

    z-index: 99

}



.benefits_embracing_sec .inner_gray .white_box .inner_ul li {

    list-style: none;

    width: 100%;

    font: 16px/24px Poppins;

    position: relative;

    z-index: 99999;

    margin: 0 0 16px

}



.benefits_embracing_sec .inner_gray .white_box .inner_ul li::before {

    content: '';

    background: url(../../images-2/health_right.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -62px;

    top: 0

}



.benefits_embracing_sec .inner_gray .white_box .inner_ul li:last-child {

    margin: 0

}



.healthcare_new_page .our_services_outer {

    float: left;

    padding: 80px 0;

    width: 100%

}



.healthcare_new_page .our_services_outer .our_services_innr {

    float: left;

    width: 100%

}



.healthcare_new_page .our_services_outer .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #000;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.healthcare_new_page .our_services_outer .our_services_innr h3 span {

    color: #067cbe

}



.healthcare_new_page .our_services_outer .our_services_innr p {

    font: 24px/35px Poppins;

    color: #000;

    margin: 13px 0 0;

    text-align: left

}



.healthcare_new_page .our_services_outer .development_services_inner:hover .border-small_1 {

    border-top: 2px solid #fff

}



.healthcare_new_page .our_services_outer .development_services_inner .border-small_1 {

    position: absolute;

    top: 172px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 65px;

    border-top: 2px solid #858585

}



.healthcare_new_page .our_services_outer .development_services_inner {

    display: inline-block;

    margin: 33px 0 0;

    width: 100%;

    min-height: 275px;

    transition: all .5s ease 0s;

    cursor: default;

    text-align: left;

    padding: 15px

}



.healthcare_new_page .our_services_outer .development_services_inner:hover {

    background: #ffbc00;

    min-height: 275px;

    border: none !important;

    padding: 15px

}



.healthcare_new_page .our_services_outer .development_services_inner small.Dservices_icon1,

.healthcare_new_page .our_services_outer .development_services_inner:hover small.Dservices_icon1 {

    background-position: 0 -10px

}



.healthcare_new_page .our_services_outer .development_services_inner p {

    font: 20px/26px mulisemibold, sans-serif;

    margin: 6px 10px 2px;

    color: #000;

    min-height: 2px;

    text-align: left

}



.healthcare_new_page .our_services_outer .development_services_inner:hover p {

    color: #fff;

    min-height: 2px;

    text-align: left

}



.healthcare_new_page .our_services_outer .development_services_inner span {

    display: inline-block;

    font: 16px/28px Poppins;

    padding: 30px 15px 10px 10px;

    color: #000;

    text-align: left

}



.healthcare_new_page .our_services_outer .development_services_inner:hover span {

    color: #fff;

    text-align: left

}



.healthcare_new_page .our_services_outer .development_services_inner small.Dservices_icon2,

.healthcare_new_page .our_services_outer .development_services_inner:hover small.Dservices_icon2 {

    background-position: 0 -240px

}



.healthcare_new_page .our_services_outer .development_services_inner small.Dservices_icon3,

.healthcare_new_page .our_services_outer .development_services_inner:hover small.Dservices_icon3 {

    background-position: -18px -515px

}



.healthcare_new_page .our_services_outer .development_services_inner small.Dservices_icon4,

.healthcare_new_page .our_services_outer .development_services_inner:hover small.Dservices_icon4 {

    background-position: -4px -816px

}



.healthcare_new_page .our_services_outer .development_services_inner small.Dservices_icon5,

.healthcare_new_page .our_services_outer .development_services_inner:hover small.Dservices_icon5 {

    background-position: -9px -1181px

}



.healthcare_new_page .our_services_outer .development_services_inner small.Dservices_icon6,

.healthcare_new_page .our_services_outer .development_services_inner:hover small.Dservices_icon6 {

    background-position: -15px -1521px

}



.healthcare_new_page .our_services_outer .development_services_inner small {

    background: url(../../images-2/Specialities_sprite.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.healthcare_new_page .our_services_outer .development_services_inner:hover small {

    background: url(../../images-2/Specialities_sprite_hover.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.healthcare_new_page .banne_box {

    width: 100%;

    float: left;

    padding: 40px 0

}



.healthcare_new_page .why_otp {

    float: left;

    display: flex;

    padding: 90px 0 140px;

    width: 100%;

    background-image: url(../../images-2/health_banner3.jpg);

    background-repeat: no-repeat;

    background-size: cover !important

}



.healthcare_new_page .why_scricle {

    background-image: url(../../images-2/health_scricle.png);

    background-repeat: no-repeat;

    background-position: center

}



.healthcare_new_page .why_otp .our_services_innr {

    float: left;

    width: 100%

}



.healthcare_new_page .why_otp .our_services_innr h3 {

    font: 46px/65px mulisemibold, sans-serif;

    color: #fff;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.healthcare_new_page .why_otp .our_services_innr h3 span {

    color: #067cbe

}



.healthcare_new_page .why_otp .our_services_innr p {

    font: 24px/35px Poppins;

    color: #fff;

    margin: 13px 0 0;

    text-align: left;

    padding-bottom: 50px

}



.healthcare_new_page .why_otp_inner {

    width: 100%;

    float: left;

    margin-top: 30px

}



.healthcare_new_page .why_otp_inner .content_box {

    width: 100%;

    float: left;

    background: #fff;

    border-radius: 6px;

    margin: 10px 0;

    padding: 35px 20px

}



.healthcare_new_page .why_otp_inner .content_box h3 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.healthcare_new_page .why_otp_inner .content_box p {

    font: 16px/25px mulilight, sans-serif;

    color: #333;

    width: 100%;

    float: left;

    padding-top: 10px

}



.healthcare_new_page .why_otp_inner .img_box1 {

    width: 100%;

    float: left;

    margin: 20px 0 0;

    padding: 0

}



.healthcare_new_page .why_otp_inner .img_box1 img {

    padding: 0;

    margin: 0;

    position: relative;

    top: -23px

}



.healthcare_new_page .why_otp .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left;

    text-align: center

}



.healthcare_new_page .why_otp .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.healthcare_new_page .why_otp .cont_us_btn a:hover {

    background: #dba613

}



.banking_finanicaiul_page .banner_sec_main_ind {

    float: left;

    width: 100%;

    background-image: url(../../images-2/banking_financial_banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 150px 0

}



.banking_finanicaiul_page .banner_sec_main_ind .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1250px;

    position: relative;

    z-index: 999999999999

}



.banking_finanicaiul_page .banner_sec_main_ind .banner_inner .left_sec {

    width: 55%;

    float: left

}



.banking_finanicaiul_page .banner_sec_main_ind .banner_inner .right_sec {

    width: 45%;

    float: left

}



.banking_finanicaiul_page .banner_sec_main_ind .banner_inner h1 {

    font: 70px/60px mulibold, sans-serif;

    color: #fff;

    width: 100%;

    text-transform: capitalize

}



.banking_finanicaiul_page .banner_sec_main_ind .banner_inner h1 span {

    font: 40px/40px Poppins;

    width: 100%

}



.banking_finanicaiul_page .banner_sec_main_ind .banner_inner p {

    font: 22px/32px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 90%;

    float: left

}

.banner-text .mobile_banner {float:right;  padding:3%}

.banking_finanicaiul_page .banner_sec_main_ind .banner_inner .mobile_banner {

    width: 100%

}



.banking_finanicaiul_page .banner_sec_main_ind .banner_inner .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left

}



.banking_finanicaiul_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.banking_finanicaiul_page .banner_sec_main_ind .banner_inner .cont_us_btn a:hover {

    background: #dba613

}



.banking_finbanice_sec {

    width: 100%;

    float: left;

    padding: 90px 0;

    background: #fff

}



.banking_finbanice_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 60px

}



.banking_finbanice_sec .soluation_inner h2 {

    font: 48px/65px mulisemibold, sans-serif;

    letter-spacing: -1px;

    color: #000;

    text-transform: uppercase

}



.banking_finbanice_sec .soluation_inner p {

    font: 24px/35px Poppins;

    color: #000;

    padding-top: 20px

}



.banking_finbanice_sec .soluation_development {

    width: 100%;

    float: left

}



.banking_finbanice_sec .soluation_development .img_box {

    width: 100%;

    float: left;

    padding-bottom: 30px

}



.banking_finbanice_sec .soluation_development h3 {

    font: 26px/36px mulibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    position: relative

}



.banking_finbanice_sec .soluation_development h3:after {

    content: '';

    position: absolute;

    z-index: 9;

    background: #ffbc00;

    bottom: -10px;

    left: 0;

    height: 2px;

    width: 100px;

    display: block

}



.banking_finbanice_sec .soluation_development p {

    font: 18px/28px Poppins;

    color: #000;

    padding-top: 30px

}



.banking_finbanice_sec .soluation_development .border_small {

    position: absolute;

    top: 40px;

    left: 66px;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.banking_finbanice_sec .soluation_development ul {

    margin: 10px 0;

    padding: 0

}



.banking_finbanice_sec .soluation_development ul li {

    list-style: none;

    font: 17px/26px Poppins;

    color: #000;

    background: url(../../images-2/health_solucation_icon1.png) 0 8px no-repeat;

    padding: 15px 10px 15px 60px

}



.banking_finanicaiul_page .benefits_embracing_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background: #00579c;

    position: relative

}



.banking_finanicaiul_page .benefits_embracing_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 290px

}



.banking_finanicaiul_page .benefits_embracing_sec .inner_gray {

    width: 100%;

    float: left;

    padding: 80px 0 340px;

    background: #f7f8fc !important

}



.banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box {

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    min-height: 585px;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    float: left;

    position: absolute;

    top: -340px;

    left: 30px

}



.banking_finanicaiul_page .benefits_embracing_sec .inner_gray .border_small {

    position: absolute;

    top: 84px;

    left: 17%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box h3 {

    font: 24px/30px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box p {

    font: 16px/30px Poppins;

    color: #000;

    width: 100%;

    float: left;

    padding-top: 40px

}



.banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box ul {

    margin: 40px 0 0;

    float: left;

    width: 100%;

    border-left: 1px solid #ffbc00;

    padding: 0 0 0 50px

}



.banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box .inner_ul {

    padding: 0;

    position: relative;

    z-index: 99

}



.banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

    list-style: none;

    width: 100%;

    font: 16px/24px Poppins;

    position: relative;

    z-index: 99999;

    margin: 0 0 16px

}



.banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li:last-child {

    margin-bottom: 0

}



.banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li::before {

    content: '';

    background: url(../../images-2/health_right.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -62px;

    top: 0

}



.banking_finanicaiul_page .our_services_outer {

    float: left;

    padding: 80px 0;

    width: 100%

}



.banking_finanicaiul_page .our_services_outer .our_services_innr {

    float: left;

    width: 100%

}



.banking_finanicaiul_page .our_services_outer .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #000;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.banking_finanicaiul_page .our_services_outer .our_services_innr h3 span {

    color: #067cbe

}



.banking_finanicaiul_page .our_services_outer .our_services_innr p {

    font: 24px/35px Poppins;

    color: #000;

    margin: 13px 0 0;

    text-align: left

}



.banking_finanicaiul_page .our_services_outer .development_services_inner:hover .border-small_1 {

    border-top: 2px solid #fff

}



.banking_finanicaiul_page .our_services_outer .development_services_inner .border-small_1 {

    position: absolute;

    top: 172px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 65px;

    border-top: 2px solid #858585

}



.banking_finanicaiul_page .our_services_outer .development_services_inner {

    display: inline-block;

    margin: 33px 0 0;

    width: 100%;

    min-height: 300px;

    transition: all .5s ease 0s;

    cursor: default;

    text-align: left;

    padding: 15px

}



.banking_finanicaiul_page .our_services_outer .development_services_inner:hover {

    background: #00579c;

    min-height: 300px;

    border: none !important;

    padding: 15px

}



.banking_finanicaiul_page .our_services_outer .development_services_inner small.Dservices_icon1,

.banking_finanicaiul_page .our_services_outer .development_services_inner:hover small.Dservices_icon1 {

    background-position: 0 -10px

}



.banking_finanicaiul_page .our_services_outer .development_services_inner p {

    font: 20px/28px mulisemibold, sans-serif;

    margin: 6px 10px 2px;

    color: #000;

    min-height: 2px;

    text-align: left

}



.banking_finanicaiul_page .our_services_outer .development_services_inner:hover p {

    color: #fff;

    min-height: 2px;

    text-align: left

}



.banking_finanicaiul_page .our_services_outer .development_services_inner span {

    display: inline-block;

    font: 18px/26px Poppins;

    padding: 30px 15px 10px 10px;

    color: #000;

    text-align: left

}



.banking_finanicaiul_page .our_services_outer .development_services_inner:hover span {

    color: #fff;

    text-align: left

}



.banking_finanicaiul_page .our_services_outer .development_services_inner small.Dservices_icon2,

.banking_finanicaiul_page .our_services_outer .development_services_inner:hover small.Dservices_icon2 {

    background-position: 0 -240px

}



.banking_finanicaiul_page .our_services_outer .development_services_inner small.Dservices_icon3,

.banking_finanicaiul_page .our_services_outer .development_services_inner:hover small.Dservices_icon3 {

    background-position: -18px -515px

}



.banking_finanicaiul_page .our_services_outer .development_services_inner small.Dservices_icon4,

.banking_finanicaiul_page .our_services_outer .development_services_inner:hover small.Dservices_icon4 {

    background-position: -4px -816px

}



.banking_finanicaiul_page .our_services_outer .development_services_inner small.Dservices_icon5,

.banking_finanicaiul_page .our_services_outer .development_services_inner:hover small.Dservices_icon5 {

    background-position: -2px -1181px

}



.banking_finanicaiul_page .our_services_outer .development_services_inner small.Dservices_icon6,

.banking_finanicaiul_page .our_services_outer .development_services_inner:hover small.Dservices_icon6 {

    background-position: -10px -1521px

}



.banking_finanicaiul_page .our_services_outer .development_services_inner small {

    background: url(../../images-2/banking_faninancesprite1.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.banking_finanicaiul_page .our_services_outer .development_services_inner:hover small {

    background: url(../../images-2/banking_faninancesprite1_hover.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.banking_finanicaiul_page .banne_box {

    width: 100%;

    float: left;

    padding: 40px 0

}



.banking_finanicaiul_page .why_otp {

    float: left;

    display: flex;

    padding: 75px 0 110px;

    width: 100%;

    background-image: url(../../images-2/finance_banner3.png);

    background-repeat: no-repeat;

    background-size: cover !important

}



.banking_finanicaiul_page .why_scricle {

    background-image: url(../../images-2/health_scricle.png);

    background-repeat: no-repeat;

    background-position: center

}



.banking_finanicaiul_page .why_otp .our_services_innr {

    float: left;

    width: 100%

}



.banking_finanicaiul_page .why_otp .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #fff;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.banking_finanicaiul_page .why_otp .our_services_innr h3 span {

    color: #067cbe

}



.banking_finanicaiul_page .why_otp .our_services_innr p {

    font: 24px/35px Poppins;

    color: #fff;

    margin: 13px 0 0;

    text-align: left;

    padding-bottom: 50px

}



.banking_finanicaiul_page .why_otp_inner {

    width: 100%;

    float: left;

    margin-top: 30px

}



.banking_finanicaiul_page .why_otp_inner .content_box {

    width: 100%;

    float: left;

    background: #fff;

    border-radius: 6px;

    margin: 10px 0;

    padding: 30px 20px

}



.banking_finanicaiul_page .why_otp_inner .content_box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.banking_finanicaiul_page .why_otp_inner .content_box p {

    font: 16px/25px mulilight, sans-serif;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 10px

}



.banking_finanicaiul_page .why_otp_inner .img_box1 {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0

}



.banking_finanicaiul_page .why_otp_inner .img_box1 img {

    padding: 0;

    margin: 0;

    position: relative;

    top: -23px

}



.banking_finanicaiul_page .why_otp .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left;

    text-align: center

}



.banking_finanicaiul_page .why_otp .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.banking_finanicaiul_page .why_otp .cont_us_btn a:hover {

    background: #dba613

}



.travel_tourism_page .banner_sec_main_ind {

    float: left;

    width: 100%;

    background-image: url(../../images-2/travel_tourisum_banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 150px 0

}



.travel_tourism_page .banner_sec_main_ind .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1250px;

    position: relative;

    z-index: 9999

}



.travel_tourism_page .banner_sec_main_ind .banner_inner .left_sec {

    width: 55%;

    float: left

}



.travel_tourism_page .banner_sec_main_ind .banner_inner .right_sec {

    width: 45%;

    float: left

}



.travel_tourism_page .banner_sec_main_ind .banner_inner h1 {

    font: 56px/60px mulibold, sans-serif;

    color: #fff;

    text-transform: capitalize

}



.travel_tourism_page .banner_sec_main_ind .banner_inner h1 span {

    font: 40px/40px mulilight, sans-serif

}



.travel_tourism_page .banner_sec_main_ind .banner_inner p {

    font: 22px/32px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 90%;

    float: left

}



.travel_tourism_page .banner_sec_main_ind .banner_inner .mobile_banner {

    width: 100%;

    right: 80px;

    top: 180px

}



.travel_tourism_page .banner_sec_main_ind .banner_inner .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left

}



.travel_tourism_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.travel_tourism_page .banner_sec_main_ind .banner_inner .cont_us_btn a:hover {

    background: #dba613

}



.trivel_turism_sec {

    width: 100%;

    float: left;

    padding: 90px 0;

    background: #fff

}



.trivel_turism_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 60px

}



.trivel_turism_sec .soluation_inner h2 {

    font: 48px/65px mulisemibold, sans-serif;

    letter-spacing: -1px;

    color: #000;

    text-transform: uppercase

}



.trivel_turism_sec .soluation_inner p {

    font: 24px/35px mulibold, sans-serif;

    color: #000;

    padding-top: 20px

}



.trivel_turism_sec .soluation_development {

    width: 100%;

    float: left

}



.trivel_turism_sec .soluation_development .img_box {

    width: 100%;

    float: left;

    padding-bottom: 30px

}



.trivel_turism_sec .soluation_development h3 {

    font: 24px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.trivel_turism_sec .soluation_development p {

    font: 20px/28px mulilight, sans-serif;

    color: #000;

    padding-top: 30px

}



.trivel_turism_sec .soluation_development .border_small {

    position: absolute;

    top: 42px;

    left: 66px;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.trivel_turism_sec .soluation_development ul {

    margin: 10px 0;

    padding: 0

}



.trivel_turism_sec .soluation_development ul li {

    list-style: none;

    font: 17px/26px Poppins;

    color: #000;

    background: url(../../images-2/health_solucation_icon1.png) 0 8px no-repeat;

    padding: 15px 10px 15px 60px

}



.travel_tourism_page .benefits_embracing_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background: #e04446;

    position: relative

}



.travel_tourism_page .benefits_embracing_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 290px

}



.travel_tourism_page .benefits_embracing_sec .inner_gray {

    width: 100%;

    float: left;

    padding: 80px 0 340px;

    background: #f7f8fc !important

}



.travel_tourism_page .benefits_embracing_sec .inner_gray .white_box {

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    float: left;

    position: absolute;

    top: -340px;

    left: 30px;

    min-height: 590px

}



.travel_tourism_page .benefits_embracing_sec .inner_gray .border_small {

    position: absolute;

    top: 84px;

    left: 17%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.travel_tourism_page .benefits_embracing_sec .inner_gray .white_box h3 {

    font: 24px/30px Poppins;

    color: #000;

    text-transform: capitalize

}



.travel_tourism_page .benefits_embracing_sec .inner_gray .white_box p {

    font: 16px/30px Poppins;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 40px

}



.travel_tourism_page .benefits_embracing_sec .inner_gray .white_box ul {

    margin: 40px 0 0;

    float: left;

    width: 100%;

    border-left: 1px solid #ffbc00;

    padding: 0 0 0 50px

}



.travel_tourism_page .benefits_embracing_sec .inner_gray .white_box .inner_ul {

    padding: 0;

    position: relative;

    z-index: 99

}



.travel_tourism_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

    list-style: none;

    width: 100%;

    font: 16px/24px Poppins;

    position: relative;

    z-index: 99999;

    margin: 0 0 16px

}



.travel_tourism_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li:last-child {

    margin-bottom: 0

}



.travel_tourism_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li::before {

    content: '';

    background: url(../../images-2/health_right.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -62px;

    top: 0

}



.travel_tourism_page .our_services_outer {

    float: left;

    padding: 80px 0;

    width: 100%

}



.travel_tourism_page .our_services_outer .our_services_innr {

    float: left;

    width: 100%

}



.travel_tourism_page .our_services_outer .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #000;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.travel_tourism_page .our_services_outer .our_services_innr h3 span {

    color: #067cbe

}



.travel_tourism_page .our_services_outer .our_services_innr p {

    font: 24px/35px Poppins;

    color: #000;

    margin: 13px 0 0;

    text-align: left

}



.travel_tourism_page .our_services_outer .development_services_inner:hover .border-small_1 {

    border-top: 2px solid #fff

}



.travel_tourism_page .our_services_outer .development_services_inner .border-small_1 {

    position: absolute;

    top: 172px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 65px;

    border-top: 2px solid #858585

}



.travel_tourism_page .our_services_outer .development_services_inner {

    display: inline-block;

    margin: 33px 0 0;

    width: 100%;

    min-height: 300px;

    transition: all .5s ease 0s;

    cursor: default;

    text-align: left;

    padding: 15px

}



.travel_tourism_page .our_services_outer .development_services_inner:hover {

    background: #e04446;

    min-height: 300px;

    border: none !important;

    padding: 15px

}



.travel_tourism_page .our_services_outer .development_services_inner small.Dservices_icon1,

.travel_tourism_page .our_services_outer .development_services_inner:hover small.Dservices_icon1 {

    background-position: 0 -10px

}



.travel_tourism_page .our_services_outer .development_services_inner p {

    font: 20px/26px mulisemibold, sans-serif;

    margin: 6px 10px 2px;

    color: #000;

    min-height: 2px;

    text-align: left

}



.travel_tourism_page .our_services_outer .development_services_inner:hover p {

    color: #fff;

    min-height: 2px;

    text-align: left

}



.travel_tourism_page .our_services_outer .development_services_inner span {

    display: inline-block;

    font: 16px/28px Poppins;

    padding: 30px 15px 10px 10px;

    color: #000;

    text-align: left

}



.travel_tourism_page .our_services_outer .development_services_inner:hover span {

    color: #fff;

    text-align: left

}



.travel_tourism_page .our_services_outer .development_services_inner small.Dservices_icon2,

.travel_tourism_page .our_services_outer .development_services_inner:hover small.Dservices_icon2 {

    background-position: 0 -240px

}



.travel_tourism_page .our_services_outer .development_services_inner small.Dservices_icon3,

.travel_tourism_page .our_services_outer .development_services_inner:hover small.Dservices_icon3 {

    background-position: -18px -515px

}



.travel_tourism_page .our_services_outer .development_services_inner small.Dservices_icon4,

.travel_tourism_page .our_services_outer .development_services_inner:hover small.Dservices_icon4 {

    background-position: -4px -816px

}



.travel_tourism_page .our_services_outer .development_services_inner small.Dservices_icon5,

.travel_tourism_page .our_services_outer .development_services_inner:hover small.Dservices_icon5 {

    background-position: -2px -1181px

}



.travel_tourism_page .our_services_outer .development_services_inner small.Dservices_icon6,

.travel_tourism_page .our_services_outer .development_services_inner:hover small.Dservices_icon6 {

    background-position: -10px -1521px

}



.travel_tourism_page .our_services_outer .development_services_inner small {

    background: url(../../images-2/Specialities_sprite_trivel_.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.travel_tourism_page .our_services_outer .development_services_inner:hover small {

    background: url(../../images-2/Specialities_sprite_trivel_hover.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.travel_tourism_page .banne_box {

    width: 100%;

    float: left;

    padding: 40px 0

}



.travel_tourism_page .why_otp {

    float: left;

    display: flex;

    padding: 75px 0 110px;

    width: 100%;

    background-image: url(../../images-2/travel_banner3.png);

    background-repeat: no-repeat;

    background-size: cover !important

}



.travel_tourism_page .why_scricle {

    background-image: url(../../images-2/health_scricle.png);

    background-repeat: no-repeat;

    background-position: center

}



.travel_tourism_page .why_otp .our_services_innr {

    float: left;

    width: 100%

}



.travel_tourism_page .why_otp .our_services_innr h3 {

    font: 46px/65px mulilight, sans-serif;

    color: #fff;

    letter-spacing: -.75px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.travel_tourism_page .why_otp .our_services_innr h3 span {

    color: #067cbe

}



.travel_tourism_page .why_otp .our_services_innr p {

    font: 24px/35px Poppins;

    color: #fff;

    margin: 13px 0 0;

    text-align: left;

    padding-bottom: 50px

}



.travel_tourism_page .why_otp_inner {

    width: 100%;

    float: left;

    margin-top: 30px

}



.travel_tourism_page .why_otp_inner .content_box {

    width: 100%;

    float: left;

    background: #fff;

    border-radius: 6px;

    margin: 10px 0;

    padding: 30px 20px

}



.travel_tourism_page .why_otp_inner .content_box h3 {

    font: 20px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.travel_tourism_page .why_otp_inner .content_box p {

    font: 16px/28px Poppins;

    color: #000;

    width: 100%;

    float: left;

    padding-top: 10px

}



.travel_tourism_page .why_otp_inner .img_box1 {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0

}



.travel_tourism_page .why_otp_inner .img_box1 img {

    padding: 0;

    margin: 0;

    position: relative;

    top: -23px

}



.travel_tourism_page .why_otp .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left;

    text-align: center

}



.travel_tourism_page .why_otp .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.travel_tourism_page .why_otp .cont_us_btn a:hover {

    background: #dba613

}



.retail_ecommerece_page .banner_sec_main_ind {

    float: left;

    width: 100%;

    background-image: url(../../images-2/retails_ecommerce_web_development_banner.jpg);

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    z-index: 9999;

    padding: 150px 0

}



.retail_ecommerece_page .banner_sec_main_ind .banner_inner {

    width: 100%;

    margin: 0 auto;

    max-width: 1250px;

    position: relative;

    z-index: 999999999999

}



.retail_ecommerece_page .banner_sec_main_ind .banner_inner .left_sec {

    width: 55%;

    float: left

}



.retail_ecommerece_page .banner_sec_main_ind .banner_inner .right_sec {

    width: 45%;

    float: left

}



.retail_ecommerece_page .banner_sec_main_ind .banner_inner h1 {

    font: 60px/60px mulibold, sans-serif;

    color: #fff;

    width: 100%;

    text-transform: capitalize

}



.retail_ecommerece_page .banner_sec_main_ind .banner_inner h1 span {

    font: 40px/40px mulilight, sans-serif;

    width: 100%

}



.retail_ecommerece_page .banner_sec_main_ind .banner_inner p {

    font: 22px/32px mulilight, sans-serif;

    color: #fff;

    padding-top: 25px;

    width: 90%;

    float: left

}



.retail_ecommerece_page .banner_sec_main_ind .banner_inner .mobile_banner {

    width: 100%;

    right: 70px;

    top: 180px

}



.retail_ecommerece_page .banner_sec_main_ind .banner_inner .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left

}



.retail_ecommerece_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.retail_ecommerece_page .banner_sec_main_ind .banner_inner .cont_us_btn a:hover {

    background: #dba613

}



.reatail_eccommarce_solucation_sec {

    width: 100%;

    float: left;

    padding: 90px 0;

    background: #fff

}



.reatail_eccommarce_solucation_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 60px

}



.reatail_eccommarce_solucation_sec .soluation_inner h2 {

    font: 48px/65px mulisemibold, sans-serif;

    letter-spacing: -1px;

    color: #000;

    text-transform: uppercase

}



.reatail_eccommarce_solucation_sec .soluation_inner p {

    font: 24px/35px Poppins;

    color: #000;

    padding-top: 20px

}



.reatail_eccommarce_solucation_sec .soluation_development {

    width: 100%;

    float: left

}



.reatail_eccommarce_solucation_sec .soluation_development .img_box {

    width: 100%;

    float: left;

    padding-bottom: 30px

}



.reatail_eccommarce_solucation_sec .soluation_development h3 {

    font: 26px/36px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize;

    position: relative

}



.reatail_eccommarce_solucation_sec .soluation_development h3:after {

    position: absolute;

    z-index: 9;

    content: '';

    background: #ffbc00;

    bottom: -10px;

    left: 0;

    height: 2px;

    width: 100px;

    display: block

}



.reatail_eccommarce_solucation_sec .soluation_development p {

    font: 18px/28px Poppins;

    color: #000;

    padding-top: 30px

}



.reatail_eccommarce_solucation_sec .soluation_development .border_small {

    position: absolute;

    top: 40px;

    left: 66px;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.reatail_eccommarce_solucation_sec .soluation_development ul {

    margin: 10px 0;

    padding: 0

}



.reatail_eccommarce_solucation_sec .soluation_development ul li {

    list-style: none;

    font: 17px/26px Poppins;

    color: #000;

    background: url(../../images-2/health_solucation_icon1.png) 0 8px no-repeat;

    padding: 15px 10px 15px 60px

}



.retail_ecommerece_page .benefits_embracing_sec {

    width: 100%;

    float: left;

    padding: 75px 0 0;

    background: #0438bf;

    position: relative

}



.retail_ecommerece_page .benefits_embracing_sec .soluation_inner {

    width: 100%;

    float: left;

    padding-bottom: 290px

}



.retail_ecommerece_page .benefits_embracing_sec .inner_gray {

    width: 100%;

    float: left;

    padding: 80px 0 340px;

    background: #f7f8fc !important

}



.retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box {

    border-radius: 10px;

    background: #fff;

    padding: 40px;

    transition: all .1s ease-in-out .5s;

    box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

    float: left;

    position: absolute;

    top: -340px;

    left: 30px

}



.retail_ecommerece_page .benefits_embracing_sec .inner_gray .border_small {

    position: absolute;

    top: 84px;

    left: 17%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 101px;

    border-top: 2px solid #ffbc00

}



.retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box h3 {

    font: 24px/30px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box p {

    font: 16px/30px Poppins;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 40px

}



.retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box ul {

    margin: 40px 0 0;

    float: left;

    width: 100%;

    border-left: 1px solid #ffbc00;

    padding: 0 0 0 50px

}



.retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box .inner_ul {

    padding: 0;

    position: relative;

    z-index: 99

}



.retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

    list-style: none;

    width: 100%;

    font: 16px/26px google_sansregular;

    position: relative;

    z-index: 99999;

    margin: 0 0 16px

}



.retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li:last-child {

    margin-bottom: 0

}



.retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li::before {

    content: '';

    background: url(../../images-2/health_right.png) no-repeat;

    width: 30px;

    height: 30px;

    position: absolute;

    left: -62px;

    top: 0

}



.retail_ecommerece_page .our_services_outer {

    float: left;

    padding: 80px 0;

    width: 100%

}



.retail_ecommerece_page .our_services_outer .our_services_innr {

    float: left;

    width: 100%

}



.retail_ecommerece_page .our_services_outer .our_services_innr h3 {

    font: 48px/65px mulisemibold, sans-serif;

    color: #000;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.retail_ecommerece_page .our_services_outer .our_services_innr h3 span {

    color: #067cbe

}



.retail_ecommerece_page .our_services_outer .our_services_innr p {

    font: 24px/35px Poppins;

    color: #000;

    margin: 13px 0 0;

    text-align: left

}



.border-small {

    position: absolute;

    bottom: 25px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 157px;

    border-top: 2px solid #2a2a2a

}



.retail_ecommerece_page .our_services_outer .development_services_inner:hover .border-small_1 {

    border-top: 2px solid #fff

}



.retail_ecommerece_page .our_services_outer .development_services_inner .border-small_1 {

    position: absolute;

    top: 172px;

    left: 50%;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    width: 65px;

    border-top: 2px solid #858585

}



.retail_ecommerece_page .our_services_outer .development_services_inner {

    display: inline-block;

    margin: 33px 0 0;

    width: 100%;

    min-height: 300px;

    transition: all .5s ease 0s;

    cursor: default;

    text-align: left;

    padding: 15px

}



.retail_ecommerece_page .our_services_outer .development_services_inner:hover {

    background: #0438bf;

    min-height: 300px;

    border: none !important;

    padding: 15px

}



.retail_ecommerece_page .our_services_outer .development_services_inner small.Dservices_icon1,

.retail_ecommerece_page .our_services_outer .development_services_inner:hover small.Dservices_icon1 {

    background-position: 0 -10px

}



.retail_ecommerece_page .our_services_outer .development_services_inner p {

    font: 20px/26px mulisemibold, sans-serif;

    margin: 6px 2px 2px;

    color: #000;

    min-height: 2px;

    text-align: left

}



.retail_ecommerece_page .our_services_outer .development_services_inner:hover p {

    color: #fff;

    min-height: 2px;

    text-align: left

}



.retail_ecommerece_page .our_services_outer .development_services_inner span {

    display: inline-block;

    font: 16px/28px Poppins;

    padding: 30px 15px 10px 10px;

    color: #000;

    text-align: left

}



.retail_ecommerece_page .our_services_outer .development_services_inner:hover span {

    color: #fff;

    text-align: left

}



.retail_ecommerece_page .our_services_outer .development_services_inner small.Dservices_icon2,

.retail_ecommerece_page .our_services_outer .development_services_inner:hover small.Dservices_icon2 {

    background-position: 0 -240px

}



.retail_ecommerece_page .our_services_outer .development_services_inner small.Dservices_icon3,

.retail_ecommerece_page .our_services_outer .development_services_inner:hover small.Dservices_icon3 {

    background-position: -18px -515px

}



.retail_ecommerece_page .our_services_outer .development_services_inner small.Dservices_icon4,

.retail_ecommerece_page .our_services_outer .development_services_inner:hover small.Dservices_icon4 {

    background-position: -4px -804px

}



.retail_ecommerece_page .our_services_outer .development_services_inner small.Dservices_icon5,

.retail_ecommerece_page .our_services_outer .development_services_inner:hover small.Dservices_icon5 {

    background-position: -2px -1181px

}



.retail_ecommerece_page .our_services_outer .development_services_inner small.Dservices_icon6,

.retail_ecommerece_page .our_services_outer .development_services_inner:hover small.Dservices_icon6 {

    background-position: -10px -1521px

}



.retail_ecommerece_page .our_services_outer .development_services_inner small {

    background: url(../../images-2/Specialities_sprite_retail_ecommarce.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.retail_ecommerece_page .our_services_outer .development_services_inner:hover small {

    background: url(../../images-2/Specialities_sprite_retail_ecommarce_hover.png) no-repeat rgba(0, 0, 0, 0);

    display: inline-block;

    height: 70px;

    text-align: left;

    width: 100%

}



.retail_ecommerece_page .banne_box {

    width: 100%;

    float: left;

    padding: 40px 0

}



.retail_ecommerece_page .why_otp {

    float: left;

    display: flex;

    padding: 75px 0 110px;

    width: 100%;

    background-image: url(../../images-2/retails_ecommerce_banner3.png);

    background-repeat: no-repeat;

    background-size: cover !important

}



.retail_ecommerece_page .why_scricle {

    background-image: url(../../images-2/health_scricle.png);

    background-repeat: no-repeat;

    background-position: center

}



.retail_ecommerece_page .why_otp .our_services_innr {

    float: left;

    width: 100%

}



.retail_ecommerece_page .why_otp .our_services_innr h3 {

    font: 46px/65px mulisemibold, sans-serif;

    color: #fff;

    letter-spacing: -1px;

    margin: 8px 0 0;

    text-align: left;

    text-transform: uppercase

}



.retail_ecommerece_page .why_otp .our_services_innr h3 span {

    color: #067cbe

}



.retail_ecommerece_page .why_otp .our_services_innr p {

    font: 24px/35px Poppins;

    color: #fff;

    margin: 13px 0 0;

    text-align: left;

    padding-bottom: 50px

}



.retail_ecommerece_page .why_otp_inner {

    width: 100%;

    float: left;

    margin-top: 30px

}



.retail_ecommerece_page .why_otp_inner .content_box {

    width: 100%;

    float: left;

    background: #fff;

    border-radius: 6px;

    margin: 10px 0;

    padding: 30px 20px;

    min-height: 200px

}



.retail_ecommerece_page .why_otp_inner .content_box h3 {

    font: 18px/28px mulisemibold, sans-serif;

    color: #000;

    text-transform: capitalize

}



.retail_ecommerece_page .why_otp_inner .content_box p {

    font: 16px/25px mulilight, sans-serif;

    color: # 000;

    width: 100%;

    float: left;

    padding-top: 10px

}



.retail_ecommerece_page .why_otp_inner .img_box1 {

    width: 100%;

    float: left;

    margin: 40px 0 0;

    padding: 0

}



.retail_ecommerece_page .why_otp_inner .img_box1 img {

    padding: 0;

    margin: 0;

    position: relative;

    top: -23px

}



.retail_ecommerece_page .why_otp .cont_us_btn {

    width: 100%;

    padding: 35px 0 0;

    float: left;

    text-align: center

}



.retail_ecommerece_page .why_otp .cont_us_btn a {

    display: inline-block;

    border-radius: 5px;

    padding: 0 80px;

    background: #ffbc00;

    color: #000;

    font: 18px/65px mulisemibold, sans-serif;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize

}



.retail_ecommerece_page .why_otp .cont_us_btn a:hover {

    background: #dba613

}



.macpc {

    padding: 460px 0

}



@media (min-width:2560px) {

    .agencies_software_page .banner_sec_main_ind,

    .application_latest_page .banner_sec_main_services,

    .application_maitenance_page .banner_sec_main_services,

    .application_modernization_page .banner_sec_main_services,

    .automotive_pages .banner_sec_main_ind,

    .banking_finanicaiul_page .banner_sec_main_ind,

    .education_elearning_page .banner_sec_main_ind,

    .healthcare_new_page .banner_sec_main_ind,

    .isv_page .banner_sec_main_ind,

    .it_consulting_page .banner_sec_main_services,

    .logistics_page .banner_sec_main_ind,

    .media_software_page .banner_sec_main_ind,

    .retail_ecommerece_page .banner_sec_main_ind,

    .software_product_pages .banner_sec_main_services,

    .testing_qa_apge .banner_sec_main_services,

    .travel_tourism_page .banner_sec_main_ind,

    .web_application_new_page .banner_sec_main_services {

        padding: 250px 0 220px !important

    }

}



@media (min-width:1920px) {

    .application_latest_page .banner_sec_main_services,

    .application_maitenance_page .banner_sec_main_services,

    .application_modernization_page .banner_sec_main_services,

    .it_consulting_page .banner_sec_main_services,

    .software_product_pages .banner_sec_main_services,

    .testing_qa_apge .banner_sec_main_services,

    .web_application_new_page .banner_sec_main_services {

        padding: 225px 0

    }

    .agencies_software_page .banner_sec_main_ind,

    .automotive_pages .banner_sec_main_ind,

    .banking_finanicaiul_page .banner_sec_main_ind,

    .education_elearning_page .banner_sec_main_ind,

    .healthcare_new_page .banner_sec_main_ind,

    .isv_page .banner_sec_main_ind,

    .logistics_page .banner_sec_main_ind,

    .media_software_page .banner_sec_main_ind,

    .retail_ecommerece_page .banner_sec_main_ind,

    .travel_tourism_page .banner_sec_main_ind {

        padding: 245px 0

    }

}



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

    .top_hadder_mian {

        max-width: 1230px;

        width: 100%;

        margin: 0 auto

    }

}



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

    .application_latest_page .banner_sec_main_services,

    .application_maitenance_page .banner_sec_main_services,

    .application_modernization_page .banner_sec_main_services,

    .it_consulting_page .banner_sec_main_services,

    .software_product_pages .banner_sec_main_services,

    .testing_qa_apge .banner_sec_main_services,

    .web_application_new_page .banner_sec_main_services {

        padding: 140px 0

    }

    .application_latest_page .banner_sec_main_services .banner_inner,

    .application_maitenance_page .banner_sec_main_services .banner_inner,

    .application_modernization_page .banner_sec_main_services .banner_inner,

    .it_consulting_page .banner_sec_main_services .banner_inner,

    .software_product_pages .banner_sec_main_services .banner_inner,

    .testing_qa_apge .banner_sec_main_services .banner_inner,

    .web_application_new_page .banner_sec_main_services .banner_inner {

        max-width: 1250px

    }

    .web_application_new_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

        margin-left: 40px;

        margin-top: 25px

    }

    .web_application_new_page .banner_sec_main_services .banner_inner h1 {

        font: 65px/70px mulisemibold, sans-serif

    }

    .web_application_new_page .banner_sec_main_services .banner_inner h1 span {

        font: 42px/50px mulilight, sans-serif

    }

    .web_application_new_page .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

        margin-left: 40px;

        margin-top: 25px;

        height: 440px

    }

    .application_modernization_page .banner_sec_main_services .banner_inner .left_sec .circle-box,

    .testing_qa_apge .banner_sec_main_services .banner_inner .left_sec .circle-box {

        height: 430px;

        margin-left: 40px;

        margin-top: 25px

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner h1 {

        font: 58px/65px mulisemibold, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner h1 span {

        font: 42px/50px mulilight, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner h1 {

        font: 58px/65px mulisemibold, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner h1 span {

        font: 42px/50px mulilight, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner h1 {

        font: 52px/55px mulisemibold, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner h1 span {

        font: 40px/48px mulilight, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

    .application_latest_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

        margin-left: 40px;

        margin-top: 25px

    }

    .application_latest_page .banner_sec_main_services .banner_inner h1 {

        font: 65px/70px mulisemibold, sans-serif

    }

    .application_latest_page .banner_sec_main_services .banner_inner h1 span {

        font: 42px/50px mulilight, sans-serif

    }

    .application_latest_page .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

    .software_product_pages .banner_sec_main_services .banner_inner .left_sec .circle-box {

        margin-left: 40px;

        margin-top: 25px

    }

    .software_product_pages .banner_sec_main_services .banner_inner h1 {

        font: 65px/70px mulisemibold, sans-serif

    }

    .software_product_pages .banner_sec_main_services .banner_inner h1 span {

        font: 42px/50px mulilight, sans-serif

    }

    .software_product_pages .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

        margin-left: 40px;

        margin-top: 25px

    }

    .it_consulting_page .banner_sec_main_services .banner_inner h1 {

        font: 42px/60px mulisemibold, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner h1 span {

        font: 36px/50px mulilight, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

}



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

    .application_latest_page .banner_sec_main_services .banner_inner .left_sec .circle-box,

    .application_maitenance_page .banner_sec_main_services .banner_inner .left_sec .circle-box,

    .application_modernization_page .banner_sec_main_services .banner_inner .left_sec .circle-box,

    .it_consulting_page .banner_sec_main_services .banner_inner .left_sec .circle-box,

    .software_product_pages .banner_sec_main_services .banner_inner .left_sec .circle-box,

    .testing_qa_apge .banner_sec_main_services .banner_inner .left_sec .circle-box,

    .web_application_new_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

        margin-left: 40px;

        margin-top: 25px

    }

    .application_latest_page .banner_sec_main_services,

    .application_maitenance_page .banner_sec_main_services,

    .application_modernization_page .banner_sec_main_services,

    .it_consulting_page .banner_sec_main_services,

    .software_product_pages .banner_sec_main_services,

    .testing_qa_apge .banner_sec_main_services,

    .web_application_new_page .banner_sec_main_services {

        padding: 140px 0

    }

    .application_latest_page .banner_sec_main_services .banner_inner,

    .application_maitenance_page .banner_sec_main_services .banner_inner,

    .application_modernization_page .banner_sec_main_services .banner_inner,

    .it_consulting_page .banner_sec_main_services .banner_inner,

    .software_product_pages .banner_sec_main_services .banner_inner,

    .testing_qa_apge .banner_sec_main_services .banner_inner,

    .web_application_new_page .banner_sec_main_services .banner_inner {

        max-width: 1250px

    }

    .web_application_new_page .banner_sec_main_services .banner_inner h1 {

        font: 65px/70px mulisemibold, sans-serif

    }

    .web_application_new_page .banner_sec_main_services .banner_inner h1 span {

        font: 42px/50px mulilight, sans-serif

    }

    .web_application_new_page .banner_sec_main_services .banner_inner p {

        font: 20px/34px mulilight, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner h1 {

        font: 58px/65px mulisemibold, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner h1 span {

        font: 42px/50px mulilight, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner p {

        font: 20px/34px mulilight, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner h1 {

        font: 58px/65px mulisemibold, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner h1 span {

        font: 42px/50px mulilight, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner h1 {

        font: 52px/55px mulisemibold, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner h1 span {

        font: 40px/48px mulilight, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

    .application_latest_page .banner_sec_main_services .banner_inner h1 {

        font: 65px/70px mulisemibold, sans-serif

    }

    .application_latest_page .banner_sec_main_services .banner_inner h1 span {

        font: 42px/50px mulilight, sans-serif

    }

    .application_latest_page .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

    .software_product_pages .banner_sec_main_services .banner_inner h1 {

        font: 65px/70px mulisemibold, sans-serif

    }

    .software_product_pages .banner_sec_main_services .banner_inner h1 span {

        font: 42px/50px mulilight, sans-serif

    }

    .software_product_pages .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner h1 {

        font: 42px/60px mulisemibold, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner h1 span {

        font: 36px/50px mulilight, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner p {

        font: 22px/38px mulilight, sans-serif

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner p {

        font: 22px/32px mulilight, sans-serif;

        padding-top: 20px;

        width: 95%

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner p {

        font: 22px/32px mulilight, sans-serif;

        padding-top: 20px

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner h1 {

        font: 45px/50px mulibold, sans-serif

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/40px mulilight, sans-serif

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner p {

        font: 22px/34px mulilight, sans-serif;

        padding-top: 20px

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner p {

        font: 22px/32px mulilight, sans-serif;

        padding-top: 20px

    }

}



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

    .application_latest_page .banner_sec_main_services .banner_inner .left_sec .circle-box,

    .it_consulting_page .banner_sec_main_services .banner_inner .left_sec .circle-box,

    .testing_qa_apge .banner_sec_main_services .banner_inner .left_sec .circle-box,

    .web_application_new_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

        margin-left: 0;

        margin-top: 0

    }

    .application_latest_page .banner_sec_main_services .banner_inner,

    .application_maitenance_page .banner_sec_main_services .banner_inner,

    .application_modernization_page .banner_sec_main_services .banner_inner,

    .it_consulting_page .banner_sec_main_services .banner_inner,

    .software_product_pages .banner_sec_main_services .banner_inner,

    .testing_qa_apge .banner_sec_main_services .banner_inner,

    .web_application_new_page .banner_sec_main_services .banner_inner {

        max-width: 1010px

    }

    .application_latest_page .banner_sec_main_services .banner_inner .img-poition,

    .application_maitenance_page .banner_sec_main_services .banner_inner .img-poition,

    .application_modernization_page .banner_sec_main_services .banner_inner .img-poition,

    .it_consulting_page .banner_sec_main_services .banner_inner .img-poition,

    .software_product_pages .banner_sec_main_services .banner_inner .img-poition,

    .testing_qa_apge .banner_sec_main_services .banner_inner .img-poition,

    .web_application_new_page .banner_sec_main_services .banner_inner .img-poition {

        top: -19px;

        left: -20px

    }

    .agencies_software_page .why_otp,

    .automotive_pages .why_otp,

    .education_elearning_page .why_otp,

    .isv_page .why_otp,

    .logistics_page .why_otp,

    .media_software_page .why_otp {

        background-size: 100%;

        background-repeat: no-repeat

    }

    .web_application_new_page .nav_link1_web {

        padding: 20px 71px !important

    }

    .icon_box_main_for_web_application ul li {

        width: 18%

    }

    .web_application_new_page .banner_sec_main_services .banner_inner h1 {

        font: 44px/50px mulisemibold, sans-serif

    }

    .web_application_new_page .banner_sec_main_services .banner_inner h1 span {

        font: 34px/40px mulilight, sans-serif

    }

    .web_application_new_page .banner_sec_main_services .banner_inner p {

        font: 18px/36px mulilight, sans-serif

    }

    .web_application_new_page .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 18px/70px mulisemibold, sans-serif

    }

    .web_application_new_page .banner_sec_main_services .banner_inner .left_sec {

        padding-right: 71px;

        padding-left: 59px

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

        margin-left: 0;

        height: 320px;

        margin-top: 0

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner h1 {

        font: 44px/50px mulisemibold, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner h1 span {

        font: 34px/40px mulilight, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner p {

        font: 18px/36px mulilight, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 18px/70px mulisemibold, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner .left_sec {

        padding-right: 71px;

        padding-left: 59px

    }

    .application_maitenance_page .client_focus_session .services_box {

        min-height: 80px

    }

    .support_solucation_outer .services_box_third_party .inner_box {

        min-height: 600px

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner .left_sec .circle-box {

        height: 320px

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner h1 {

        font: 44px/50px mulisemibold, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner h1 span {

        font: 34px/40px mulilight, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner p {

        font: 18px/36px mulilight, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 18px/70px mulilight, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner .left_sec {

        padding-right: 71px;

        padding-left: 59px

    }

    .testing_qa_apge .client_focus_session .services_box {

        min-height: 80px

    }

    .application_modernization_page .banner_sec_main_services .banner_inner .left_sec .circle-box {

        margin-left: 0;

        margin-top: 0;

        height: 320px

    }

    .application_modernization_page .banner_sec_main_services .banner_inner h1 {

        font: 44px/50px mulisemibold, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner h1 span {

        font: 34px/40px mulilight, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner p {

        font: 18px/36px mulilight, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 18px/70px mulisemibold, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner .left_sec {

        padding-right: 71px;

        padding-left: 59px

    }

    .it_consulting_page .banner_sec_main_services .banner_inner h1 {

        font: 38px/50px mulisemibold, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner h1 span {

        font: 32px/40px mulilight, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner p {

        font: 18px/36px mulilight, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 18px/70px mulisemibold, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner .left_sec {

        padding-right: 71px;

        padding-left: 59px

    }

    .consulting_process_it .services_box h3 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .consulting_process_it .services_box p {

        font: 16px/26px Poppins;

        color: #000

    }

    .consulting_process_it .services_box li {

        font: 14px/28px Poppins

    }

    .consulting_process_it .services_box_new h3 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .consulting_process_it .services_box_new p {

        font: 14px/26px Poppins

    }

    .service_brakedown_outer .services_box_new .inner_box h3 {

        font: 18px/26px mulisemibold, sans-serif

    }

    .consulting_process_it .services_box {

        min-height: 660px

    }

    .heading_services_h2 {

        font: 35px/45px mulisemibold, sans-serif;

        color: #000

    }

    .heading_area p {

        font: 20px/30px Poppins

    }

    .our_services_session .services_box ul li h3 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .our_tecgnical_exper_sec .content_box h3 {

        font: 22px/34px mulisemibold, sans-serif

    }

    .our_tecgnical_exper_sec .content_box p {

        font: 16px/30px Poppins

    }

    .client_focus_session .services_box h3 {

        font: 16px/28px Poppins

    }

    .client_focus_session .services_box ul li {

        font: 15px/28px Poppins

    }

    .client_focus_session .services_box {

        min-height: 510px

    }

    .application_latest_page .banner_sec_main_services .banner_inner h1 {

        font: 52px/60px mulisemibold, sans-serif

    }

    .application_latest_page .banner_sec_main_services .banner_inner h1 span {

        font: 34px/40px Poppins

    }

    .application_latest_page .banner_sec_main_services .banner_inner p {

        font: 18px/36px mulilight, sans-serif

    }

    .application_latest_page .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 18px/70px mulisemibold, sans-serif

    }

    .application_latest_page .banner_sec_main_services .banner_inner .left_sec {

        padding-right: 71px;

        padding-left: 59px

    }

    .faq_heading {

        font: 18px/70px Poppins !important

    }

    .product_development_sec .white_box .inner_ul li:last-child,

    .white_box_services .inner_ul li:last-child {

        margin-bottom: 0

    }

    .software_product_pages .banner_sec_main_services .banner_inner h1 {

        font: 52px/60px mulisemibold, sans-serif

    }

    .software_product_pages .banner_sec_main_services .banner_inner h1 span {

        font: 34px/40px Poppins

    }

    .software_product_pages .banner_sec_main_services .banner_inner p {

        font: 18px/36px mulilight, sans-serif

    }

    .software_product_pages .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 18px/70px mulilight, sans-serif

    }

    .software_product_pages .banner_sec_main_services .banner_inner .left_sec {

        padding-right: 71px;

        padding-left: 59px

    }

    .product_development_sec .white_box p {

        font: 14px/30px Poppins

    }

    .product_development_sec .white_box {

        padding: 40px 30px

    }

    .product_development_sec {

        padding: 60px 0

    }

    .product_development_sec .soluation_inner h2 {

        font: 35px/45px mulisemibold, sans-serif

    }

    .product_development_sec .soluation_inner p {

        font: 20px/30px Poppins

    }

    .product_development_sec .white_box h3 {

        font: 18px/30px mulisemibold, sans-serif

    }

    .product_development_sec .border_small {

        position: absolute;

        top: 114px;

        left: 21%

    }

    .product_development_sec .white_box .inner_ul li {

        font: 14px/24px Poppins

    }

    .range_softeare_sec {

        padding: 60px 0 0

    }

    .product_consulting_sec,

    .why_outesource_software {

        padding: 60px 0

    }

    .range_softeare_sec .soluation_inner h2 {

        font: 35px/45px mulisemibold, sans-serif

    }

    .range_softeare_sec .soluation_inner p {

        font: 20px/30px Poppins;

        color: #fff

    }

    .range_softeare_sec .inner_conteiner .soluation_inner .content_area .soluation_development h3 {

        font: 23px/35px Poppins

    }

    .range_softeare_sec .inner_conteiner .soluation_inner .content_area .soluation_development p {

        font: 16px/28px Poppins

    }

    .product_consulting_sec .soluation_inner h2 {

        font: 35px/45px mulisemibold, sans-serif

    }

    .product_consulting_sec .development_services_inner h3,

    .product_consulting_sec .development_services_inner:hover h3 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .product_consulting_sec .development_services_inner p,

    .product_consulting_sec .development_services_inner:hover p {

        font: 14px/30px Poppins

    }

    .product_consulting_sec .soluation_inner p {

        font: 20px/35px Poppins

    }

    .product_consulting_sec .tech_sec_main .tech_box h4,

    .product_consulting_sec .tech_sec_main .tech_box:hover h4 {

        font: 18px/30px mulisemibold, sans-serif

    }

    .why_outesource_software .soluation_inner h2 {

        font: 35px/45px mulisemibold, sans-serif

    }

    .why_outesource_software .soluation_inner p {

        font: 17px/30px Poppins

    }

    .why_outesource_software .development_services_inner .content_box h5 {

        font: 16px/28px mulilight, sans-serif

    }

    .why_outesource_software .project_exp li {

        padding: 0 42px

    }

    .why_outesource_software .project_exp span {

        font: 30px/40px mulisemibold, sans-serif

    }

    .why_outesource_software .project_exp p {

        font: 18px/24px Poppins

    }

    .software_product_pages .heading-sec h2 {

        font: 35px/45px mulisemibold, sans-serif

    }

    .top_hadder_mian {

        max-width: 1050px

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner,

    .automotive_pages .banner_sec_main_ind .banner_inner,

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner,

    .education_elearning_page .banner_sec_main_ind .banner_inner,

    .healthcare_new_page .banner_sec_main_ind .banner_inner,

    .logistics_page .banner_sec_main_ind .banner_inner,

    .media_software_page .banner_sec_main_ind .banner_inner,

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner,

    .travel_tourism_page .banner_sec_main_ind .banner_inner {

        max-width: 1010px

    }

    .agencies_software_page .banner_sec_main_ind {

        padding: 110px 0

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner h1 {

        font: 50px/50px mulibold, sans-serif

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/30px mulilight, sans-serif

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner p {

        font: 18px/34px mulisemibold, sans-serif;

        padding-top: 20px;

        width: 95%

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 70px;

        font: 16px/65px mulisemibold, sans-serif

    }

    .agencies_software_page .benefits_embracing_sec {

        padding: 70px 0 0

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 18px/27px mulisemibold, sans-serif !important

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 84px;

        left: 20%

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 16px/33px Poppins;

        padding-top: 40px

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 16px/26px Poppins

    }

    .agencies_software_page .our_services_outer {

        padding: 70px 0

    }

    .agencies_software_page .our_services_outer .our_services_innr h3 {

        font: 40px/50px mulilight, sans-serif

    }

    .agencies_software_page .our_services_outer .development_services_inner span,

    .agencies_software_page .our_services_outer .development_services_inner:hover span {

        font: 17px/27px Poppins;

        padding: 20px 15px 10px 10px

    }

    .agencies_software_page .why_otp {

        padding: 70px 0 60px;

        width: 100%

    }

    .agencies_software_page .why_otp .our_services_innr h3 {

        font: 38px/50px mulilight, sans-serif

    }

    .agencies_software_page .why_otp .our_services_innr p {

        font: 17px/26px Poppins;

        padding-bottom: 40px

    }

    .agencies_software_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .agencies_software_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .agencies_software_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .automotive_pages .banner_sec_main_ind {

        padding: 110px 0

    }

    .automotive_pages .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .automotive_pages .banner_sec_main_ind .banner_inner h1 {

        font: 44px/50px mulibold, sans-serif

    }

    .automotive_pages .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/30px mulilight, sans-serif

    }

    .automotive_pages .banner_sec_main_ind .banner_inner p {

        font: 18px/34px Poppins;

        padding-top: 20px;

        width: 95%

    }

    .automotive_pages .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 70px;

        font: 16px/65px mulisemibold, sans-serif

    }

    .automotive_pages .benefits_embracing_sec {

        padding: 70px 0 0

    }

    .automotive_pages .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 22px/27px Poppins !important

    }

    .automotive_pages .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 84px;

        left: 20%

    }

    .automotive_pages .benefits_embracing_sec .inner_gray .white_box p {

        font: 16px/33px Poppins;

        padding-top: 40px

    }

    .automotive_pages .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 16px/26px Poppins

    }

    .automotive_pages .our_services_outer {

        padding: 70px 0

    }

    .automotive_pages .our_services_outer .our_services_innr h3 {

        font: 40px/50px mulilight, sans-serif

    }

    .automotive_pages .our_services_outer .development_services_inner p,

    .automotive_pages .our_services_outer .development_services_inner:hover p {

        font: 18px/26px Poppins

    }

    .automotive_pages .our_services_outer .development_services_inner span,

    .automotive_pages .our_services_outer .development_services_inner:hover span {

        font: 18px/27px Poppins;

        padding: 20px 15px 10px 10px

    }

    .automotive_pages .why_otp {

        padding: 70px 0 60px;

        width: 100%

    }

    .automotive_pages .why_otp .our_services_innr h3 {

        font: 38px/50px mulilight, sans-serif

    }

    .automotive_pages .why_otp .our_services_innr p {

        font: 17px/26px Poppins;

        padding-bottom: 40px

    }

    .automotive_pages .why_otp_inner .content_box h3 {

        font: 18px/27px mulisemibold, sans-serif

    }

    .automotive_pages .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .automotive_pages .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .automotive_pages .why_otp_inner .img_box1 img {

        top: 20px

    }

    .education_elearning_page .banner_sec_main_ind {

        padding: 110px 0

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner h1 {

        font: 42px/50px mulibold, sans-serif

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/30px mulilight, sans-serif

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner p {

        font: 18px/34px Poppins;

        padding-top: 20px;

        width: 95%

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 70px;

        font: 16px/65px Poppins

    }

    .education_elearning_page .benefits_embracing_sec {

        padding: 70px 0 0

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 18px/27px mulisemibold, sans-serif !important

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 84px;

        left: 20%

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 16px/33px Poppins;

        padding-top: 40px

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 16px/26px Poppins

    }

    .education_elearning_page .our_services_outer {

        padding: 70px 0

    }

    .education_elearning_page .our_services_outer .our_services_innr h3 {

        font: 40px/50px mulilight, sans-serif

    }

    .education_elearning_page .our_services_outer .development_services_inner p {

        font: 20px/26px mulilight, sans-serif

    }

    .education_elearning_page .our_services_outer .development_services_inner:hover p {

        font: 20px/26px mulisemibold, sans-serif

    }

    .education_elearning_page .our_services_outer .development_services_inner span,

    .education_elearning_page .our_services_outer .development_services_inner:hover span {

        font: 17px/27px Poppins;

        padding: 20px 15px 10px 10px

    }

    .education_elearning_page .why_otp {

        padding: 70px 0 60px;

        width: 100%

    }

    .education_elearning_page .why_otp .our_services_innr h3 {

        font: 38px/50px mulilight, sans-serif

    }

    .education_elearning_page .why_otp .our_services_innr p {

        font: 17px/26px Poppins;

        padding-bottom: 40px

    }

    .education_elearning_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .education_elearning_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .education_elearning_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .logistics_page .banner_sec_main_ind {

        padding: 110px 0

    }

    .logistics_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .logistics_page .banner_sec_main_ind .banner_inner h1 {

        font: 40px/50px mulibold, sans-serif

    }

    .logistics_page .banner_sec_main_ind .banner_inner h1 span {

        font: 28px/38px mulilight, sans-serif

    }

    .logistics_page .banner_sec_main_ind .banner_inner p {

        font: 18px/34px Poppins;

        padding-top: 20px;

        width: 95%

    }

    .logistics_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 70px;

        font: 16px/65px Poppins

    }

    .logistics_page .benefits_embracing_sec {

        padding: 70px 0 0

    }

    .logistics_page .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 18px/27px mulisemibold, sans-serif !important

    }

    .logistics_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 84px;

        left: 20%

    }

    .logistics_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 16px/33px Poppins;

        padding-top: 40px

    }

    .logistics_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 16px/26px Poppins

    }

    .logistics_page .our_services_outer {

        padding: 70px 0

    }

    .logistics_page .our_services_outer .our_services_innr h3 {

        font: 40px/50px mulilight, sans-serif

    }

    .logistics_page .our_services_outer .development_services_inner span,

    .logistics_page .our_services_outer .development_services_inner:hover span {

        font: 18px/28px Poppins;

        padding: 20px 15px 10px 10px

    }

    .logistics_page .why_otp {

        padding: 70px 0 60px;

        width: 100%

    }

    .logistics_page .why_otp .our_services_innr h3 {

        font: 38px/50px mulilight, sans-serif

    }

    .logistics_page .why_otp .our_services_innr p {

        font: 17px/26px Poppins;

        padding-bottom: 40px

    }

    .logistics_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .logistics_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .logistics_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .isv_page .banner_sec_main_ind .banner_inner {

        max-width: 1010px

    }

    .isv_page .banner_sec_main_ind {

        padding: 110px 0

    }

    .isv_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .isv_page .banner_sec_main_ind .banner_inner h1 {

        font: 60px/60px mulibold, sans-serif

    }

    .isv_page .banner_sec_main_ind .banner_inner h1 span {

        font: 40px/40px Poppins

    }

    .isv_page .banner_sec_main_ind .banner_inner p {

        font: 18px/34px Poppins;

        padding-top: 20px;

        width: 95%

    }

    .isv_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 70px;

        font: 16px/65px Poppins

    }

    .isv_page .benefits_embracing_sec {

        padding: 70px 0 0

    }

    .isv_page .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 22px/36px mulisemibold, sans-serif !important

    }

    .isv_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 84px;

        left: 20%

    }

    .isv_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 16px/33px Poppins;

        padding-top: 40px

    }

    .isv_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 16px/26px Poppins

    }

    .isv_page .our_services_outer {

        padding: 70px 0

    }

    .isv_page .our_services_outer .our_services_innr h3 {

        font: 40px/50px mulilight, sans-serif

    }

    .isv_page .our_services_outer .development_services_inner span,

    .isv_page .our_services_outer .development_services_inner:hover span {

        font: 17px/27px Poppins;

        padding: 20px 15px 10px 10px

    }

    .isv_page .why_otp {

        padding: 70px 0 60px;

        width: 100%

    }

    .isv_page .why_otp .our_services_innr h3 {

        font: 38px/50px mulilight, sans-serif

    }

    .isv_page .why_otp .our_services_innr p {

        font: 17px/26px Poppins;

        padding-bottom: 40px

    }

    .isv_page .why_otp_inner .content_box h3 {

        font: 15px/27px mulisemibold, sans-serif

    }

    .isv_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .isv_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .isv_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .media_software_page .banner_sec_main_ind {

        padding: 110px 0

    }

    .media_software_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .media_software_page .banner_sec_main_ind .banner_inner h1 {

        font: 40px/50px mulibold, sans-serif

    }

    .media_software_page .banner_sec_main_ind .banner_inner h1 span {

        font: 28px/38px mulilight, sans-serif

    }

    .media_software_page .banner_sec_main_ind .banner_inner p {

        font: 18px/34px Poppins;

        padding-top: 20px;

        width: 95%

    }

    .media_software_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 70px;

        font: 16px/65px mulisemibold, sans-serif

    }

    .media_software_page .benefits_embracing_sec {

        padding: 70px 0 0

    }

    .media_software_page .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 18px/27px mulisemibold, sans-serif !important

    }

    .media_software_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 84px;

        left: 20%

    }

    .media_software_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 16px/33px Poppins;

        padding-top: 40px

    }

    .media_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 16px/26px Poppins

    }

    .media_software_page .our_services_outer {

        padding: 70px 0

    }

    .media_software_page .our_services_outer .our_services_innr h3 {

        font: 40px/50px mulilight, sans-serif

    }

    .media_software_page .our_services_outer .development_services_inner p,

    .media_software_page .our_services_outer .development_services_inner:hover p {

        font: 18px/26px mulisemibold, sans-serif

    }

    .media_software_page .our_services_outer .development_services_inner span,

    .media_software_page .our_services_outer .development_services_inner:hover span {

        font: 17px/27px Poppins;

        padding: 20px 15px 10px 10px

    }

    .media_software_page .why_otp {

        padding: 70px 0 60px;

        width: 100%

    }

    .media_software_page .why_otp .our_services_innr h3 {

        font: 38px/50px mulilight, sans-serif

    }

    .media_software_page .why_otp .our_services_innr p {

        font: 17px/26px Poppins;

        padding-bottom: 40px

    }

    .media_software_page .why_otp_inner .content_box h3 {

        font: 18px/27px mulisemibold, sans-serif

    }

    .media_software_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .media_software_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .media_software_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .healthcare_new_page .banner_sec_main_ind {

        padding: 110px 0

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner h1 {

        font: 60px/50px mulibold, sans-serif

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/30px mulilight, sans-serif

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner p {

        font: 18px/34px Poppins;

        padding-top: 20px;

        width: 95%

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 70px;

        font: 16px/65px mulisemibold, sans-serif

    }

    .healthcare_solucation_sec {

        padding: 70px 0

    }

    .healthcare_solucation_sec .soluation_inner h2 {

        font: 40px/50px mulilight, sans-serif

    }

    .healthcare_solucation_sec .soluation_inner p {

        font: 17px/26px Poppins

    }

    .healthcare_solucation_sec .soluation_development h3 {

        font: 26px/36px mulisemibold, sans-serif

    }

    .healthcare_solucation_sec .soluation_development p {

        font: 16px/24px Poppins

    }

    .healthcare_solucation_sec .soluation_development ul li {

        font: 15px/24px Poppins

    }

    .benefits_embracing_sec {

        padding: 70px 0 0

    }

    .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 25px/35px mulisemibold, sans-serif !important

    }

    .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 84px;

        left: 20%

    }

    .benefits_embracing_sec .inner_gray .white_box p {

        font: 16px/33px Poppins;

        padding-top: 40px

    }

    .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 16px/26px Poppins

    }

    .healthcare_new_page .our_services_outer {

        padding: 70px 0

    }

    .healthcare_new_page .our_services_outer .our_services_innr h3 {

        font: 40px/50px mulilight, sans-serif

    }

    .healthcare_new_page .our_services_outer .development_services_inner p,

    .healthcare_new_page .our_services_outer .development_services_inner:hover p {

        font: 20px/26px Poppins

    }

    .healthcare_new_page .our_services_outer .development_services_inner span,

    .healthcare_new_page .our_services_outer .development_services_inner:hover span {

        font: 17px/27px Poppins;

        padding: 20px 15px 10px 10px

    }

    .healthcare_new_page .why_otp {

        padding: 70px 0 60px;

        width: 100%;

        background-image: url(../../images-2/health_banner3_1.jpg);

        background-repeat: no-repeat;

        background-size: cover !important

    }

    .banking_finanicaiul_page .why_otp,

    .retail_ecommerece_page .why_otp,

    .travel_tourism_page .why_otp {

        background-repeat: no-repeat;

        background-size: 100%

    }

    .healthcare_new_page .why_otp .our_services_innr h3 {

        font: 38px/50px mulilight, sans-serif

    }

    .healthcare_new_page .why_otp .our_services_innr p {

        font: 17px/26px Poppins;

        padding-bottom: 40px

    }

    .healthcare_new_page .why_otp_inner .content_box h3 {

        font: 15px/27px mulisemibold, sans-serif

    }

    .healthcare_new_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .healthcare_new_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .healthcare_new_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .banking_finanicaiul_page .banner_sec_main_ind {

        padding: 110px 0

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner h1 {

        font: 50px/50px mulibold, sans-serif

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/40px mulilight, sans-serif

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner p {

        font: 18px/34px Poppins;

        padding-top: 20px;

        width: 95%

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 70px;

        font: 16px/65px mulisemibold, sans-serif

    }

    .banking_finbanice_sec {

        padding: 70px 0

    }

    .banking_finbanice_sec .soluation_inner h2 {

        font: 40px/50px mulilight, sans-serif

    }

    .banking_finbanice_sec .soluation_inner p {

        font: 17px/26px Poppins

    }

    .banking_finbanice_sec .soluation_development p {

        font: 16px/24px Poppins

    }

    .banking_finbanice_sec .soluation_development ul li {

        font: 15px/24px Poppins

    }

    .banking_finanicaiul_page .benefits_embracing_sec {

        padding: 70px 0 0

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 18px/27px mulisemibold, sans-serif !important

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 84px;

        left: 20%

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 16px/33px Poppins;

        padding-top: 40px

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 16px/26px Poppins

    }

    .banking_finbanice_sec .soluation_development .border_small {

        top: 38px;

        left: 66px

    }

    .banking_finanicaiul_page .our_services_outer {

        padding: 70px 0

    }

    .banking_finanicaiul_page .our_services_outer .our_services_innr h3 {

        font: 40px/50px mulilight, sans-serif

    }

    .banking_finanicaiul_page .our_services_outer .development_services_inner span,

    .banking_finanicaiul_page .our_services_outer .development_services_inner:hover span {

        font: 17px/27px Poppins;

        padding: 20px 15px 10px 10px

    }

    .banking_finanicaiul_page .why_otp {

        padding: 70px 0 60px;

        width: 100%

    }

    .banking_finanicaiul_page .why_otp .our_services_innr h3 {

        font: 38px/50px mulilight, sans-serif

    }

    .banking_finanicaiul_page .why_otp .our_services_innr p {

        font: 17px/26px Poppins;

        padding-bottom: 40px

    }

    .banking_finanicaiul_page .why_otp_inner .content_box p {

        font: 15px/25px mulisemibold, sans-serif

    }

    .banking_finanicaiul_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .banking_finanicaiul_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .travel_tourism_page .banner_sec_main_ind {

        padding: 110px 0

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner h1 {

        font: 45px/60px mulibold, sans-serif

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/30px mulilight, sans-serif

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner p {

        font: 18px/34px Poppins;

        padding-top: 20px;

        width: 95%

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 70px;

        font: 16px/65px Poppins

    }

    .trivel_turism_sec {

        padding: 70px 0

    }

    .trivel_turism_sec .soluation_inner h2 {

        font: 40px/50px mulilight, sans-serif

    }

    .trivel_turism_sec .soluation_inner p {

        font: 17px/26px Poppins

    }

    .trivel_turism_sec .soluation_development h3 {

        font: 21px/25px mulisemibold, sans-serif

    }

    .trivel_turism_sec .soluation_development p {

        font: 16px/24px mulilight, sans-serif

    }

    .trivel_turism_sec .soluation_development ul li {

        font: 15px/24px Poppins

    }

    .travel_tourism_page .benefits_embracing_sec {

        padding: 70px 0 0

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 18px/27px mulisemibold, sans-serif !important

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 84px;

        left: 20%

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 16px/33px Poppins;

        padding-top: 40px

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 16px/26px Poppins

    }

    .trivel_turism_sec .soluation_development .border_small {

        top: 38px;

        left: 66px

    }

    .travel_tourism_page .our_services_outer {

        padding: 70px 0

    }

    .travel_tourism_page .our_services_outer .our_services_innr h3 {

        font: 40px/50px mulilight, sans-serif

    }

    .travel_tourism_page .our_services_outer .development_services_inner p,

    .travel_tourism_page .our_services_outer .development_services_inner:hover p {

        font: 18px/26px mulisemibold, sans-serif

    }

    .travel_tourism_page .our_services_outer .development_services_inner span,

    .travel_tourism_page .our_services_outer .development_services_inner:hover span {

        font: 17px/27px Poppins;

        padding: 20px 15px 10px 10px

    }

    .travel_tourism_page .why_otp {

        padding: 70px 0 60px;

        width: 100%

    }

    .travel_tourism_page .why_otp .our_services_innr h3 {

        font: 38px/50px mulilight, sans-serif

    }

    .travel_tourism_page .why_otp .our_services_innr p {

        font: 17px/26px Poppins;

        padding-bottom: 40px

    }

    .travel_tourism_page .why_otp_inner .content_box h3 {

        font: 15px/27px mulisemibold, sans-serif

    }

    .travel_tourism_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .travel_tourism_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .travel_tourism_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner h1 {

        font: 50px/50px mulibold, sans-serif

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/40px mulilight, sans-serif

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner p {

        font: 18px/34px Poppins;

        padding-top: 20px;

        width: 95%

    }

    .retail_ecommerece_page .banner_sec_main_ind {

        padding: 110px 0

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 70px;

        font: 16px/65px Poppins

    }

    .reatail_eccommarce_solucation_sec {

        padding: 70px 0

    }

    .reatail_eccommarce_solucation_sec .soluation_inner h2 {

        font: 40px/50px mulilight, sans-serif

    }

    .reatail_eccommarce_solucation_sec .soluation_inner p {

        font: 17px/26px Poppins

    }

    .reatail_eccommarce_solucation_sec .soluation_development p {

        font: 16px/24px Poppins

    }

    .reatail_eccommarce_solucation_sec .soluation_development ul li {

        font: 15px/24px Poppins

    }

    .retail_ecommerece_page .benefits_embracing_sec {

        padding: 70px 0 0

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 22px/32px mulisemibold, sans-serif !important

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 84px;

        left: 20%

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 16px/33px Poppins;

        padding-top: 40px

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 16px/26px Poppins

    }

    .reatail_eccommarce_solucation_sec .soluation_development .border_small {

        top: 38px;

        left: 66px

    }

    .retail_ecommerece_page .our_services_outer {

        padding: 70px 0

    }

    .retail_ecommerece_page .our_services_outer .our_services_innr h3 {

        font: 40px/50px mulilight, sans-serif

    }

    .retail_ecommerece_page .our_services_outer .development_services_inner p {

        font: 18px/26px Poppins

    }

    .retail_ecommerece_page .our_services_outer .development_services_inner:hover p {

        font: 18px/26px mulisemibold, sans-serif

    }

    .retail_ecommerece_page .our_services_outer .development_services_inner span,

    .retail_ecommerece_page .our_services_outer .development_services_inner:hover span {

        font: 17px/27px Poppins;

        padding: 20px 15px 10px 10px

    }

    .retail_ecommerece_page .why_otp {

        padding: 70px 0 60px;

        width: 100%

    }

    .retail_ecommerece_page .why_otp .our_services_innr h3 {

        font: 38px/50px mulilight, sans-serif

    }

    .retail_ecommerece_page .why_otp .our_services_innr p {

        font: 17px/26px Poppins;

        padding-bottom: 40px

    }

    .retail_ecommerece_page .why_otp_inner .content_box h3 {

        font: 16px/27px mulisemibold, sans-serif

    }

    .retail_ecommerece_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .retail_ecommerece_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .retail_ecommerece_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .product_consulting_sec .tech_sec_main {

        justify-content: center

    }

    .product_consulting_sec .tech_sec_main .tech_box {

        margin: 15px

    }

}



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

    .top_hadder_mian {

        max-width: 930px;

        width: 95%

    }

    .top_hadder_mian .content_left_sec {

        width: 62%;

        float: left;

        margin-right: 10px

    }

    .top_hadder_mian .form_right_sec {

        width: 35%;

        float: right;

        margin-left: 10px

    }

}



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

    .application_latest_page .banner_sec_main_services .banner_inner .right_sec,

    .application_maitenance_page .banner_sec_main_services .banner_inner .right_sec,

    .application_modernization_page .banner_sec_main_services .banner_inner .right_sec,

    .it_consulting_page .banner_sec_main_services .banner_inner .right_sec,

    .testing_qa_apge .banner_sec_main_services .banner_inner .right_sec,

    .web_application_new_page .banner_sec_main_services .banner_inner .right_sec {

        width: 100%;

        float: left

    }

    .application_latest_page .banner_sec_main_services .banner_inner,

    .application_maitenance_page .banner_sec_main_services .banner_inner,

    .application_modernization_page .banner_sec_main_services .banner_inner,

    .it_consulting_page .banner_sec_main_services .banner_inner,

    .software_product_pages .banner_sec_main_services .banner_inner,

    .testing_qa_apge .banner_sec_main_services .banner_inner,

    .web_application_new_page .banner_sec_main_services .banner_inner {

        max-width: 670px

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner .right_sec,

    .agencies_software_page .why_otp_inner .img_box1,

    .application_latest_page .banner_sec_main_services .banner_inner .left_sec,

    .application_maitenance_page .banner_sec_main_services .banner_inner .left_sec,

    .application_modernization_page .banner_sec_main_services .banner_inner .left_sec,

    .automotive_pages .banner_sec_main_ind .banner_inner .right_sec,

    .education_elearning_page .banner_sec_main_ind .banner_inner .right_sec,

    .education_elearning_page .why_otp_inner .img_box1,

    .healthcare_new_page .banner_sec_main_ind .banner_inner .right_sec,

    .healthcare_new_page .why_otp_inner .img_box1,

    .isv_page .banner_sec_main_ind .banner_inner .right_sec,

    .isv_page .why_otp_inner .img_box1,

    .it_consulting_page .banner_sec_main_services .banner_inner .left_sec,

    .logistics_page .banner_sec_main_ind .banner_inner .right_sec,

    .logistics_page .why_otp_inner .img_box1,

    .media_software_page .banner_sec_main_ind .banner_inner .right_sec,

    .media_software_page .why_otp_inner .img_box1,

    .software_product_pages .banner_sec_main_services .banner_inner .left_sec,

    .testing_qa_apge .banner_sec_main_services .banner_inner .left_sec,

    .web_application_new_page .banner_sec_main_services .banner_inner .left_sec {

        display: none

    }

    .faq_heading {

        font: 16px/70px Poppins !important;

        padding: 0 0 0 20px !important

    }

    .web_application_new_page .nav_link1_web {

        padding: 20px 53px !important

    }

    .application_latest_page .banner_sec_main_services,

    .application_maitenance_page .banner_sec_main_services,

    .application_modernization_page .banner_sec_main_services,

    .it_consulting_page .banner_sec_main_services,

    .software_product_pages .banner_sec_main_services,

    .testing_qa_apge .banner_sec_main_services,

    .web_application_new_page .banner_sec_main_services {

        padding: 140px 0 100px

    }

    .icon_box_main_for_web_application ul li h4 {

        font: 13px/27px Poppins

    }

    .web_application_new_page .client_focus_session .services_box {

        min-height: 60px

    }

    .application_maitenance_page .client_focus_session .services_box {

        min-height: 50px

    }

    .support_solucation_outer .services_box_new .inner_box h3 {

        font: 16px/28px mulisemibold, sans-serif

    }

    .support_solucation_outer .services_box_new .inner_box p {

        font: 15px/26px mulisemibold, sans-serif

    }

    .support_solucation_outer .services_box_new .inner_box {

        min-height: 470px

    }

    .support_solucation_outer .services_box_third_party .inner_box h3 {

        font: 15px/28px mulisemibold, sans-serif

    }

    .support_solucation_outer .services_box_third_party .inner_box ul li {

        font: 14px/26px Poppins;

        color: #000

    }

    .testing_qa_apge .client_focus_session .services_box {

        min-height: 50px

    }

    .consulting_process_it .services_box {

        min-height: 740px

    }

    .service_brakedown_outer .services_box_new .inner_box {

        min-height: 590px

    }

    .our_tecgnical_exper_sec .icon_box_main ul li {

        width: 31%

    }

    .client_focus_session .services_box {

        min-height: 60px

    }

    .client_focus_session .services_box h3 {

        font: 17px/28px mulisemibold, sans-serif

    }

    .software_product_pages .banner_sec_main_services .banner_inner .right_sec {

        width: 100%;

        float: left

    }

    .product_development_sec .white_box {

        min-height: 400px

    }

    .agencies_software_page .our_services_outer .development_services_inner,

    .agencies_software_page .our_services_outer .development_services_inner:hover,

    .automotive_pages .our_services_outer .development_services_inner,

    .automotive_pages .our_services_outer .development_services_inner:hover,

    .banking_finanicaiul_page .our_services_outer .development_services_inner,

    .banking_finanicaiul_page .our_services_outer .development_services_inner:hover,

    .education_elearning_page .our_services_outer .development_services_inner,

    .education_elearning_page .our_services_outer .development_services_inner:hover,

    .healthcare_new_page .our_services_outer .development_services_inner,

    .healthcare_new_page .our_services_outer .development_services_inner:hover,

    .isv_page .our_services_outer .development_services_inner,

    .isv_page .our_services_outer .development_services_inner:hover,

    .logistics_page .our_services_outer .development_services_inner,

    .logistics_page .our_services_outer .development_services_inner:hover,

    .media_software_page .our_services_outer .development_services_inner,

    .media_software_page .our_services_outer .development_services_inner:hover,

    .travel_tourism_page .our_services_outer .development_services_inner,

    .travel_tourism_page .our_services_outer .development_services_inner:hover {

        min-height: 250px

    }

    .product_development_sec .border_small {

        position: absolute;

        top: 97px;

        left: 22%

    }

    .product_development_sec .white_box p {

        font: 15px/26px Poppins;

        padding-top: 40px

    }

    .product_development_sec .soluation_inner p {

        font: 18px/30px Poppins

    }

    .range_softeare_sec .inner_conteiner .soluation_inner .content_area .soluation_development h3 {

        font: 18px/28px mulibold, sans-serif

    }

    .product_consulting_sec .soluation_inner p {

        font: 17px/30px Poppins

    }

    .product_consulting_sec .development_services_inner {

        padding: 30px 20px;

        margin-top: 33px;

        transition: none

    }

    .agencies_software_page .why_otp_inner,

    .automotive_pages .why_otp_inner,

    .banking_finanicaiul_page .why_otp_inner,

    .education_elearning_page .why_otp_inner,

    .healthcare_new_page .why_otp_inner,

    .logistics_page .why_otp_inner,

    .media_software_page .why_otp_inner,

    .retail_ecommerece_page .why_otp_inner,

    .travel_tourism_page .why_otp_inner {

        margin-top: 15px

    }

    .product_consulting_sec .development_services_inner:hover {

        transform: none

    }

    .product_consulting_sec .development_services_inner .border-small_1,

    .product_consulting_sec .development_services_inner:hover .border-small_1 {

        position: absolute;

        top: 227px;

        left: 26%

    }

    .why_outesource_software .soluation_inner h2 {

        font: 30px/45px mulisemibold, sans-serif

    }

    .product_consulting_sec .tech_sec_main .tech_box h4,

    .product_consulting_sec .tech_sec_main .tech_box:hover h4 {

        font: 18px/30px mulisemibold, sans-serif;

        transition: none;

        transform: none

    }

    .why_outesource_software .project_exp li {

        padding: 0 13px

    }

    .product_development_sec .white_box .inner_ul li:last-child {

        margin-bottom: 0 !important

    }

    .top_hadder_mian {

        max-width: 850px;

        width: 90%

    }

    .top_hadder_mian .content_left_sec {

        width: 100%;

        float: none

    }

    .top_hadder_mian .form_right_sec {

        float: none;

        margin-left: 0;

        width: 100%

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner {

        text-align: center;

        width: 100%;

        max-width: 670px

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner h1 {

        font: 50px/50px mulibold, sans-serif

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/30px mulilight, sans-serif

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner p {

        font: 15px/34px Poppins;

        padding-top: 10px

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 15px/50px mulisemibold, sans-serif

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner .left_sec,

    .agencies_software_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .agencies_software_page .benefits_embracing_sec {

        padding: 50px 0 0

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 72px;

        left: 27%

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 15px/30px Poppins;

        padding-top: 20px

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 14px/23px Poppins

    }

    .agencies_software_page .our_services_outer {

        padding: 50px 0

    }

    .agencies_software_page .our_services_outer .our_services_innr h3 {

        font: 30px/40px mulilight, sans-serif

    }

    .agencies_software_page .our_services_outer .development_services_inner span {

        font: 15px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .agencies_software_page .our_services_outer .development_services_inner:hover span {

        font: 14px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .agencies_software_page .why_otp {

        padding: 50px 0 40px

    }

    .agencies_software_page .why_otp .our_services_innr h3 {

        font: 28px/40px mulilight, sans-serif

    }

    .agencies_software_page .why_otp .our_services_innr p {

        font: 15px/25px Poppins;

        padding-bottom: 15px

    }

    .agencies_software_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .agencies_software_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .agencies_software_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .agencies_software_page .why_otp .cont_us_btn {

        padding: 20px 0 0

    }

    .agencies_software_page .why_otp .cont_us_btn a {

        padding: 0 50px;

        font: 16px/57px mulisemibold, sans-serif

    }

    .automotive_pages .banner_sec_main_ind .banner_inner h1 {

        font: 40px/50px mulibold, sans-serif

    }

    .automotive_pages .banner_sec_main_ind .banner_inner h1 span {

        font: 28px/30px mulilight, sans-serif

    }

    .automotive_pages .banner_sec_main_ind .banner_inner p {

        font: 15px/34px Poppins;

        padding-top: 10px

    }

    .automotive_pages .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 15px/50px mulisemibold, sans-serif

    }

    .automotive_pages .banner_sec_main_ind .banner_inner {

        width: 100%;

        max-width: 670px

    }

    .automotive_pages .banner_sec_main_ind .banner_inner .left_sec,

    .automotive_pages .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .automotive_pages .benefits_embracing_sec {

        padding: 50px 0 0

    }

    .automotive_pages .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 72px;

        left: 27%

    }

    .automotive_pages .benefits_embracing_sec .inner_gray .white_box p {

        font: 15px/30px mulisemibold, sans-serif;

        padding-top: 20px

    }

    .automotive_pages .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 14px/23px Poppins

    }

    .automotive_pages .our_services_outer {

        padding: 50px 0

    }

    .automotive_pages .our_services_outer .our_services_innr h3 {

        font: 30px/40px mulilight, sans-serif

    }

    .automotive_pages .our_services_outer .development_services_inner p,

    .automotive_pages .our_services_outer .development_services_inner:hover p {

        font: 18px/24px Poppins

    }

    .automotive_pages .our_services_outer .development_services_inner span,

    .automotive_pages .our_services_outer .development_services_inner:hover span {

        font: 15px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .automotive_pages .why_otp {

        padding: 50px 0 40px

    }

    .automotive_pages .why_otp .our_services_innr h3 {

        font: 28px/40px mulilight, sans-serif

    }

    .automotive_pages .why_otp .our_services_innr p {

        font: 15px/25px Poppins;

        padding-bottom: 15px

    }

    .automotive_pages .why_otp_inner .content_box h3 {

        font: 18px/27px mulisemibold, sans-serif

    }

    .automotive_pages .why_otp_inner .content_box p {

        font: 15px/25px mulisemibold, sans-serif

    }

    .automotive_pages .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .automotive_pages .why_otp_inner .img_box1 img {

        top: 20px

    }

    .automotive_pages .why_otp .cont_us_btn {

        padding: 20px 0 0

    }

    .automotive_pages .why_otp .cont_us_btn a {

        padding: 0 50px;

        font: 16px/57px mulisemibold, sans-serif

    }

    .automotive_pages .why_otp_inner .img_box1 {

        display: none

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner {

        text-align: center;

        width: 100%;

        max-width: 670px

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner h1 {

        font: 42px/50px mulibold, sans-serif

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/30px mulilight, sans-serif

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner p {

        font: 15px/34px Poppins;

        padding-top: 10px

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 15px/50px Poppins

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner .left_sec,

    .education_elearning_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .education_elearning_page .benefits_embracing_sec {

        padding: 50px 0 0

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 72px;

        left: 27%

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 15px/30px Poppins;

        padding-top: 20px

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 14px/23px Poppins

    }

    - .education_elearning_page .our_services_outer {

        padding: 50px 0

    }

    .education_elearning_page .our_services_outer .our_services_innr h3 {

        font: 30px/40px mulilight, sans-serif

    }

    .education_elearning_page .our_services_outer .development_services_inner span {

        font: 15px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .education_elearning_page .our_services_outer .development_services_inner:hover span {

        font: 14px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .education_elearning_page .why_otp {

        padding: 50px 0 40px

    }

    .education_elearning_page .why_otp .our_services_innr h3 {

        font: 28px/40px mulilight, sans-serif

    }

    .education_elearning_page .why_otp .our_services_innr p {

        font: 15px/25px Poppins;

        padding-bottom: 15px

    }

    .education_elearning_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .education_elearning_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px;

        float: left

    }

    .education_elearning_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .education_elearning_page .why_otp .cont_us_btn {

        padding: 20px 0 0

    }

    .education_elearning_page .why_otp .cont_us_btn a {

        padding: 0 50px;

        font: 16px/57px mulisemibold, sans-serif

    }

    .logistics_page .banner_sec_main_ind .banner_inner {

        text-align: center;

        width: 100%;

        max-width: 670px

    }

    .logistics_page .banner_sec_main_ind .banner_inner h1 {

        font: 40px/50px mulibold, sans-serif

    }

    .logistics_page .banner_sec_main_ind .banner_inner h1 span {

        font: 24px/30px mulilight, sans-serif

    }

    .logistics_page .banner_sec_main_ind .banner_inner p {

        font: 15px/34px Poppins;

        padding-top: 10px

    }

    .logistics_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 15px/50px Poppins

    }

    .logistics_page .banner_sec_main_ind .banner_inner .left_sec,

    .logistics_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .logistics_page .benefits_embracing_sec {

        padding: 50px 0 0

    }

    .logistics_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 72px;

        left: 27%

    }

    .logistics_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 15px/30px Poppins;

        padding-top: 20px

    }

    .logistics_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 14px/23px Poppins

    }

    .logistics_page .our_services_outer {

        padding: 50px 0

    }

    .logistics_page .our_services_outer .our_services_innr h3 {

        font: 30px/40px mulilight, sans-serif

    }

    .logistics_page .our_services_outer .development_services_inner span,

    .logistics_page .our_services_outer .development_services_inner:hover span {

        font: 15px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .logistics_page .why_otp {

        padding: 50px 0 40px

    }

    .logistics_page .why_otp .our_services_innr h3 {

        font: 28px/40px mulilight, sans-serif

    }

    .logistics_page .why_otp .our_services_innr p {

        font: 15px/25px Poppins;

        padding-bottom: 15px

    }

    .logistics_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .logistics_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .logistics_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .logistics_page .why_otp .cont_us_btn {

        padding: 20px 0 0

    }

    .logistics_page .why_otp .cont_us_btn a {

        padding: 0 50px;

        font: 16px/57px mulisemibold, sans-serif

    }

    .isv_page .banner_sec_main_ind .banner_inner h1 {

        font: 50px/50px mulibold, sans-serif

    }

    .isv_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/30px Poppins

    }

    .isv_page .banner_sec_main_ind .banner_inner p {

        font: 15px/34px Poppins;

        padding-top: 10px

    }

    .isv_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 15px/50px mulisemibold, sans-serif

    }

    .isv_page .banner_sec_main_ind .banner_inner {

        width: 100%;

        max-width: 670px

    }

    .isv_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .isv_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%;

        text-align: center

    }

    .isv_page .benefits_embracing_sec {

        padding: 50px 0 0

    }

    .isv_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 72px;

        left: 27%

    }

    .isv_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 15px/30px Poppins;

        padding-top: 20px

    }

    .isv_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 14px/23px Poppins

    }

    .isv_page .our_services_outer {

        padding: 50px 0

    }

    .isv_page .our_services_outer .our_services_innr h3 {

        font: 30px/40px mulilight, sans-serif

    }

    .isv_page .our_services_outer .development_services_inner span {

        font: 15px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .isv_page .our_services_outer .development_services_inner:hover span {

        font: 14px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .isv_page .why_otp {

        padding: 50px 0 40px

    }

    .isv_page .why_otp .our_services_innr h3 {

        font: 28px/40px mulilight, sans-serif

    }

    .isv_page .why_otp_inner {

        margin-top: 15px

    }

    .isv_page .why_otp .our_services_innr p {

        font: 15px/25px Poppins;

        padding-bottom: 15px

    }

    .isv_page .why_otp_inner .content_box h3 {

        font: 15px/27px mulisemibold, sans-serif

    }

    .isv_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .isv_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .isv_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .isv_page .why_otp .cont_us_btn {

        padding: 20px 0 0

    }

    .isv_page .why_otp .cont_us_btn a {

        padding: 0 50px;

        font: 16px/57px mulisemibold, sans-serif

    }

    .media_software_page .banner_sec_main_ind .banner_inner h1 {

        font: 40px/50px mulibold, sans-serif

    }

    .media_software_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/30px mulilight, sans-serif

    }

    .media_software_page .banner_sec_main_ind .banner_inner p {

        font: 15px/34px Poppins;

        padding-top: 10px

    }

    .media_software_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 15px/50px mulisemibold, sans-serif

    }

    .media_software_page .banner_sec_main_ind .banner_inner {

        width: 100%;

        max-width: 670px

    }

    .media_software_page .banner_sec_main_ind .banner_inner .left_sec,

    .media_software_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .media_software_page .benefits_embracing_sec {

        padding: 50px 0 0

    }

    .media_software_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 72px;

        left: 27%

    }

    .media_software_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 15px/30px Poppins;

        padding-top: 20px

    }

    .media_software_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 14px/23px Poppins

    }

    .media_software_page .our_services_outer {

        padding: 50px 0

    }

    .media_software_page .our_services_outer .our_services_innr h3 {

        font: 30px/40px mulilight, sans-serif

    }

    .media_software_page .our_services_outer .development_services_inner p,

    .media_software_page .our_services_outer .development_services_inner:hover p {

        font: 18px/24px mulisemibold, sans-serif

    }

    .media_software_page .our_services_outer .development_services_inner span {

        font: 15px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .media_software_page .our_services_outer .development_services_inner:hover span {

        font: 14px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .media_software_page .why_otp {

        padding: 50px 0 40px

    }

    .media_software_page .why_otp .our_services_innr h3 {

        font: 28px/40px mulilight, sans-serif

    }

    .media_software_page .why_otp .our_services_innr p {

        font: 15px/25px Poppins;

        padding-bottom: 15px

    }

    .media_software_page .why_otp_inner .content_box h3 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .media_software_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .media_software_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .media_software_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .media_software_page .why_otp .cont_us_btn {

        padding: 20px 0 0

    }

    .media_software_page .why_otp .cont_us_btn a {

        padding: 0 50px;

        font: 16px/57px mulisemibold, sans-serif

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner {

        text-align: center;

        max-width: 670px

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner h1 {

        font: 50px/50px mulibold, sans-serif

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/30px mulilight, sans-serif

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner p {

        font: 15px/34px Poppins;

        padding-top: 10px

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 15px/50px mulisemibold, sans-serif

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%

    }

    .healthcare_solucation_sec {

        padding: 50px 0

    }

    .healthcare_solucation_sec .soluation_inner h2 {

        font: 30px/40px mulilight, sans-serif

    }

    .healthcare_solucation_sec .soluation_inner p {

        font: 16px/24px Poppins

    }

    .healthcare_solucation_sec .soluation_development h3 {

        font: 26px/36px mulisemibold, sans-serif

    }

    .healthcare_solucation_sec .soluation_development p,

    .healthcare_solucation_sec .soluation_development ul li {

        font: 15px/24px Poppins

    }

    .healthcare_solucation_sec .soluation_development ul li {

        padding: 10px 10px 10px 60px

    }

    .benefits_embracing_sec {

        padding: 50px 0 0

    }

    .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 18px/26px Poppins !important

    }

    .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 27%

    }

    .benefits_embracing_sec .inner_gray .white_box p {

        font: 15px/30px Poppins;

        padding-top: 20px

    }

    .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 14px/23px Poppins

    }

    .healthcare_new_page .our_services_outer {

        padding: 50px 0

    }

    .healthcare_new_page .our_services_outer .our_services_innr h3 {

        font: 30px/40px mulilight, sans-serif

    }

    .healthcare_new_page .our_services_outer .development_services_inner p,

    .healthcare_new_page .our_services_outer .development_services_inner:hover p {

        font: 18px/24px Poppins

    }

    .healthcare_new_page .our_services_outer .development_services_inner span,

    .healthcare_new_page .our_services_outer .development_services_inner:hover span {

        font: 15px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .healthcare_new_page .why_otp {

        padding: 50px 0 40px

    }

    .healthcare_new_page .why_otp .our_services_innr h3 {

        font: 28px/40px mulilight, sans-serif

    }

    .healthcare_new_page .why_otp .our_services_innr p {

        font: 15px/25px Poppins;

        padding-bottom: 15px

    }

    .healthcare_new_page .why_otp_inner .content_box h3 {

        font: 15px/27px mulisemibold, sans-serif

    }

    .healthcare_new_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .healthcare_new_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .healthcare_new_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .healthcare_new_page .why_otp .cont_us_btn {

        padding: 20px 0 0

    }

    .healthcare_new_page .why_otp .cont_us_btn a {

        padding: 0 50px;

        font: 16px/57px mulisemibold, sans-serif

    }

    .dispaly_1 {

        display: none !important

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner .right_sec,

    .banking_finanicaiul_page .why_otp_inner .img_box1,

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner .right_sec,

    .retail_ecommerece_page .why_otp_inner .img_box1,

    .travel_tourism_page .banner_sec_main_ind .banner_inner .right_sec,

    .travel_tourism_page .why_otp_inner .img_box1 {

        display: none

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner h1 {

        font: 50px/50px mulibold, sans-serif

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/40px mulilight, sans-serif

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner p {

        font: 15px/34px Poppins;

        padding-top: 10px

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 15px/50px mulisemibold, sans-serif

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner {

        width: 100%;

        max-width: 670px;

        text-align: center

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner .left_sec,

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .banking_finbanice_sec {

        padding: 50px 0

    }

    .banking_finbanice_sec .soluation_inner h2 {

        font: 30px/40px mulilight, sans-serif

    }

    .banking_finbanice_sec .soluation_inner p {

        font: 16px/24px Poppins

    }

    .banking_finbanice_sec .soluation_development h3 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .banking_finbanice_sec .soluation_development p,

    .banking_finbanice_sec .soluation_development ul li {

        font: 15px/24px Poppins

    }

    .banking_finbanice_sec .soluation_development ul li {

        padding: 10px 10px 10px 60px

    }

    .banking_finanicaiul_page .benefits_embracing_sec {

        padding: 50px 0 0

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 72px;

        left: 27%

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 15px/30px Poppins;

        padding-top: 20px

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 14px/23px Poppins

    }

    .banking_finanicaiul_page .our_services_outer {

        padding: 50px 0

    }

    .banking_finanicaiul_page .our_services_outer .our_services_innr h3 {

        font: 30px/40px mulilight, sans-serif

    }

    .banking_finanicaiul_page .our_services_outer .development_services_inner span,

    .banking_finanicaiul_page .our_services_outer .development_services_inner:hover span {

        font: 15px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .banking_finanicaiul_page .why_otp {

        padding: 50px 0 40px

    }

    .banking_finanicaiul_page .why_otp .our_services_innr h3 {

        font: 28px/40px mulilight, sans-serif

    }

    .banking_finanicaiul_page .why_otp .our_services_innr p {

        font: 15px/25px Poppins;

        padding-bottom: 15px

    }

    .banking_finanicaiul_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .banking_finanicaiul_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .banking_finanicaiul_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .banking_finanicaiul_page .why_otp .cont_us_btn {

        padding: 20px 0 0

    }

    .banking_finanicaiul_page .why_otp .cont_us_btn a {

        padding: 0 50px;

        font: 16px/57px mulisemibold, sans-serif

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner {

        text-align: center;

        max-width: 670px

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner h1 {

        font: 30px/40px mulibold, sans-serif

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner h1 span {

        font: 20px/40px Poppins

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner p {

        width: 85%;

        font: 15px/34px Poppins;

        padding-top: 10px

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 15px/50px mulisemibold, sans-serif

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%

    }

    .trivel_turism_sec {

        padding: 50px 0

    }

    .trivel_turism_sec .soluation_inner h2 {

        font: 30px/40px mulilight, sans-serif

    }

    .trivel_turism_sec .soluation_inner p {

        font: 16px/24px Poppins

    }

    .trivel_turism_sec .soluation_development p {

        font: 15px/24px mulilight, sans-serif

    }

    .trivel_turism_sec .soluation_development ul li {

        font: 15px/24px Poppins;

        padding: 10px 10px 10px 60px

    }

    .travel_tourism_page .benefits_embracing_sec {

        padding: 50px 0 0

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .white_box h3 {

        font: 13px/22px mulisemibold, sans-serif !important

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 72px;

        left: 27%

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 15px/30px Poppins;

        padding-top: 20px

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 14px/23px Poppins

    }

    .travel_tourism_page .our_services_outer {

        padding: 50px 0

    }

    .travel_tourism_page .our_services_outer .our_services_innr h3 {

        font: 30px/40px mulilight, sans-serif

    }

    .travel_tourism_page .our_services_outer .development_services_inner span {

        font: 15px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .travel_tourism_page .our_services_outer .development_services_inner:hover span {

        font: 14px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .travel_tourism_page .why_otp {

        padding: 50px 0 40px

    }

    .travel_tourism_page .why_otp .our_services_innr h3 {

        font: 28px/40px mulilight, sans-serif

    }

    .travel_tourism_page .why_otp .our_services_innr p {

        font: 15px/25px Poppins;

        padding-bottom: 15px

    }

    .travel_tourism_page .why_otp_inner .content_box h3 {

        font: 15px/27px mulisemibold, sans-serif

    }

    .travel_tourism_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .travel_tourism_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .travel_tourism_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .travel_tourism_page .why_otp .cont_us_btn {

        padding: 20px 0 0

    }

    .travel_tourism_page .why_otp .cont_us_btn a {

        padding: 0 50px;

        font: 16px/57px mulisemibold, sans-serif

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner {

        text-align: center;

        max-width: 670px

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner h1 {

        font: 40px/50px mulibold, sans-serif

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/30px mulilight, sans-serif

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner p {

        font: 15px/34px Poppins;

        padding-top: 10px

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 15px/50px mulisemibold, sans-serif

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner .mobile_banner {

        width: 100%

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%

    }

    .reatail_eccommarce_solucation_sec {

        padding: 50px 0

    }

    .reatail_eccommarce_solucation_sec .soluation_inner h2 {

        font: 30px/40px mulilight, sans-serif

    }

    .reatail_eccommarce_solucation_sec .soluation_inner p {

        font: 16px/24px Poppins

    }

    .reatail_eccommarce_solucation_sec .soluation_development p,

    .reatail_eccommarce_solucation_sec .soluation_development ul li {

        font: 15px/24px Poppins

    }

    .reatail_eccommarce_solucation_sec .soluation_development ul li {

        padding: 10px 10px 10px 60px

    }

    .retail_ecommerece_page .benefits_embracing_sec {

        padding: 50px 0 0

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 72px;

        left: 27%

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box p {

        font: 15px/30px Poppins;

        padding-top: 20px

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box .inner_ul li {

        font: 14px/23px Poppins

    }

    .retail_ecommerece_page .our_services_outer {

        padding: 50px 0

    }

    .retail_ecommerece_page .our_services_outer .our_services_innr h3 {

        font: 30px/40px mulilight, sans-serif

    }

    .retail_ecommerece_page .our_services_outer .development_services_inner span {

        font: 15px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .retail_ecommerece_page .our_services_outer .development_services_inner:hover span {

        font: 14px/25px Poppins;

        padding: 20px 15px 10px 10px

    }

    .retail_ecommerece_page .our_services_outer .development_services_inner,

    .retail_ecommerece_page .our_services_outer .development_services_inner:hover {

        min-height: 270px

    }

    .retail_ecommerece_page .why_otp {

        padding: 50px 0 40px

    }

    .retail_ecommerece_page .why_otp .our_services_innr h3 {

        font: 28px/40px mulilight, sans-serif

    }

    .retail_ecommerece_page .why_otp .our_services_innr p {

        font: 15px/25px Poppins;

        padding-bottom: 15px

    }

    .retail_ecommerece_page .why_otp_inner .content_box h3 {

        font: 16px/27px mulisemibold, sans-serif

    }

    .retail_ecommerece_page .why_otp_inner .content_box p {

        font: 15px/25px Poppins

    }

    .retail_ecommerece_page .why_otp_inner .content_box {

        width: 100%;

        padding: 15px 18px

    }

    .retail_ecommerece_page .why_otp_inner .img_box1 img {

        top: 20px

    }

    .retail_ecommerece_page .why_otp .cont_us_btn {

        padding: 20px 0 0

    }

    .retail_ecommerece_page .why_otp .cont_us_btn a {

        padding: 0 50px;

        font: 16px/57px mulisemibold, sans-serif

    }

    .float_right_sec {

        float: right !important

    }

    .product_consulting_sec .tech_sec_main .tech_box {

        width: 28%

    }

}



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

    .range_softeare_sec .inner_conteiner .soluation_inner .content_area .soluation_development .img_box,

    .why_outesource_software .project_exp li::before {

        display: none

    }

    .consulting_process_it .services_box {

        min-height: inherit;

        padding: 30px

    }

    .consulting_process_it .services_box_new,

    .product_consulting_sec .development_services_inner {

        min-height: inherit

    }

    .resp-arrow {

        margin-top: 10px !important

    }

    .isv_page .banner_sec_main_ind,

    .isv_page .benefits_embracing_sec {

        background: -moz-linear-gradient(45deg, #195675 0, #1cd8c7 100%);

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #195675), color-stop(100%, #1cd8c7));

        background: -webkit-linear-gradient(45deg, #195675 0, #1cd8c7 100%);

        background: -o-linear-gradient(45deg, #195675 0, #1cd8c7 100%);

        background: -ms-linear-gradient(45deg, #195675 0, #1cd8c7 100%);

        background: linear-gradient(45deg, #195675 0, #1cd8c7 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1cd8c7', endColorstr='#195675', GradientType=1)

    }

    .automotive_pages .why_otp,

    .banking_finanicaiul_page .banner_sec_main_ind,

    .banking_finanicaiul_page .why_otp {

        background: -moz-linear-gradient(45deg, #1161a1 0, #143eae 100%);

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #1161a1), color-stop(100%, #143eae));

        background: -webkit-linear-gradient(45deg, #1161a1 0, #143eae 100%);

        background: -o-linear-gradient(45deg, #1161a1 0, #143eae 100%);

        background: -ms-linear-gradient(45deg, #1161a1 0, #143eae 100%);

        background: linear-gradient(45deg, #1161a1 0, #143eae 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#143eae', endColorstr='#1161a1', GradientType=1)

    }

    .healthcare_new_page .banner_sec_main_ind,

    .healthcare_new_page .why_otp {

        background: -moz-linear-gradient(45deg, #155a61 0, #2e868f 100%);

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #155a61), color-stop(100%, #2e868f));

        background: -webkit-linear-gradient(45deg, #155a61 0, #2e868f 100%);

        background: -o-linear-gradient(45deg, #155a61 0, #2e868f 100%);

        background: -ms-linear-gradient(45deg, #155a61 0, #2e868f 100%);

        background: linear-gradient(45deg, #155a61 0, #2e868f 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e868f', endColorstr='#155a61', GradientType=1)

    }

    .logistics_page .banner_sec_main_ind,

    .logistics_page .why_otp {

        background: -moz-linear-gradient(45deg, #1b1926 0, #24232b 100%);

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #1b1926), color-stop(100%, #24232b));

        background: -webkit-linear-gradient(45deg, #1b1926 0, #24232b 100%);

        background: -o-linear-gradient(45deg, #1b1926 0, #24232b 100%);

        background: -ms-linear-gradient(45deg, #1b1926 0, #24232b 100%);

        background: linear-gradient(45deg, #1b1926 0, #24232b 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24232b', endColorstr='#1b1926', GradientType=1)

    }

    .automotive_pages .banner_sec_main_ind,

    .automotive_pages .why_otp {

        background: -moz-linear-gradient(45deg, #3c5d6e 0, #303d45 100%);

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #3c5d6e), color-stop(100%, #303d45));

        background: -webkit-linear-gradient(45deg, #3c5d6e 0, #303d45 100%);

        background: -o-linear-gradient(45deg, #3c5d6e 0, #303d45 100%);

        background: -ms-linear-gradient(45deg, #3c5d6e 0, #303d45 100%);

        background: linear-gradient(45deg, #3c5d6e 0, #303d45 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303d45', endColorstr='#3c5d6e', GradientType=1)

    }

    .agencies_software_page .banner_sec_main_ind,

    .agencies_software_page .why_otp {

        background: -moz-linear-gradient(45deg, #195675 0, #1cd8c7 100%);

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #195675), color-stop(100%, #1cd8c7));

        background: -webkit-linear-gradient(45deg, #195675 0, #1cd8c7 100%);

        background: -o-linear-gradient(45deg, #195675 0, #1cd8c7 100%);

        background: -ms-linear-gradient(45deg, #195675 0, #1cd8c7 100%);

        background: linear-gradient(45deg, #195675 0, #1cd8c7 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1cd8c7', endColorstr='#195675', GradientType=1)

    }

    .education_elearning_page .banner_sec_main_ind,

    .education_elearning_page .why_otp,

    .media_software_page .banner_sec_main_ind,

    .media_software_page .why_otp,

    .retail_ecommerece_page .banner_sec_main_ind,

    .retail_ecommerece_page .why_otp {

        background: -moz-linear-gradient(45deg, #153eb2 0, #1e3ea3 100%);

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #153eb2), color-stop(100%, #1e3ea3));

        background: -webkit-linear-gradient(45deg, #153eb2 0, #1e3ea3 100%);

        background: -o-linear-gradient(45deg, #153eb2 0, #1e3ea3 100%);

        background: -ms-linear-gradient(45deg, #153eb2 0, #1e3ea3 100%);

        background: linear-gradient(45deg, #153eb2 0, #1e3ea3 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e3ea3', endColorstr='#153eb2', GradientType=1)

    }

    .travel_tourism_page .banner_sec_main_ind,

    .travel_tourism_page .why_otp {

        background: -moz-linear-gradient(45deg, #d15148 0, #ba3545 100%);

        background: -webkit-gradient(linear, left bottom, right top, color-stop(0, #d15148), color-stop(100%, #ba3545));

        background: -webkit-linear-gradient(45deg, #d15148 0, #ba3545 100%);

        background: -o-linear-gradient(45deg, #d15148 0, #ba3545 100%);

        background: -ms-linear-gradient(45deg, #d15148 0, #ba3545 100%);

        background: linear-gradient(45deg, #d15148 0, #ba3545 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba3545', endColorstr='#d15148', GradientType=1)

    }

    .application_latest_page .banner_sec_main_services,

    .application_latest_page .why_outesource_software {

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#072928', endColorstr='#124d4b', GradientType=0)

    }

    .application_latest_page .banner_sec_main_services {

        background: #072928;

        background: -moz-linear-gradient(top, #072928 1%, #124d4b 100%);

        background: -webkit-linear-gradient(top, #072928 1%, #124d4b 100%);

        background: linear-gradient(to bottom, #072928 1%, #124d4b 100%)

    }

    .our_tecgnical_exper_sec {

        background: #f9fafc !important

    }

    .application_latest_page .why_outesource_software {

        background: #072928;

        background: -moz-linear-gradient(top, #072928 1%, #124d4b 100%);

        background: -webkit-linear-gradient(top, #072928 1%, #124d4b 100%);

        background: linear-gradient(to bottom, #072928 1%, #124d4b 100%)

    }

    .range_softeare_sec,

    .software_product_pages .banner_sec_main_services,

    .why_outesource_software {

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#070a37', endColorstr='#28355f', GradientType=0)

    }

    .range_softeare_sec,

    .software_product_pages .banner_sec_main_services {

        background: #070a37;

        background: -moz-linear-gradient(top, #070a37 1%, #28355f 100%);

        background: -webkit-linear-gradient(top, #070a37 1%, #28355f 100%);

        background: linear-gradient(to bottom, #070a37 1%, #28355f 100%)

    }

    .product_consulting_sec {

        background: #f8fcfd !important

    }

    .why_outesource_software {

        background: #070a37;

        background: -moz-linear-gradient(top, #070a37 1%, #28355f 100%);

        background: -webkit-linear-gradient(top, #070a37 1%, #28355f 100%);

        background: linear-gradient(to bottom, #070a37 1%, #28355f 100%)

    }

    .application_maitenance_page .banner_sec_main_services,

    .application_maitenance_page .range_softeare_sec,

    .application_maitenance_page .why_outesource_software {

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#072928', endColorstr='#124d4b', GradientType=0)

    }

    .application_maitenance_page .banner_sec_main_services,

    .application_maitenance_page .range_softeare_sec {

        background: #072928;

        background: -moz-linear-gradient(top, #072928 1%, #124d4b 100%);

        background: -webkit-linear-gradient(top, #072928 1%, #124d4b 100%);

        background: linear-gradient(to bottom, #072928 1%, #124d4b 100%)

    }

    .support_solucation_outer {

        background: #f8fcfd !important

    }

    .application_maitenance_page .why_outesource_software {

        background: #072928;

        background: -moz-linear-gradient(top, #072928 1%, #124d4b 100%);

        background: -webkit-linear-gradient(top, #072928 1%, #124d4b 100%);

        background: linear-gradient(to bottom, #072928 1%, #124d4b 100%)

    }

    .testing_qa_apge .banner_sec_main_services {

        background: #070a37;

        background: -moz-linear-gradient(top, #070a37 1%, #28355f 100%);

        background: -webkit-linear-gradient(top, #070a37 1%, #28355f 100%);

        background: linear-gradient(to bottom, #070a37 1%, #28355f 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#070a37', endColorstr='#28355f', GradientType=0)

    }

    .application_modernization_page .banner_sec_main_services,

    .application_modernization_page .range_softeare_sec,

    .application_modernization_page .why_outesource_software,

    .it_consulting_page .banner_sec_main_services,

    .it_consulting_page .range_softeare_sec,

    .it_consulting_page .why_outesource_software,

    .web_application_new_page .banner_sec_main_services,

    .web_application_new_page .range_softeare_sec,

    .web_application_new_page .why_outesource_software {

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#094b5b', endColorstr='#06a39a', GradientType=0)

    }

    .testing_qa_apge .client_focus_session {

        background: #f8fcfd !important

    }

    .web_application_new_page .banner_sec_main_services,

    .web_application_new_page .range_softeare_sec {

        background: #094b5b;

        background: -moz-linear-gradient(top, #094b5b 1%, #06a39a 100%);

        background: -webkit-linear-gradient(top, #094b5b 1%, #06a39a 100%);

        background: linear-gradient(to bottom, #094b5b 1%, #06a39a 100%)

    }

    .web_application_new_page .our-services {

        background: #fff !important;

        padding: 40px 0

    }

    .it_consulting_page .banner_sec_main_services,

    .web_application_new_page .why_outesource_software {

        background: #094b5b;

        background: -moz-linear-gradient(top, #094b5b 1%, #06a39a 100%);

        background: -webkit-linear-gradient(top, #094b5b 1%, #06a39a 100%);

        background: linear-gradient(to bottom, #094b5b 1%, #06a39a 100%)

    }

    .it_consulting_page .range_softeare_sec {

        padding: 40px 0 0;

        background: #094b5b;

        background: -moz-linear-gradient(top, #094b5b 1%, #06a39a 100%);

        background: -webkit-linear-gradient(top, #094b5b 1%, #06a39a 100%);

        background: linear-gradient(to bottom, #094b5b 1%, #06a39a 100%)

    }

    .consulting_process_it {

        background: #f8fcfd !important

    }

    .application_modernization_page .banner_sec_main_services,

    .application_modernization_page .range_softeare_sec,

    .it_consulting_page .why_outesource_software {

        background: #094b5b;

        background: -moz-linear-gradient(top, #094b5b 1%, #06a39a 100%);

        background: -webkit-linear-gradient(top, #094b5b 1%, #06a39a 100%);

        background: linear-gradient(to bottom, #094b5b 1%, #06a39a 100%)

    }

    .application_modernization_page .client_focus_session {

        background: #f8fcfd !important

    }

    .icon_box_main_for_web_application ul li {

        width: 45%;

        margin: 10px

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner,

    .web_application_new_page .banner_sec_main_services .banner_inner {

        max-width: 670px;

        width: 70%

    }

    .web_application_new_page .bltext h3 {

        font: 20px/28px Poppins;

        letter-spacing: 0

    }

    .web applications development {

        padding: 50px 0

    }

    .web_application_new_page .banner_sec_main_services {

        padding: 110px 0 80px

    }

    .web_application_new_page .banner_sec_main_services .banner_inner h1 {

        font: 26px/32px mulisemibold, sans-serif

    }

    .web_application_new_page .banner_sec_main_services .banner_inner h1 span {

        font: 22px/32px mulilight, sans-serif

    }

    .web_application_new_page .banner_sec_main_services .banner_inner p {

        padding-top: 15px

    }

    .web_application_new_page .why_outesource_software {

        padding: 50px 0

    }

    .web_application_new_page .range_softeare_sec {

        padding: 50px 0 0

    }

    .web_application_new_page .client_focus_session {

        padding: 50px 0

    }

    .web_application_new_page .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 14px/50px mulisemibold, sans-serif

    }

    .web_application_new_page .client_focus_session .services_box {

        min-height: auto

    }

    .web_application_new_page .our-expertise {

        padding: 50px 0

    }

    .application_maitenance_page .bltext h3 {

        font: 20px/28px Poppins;

        letter-spacing: 0

    }

    .application_maitenance_page .banner_sec_main_services {

        padding: 110px 0 80px

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner h1 {

        font: 26px/32px mulisemibold, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner h1 span {

        font: 22px/32px mulilight, sans-serif

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner p {

        padding-top: 15px

    }

    .application_maitenance_page .why_outesource_software {

        padding: 50px 0

    }

    .application_maitenance_page .range_softeare_sec {

        padding: 50px 0 0

    }

    .application_maitenance_page .client_focus_session {

        padding: 50px 0

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 14px/63px Poppins

    }

    .support_solucation_outer {

        padding: 50px 0

    }

    .support_solucation_outer .services_box_new .inner_box,

    .support_solucation_outer .services_box_third_party .inner_box {

        width: 100%;

        min-height: auto

    }

    .application_modernization_page .banner_sec_main_services .banner_inner,

    .it_consulting_page .banner_sec_main_services .banner_inner,

    .testing_qa_apge .banner_sec_main_services .banner_inner {

        width: 70%;

        max-width: 670px

    }

    .testing_qa_apge .bltext h3 {

        font: 20px/28px Poppins;

        letter-spacing: 0

    }

    .testing_qa_apge .banner_sec_main_services {

        padding: 110px 0 80px

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner h1 {

        font: 26px/32px mulisemibold, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner h1 span {

        font: 22px/32px mulilight, sans-serif

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner p {

        padding-top: 15px

    }

    .testing_qa_apge .why_outesource_software {

        padding: 50px 0

    }

    .testing_qa_apge .range_softeare_sec {

        padding: 50px 0 0

    }

    .testing_qa_apge .client_focus_session {

        padding: 50px 0

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 14px/50px mulisemibold, sans-serif

    }

    .testing_qa_apge .client_focus_session .services_box {

        min-height: auto

    }

    .application_modernization_page .bltext h3 {

        font: 20px/28px Poppins;

        letter-spacing: 0

    }

    .application_modernization_page .banner_sec_main_services {

        padding: 110px 0 80px

    }

    .application_modernization_page .banner_sec_main_services .banner_inner h1 {

        font: 26px/32px mulisemibold, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner h1 span {

        font: 22px/32px mulilight, sans-serif

    }

    .application_modernization_page .banner_sec_main_services .banner_inner p {

        padding-top: 15px

    }

    .application_modernization_page .why_outesource_software {

        background: #094b5b;

        background: -moz-linear-gradient(top, #094b5b 1%, #06a39a 100%);

        background: -webkit-linear-gradient(top, #094b5b 1%, #06a39a 100%);

        background: linear-gradient(to bottom, #094b5b 1%, #06a39a 100%);

        padding: 50px 0

    }

    .application_modernization_page .range_softeare_sec {

        padding: 50px 0 0

    }

    .application_modernization_page .client_focus_session {

        padding: 50px 0

    }

    .application_modernization_page .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 14px/63px mulisemibold, sans-serif

    }

    .it_consulting_page .bltext h3 {

        font: 20px/28px Poppins;

        letter-spacing: 0

    }

    .it_consulting_page .banner_sec_main_services {

        padding: 110px 0 80px;

        text-align: center

    }

    .it_consulting_page .banner_sec_main_services .banner_inner h1 {

        font: 26px/32px mulisemibold, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner h1 span {

        font: 22px/32px mulilight, sans-serif

    }

    .it_consulting_page .banner_sec_main_services .banner_inner p {

        padding-top: 15px

    }

    .service_brakedown_outer .services_box_new .inner_box {

        width: 100%;

        margin-top: 15px;

        min-height: auto

    }

    .consulting_process_it {

        padding: 50px 0

    }

    .common_margin_top {

        padding-top: 50px

    }

    .it_consulting_page .why_outesource_software {

        padding: 50px 0

    }

    .it_consulting_page .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 14px/50px mulisemibold, sans-serif

    }

    .application_latest_page .banner_sec_main_services .banner_inner {

        max-width: 670px;

        width: 70%

    }

    .application_latest_page .bltext h3 {

        font: 20px/28px Poppins;

        letter-spacing: 0

    }

    .application_latest_page .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 16px/50px mulisemibold, sans-serif

    }

    .application_latest_page .banner_sec_main_services {

        padding: 110px 0 80px

    }

    .application_latest_page .banner_sec_main_services .banner_inner h1 {

        font: 34px/42px mulisemibold, sans-serif

    }

    .application_latest_page .banner_sec_main_services .banner_inner h1 span {

        font: 22px/32px mulilight, sans-serif

    }

    .heading_services_h2 {

        font: 28px/40px mulisemibold, sans-serif;

        color: #000

    }

    .heading_area p {

        font: 16px/24px Poppins

    }

    .our_services_session .services_box ul li {

        width: 100%

    }

    .our_tecgnical_exper_sec .content_box h3 {

        font: 20px/34px mulisemibold, sans-serif;

        margin: 18px 0

    }

    .client_focus_session .services_box {

        min-height: auto

    }

    .client_focus_session,

    .our_services_session,

    .our_tecgnical_exper_sec {

        padding: 50px 0

    }

    .software_product_pages .banner_sec_main_services .banner_inner {

        max-width: 670px;

        width: 70%

    }

    .software_product_pages .bltext h3 {

        font: 20px/28px Poppins;

        letter-spacing: 0

    }

    .software_product_pages .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 50px;

        font: 14px/63px mulisemibold, sans-serif

    }

    .software_product_pages .banner_sec_main_services {

        padding: 110px 0 80px

    }

    .software_product_pages .banner_sec_main_services .banner_inner h1 {

        font: 34px/42px mulisemibold, sans-serif

    }

    .software_product_pages .banner_sec_main_services .banner_inner h1 span {

        font: 22px/32px mulilight, sans-serif

    }

    .product_development_sec {

        padding: 40px 0 80px

    }

    .product_development_sec .soluation_inner h2 {

        font: 22px/32px Poppins;

        letter-spacing: -1px

    }

    .product_development_sec .soluation_inner p {

        font: 16px/27px Poppins

    }

    .white_box_services {

        top: 40px !important

    }

    .range_softeare_sec {

        padding: 40px 0 0

    }

    .range_softeare_sec .soluation_inner h2 {

        font: 22px/32px mulisemibold, sans-serif;

        letter-spacing: -1px

    }

    .range_softeare_sec .soluation_inner p {

        font: 17px/28px Poppins

    }

    .product_consulting_sec {

        padding: 40px 0

    }

    .product_consulting_sec .development_services_inner {

        margin-top: 20px

    }

    .product_consulting_sec .development_services_inner .border-small_1,

    .product_consulting_sec .development_services_inner:hover .border-small_1 {

        position: absolute;

        top: 215px;

        left: 21%

    }

    .product_consulting_sec .soluation_inner2 {

        padding: 40px 0 0

    }

    .product_consulting_sec .heading-sec {

        margin: 0

    }

    .product_consulting_sec .soluation_inner h2 {

        font: 22px/32px mulisemibold, sans-serif;

        letter-spacing: -1px

    }

    .product_consulting_sec .tech_sec_main .tech_box {

        width: 43%;

        margin: 15px

    }

    .product_consulting_sec .tech_sec_main {

        width: 100%;

        padding: 20px 0

    }

    .why_outesource_software {

        padding: 40px 0

    }

    .why_outesource_software .soluation_inner h2 {

        font: 20px/27px mulisemibold, sans-serif;

        letter-spacing: -1px

    }

    .why_outesource_software .project_exp li {

        padding: 0 10px;

        width: 49%;

        margin: 0 0 30px

    }

    .why_outesource_software .project_exp {

        padding: 45px 0 20px

    }

    .cont_us_btn_fot_service a {

        padding: 0 58px;

        font: 600 14px/62px

    }

    .range_softeare_sec .inner_conteiner .soluation_inner .content_area .soluation_development {

        margin: 0

    }

    .banking_finbanice_sec .soluation_development,

    .healthcare_solucation_sec .soluation_development,

    .reatail_eccommarce_solucation_sec .soluation_development,

    .trivel_turism_sec .soluation_development {

        margin-top: 30px

    }

    .range_softeare_sec .inner_conteiner .soluation_inner .content_area {

        padding: 30px 30px 40px

    }

    .software_product_pages .heading-sec h2 {

        font: 22px/32px mulisemibold, sans-serif;

        letter-spacing: -1px

    }

    .product_development_sec .border_small {

        position: absolute;

        top: 97px;

        left: 19%

    }

    .cont_us_btn_fot_ind a {

        display: inline-block;

        border-radius: 5px;

        padding: 0 46px;

        background: #ffbc00;

        color: #000;

        font: 16px/55px mulisemibold, sans-serif

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner .right_sec,

    .automotive_pages .banner_sec_main_ind .banner_inner .right_sec,

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner .right_sec,

    .banking_finbanice_sec .soluation_development .img_box,

    .education_elearning_page .banner_sec_main_ind .banner_inner .right_sec,

    .healthcare_solucation_sec .soluation_development .img_box,

    .isv_page .banner_sec_main_ind .banner_inner .right_sec,

    .logistics_page .banner_sec_main_ind .banner_inner .right_sec,

    .media_software_page .banner_sec_main_ind .banner_inner .right_sec,

    .reatail_eccommarce_solucation_sec .soluation_development .img_box,

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner .right_sec,

    .travel_tourism_page .banner_sec_main_ind .banner_inner .right_sec {

        display: none

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%;

        float: left

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner {

        width: 70%;

        max-width: 670px

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner h1 {

        font: 26px/30px mulibold, sans-serif

    }

    .agencies_software_page .banner_sec_main_ind {

        padding: 90px 0

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner h1 span {

        font: 20px/26px mulilight, sans-serif

    }

    .agencies_software_page .benefits_embracing_sec {

        padding: 40px 0 700px

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray {

        padding: 80px 0 260px;

        background: #f7f8fc !important

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray .white_box p {

        padding-top: 20px;

        min-height: auto

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 21%

    }

    .agencies_software_page .our_services_outer .development_services_inner,

    .agencies_software_page .our_services_outer .development_services_inner:hover {

        min-height: auto

    }

    .agencies_software_page .our_services_outer {

        padding: 40px 0

    }

    .agencies_software_page .our_services_outer .our_services_innr h3 {

        font: 20px/30px mulilight, sans-serif

    }

    .agencies_software_page .our_services_outer .our_services_innr p {

        font: 15px/26px Poppins

    }

    .agencies_software_page .why_otp {

        padding: 50px 0 40px

    }

    .agencies_software_page .why_otp .our_services_innr h3 {

        font: 18px/30px mulilight, sans-serif

    }

    .agencies_software_page .why_otp_inner .content_box {

        width: 100%;

        padding: 30px 18px

    }

    .automotive_pages .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%;

        float: left

    }

    .automotive_pages .banner_sec_main_ind .banner_inner {

        width: 70%;

        max-width: 670px;

        text-align: center

    }

    .automotive_pages .banner_sec_main_ind .banner_inner h1 {

        font: 28px/40px mulisemibold, sans-serif

    }

    .automotive_pages .banner_sec_main_ind {

        padding: 90px 0

    }

    .automotive_pages .banner_sec_main_ind .banner_inner h1 span {

        font: 18px/30px mulilight, sans-serif

    }

    .automotive_pages .benefits_embracing_sec {

        padding: 40px 0 700px

    }

    .automotive_pages .benefits_embracing_sec .inner_gray {

        padding: 80px 0 260px;

        background: #f7f8fc !important

    }

    .automotive_pages .benefits_embracing_sec .inner_gray .white_box p {

        padding-top: 20px;

        min-height: auto

    }

    .automotive_pages .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 21%

    }

    .automotive_pages .our_services_outer .development_services_inner,

    .automotive_pages .our_services_outer .development_services_inner:hover {

        min-height: auto

    }

    .automotive_pages .our_services_outer {

        padding: 40px 0

    }

    .automotive_pages .our_services_outer .our_services_innr h3 {

        font: 20px/30px mulilight, sans-serif

    }

    .automotive_pages .our_services_outer .our_services_innr p {

        font: 15px/26px Poppins

    }

    .automotive_pages .why_otp {

        padding: 50px 0 40px

    }

    .automotive_pages .why_otp .our_services_innr h3 {

        font: 19px/30px mulilight, sans-serif

    }

    .automotive_pages .why_otp_inner .content_box {

        width: 100%;

        padding: 30px 18px

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%;

        float: left

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner {

        width: 70%;

        max-width: 670px

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner h1 {

        font: 30px/40px mulibold, sans-serif

    }

    .education_elearning_page .banner_sec_main_ind {

        padding: 90px 0

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner h1 span {

        font: 18px/20px Poppins

    }

    .education_elearning_page .benefits_embracing_sec {

        padding: 40px 0 700px

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray {

        padding: 80px 0 260px;

        background: #f7f8fc !important

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray .white_box p {

        padding-top: 20px;

        min-height: auto

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 21%

    }

    .education_elearning_page .our_services_outer .development_services_inner,

    .education_elearning_page .our_services_outer .development_services_inner:hover {

        min-height: auto

    }

    .education_elearning_page .our_services_outer {

        padding: 40px 0

    }

    .education_elearning_page .our_services_outer .our_services_innr h3 {

        font: 20px/30px mulilight, sans-serif

    }

    .education_elearning_page .our_services_outer .our_services_innr p {

        font: 15px/26px Poppins

    }

    .education_elearning_page .why_otp {

        padding: 50px 0 40px

    }

    .education_elearning_page .why_otp .our_services_innr h3 {

        font: 19px/30px mulilight, sans-serif

    }

    .education_elearning_page .why_otp_inner .content_box {

        width: 100%;

        padding: 30px 18px

    }

    .logistics_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%;

        float: left

    }

    .logistics_page .banner_sec_main_ind .banner_inner {

        width: 70%;

        max-width: 670px

    }

    .logistics_page .banner_sec_main_ind .banner_inner h1 {

        font: 32px/50px mulisemibold, sans-serif

    }

    .logistics_page .banner_sec_main_ind .banner_inner h1 span,

    .logistics_page .our_services_outer .our_services_innr h3 {

        font: 20px/30px mulilight, sans-serif

    }

    .logistics_page .banner_sec_main_ind {

        padding: 90px 0

    }

    .logistics_page .benefits_embracing_sec {

        padding: 40px 0 700px

    }

    .logistics_page .benefits_embracing_sec .inner_gray {

        padding: 80px 0 260px;

        background: #f7f8fc !important

    }

    .logistics_page .benefits_embracing_sec .inner_gray .white_box p {

        padding-top: 20px;

        min-height: auto

    }

    .logistics_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 21%

    }

    .logistics_page .our_services_outer .development_services_inner,

    .logistics_page .our_services_outer .development_services_inner:hover {

        min-height: auto

    }

    .logistics_page .our_services_outer {

        padding: 40px 0

    }

    .logistics_page .our_services_outer .our_services_innr p {

        font: 15px/26px Poppins

    }

    .logistics_page .why_otp {

        padding: 50px 0 40px

    }

    .logistics_page .why_otp .our_services_innr h3 {

        font: 19px/30px mulilight, sans-serif

    }

    .logistics_page .why_otp_inner .content_box {

        width: 100%;

        padding: 30px 18px

    }

    .isv_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%;

        float: left

    }

    .isv_page .banner_sec_main_ind .banner_inner {

        width: 70%;

        max-width: 670px

    }

    .isv_page .banner_sec_main_ind .banner_inner h1 {

        font: 32px/50px mulibold, sans-serif

    }

    .isv_page .banner_sec_main_ind {

        padding: 90px 0

    }

    .isv_page .banner_sec_main_ind .banner_inner h1 span {

        font: 30px/36px Poppins

    }

    .isv_page .benefits_embracing_sec {

        padding: 40px 0 700px

    }

    .isv_page .benefits_embracing_sec .inner_gray {

        padding: 80px 0 260px;

        background: #f7f8fc !important

    }

    .isv_page .benefits_embracing_sec .inner_gray .white_box p {

        padding-top: 20px;

        min-height: auto

    }

    .isv_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 21%

    }

    .isv_page .our_services_outer .development_services_inner,

    .isv_page .our_services_outer .development_services_inner:hover {

        min-height: auto

    }

    .isv_page .our_services_outer {

        padding: 40px 0

    }

    .isv_page .our_services_outer .our_services_innr h3 {

        font: 20px/30px mulilight, sans-serif

    }

    .isv_page .our_services_outer .our_services_innr p {

        font: 15px/26px Poppins

    }

    .isv_page .why_otp {

        padding: 50px 0 40px

    }

    .isv_page .why_otp .our_services_innr h3 {

        font: 19px/30px mulilight, sans-serif

    }

    .isv_page .why_otp_inner .content_box {

        width: 100%;

        padding: 30px 18px

    }

    .media_software_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%;

        float: left

    }

    .media_software_page .banner_sec_main_ind .banner_inner {

        width: 70%;

        max-width: 670px

    }

    .media_software_page .banner_sec_main_ind .banner_inner h1 {

        font: 34px/40px Poppins

    }

    .media_software_page .banner_sec_main_ind {

        padding: 90px 0

    }

    .media_software_page .banner_sec_main_ind .banner_inner h1 span {

        font: 22px/30px Poppins

    }

    .media_software_page .benefits_embracing_sec {

        padding: 40px 0 700px

    }

    .media_software_page .benefits_embracing_sec .inner_gray {

        padding: 80px 0 260px;

        background: #f7f8fc !important

    }

    .media_software_page .benefits_embracing_sec .inner_gray .white_box p {

        padding-top: 20px;

        min-height: auto

    }

    .media_software_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 21%

    }

    .media_software_page .our_services_outer .development_services_inner,

    .media_software_page .our_services_outer .development_services_inner:hover {

        min-height: auto

    }

    .media_software_page .our_services_outer {

        padding: 40px 0

    }

    .media_software_page .our_services_outer .our_services_innr h3 {

        font: 20px/30px Poppins

    }

    .media_software_page .our_services_outer .our_services_innr p {

        font: 15px/26px Poppins

    }

    .media_software_page .why_otp {

        padding: 50px 0 40px

    }

    .media_software_page .why_otp .our_services_innr h3 {

        font: 19px/30px Poppins

    }

    .media_software_page .why_otp_inner .content_box {

        width: 100%;

        padding: 30px 18px

    }

    .banking_finanicaiul_page .soluation_development ul li,

    .healthcare_solucation_sec .soluation_development ul li,

    .retail_ecommerece_page .soluation_development ul li,

    .travel_tourism_page .soluation_development ul li {

        background: url(../../images-2/health_solucation_icon1.png) 0 10px no-repeat;

        padding: 12px 10px 14px 60px

    }

    .row_padding {

        padding: 10px 0

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%;

        float: left

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner .right_sec {

        display: none

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner h1 {

        font: 45px/45px mulibold, sans-serif

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner {

        width: 70%

    }

    .healthcare_new_page .banner_sec_main_ind {

        padding: 90px 0

    }

    .healthcare_solucation_sec {

        padding: 40px 0

    }

    .healthcare_solucation_sec .soluation_inner h2 {

        font: 19px/30px mulilight, sans-serif

    }

    .healthcare_solucation_sec .soluation_inner p {

        font: 14px/24px Poppins

    }

    .healthcare_solucation_sec .soluation_development h3 {

        font: 20px/30px mulibold, sans-serif

    }

    .healthcare_solucation_sec .soluation_development .border_small {

        position: absolute;

        top: 65px

    }

    .healthcare_solucation_sec .soluation_inner_mr {

        padding-bottom: 30px !important

    }

    .benefits_embracing_sec {

        padding: 40px 0 700px

    }

    .benefits_embracing_sec .inner_gray {

        padding: 80px 0 260px;

        background: #f7f8fc !important

    }

    .benefits_embracing_sec .inner_gray .white_box p {

        padding-top: 20px;

        min-height: auto

    }

    .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 21%

    }

    .healthcare_new_page .our_services_outer .development_services_inner,

    .healthcare_new_page .our_services_outer .development_services_inner:hover {

        min-height: auto

    }

    .healthcare_new_page .our_services_outer {

        padding: 40px 0

    }

    .healthcare_new_page .our_services_outer .our_services_innr h3 {

        font: 20px/30px mulilight, sans-serif

    }

    .healthcare_new_page .our_services_outer .our_services_innr p {

        font: 15px/26px Poppins

    }

    .healthcare_new_page .why_otp {

        padding: 50px 0 40px

    }

    .healthcare_new_page .why_otp .our_services_innr h3 {

        font: 19px/30px mulilight, sans-serif

    }

    .healthcare_new_page .why_otp_inner .content_box {

        width: 100%;

        padding: 30px 18px

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%;

        float: left

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner {

        width: 70%;

        max-width: 670px

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner h1 {

        font: 30px/30px mulibold, sans-serif

    }

    .banking_finanicaiul_page .banner_sec_main_ind {

        padding: 90px 0

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner h1 span {

        font: 24px/36px mulilight, sans-serif

    }

    .banking_finbanice_sec {

        padding: 40px 0

    }

    .banking_finbanice_sec .soluation_inner h2 {

        font: 19px/30px mulilight, sans-serif

    }

    .banking_finbanice_sec .soluation_inner p {

        font: 14px/24px Poppins

    }

    .banking_finbanice_sec .soluation_development .border_small {

        position: absolute;

        top: 65px

    }

    .banking_finbanice_sec .soluation_inner_mr {

        padding-bottom: 30px !important

    }

    .banking_finanicaiul_page .benefits_embracing_sec {

        padding: 40px 0 700px

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray {

        padding: 80px 0 260px;

        background: #f7f8fc !important

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box p {

        padding-top: 20px;

        min-height: auto

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 21%

    }

    .banking_finanicaiul_page .our_services_outer .development_services_inner,

    .banking_finanicaiul_page .our_services_outer .development_services_inner:hover {

        min-height: auto

    }

    .banking_finanicaiul_page .our_services_outer {

        padding: 40px 0

    }

    .banking_finanicaiul_page .our_services_outer .our_services_innr h3 {

        font: 20px/30px mulilight, sans-serif

    }

    .banking_finanicaiul_page .our_services_outer .our_services_innr p {

        font: 15px/26px Poppins

    }

    .banking_finanicaiul_page .why_otp {

        padding: 50px 0 40px

    }

    .banking_finanicaiul_page .why_otp .our_services_innr h3 {

        font: 19px/30px mulilight, sans-serif

    }

    .banking_finanicaiul_page .why_otp_inner .content_box {

        width: 100%;

        padding: 30px 18px

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%;

        float: left

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner {

        width: 70%

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner h1 {

        font: 27px/40px mulibold, sans-serif

    }

    .trivel_turism_sec {

        padding: 40px 0

    }

    .trivel_turism_sec .soluation_inner h2 {

        font: 19px/30px mulilight, sans-serif

    }

    .trivel_turism_sec .soluation_inner p {

        font: 14px/24px Poppins

    }

    .trivel_turism_sec .soluation_development h3 {

        font: 18px/30px mulisemibold, sans-serif

    }

    .trivel_turism_sec .soluation_development .border_small {

        position: absolute;

        top: 65px

    }

    .trivel_turism_sec .soluation_inner_mr {

        padding-bottom: 30px !important

    }

    .travel_tourism_page .benefits_embracing_sec {

        padding: 40px 0 700px

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray {

        padding: 80px 0 260px;

        background: #f7f8fc !important

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .white_box p {

        padding-top: 20px;

        min-height: auto

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 21%

    }

    .travel_tourism_page .our_services_outer .development_services_inner,

    .travel_tourism_page .our_services_outer .development_services_inner:hover {

        min-height: auto

    }

    .travel_tourism_page .our_services_outer {

        padding: 40px 0

    }

    .travel_tourism_page .our_services_outer .our_services_innr h3 {

        font: 20px/30px mulilight, sans-serif

    }

    .travel_tourism_page .our_services_outer .our_services_innr p {

        font: 15px/26px Poppins

    }

    .travel_tourism_page .why_otp {

        padding: 50px 0 40px

    }

    .travel_tourism_page .why_otp .our_services_innr h3 {

        font: 19px/30px mulilight, sans-serif

    }

    .travel_tourism_page .why_otp_inner .content_box {

        width: 100%;

        padding: 30px 18px

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner .left_sec {

        width: 100%;

        float: left

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner {

        width: 70%

    }

    .retail_ecommerece_page .banner_sec_main_ind {

        padding: 90px 0

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner h1 {

        font: 40px/40px mulibold, sans-serif

    }

    .reatail_eccommarce_solucation_sec {

        padding: 40px 0

    }

    .reatail_eccommarce_solucation_sec .soluation_inner h2 {

        font: 19px/30px mulilight, sans-serif

    }

    .reatail_eccommarce_solucation_sec .soluation_inner p {

        font: 14px/24px Poppins

    }

    .reatail_eccommarce_solucation_sec .soluation_development h3 {

        font: 18px/30px mulisemibold, sans-serif

    }

    .reatail_eccommarce_solucation_sec .soluation_development .border_small {

        position: absolute;

        top: 65px

    }

    .reatail_eccommarce_solucation_sec .soluation_inner_mr {

        padding-bottom: 30px !important

    }

    .retail_ecommerece_page .benefits_embracing_sec {

        padding: 40px 0 700px

    }

    .white_box1 {

        position: absolute;

        top: 310px !important

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray {

        padding: 80px 0 260px;

        background: #f7f8fc !important

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box p {

        padding-top: 20px;

        min-height: auto

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 21%

    }

    .retail_ecommerece_page .our_services_outer .development_services_inner,

    .retail_ecommerece_page .our_services_outer .development_services_inner:hover {

        min-height: auto

    }

    .retail_ecommerece_page .our_services_outer {

        padding: 40px 0

    }

    .retail_ecommerece_page .our_services_outer .our_services_innr h3 {

        font: 20px/30px mulilight, sans-serif

    }

    .retail_ecommerece_page .our_services_outer .our_services_innr p {

        font: 15px/26px Poppins

    }

    .retail_ecommerece_page .why_otp {

        padding: 50px 0 40px;

        background: #0438bf

    }

    .retail_ecommerece_page .why_otp .our_services_innr h3 {

        font: 19px/30px mulilight, sans-serif

    }

    .retail_ecommerece_page .why_otp_inner .content_box {

        width: 100%;

        padding: 30px 18px

    }

    .why_outesource_software .development_services_inner {

        padding: 15px 15px 0

    }

}



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

    .agencies_software_page .banner_sec_main_ind,

    .application_latest_page .banner_sec_main_services,

    .automotive_pages .banner_sec_main_ind,

    .banking_finanicaiul_page .banner_sec_main_ind,

    .healthcare_new_page .banner_sec_main_ind,

    .isv_page .banner_sec_main_ind,

    .logistics_page .banner_sec_main_ind,

    .media_software_page .banner_sec_main_ind,

    .retail_ecommerece_page .banner_sec_main_ind,

    .software_product_pages .banner_sec_main_services,

    .testing_qa_apge .banner_sec_main_services,

    .travel_tourism_page .banner_sec_main_ind,

    .web_application_new_page .banner_sec_main_services {

        text-align: center

    }

    .yel-button {

        font: 16px/18px Poppins !important

    }

    .icon_box_main_for_web_application ul li {

        width: 93%

    }

    .application_latest_page .banner_sec_main_services .banner_inner,

    .application_maitenance_page .banner_sec_main_services .banner_inner,

    .application_modernization_page .banner_sec_main_services .banner_inner,

    .it_consulting_page .banner_sec_main_services .banner_inner,

    .testing_qa_apge .banner_sec_main_services .banner_inner,

    .web_application_new_page .banner_sec_main_services .banner_inner {

        width: 80%

    }

    .web_application_new_page .banner_sec_main_services {

        padding: 90px 0 50px

    }

    .web_application_new_page .banner_sec_main_services .banner_inner h1 span {

        font: 17px/25px mulilight, sans-serif;

        letter-spacing: -1px

    }

    .web_application_new_page .banner_sec_main_services .banner_inner p {

        font: 16px/30px mulilight, sans-serif;

        padding-top: 15px

    }

    .application_maitenance_page .banner_sec_main_services {

        padding: 90px 0 50px

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner h1 {

        font: 19px/22px mulisemibold, sans-serif;

        letter-spacing: 0

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner h1 span {

        font: 17px/25px mulilight, sans-serif;

        letter-spacing: -1px

    }

    .application_maitenance_page .banner_sec_main_services .banner_inner p {

        font: 16px/30px mulilight, sans-serif;

        padding-top: 15px

    }

    .testing_qa_apge .banner_sec_main_services {

        padding: 90px 0 50px

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner h1 span {

        font: 17px/25px mulilight, sans-serif;

        letter-spacing: -1px

    }

    .testing_qa_apge .banner_sec_main_services .banner_inner p {

        font: 16px/30px mulilight, sans-serif;

        padding-top: 15px

    }

    .application_modernization_page .banner_sec_main_services {

        padding: 90px 0 50px

    }

    .application_modernization_page .banner_sec_main_services .banner_inner h1 {

        font: 19px/22px mulisemibold, sans-serif;

        letter-spacing: 0

    }

    .application_modernization_page .banner_sec_main_services .banner_inner h1 span {

        font: 17px/25px mulilight, sans-serif;

        letter-spacing: -1px

    }

    .application_modernization_page .banner_sec_main_services .banner_inner p {

        font: 16px/30px mulilight, sans-serif;

        padding-top: 15px

    }

    .it_consulting_page .banner_sec_main_services {

        padding: 90px 0 50px

    }

    .it_consulting_page .banner_sec_main_services .banner_inner h1 {

        font: 19px/22px mulisemibold, sans-serif;

        letter-spacing: 0

    }

    .it_consulting_page .banner_sec_main_services .banner_inner h1 span {

        font: 17px/25px mulilight, sans-serif;

        letter-spacing: -1px

    }

    .it_consulting_page .banner_sec_main_services .banner_inner p {

        font: 16px/30px mulilight, sans-serif;

        padding-top: 15px

    }

    .consulting_process_it .services_box {

        margin: 20px 0 10px

    }

    .it_consulting_page .why_outesource_software {

        padding: 50px 0

    }

    .application_latest_page .banner_sec_main_services {

        padding: 90px 0 50px

    }

    .application_latest_page .banner_sec_main_services .banner_inner h1 {

        font: 24px/30px mulisemibold, sans-serif;

        letter-spacing: 0

    }

    .application_latest_page .banner_sec_main_services .banner_inner h1 span {

        font: 17px/30px mulilight, sans-serif;

        letter-spacing: -1px

    }

    .application_latest_page .banner_sec_main_services .banner_inner p {

        font: 16px/30px mulilight, sans-serif;

        padding-top: 15px

    }

    .our_services_session .services_box ul li {

        padding: 30px 20px

    }

    .our_tecgnical_exper_sec .content_box {

        margin: 0 0 30px

    }

    .our_tecgnical_exper_sec .content_box h3 {

        font: 18px/30px mulisemibold, sans-serif;

        margin: 18px 0

    }

    .heading_services_h2 {

        font: 24px/35px mulisemibold, sans-serif;

        color: #000

    }

    .our_tecgnical_exper_sec .icon_box_main ul li {

        width: 100%

    }

    .software_product_pages .banner_sec_main_services .banner_inner {

        width: 80%

    }

    .software_product_pages .banner_sec_main_services .banner_inner h1 {

        font: 24px/30px mulilight, sans-serif;

        letter-spacing: 0

    }

    .software_product_pages .banner_sec_main_services .banner_inner h1 span {

        font: 17px/30px mulilight, sans-serif;

        letter-spacing: -1px

    }

    .software_product_pages .banner_sec_main_services .banner_inner p {

        font: 16px/30px mulilight, sans-serif;

        padding-top: 15px

    }

    .range_softeare_sec .inner_conteiner .soluation_development ul li {

        padding: 10px 10px 10px 60px

    }

    .software_product_pages .models-box .headarea h2 {

        float: right;

        text-transform: uppercase;

        font: 21px/30px Poppins;

        color: #393939;

        margin: 0;

        letter-spacing: 0;

        width: 72%

    }

    .software_product_pages .banner_sec_main_services .banner_inner .cont_us_btn a {

        padding: 0 42px;

        font: 14px/50px mulisemibold, sans-serif

    }

    .software_product_pages .banner_sec_main_services {

        padding: 105px 0 70px

    }

    .product_development_sec .soluation_inner h2 {

        font: 19px/32px mulisemibold, sans-serif;

        letter-spacing: 0

    }

    .product_development_sec .soluation_inner p {

        font: 14px/27px Poppins

    }

    .product_development_sec .border_small {

        position: absolute;

        top: 97px;

        left: 34%

    }

    .product_development_sec .white_box p {

        font: 16px/26px Poppins;

        padding-top: 40px

    }

    .range_softeare_sec .soluation_inner h2 {

        font: 16px/30px mulisemibold, sans-serif;

        letter-spacing: 0

    }

    .range_softeare_sec .soluation_inner p {

        font: 14px/28px Poppins

    }

    .range_softeare_sec .inner_conteiner .soluation_inner .content_area {

        padding: 0 20px 30px

    }

    .agencies_software_page .benefits_embracing_sec,

    .automotive_pages .benefits_embracing_sec,

    .banking_finanicaiul_page .benefits_embracing_sec,

    .benefits_embracing_sec,

    .education_elearning_page .benefits_embracing_sec,

    .logistics_page .benefits_embracing_sec,

    .media_software_page .benefits_embracing_sec,

    .retail_ecommerece_page .benefits_embracing_sec,

    .travel_tourism_page .benefits_embracing_sec {

        padding: 40px 0 880px

    }

    .range_softeare_sec .inner_conteiner .soluation_development ul li {

        list-style: none;

        font: 14px/26px Poppins;

        background: url(../../images-2/health_solucation_icon1.png) 0 12px no-repeat

    }

    .cont_us_btn_fot_service a {

        font: 12px/50px Poppins

    }

    .product_consulting_sec .development_services_inner .border-small_1,

    .product_consulting_sec .development_services_inner:hover .border-small_1 {

        position: absolute;

        top: 215px;

        left: 31%

    }

    .product_consulting_sec .soluation_inner h2 {

        font: 20px/30px mulisemibold, sans-serif;

        letter-spacing: 0

    }

    .product_consulting_sec .soluation_inner p {

        font: 14px/30px Poppins

    }

    .product_consulting_sec .tech_sec_main .tech_box {

        width: 89%

    }

    .why_outesource_software .soluation_inner p {

        font: 14px/28px Poppins

    }

    .why_outesource_software .development_services_inner .icon_bx {

        width: 60px;

        float: left

    }

    .why_outesource_software .development_services_inner .content_box h5 {

        font: 14px/28px mulilight, sans-serif

    }

    .why_outesource_software .project_exp span {

        font: 20px/40px mulisemibold, sans-serif

    }

    .why_outesource_software .project_exp p {

        font: 16px/24px Poppins

    }

    .software_product_pages .heading-sec h2 {

        font: 20px/28px mulisemibold, sans-serif;

        letter-spacing: 0

    }

    .service-newpage .banner-text h1 {

        font: 16px/26px mulisemibold, sans-serif

    }

    .hire_ethereum_page .banner-text h1 {

        font: 28px/51px Poppins

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner {

        width: 77%

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner h1::after {

        display: none

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        width: 100%

    }

    .agencies_software_page .banner_sec_main_ind .banner_inner p {

        font: 16px/28px Poppins;

        width: 100%

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 66px;

        left: 30%

    }

    .agencies_software_page .white_box1 {

        position: absolute;

        top: 375px !important

    }

    .agencies_software_page .benefits_embracing_sec .inner_gray .white_box {

        left: 0

    }

    .automotive_pages .banner_sec_main_ind .banner_inner {

        width: 77%

    }

    .automotive_pages .banner_sec_main_ind .banner_inner h1::after {

        display: none

    }

    .automotive_pages .banner_sec_main_ind .banner_inner h1 {

        font: 24px/30px mulibold, sans-serif

    }

    .automotive_pages .banner_sec_main_ind .banner_inner .cont_us_btn a {

        width: 100%

    }

    .automotive_pages .banner_sec_main_ind .banner_inner h1 span {

        font: 18px/30px mulilight, sans-serif

    }

    .automotive_pages .banner_sec_main_ind .banner_inner p {

        font: 15px/30px Poppins;

        width: 100%

    }

    .automotive_pages .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 66px;

        left: 30%

    }

    .automotive_pages .white_box1 {

        position: absolute;

        top: 375px !important

    }

    .automotive_pages .benefits_embracing_sec .inner_gray .white_box {

        left: 0

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner {

        width: 77%

    }

    .education_elearning_page .banner_sec_main_ind {

        text-align: center

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner h1::after {

        display: none

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner h1 {

        font: 20px/30px mulibold, sans-serif

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner h1 span {

        font: 15px/20px mulilight, sans-serif

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        width: 100%

    }

    .education_elearning_page .banner_sec_main_ind .banner_inner p {

        font: 15px/30px Poppins;

        width: 100%

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        display: none;

        top: 66px;

        left: 30%

    }

    .education_elearning_page .benefits_embracing_sec .inner_gray .white_box {

        left: 0;

        margin: 0 0 20px

    }

    .banking_finbanice_sec .soluation_development,

    .healthcare_solucation_sec .soluation_development {

        margin-top: 20px

    }

    .logistics_page .banner_sec_main_ind .banner_inner {

        width: 77%

    }

    .logistics_page .banner_sec_main_ind .banner_inner h1::after {

        display: none

    }

    .logistics_page .banner_sec_main_ind .banner_inner h1 {

        font: 24px/30px mulisemibold, sans-serif

    }

    .logistics_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        width: 100%

    }

    .logistics_page .banner_sec_main_ind .banner_inner h1 span {

        font: 16px/28px mulilight, sans-serif

    }

    .logistics_page .banner_sec_main_ind .banner_inner p {

        font: 15px/30px Poppins;

        width: 100%

    }

    .logistics_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        display: none;

        top: 66px;

        left: 30%

    }

    .logistics_page .white_box1 {

        position: absolute;

        top: 390px !important

    }

    .logistics_page .benefits_embracing_sec .inner_gray .white_box {

        left: 0

    }

    .isv_page .banner_sec_main_ind .banner_inner {

        width: 77%

    }

    .isv_page .banner_sec_main_ind .banner_inner h1::after {

        display: none

    }

    .isv_page .banner_sec_main_ind .banner_inner h1 {

        font: 24px/30px mulibold, sans-serif

    }

    .isv_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        width: 100%

    }

    .isv_page .banner_sec_main_ind .banner_inner h1 span {

        font: 18px/24px Poppins

    }

    .isv_page .banner_sec_main_ind .banner_inner p {

        font: 15px/30px Poppins;

        width: 100%

    }

    .isv_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 66px;

        left: 30%

    }

    .isv_page .benefits_embracing_sec {

        padding: 40px 0 880px

    }

    .isv_page .benefits_embracing_sec .inner_gray .white_box {

        left: 0

    }

    .isv_page .white_box1 {

        position: absolute;

        top: 380px !important

    }

    .media_software_page .banner_sec_main_ind .banner_inner {

        width: 77%

    }

    .media_software_page .banner_sec_main_ind .banner_inner h1::after {

        display: none

    }

    .media_software_page .banner_sec_main_ind .banner_inner h1 {

        font: 24px/30px mulibold, sans-serif

    }

    .media_software_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        width: 100%

    }

    .media_software_page .banner_sec_main_ind .banner_inner h1 span {

        font: 18px/30px mulilight, sans-serif

    }

    .media_software_page .banner_sec_main_ind .banner_inner p {

        font: 15px/30px Poppins;

        width: 100%

    }

    .media_software_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 66px;

        left: 30%

    }

    .media_software_page .benefits_embracing_sec .inner_gray .white_box {

        left: 0

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner {

        width: 77%

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner h1::after {

        display: none

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner h1 {

        font: 30px/30px mulibold, sans-serif

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner h1 span {

        font: 20px/30px mulilight, sans-serif

    }

    .healthcare_new_page .banner_sec_main_ind .banner_inner p {

        font: 15px/30px Poppins;

        width: 100%

    }

    .healthcare_solucation_sec .soluation_inner h2 {

        font: 16px/30px mulilight, sans-serif

    }

    .healthcare_solucation_sec .soluation_development .border_small {

        position: absolute;

        top: 58px

    }

    .healthcare_solucation_sec .soluation_development p,

    .healthcare_solucation_sec .soluation_development ul li {

        font: 14px/24px Poppins

    }

    .healthcare_solucation_sec .soluation_development h3 {

        font: 18px/28px mulisemibold, sans-serif

    }

    .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 76px;

        left: 30%

    }

    .benefits_embracing_sec .inner_gray .white_box {

        left: 0

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner {

        width: 77%

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner h1::after {

        display: none

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner h1 {

        font: 24px/30px mulibold, sans-serif

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        width: 100%

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner h1 span {

        font: 16px/20px mulilight, sans-serif

    }

    .banking_finanicaiul_page .banner_sec_main_ind .banner_inner p {

        font: 15px/30px Poppins;

        width: 100%

    }

    .banking_finbanice_sec .soluation_inner h2 {

        font: 16px/30px mulilight, sans-serif

    }

    .banking_finbanice_sec .soluation_development .border_small {

        position: absolute;

        top: 58px

    }

    .banking_finbanice_sec .soluation_development p,

    .banking_finbanice_sec .soluation_development ul li {

        font: 14px/24px Poppins

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 66px;

        left: 30%

    }

    .banking_finanicaiul_page .benefits_embracing_sec .inner_gray .white_box {

        left: 0;

        min-height: inherit;

        margin: 0 0 30px

    }

    .reatail_eccommarce_solucation_sec .soluation_development,

    .trivel_turism_sec .soluation_development {

        margin-top: 20px

    }

    .white_box2 {

        position: absolute;

        top: 380px !important

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner {

        width: 77%

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner h1::after {

        display: none

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner h1 {

        font: 24px/28px mulibold, sans-serif

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        width: 100%

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner h1 span {

        font: 18px/30px mulilight, sans-serif

    }

    .travel_tourism_page .banner_sec_main_ind .banner_inner p {

        font: 15px/30px Poppins;

        width: 100%

    }

    .trivel_turism_sec .soluation_inner h2 {

        font: 16px/30px mulilight, sans-serif

    }

    .trivel_turism_sec .soluation_development .border_small {

        position: absolute;

        top: 58px

    }

    .trivel_turism_sec .soluation_development p,

    .trivel_turism_sec .soluation_development ul li {

        font: 12px/22px mulilight, sans-serif

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        top: 66px;

        left: 30%

    }

    .travel_tourism_page .benefits_embracing_sec .inner_gray .white_box {

        left: 0

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner {

        width: 77%

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner h1::after {

        display: none

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner h1 {

        font: 23px/40px mulisemibold, sans-serif

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner .cont_us_btn a {

        width: 100%

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner h1 span {

        font: 15px/30px mulilight, sans-serif

    }

    .retail_ecommerece_page .banner_sec_main_ind .banner_inner p {

        font: 15px/30px Poppins;

        width: 100%

    }

    .reatail_eccommarce_solucation_sec .soluation_inner h2 {

        font: 16px/30px mulilight, sans-serif

    }

    .reatail_eccommarce_solucation_sec .soluation_development .border_small {

        position: absolute;

        top: 58px

    }

    .reatail_eccommarce_solucation_sec .soluation_development p,

    .reatail_eccommarce_solucation_sec .soluation_development ul li {

        font: 14px/24px Poppins

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray .border_small {

        position: absolute;

        display: none;

        top: 66px;

        left: 30%

    }

    .white_box1 {

        position: absolute;

        top: 330px !important

    }

    .retail_ecommerece_page .benefits_embracing_sec .inner_gray .white_box {

        left: 0

    }

    .cont_us_btn_fot_ind a {

        display: inline-block;

        border-radius: 5px;

        padding: 0 46px;

        background: #ffbc00;

        color: #000;

        font: 16px/55px mulisemibold, sans-serif

    }

    .why_outesource_software .development_services_inner {

        padding: 15px 15px 0 5px

    }

    .why_outesource_software .development_services_inner .content_box {

        width: 69%

    }

}



/*!

 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome

 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)

 */



.fa.fa-pull-left,

.fa.pull-left {

    margin-right: .3em

}



.fa,

.fa-stack {

    display: inline-block

}



.fa-fw,

.fa-li {

    text-align: center

}



@font-face {

    font-family: FontAwesome;

    src: url(../fonts/fontawesome-webfont3e6e.eot?v=4.7.0);

    src: url(../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0) format('woff2'), url(../fonts/fontawesome-webfont3e6e.woff?v=4.7.0) format('woff'), url(../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0) format('truetype'), url(../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular) format('svg');

    font-weight: 400;

    font-style: normal

}



.fa {

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

}



.fa-lg {

    font-size: 1.33333333em;

    line-height: .75em;

    vertical-align: -15%

}



.fa-2x {

    font-size: 2em

}



.fa-3x {

    font-size: 3em

}



.fa-4x {

    font-size: 4em

}



.fa-5x {

    font-size: 5em

}



.fa-fw {

    width: 1.28571429em

}



.fa-ul {

    padding-left: 0;

    margin-left: 2.14285714em;

    list-style-type: none

}



.fa.fa-pull-right,

.fa.pull-right {

    margin-left: .3em

}



.fa-ul>li {

    position: relative

}



.fa-li {

    position: absolute;

    left: -2.14285714em;

    width: 2.14285714em;

    top: .14285714em

}



.fa-li.fa-lg {

    left: -1.85714286em

}



.fa-border {

    padding: .2em .25em .15em;

    border: .08em solid #eee;

    border-radius: .1em

}



.fa-pull-left {

    float: left

}



.fa-pull-right,

.pull-right {

    float: right

}



.pull-left {

    float: left

}



.fa-spin {

    -webkit-animation: fa-spin 2s infinite linear;

    animation: fa-spin 2s infinite linear

}



.fa-pulse {

    -webkit-animation: fa-spin 1s infinite steps(8);

    animation: fa-spin 1s infinite steps(8)

}



@-webkit-keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



@keyframes fa-spin {

    0% {

        -webkit-transform: rotate(0);

        transform: rotate(0)

    }

    100% {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



.fa-rotate-90 {

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";

    -webkit-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(90deg)

}



.fa-rotate-180 {

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    transform: rotate(180deg)

}



.fa-rotate-270 {

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";

    -webkit-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    transform: rotate(270deg)

}



.fa-flip-horizontal {

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";

    -webkit-transform: scale(-1, 1);

    -ms-transform: scale(-1, 1);

    transform: scale(-1, 1)

}



.fa-flip-vertical {

    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";

    -webkit-transform: scale(1, -1);

    -ms-transform: scale(1, -1);

    transform: scale(1, -1)

}



:root .fa-flip-horizontal,

:root .fa-flip-vertical,

:root .fa-rotate-180,

:root .fa-rotate-270,

:root .fa-rotate-90 {

    filter: none

}



.fa-stack {

    position: relative;

    width: 2em;

    height: 2em;

    line-height: 2em;

    vertical-align: middle

}



.fa-stack-1x,

.fa-stack-2x {

    position: absolute;

    left: 0;

    width: 100%;

    text-align: center

}



.fa-stack-1x {

    line-height: inherit

}



.fa-stack-2x {

    font-size: 2em

}



.fa-inverse {

    color: #fff

}



.fa-glass:before {

    content: "\f000"

}



.fa-music:before {

    content: "\f001"

}



.fa-search:before {

    content: "\f002"

}



.fa-envelope-o:before {

    content: "\f003"

}



.fa-heart:before {

    content: "\f004"

}



.fa-star:before {

    content: "\f005"

}



.fa-star-o:before {

    content: "\f006"

}



.fa-user:before {

    content: "\f007"

}



.fa-film:before {

    content: "\f008"

}



.fa-th-large:before {

    content: "\f009"

}



.fa-th:before {

    content: "\f00a"

}



.fa-th-list:before {

    content: "\f00b"

}



.fa-check:before {

    content: "\f00c"

}



.fa-close:before,

.fa-remove:before,

.fa-times:before {

    content: "\f00d"

}



.fa-search-plus:before {

    content: "\f00e"

}



.fa-search-minus:before {

    content: "\f010"

}



.fa-power-off:before {

    content: "\f011"

}



.fa-signal:before {

    content: "\f012"

}



.fa-cog:before,

.fa-gear:before {

    content: "\f013"

}



.fa-trash-o:before {

    content: "\f014"

}



.fa-home:before {

    content: "\f015"

}



.fa-file-o:before {

    content: "\f016"

}



.fa-clock-o:before {

    content: "\f017"

}



.fa-road:before {

    content: "\f018"

}



.fa-download:before {

    content: "\f019"

}



.fa-arrow-circle-o-down:before {

    content: "\f01a"

}



.fa-arrow-circle-o-up:before {

    content: "\f01b"

}



.fa-inbox:before {

    content: "\f01c"

}



.fa-play-circle-o:before {

    content: "\f01d"

}



.fa-repeat:before,

.fa-rotate-right:before {

    content: "\f01e"

}



.fa-refresh:before {

    content: "\f021"

}



.fa-list-alt:before {

    content: "\f022"

}



.fa-lock:before {

    content: "\f023"

}



.fa-flag:before {

    content: "\f024"

}



.fa-headphones:before {

    content: "\f025"

}



.fa-volume-off:before {

    content: "\f026"

}



.fa-volume-down:before {

    content: "\f027"

}



.fa-volume-up:before {

    content: "\f028"

}



.fa-qrcode:before {

    content: "\f029"

}



.fa-barcode:before {

    content: "\f02a"

}



.fa-tag:before {

    content: "\f02b"

}



.fa-tags:before {

    content: "\f02c"

}



.fa-book:before {

    content: "\f02d"

}



.fa-bookmark:before {

    content: "\f02e"

}



.fa-print:before {

    content: "\f02f"

}



.fa-camera:before {

    content: "\f030"

}



.fa-font:before {

    content: "\f031"

}



.fa-bold:before {

    content: "\f032"

}



.fa-italic:before {

    content: "\f033"

}



.fa-text-height:before {

    content: "\f034"

}



.fa-text-width:before {

    content: "\f035"

}



.fa-align-left:before {

    content: "\f036"

}



.fa-align-center:before {

    content: "\f037"

}



.fa-align-right:before {

    content: "\f038"

}



.fa-align-justify:before {

    content: "\f039"

}



.fa-list:before {

    content: "\f03a"

}



.fa-dedent:before,

.fa-outdent:before {

    content: "\f03b"

}



.fa-indent:before {

    content: "\f03c"

}



.fa-video-camera:before {

    content: "\f03d"

}



.fa-image:before,

.fa-photo:before,

.fa-picture-o:before {

    content: "\f03e"

}



.fa-pencil:before {

    content: "\f040"

}



.fa-map-marker:before {

    content: "\f041"

}



.fa-adjust:before {

    content: "\f042"

}



.fa-tint:before {

    content: "\f043"

}



.fa-edit:before,

.fa-pencil-square-o:before {

    content: "\f044"

}



.fa-share-square-o:before {

    content: "\f045"

}



.fa-check-square-o:before {

    content: "\f046"

}



.fa-arrows:before {

    content: "\f047"

}



.fa-step-backward:before {

    content: "\f048"

}



.fa-fast-backward:before {

    content: "\f049"

}



.fa-backward:before {

    content: "\f04a"

}



.fa-play:before {

    content: "\f04b"

}



.fa-pause:before {

    content: "\f04c"

}



.fa-stop:before {

    content: "\f04d"

}



.fa-forward:before {

    content: "\f04e"

}



.fa-fast-forward:before {

    content: "\f050"

}



.fa-step-forward:before {

    content: "\f051"

}



.fa-eject:before {

    content: "\f052"

}



.fa-chevron-left:before {

    content: "\f053"

}



.fa-chevron-right:before {

    content: "\f054"

}



.fa-plus-circle:before {

    content: "\f055"

}



.fa-minus-circle:before {

    content: "\f056"

}



.fa-times-circle:before {

    content: "\f057"

}



.fa-check-circle:before {

    content: "\f058"

}



.fa-question-circle:before {

    content: "\f059"

}



.fa-info-circle:before {

    content: "\f05a"

}



.fa-crosshairs:before {

    content: "\f05b"

}



.fa-times-circle-o:before {

    content: "\f05c"

}



.fa-check-circle-o:before {

    content: "\f05d"

}



.fa-ban:before {

    content: "\f05e"

}



.fa-arrow-left:before {

    content: "\f060"

}



.fa-arrow-right:before {

    content: "\f061"

}



.fa-arrow-up:before {

    content: "\f062"

}



.fa-arrow-down:before {

    content: "\f063"

}



.fa-mail-forward:before,

.fa-share:before {

    content: "\f064"

}



.fa-expand:before {

    content: "\f065"

}



.fa-compress:before {

    content: "\f066"

}



.fa-plus:before {

    content: "\f067"

}



.fa-minus:before {

    content: "\f068"

}



.fa-asterisk:before {

    content: "\f069"

}



.fa-exclamation-circle:before {

    content: "\f06a"

}



.fa-gift:before {

    content: "\f06b"

}



.fa-leaf:before {

    content: "\f06c"

}



.fa-fire:before {

    content: "\f06d"

}



.fa-eye:before {

    content: "\f06e"

}



.fa-eye-slash:before {

    content: "\f070"

}



.fa-exclamation-triangle:before,

.fa-warning:before {

    content: "\f071"

}



.fa-plane:before {

    content: "\f072"

}



.fa-calendar:before {

    content: "\f073"

}



.fa-random:before {

    content: "\f074"

}



.fa-comment:before {

    content: "\f075"

}



.fa-magnet:before {

    content: "\f076"

}



.fa-chevron-up:before {

    content: "\f077"

}



.fa-chevron-down:before {

    content: "\f078"

}



.fa-retweet:before {

    content: "\f079"

}



.fa-shopping-cart:before {

    content: "\f07a"

}



.fa-folder:before {

    content: "\f07b"

}



.fa-folder-open:before {

    content: "\f07c"

}



.fa-arrows-v:before {

    content: "\f07d"

}



.fa-arrows-h:before {

    content: "\f07e"

}



.fa-bar-chart-o:before,

.fa-bar-chart:before {

    content: "\f080"

}



.fa-twitter-square:before {

    content: "\f081"

}



.fa-facebook-square:before {

    content: "\f082"

}



.fa-camera-retro:before {

    content: "\f083"

}



.fa-key:before {

    content: "\f084"

}



.fa-cogs:before,

.fa-gears:before {

    content: "\f085"

}



.fa-comments:before {

    content: "\f086"

}



.fa-thumbs-o-up:before {

    content: "\f087"

}



.fa-thumbs-o-down:before {

    content: "\f088"

}



.fa-star-half:before {

    content: "\f089"

}



.fa-heart-o:before {

    content: "\f08a"

}



.fa-sign-out:before {

    content: "\f08b"

}



.fa-linkedin-square:before {

    content: "\f08c"

}



.fa-thumb-tack:before {

    content: "\f08d"

}



.fa-external-link:before {

    content: "\f08e"

}



.fa-sign-in:before {

    content: "\f090"

}



.fa-trophy:before {

    content: "\f091"

}



.fa-github-square:before {

    content: "\f092"

}



.fa-upload:before {

    content: "\f093"

}



.fa-lemon-o:before {

    content: "\f094"

}



.fa-phone:before {

    content: "\f095"

}



.fa-square-o:before {

    content: "\f096"

}



.fa-bookmark-o:before {

    content: "\f097"

}



.fa-phone-square:before {

    content: "\f098"

}



.fa-twitter:before {

    content: "\f099"

}



.fa-facebook-f:before,

.fa-facebook:before {

    content: "\f09a"

}



.fa-github:before {

    content: "\f09b"

}



.fa-unlock:before {

    content: "\f09c"

}



.fa-credit-card:before {

    content: "\f09d"

}



.fa-feed:before,

.fa-rss:before {

    content: "\f09e"

}



.fa-hdd-o:before {

    content: "\f0a0"

}



.fa-bullhorn:before {

    content: "\f0a1"

}



.fa-bell:before {

    content: "\f0f3"

}



.fa-certificate:before {

    content: "\f0a3"

}



.fa-hand-o-right:before {

    content: "\f0a4"

}



.fa-hand-o-left:before {

    content: "\f0a5"

}



.fa-hand-o-up:before {

    content: "\f0a6"

}



.fa-hand-o-down:before {

    content: "\f0a7"

}



.fa-arrow-circle-left:before {

    content: "\f0a8"

}



.fa-arrow-circle-right:before {

    content: "\f0a9"

}



.fa-arrow-circle-up:before {

    content: "\f0aa"

}



.fa-arrow-circle-down:before {

    content: "\f0ab"

}



.fa-globe:before {

    content: "\f0ac"

}



.fa-wrench:before {

    content: "\f0ad"

}



.fa-tasks:before {

    content: "\f0ae"

}



.fa-filter:before {

    content: "\f0b0"

}



.fa-briefcase:before {

    content: "\f0b1"

}



.fa-arrows-alt:before {

    content: "\f0b2"

}



.fa-group:before,

.fa-users:before {

    content: "\f0c0"

}



.fa-chain:before,

.fa-link:before {

    content: "\f0c1"

}



.fa-cloud:before {

    content: "\f0c2"

}



.fa-flask:before {

    content: "\f0c3"

}



.fa-cut:before,

.fa-scissors:before {

    content: "\f0c4"

}



.fa-copy:before,

.fa-files-o:before {

    content: "\f0c5"

}



.fa-paperclip:before {

    content: "\f0c6"

}



.fa-floppy-o:before,

.fa-save:before {

    content: "\f0c7"

}



.fa-square:before {

    content: "\f0c8"

}



.fa-bars:before,

.fa-navicon:before,

.fa-reorder:before {

    content: "\f0c9"

}



.fa-list-ul:before {

    content: "\f0ca"

}



.fa-list-ol:before {

    content: "\f0cb"

}



.fa-strikethrough:before {

    content: "\f0cc"

}



.fa-underline:before {

    content: "\f0cd"

}



.fa-table:before {

    content: "\f0ce"

}



.fa-magic:before {

    content: "\f0d0"

}



.fa-truck:before {

    content: "\f0d1"

}



.fa-pinterest:before {

    content: "\f0d2"

}



.fa-pinterest-square:before {

    content: "\f0d3"

}



.fa-google-plus-square:before {

    content: "\f0d4"

}



.fa-google-plus:before {

    content: "\f0d5"

}



.fa-money:before {

    content: "\f0d6"

}



.fa-caret-down:before {

    content: "\f0d7"

}



.fa-caret-up:before {

    content: "\f0d8"

}



.fa-caret-left:before {

    content: "\f0d9"

}



.fa-caret-right:before {

    content: "\f0da"

}



.fa-columns:before {

    content: "\f0db"

}



.fa-sort:before,

.fa-unsorted:before {

    content: "\f0dc"

}



.fa-sort-desc:before,

.fa-sort-down:before {

    content: "\f0dd"

}



.fa-sort-asc:before,

.fa-sort-up:before {

    content: "\f0de"

}



.fa-envelope:before {

    content: "\f0e0"

}



.fa-linkedin:before {

    content: "\f0e1"

}



.fa-rotate-left:before,

.fa-undo:before {

    content: "\f0e2"

}



.fa-gavel:before,

.fa-legal:before {

    content: "\f0e3"

}



.fa-dashboard:before,

.fa-tachometer:before {

    content: "\f0e4"

}



.fa-comment-o:before {

    content: "\f0e5"

}



.fa-comments-o:before {

    content: "\f0e6"

}



.fa-bolt:before,

.fa-flash:before {

    content: "\f0e7"

}



.fa-sitemap:before {

    content: "\f0e8"

}



.fa-umbrella:before {

    content: "\f0e9"

}



.fa-clipboard:before,

.fa-paste:before {

    content: "\f0ea"

}



.fa-lightbulb-o:before {

    content: "\f0eb"

}



.fa-exchange:before {

    content: "\f0ec"

}



.fa-cloud-download:before {

    content: "\f0ed"

}



.fa-cloud-upload:before {

    content: "\f0ee"

}



.fa-user-md:before {

    content: "\f0f0"

}



.fa-stethoscope:before {

    content: "\f0f1"

}



.fa-suitcase:before {

    content: "\f0f2"

}



.fa-bell-o:before {

    content: "\f0a2"

}



.fa-coffee:before {

    content: "\f0f4"

}



.fa-cutlery:before {

    content: "\f0f5"

}



.fa-file-text-o:before {

    content: "\f0f6"

}



.fa-building-o:before {

    content: "\f0f7"

}



.fa-hospital-o:before {

    content: "\f0f8"

}



.fa-ambulance:before {

    content: "\f0f9"

}



.fa-medkit:before {

    content: "\f0fa"

}



.fa-fighter-jet:before {

    content: "\f0fb"

}



.fa-beer:before {

    content: "\f0fc"

}



.fa-h-square:before {

    content: "\f0fd"

}



.fa-plus-square:before {

    content: "\f0fe"

}



.fa-angle-double-left:before {

    content: "\f100"

}



.fa-angle-double-right:before {

    content: "\f101"

}



.fa-angle-double-up:before {

    content: "\f102"

}



.fa-angle-double-down:before {

    content: "\f103"

}



.fa-angle-left:before {

    content: "\f104"

}



.fa-angle-right:before {

    content: "\f105"

}



.fa-angle-up:before {

    content: "\f106"

}



.fa-angle-down:before {

    content: "\f107"

}



.fa-desktop:before {

    content: "\f108"

}



.fa-laptop:before {

    content: "\f109"

}



.fa-tablet:before {

    content: "\f10a"

}



.fa-mobile-phone:before,

.fa-mobile:before {

    content: "\f10b"

}



.fa-circle-o:before {

    content: "\f10c"

}



.fa-quote-left:before {

    content: "\f10d"

}



.fa-quote-right:before {

    content: "\f10e"

}



.fa-spinner:before {

    content: "\f110"

}



.fa-circle:before {

    content: "\f111"

}



.fa-mail-reply:before,

.fa-reply:before {

    content: "\f112"

}



.fa-github-alt:before {

    content: "\f113"

}



.fa-folder-o:before {

    content: "\f114"

}



.fa-folder-open-o:before {

    content: "\f115"

}



.fa-smile-o:before {

    content: "\f118"

}



.fa-frown-o:before {

    content: "\f119"

}



.fa-meh-o:before {

    content: "\f11a"

}



.fa-gamepad:before {

    content: "\f11b"

}



.fa-keyboard-o:before {

    content: "\f11c"

}



.fa-flag-o:before {

    content: "\f11d"

}



.fa-flag-checkered:before {

    content: "\f11e"

}



.fa-terminal:before {

    content: "\f120"

}



.fa-code:before {

    content: "\f121"

}



.fa-mail-reply-all:before,

.fa-reply-all:before {

    content: "\f122"

}



.fa-star-half-empty:before,

.fa-star-half-full:before,

.fa-star-half-o:before {

    content: "\f123"

}



.fa-location-arrow:before {

    content: "\f124"

}



.fa-crop:before {

    content: "\f125"

}



.fa-code-fork:before {

    content: "\f126"

}



.fa-chain-broken:before,

.fa-unlink:before {

    content: "\f127"

}



.fa-question:before {

    content: "\f128"

}



.fa-info:before {

    content: "\f129"

}



.fa-exclamation:before {

    content: "\f12a"

}



.fa-superscript:before {

    content: "\f12b"

}



.fa-subscript:before {

    content: "\f12c"

}



.fa-eraser:before {

    content: "\f12d"

}



.fa-puzzle-piece:before {

    content: "\f12e"

}



.fa-microphone:before {

    content: "\f130"

}



.fa-microphone-slash:before {

    content: "\f131"

}



.fa-shield:before {

    content: "\f132"

}



.fa-calendar-o:before {

    content: "\f133"

}



.fa-fire-extinguisher:before {

    content: "\f134"

}



.fa-rocket:before {

    content: "\f135"

}



.fa-maxcdn:before {

    content: "\f136"

}



.fa-chevron-circle-left:before {

    content: "\f137"

}



.fa-chevron-circle-right:before {

    content: "\f138"

}



.fa-chevron-circle-up:before {

    content: "\f139"

}



.fa-chevron-circle-down:before {

    content: "\f13a"

}



.fa-html5:before {

    content: "\f13b"

}



.fa-css3:before {

    content: "\f13c"

}



.fa-anchor:before {

    content: "\f13d"

}



.fa-unlock-alt:before {

    content: "\f13e"

}



.fa-bullseye:before {

    content: "\f140"

}



.fa-ellipsis-h:before {

    content: "\f141"

}



.fa-ellipsis-v:before {

    content: "\f142"

}



.fa-rss-square:before {

    content: "\f143"

}



.fa-play-circle:before {

    content: "\f144"

}



.fa-ticket:before {

    content: "\f145"

}



.fa-minus-square:before {

    content: "\f146"

}



.fa-minus-square-o:before {

    content: "\f147"

}



.fa-level-up:before {

    content: "\f148"

}



.fa-level-down:before {

    content: "\f149"

}



.fa-check-square:before {

    content: "\f14a"

}



.fa-pencil-square:before {

    content: "\f14b"

}



.fa-external-link-square:before {

    content: "\f14c"

}



.fa-share-square:before {

    content: "\f14d"

}



.fa-compass:before {

    content: "\f14e"

}



.fa-caret-square-o-down:before,

.fa-toggle-down:before {

    content: "\f150"

}



.fa-caret-square-o-up:before,

.fa-toggle-up:before {

    content: "\f151"

}



.fa-caret-square-o-right:before,

.fa-toggle-right:before {

    content: "\f152"

}



.fa-eur:before,

.fa-euro:before {

    content: "\f153"

}



.fa-gbp:before {

    content: "\f154"

}



.fa-dollar:before,

.fa-usd:before {

    content: "\f155"

}



.fa-inr:before,

.fa-rupee:before {

    content: "\f156"

}



.fa-cny:before,

.fa-jpy:before,

.fa-rmb:before,

.fa-yen:before {

    content: "\f157"

}



.fa-rouble:before,

.fa-rub:before,

.fa-ruble:before {

    content: "\f158"

}



.fa-krw:before,

.fa-won:before {

    content: "\f159"

}



.fa-bitcoin:before,

.fa-btc:before {

    content: "\f15a"

}



.fa-file:before {

    content: "\f15b"

}



.fa-file-text:before {

    content: "\f15c"

}



.fa-sort-alpha-asc:before {

    content: "\f15d"

}



.fa-sort-alpha-desc:before {

    content: "\f15e"

}



.fa-sort-amount-asc:before {

    content: "\f160"

}



.fa-sort-amount-desc:before {

    content: "\f161"

}



.fa-sort-numeric-asc:before {

    content: "\f162"

}



.fa-sort-numeric-desc:before {

    content: "\f163"

}



.fa-thumbs-up:before {

    content: "\f164"

}



.fa-thumbs-down:before {

    content: "\f165"

}



.fa-youtube-square:before {

    content: "\f166"

}



.fa-youtube:before {

    content: "\f167"

}



.fa-xing:before {

    content: "\f168"

}



.fa-xing-square:before {

    content: "\f169"

}



.fa-youtube-play:before {

    content: "\f16a"

}



.fa-dropbox:before {

    content: "\f16b"

}



.fa-stack-overflow:before {

    content: "\f16c"

}



.fa-instagram:before {

    content: "\f16d"

}



.fa-flickr:before {

    content: "\f16e"

}



.fa-adn:before {

    content: "\f170"

}



.fa-bitbucket:before {

    content: "\f171"

}



.fa-bitbucket-square:before {

    content: "\f172"

}



.fa-tumblr:before {

    content: "\f173"

}



.fa-tumblr-square:before {

    content: "\f174"

}



.fa-long-arrow-down:before {

    content: "\f175"

}



.fa-long-arrow-up:before {

    content: "\f176"

}



.fa-long-arrow-left:before {

    content: "\f177"

}



.fa-long-arrow-right:before {

    content: "\f178"

}



.fa-apple:before {

    content: "\f179"

}



.fa-windows:before {

    content: "\f17a"

}



.fa-android:before {

    content: "\f17b"

}



.fa-linux:before {

    content: "\f17c"

}



.fa-dribbble:before {

    content: "\f17d"

}



.fa-skype:before {

    content: "\f17e"

}



.fa-foursquare:before {

    content: "\f180"

}



.fa-trello:before {

    content: "\f181"

}



.fa-female:before {

    content: "\f182"

}



.fa-male:before {

    content: "\f183"

}



.fa-gittip:before,

.fa-gratipay:before {

    content: "\f184"

}



.fa-sun-o:before {

    content: "\f185"

}



.fa-moon-o:before {

    content: "\f186"

}



.fa-archive:before {

    content: "\f187"

}



.fa-bug:before {

    content: "\f188"

}



.fa-vk:before {

    content: "\f189"

}



.fa-weibo:before {

    content: "\f18a"

}



.fa-renren:before {

    content: "\f18b"

}



.fa-pagelines:before {

    content: "\f18c"

}



.fa-stack-exchange:before {

    content: "\f18d"

}



.fa-arrow-circle-o-right:before {

    content: "\f18e"

}



.fa-arrow-circle-o-left:before {

    content: "\f190"

}



.fa-caret-square-o-left:before,

.fa-toggle-left:before {

    content: "\f191"

}



.fa-dot-circle-o:before {

    content: "\f192"

}



.fa-wheelchair:before {

    content: "\f193"

}



.fa-vimeo-square:before {

    content: "\f194"

}



.fa-try:before,

.fa-turkish-lira:before {

    content: "\f195"

}



.fa-plus-square-o:before {

    content: "\f196"

}



.fa-space-shuttle:before {

    content: "\f197"

}



.fa-slack:before {

    content: "\f198"

}



.fa-envelope-square:before {

    content: "\f199"

}



.fa-wordpress:before {

    content: "\f19a"

}



.fa-openid:before {

    content: "\f19b"

}



.fa-bank:before,

.fa-institution:before,

.fa-university:before {

    content: "\f19c"

}



.fa-graduation-cap:before,

.fa-mortar-board:before {

    content: "\f19d"

}



.fa-yahoo:before {

    content: "\f19e"

}



.fa-google:before {

    content: "\f1a0"

}



.fa-reddit:before {

    content: "\f1a1"

}



.fa-reddit-square:before {

    content: "\f1a2"

}



.fa-stumbleupon-circle:before {

    content: "\f1a3"

}



.fa-stumbleupon:before {

    content: "\f1a4"

}



.fa-delicious:before {

    content: "\f1a5"

}



.fa-digg:before {

    content: "\f1a6"

}



.fa-pied-piper-pp:before {

    content: "\f1a7"

}



.fa-pied-piper-alt:before {

    content: "\f1a8"

}



.fa-drupal:before {

    content: "\f1a9"

}



.fa-joomla:before {

    content: "\f1aa"

}



.fa-language:before {

    content: "\f1ab"

}



.fa-fax:before {

    content: "\f1ac"

}



.fa-building:before {

    content: "\f1ad"

}



.fa-child:before {

    content: "\f1ae"

}



.fa-paw:before {

    content: "\f1b0"

}



.fa-spoon:before {

    content: "\f1b1"

}



.fa-cube:before {

    content: "\f1b2"

}



.fa-cubes:before {

    content: "\f1b3"

}



.fa-behance:before {

    content: "\f1b4"

}



.fa-behance-square:before {

    content: "\f1b5"

}



.fa-steam:before {

    content: "\f1b6"

}



.fa-steam-square:before {

    content: "\f1b7"

}



.fa-recycle:before {

    content: "\f1b8"

}



.fa-automobile:before,

.fa-car:before {

    content: "\f1b9"

}



.fa-cab:before,

.fa-taxi:before {

    content: "\f1ba"

}



.fa-tree:before {

    content: "\f1bb"

}



.fa-spotify:before {

    content: "\f1bc"

}



.fa-deviantart:before {

    content: "\f1bd"

}



.fa-soundcloud:before {

    content: "\f1be"

}



.fa-database:before {

    content: "\f1c0"

}



.fa-file-pdf-o:before {

    content: "\f1c1"

}



.fa-file-word-o:before {

    content: "\f1c2"

}



.fa-file-excel-o:before {

    content: "\f1c3"

}



.fa-file-powerpoint-o:before {

    content: "\f1c4"

}



.fa-file-image-o:before,

.fa-file-photo-o:before,

.fa-file-picture-o:before {

    content: "\f1c5"

}



.fa-file-archive-o:before,

.fa-file-zip-o:before {

    content: "\f1c6"

}



.fa-file-audio-o:before,

.fa-file-sound-o:before {

    content: "\f1c7"

}



.fa-file-movie-o:before,

.fa-file-video-o:before {

    content: "\f1c8"

}



.fa-file-code-o:before {

    content: "\f1c9"

}



.fa-vine:before {

    content: "\f1ca"

}



.fa-codepen:before {

    content: "\f1cb"

}



.fa-jsfiddle:before {

    content: "\f1cc"

}



.fa-life-bouy:before,

.fa-life-buoy:before,

.fa-life-ring:before,

.fa-life-saver:before,

.fa-support:before {

    content: "\f1cd"

}



.fa-circle-o-notch:before {

    content: "\f1ce"

}



.fa-ra:before,

.fa-rebel:before,

.fa-resistance:before {

    content: "\f1d0"

}



.fa-empire:before,

.fa-ge:before {

    content: "\f1d1"

}



.fa-git-square:before {

    content: "\f1d2"

}



.fa-git:before {

    content: "\f1d3"

}



.fa-hacker-news:before,

.fa-y-combinator-square:before,

.fa-yc-square:before {

    content: "\f1d4"

}



.fa-tencent-weibo:before {

    content: "\f1d5"

}



.fa-qq:before {

    content: "\f1d6"

}



.fa-wechat:before,

.fa-weixin:before {

    content: "\f1d7"

}



.fa-paper-plane:before,

.fa-send:before {

    content: "\f1d8"

}



.fa-paper-plane-o:before,

.fa-send-o:before {

    content: "\f1d9"

}



.fa-history:before {

    content: "\f1da"

}



.fa-circle-thin:before {

    content: "\f1db"

}



.fa-header:before {

    content: "\f1dc"

}



.fa-paragraph:before {

    content: "\f1dd"

}



.fa-sliders:before {

    content: "\f1de"

}



.fa-share-alt:before {

    content: "\f1e0"

}



.fa-share-alt-square:before {

    content: "\f1e1"

}



.fa-bomb:before {

    content: "\f1e2"

}



.fa-futbol-o:before,

.fa-soccer-ball-o:before {

    content: "\f1e3"

}



.fa-tty:before {

    content: "\f1e4"

}



.fa-binoculars:before {

    content: "\f1e5"

}



.fa-plug:before {

    content: "\f1e6"

}



.fa-slideshare:before {

    content: "\f1e7"

}



.fa-twitch:before {

    content: "\f1e8"

}



.fa-yelp:before {

    content: "\f1e9"

}



.fa-newspaper-o:before {

    content: "\f1ea"

}



.fa-wifi:before {

    content: "\f1eb"

}



.fa-calculator:before {

    content: "\f1ec"

}



.fa-paypal:before {

    content: "\f1ed"

}



.fa-google-wallet:before {

    content: "\f1ee"

}



.fa-cc-visa:before {

    content: "\f1f0"

}



.fa-cc-mastercard:before {

    content: "\f1f1"

}



.fa-cc-discover:before {

    content: "\f1f2"

}



.fa-cc-amex:before {

    content: "\f1f3"

}



.fa-cc-paypal:before {

    content: "\f1f4"

}



.fa-cc-stripe:before {

    content: "\f1f5"

}



.fa-bell-slash:before {

    content: "\f1f6"

}



.fa-bell-slash-o:before {

    content: "\f1f7"

}



.fa-trash:before {

    content: "\f1f8"

}



.fa-copyright:before {

    content: "\f1f9"

}



.fa-at:before {

    content: "\f1fa"

}



.fa-eyedropper:before {

    content: "\f1fb"

}



.fa-paint-brush:before {

    content: "\f1fc"

}



.fa-birthday-cake:before {

    content: "\f1fd"

}



.fa-area-chart:before {

    content: "\f1fe"

}



.fa-pie-chart:before {

    content: "\f200"

}



.fa-line-chart:before {

    content: "\f201"

}



.fa-lastfm:before {

    content: "\f202"

}



.fa-lastfm-square:before {

    content: "\f203"

}



.fa-toggle-off:before {

    content: "\f204"

}



.fa-toggle-on:before {

    content: "\f205"

}



.fa-bicycle:before {

    content: "\f206"

}



.fa-bus:before {

    content: "\f207"

}



.fa-ioxhost:before {

    content: "\f208"

}



.fa-angellist:before {

    content: "\f209"

}



.fa-cc:before {

    content: "\f20a"

}



.fa-ils:before,

.fa-shekel:before,

.fa-sheqel:before {

    content: "\f20b"

}



.fa-meanpath:before {

    content: "\f20c"

}



.fa-buysellads:before {

    content: "\f20d"

}



.fa-connectdevelop:before {

    content: "\f20e"

}



.fa-dashcube:before {

    content: "\f210"

}



.fa-forumbee:before {

    content: "\f211"

}



.fa-leanpub:before {

    content: "\f212"

}



.fa-sellsy:before {

    content: "\f213"

}



.fa-shirtsinbulk:before {

    content: "\f214"

}



.fa-simplybuilt:before {

    content: "\f215"

}



.fa-skyatlas:before {

    content: "\f216"

}



.fa-cart-plus:before {

    content: "\f217"

}



.fa-cart-arrow-down:before {

    content: "\f218"

}



.fa-diamond:before {

    content: "\f219"

}



.fa-ship:before {

    content: "\f21a"

}



.fa-user-secret:before {

    content: "\f21b"

}



.fa-motorcycle:before {

    content: "\f21c"

}



.fa-street-view:before {

    content: "\f21d"

}



.fa-heartbeat:before {

    content: "\f21e"

}



.fa-venus:before {

    content: "\f221"

}



.fa-mars:before {

    content: "\f222"

}



.fa-mercury:before {

    content: "\f223"

}



.fa-intersex:before,

.fa-transgender:before {

    content: "\f224"

}



.fa-transgender-alt:before {

    content: "\f225"

}



.fa-venus-double:before {

    content: "\f226"

}



.fa-mars-double:before {

    content: "\f227"

}



.fa-venus-mars:before {

    content: "\f228"

}



.fa-mars-stroke:before {

    content: "\f229"

}



.fa-mars-stroke-v:before {

    content: "\f22a"

}



.fa-mars-stroke-h:before {

    content: "\f22b"

}



.fa-neuter:before {

    content: "\f22c"

}



.fa-genderless:before {

    content: "\f22d"

}



.fa-facebook-official:before {

    content: "\f230"

}



.fa-pinterest-p:before {

    content: "\f231"

}



.fa-whatsapp:before {

    content: "\f232"

}



.fa-server:before {

    content: "\f233"

}



.fa-user-plus:before {

    content: "\f234"

}



.fa-user-times:before {

    content: "\f235"

}



.fa-bed:before,

.fa-hotel:before {

    content: "\f236"

}



.fa-viacoin:before {

    content: "\f237"

}



.fa-train:before {

    content: "\f238"

}



.fa-subway:before {

    content: "\f239"

}



.fa-medium:before {

    content: "\f23a"

}



.fa-y-combinator:before,

.fa-yc:before {

    content: "\f23b"

}



.fa-optin-monster:before {

    content: "\f23c"

}



.fa-opencart:before {

    content: "\f23d"

}



.fa-expeditedssl:before {

    content: "\f23e"

}



.fa-battery-4:before,

.fa-battery-full:before,

.fa-battery:before {

    content: "\f240"

}



.fa-battery-3:before,

.fa-battery-three-quarters:before {

    content: "\f241"

}



.fa-battery-2:before,

.fa-battery-half:before {

    content: "\f242"

}



.fa-battery-1:before,

.fa-battery-quarter:before {

    content: "\f243"

}



.fa-battery-0:before,

.fa-battery-empty:before {

    content: "\f244"

}



.fa-mouse-pointer:before {

    content: "\f245"

}



.fa-i-cursor:before {

    content: "\f246"

}



.fa-object-group:before {

    content: "\f247"

}



.fa-object-ungroup:before {

    content: "\f248"

}



.fa-sticky-note:before {

    content: "\f249"

}



.fa-sticky-note-o:before {

    content: "\f24a"

}



.fa-cc-jcb:before {

    content: "\f24b"

}



.fa-cc-diners-club:before {

    content: "\f24c"

}



.fa-clone:before {

    content: "\f24d"

}



.fa-balance-scale:before {

    content: "\f24e"

}



.fa-hourglass-o:before {

    content: "\f250"

}



.fa-hourglass-1:before,

.fa-hourglass-start:before {

    content: "\f251"

}



.fa-hourglass-2:before,

.fa-hourglass-half:before {

    content: "\f252"

}



.fa-hourglass-3:before,

.fa-hourglass-end:before {

    content: "\f253"

}



.fa-hourglass:before {

    content: "\f254"

}



.fa-hand-grab-o:before,

.fa-hand-rock-o:before {

    content: "\f255"

}



.fa-hand-paper-o:before,

.fa-hand-stop-o:before {

    content: "\f256"

}



.fa-hand-scissors-o:before {

    content: "\f257"

}



.fa-hand-lizard-o:before {

    content: "\f258"

}



.fa-hand-spock-o:before {

    content: "\f259"

}



.fa-hand-pointer-o:before {

    content: "\f25a"

}



.fa-hand-peace-o:before {

    content: "\f25b"

}



.fa-trademark:before {

    content: "\f25c"

}



.fa-registered:before {

    content: "\f25d"

}



.fa-creative-commons:before {

    content: "\f25e"

}



.fa-gg:before {

    content: "\f260"

}



.fa-gg-circle:before {

    content: "\f261"

}



.fa-tripadvisor:before {

    content: "\f262"

}



.fa-odnoklassniki:before {

    content: "\f263"

}



.fa-odnoklassniki-square:before {

    content: "\f264"

}



.fa-get-pocket:before {

    content: "\f265"

}



.fa-wikipedia-w:before {

    content: "\f266"

}



.fa-safari:before {

    content: "\f267"

}



.fa-chrome:before {

    content: "\f268"

}



.fa-firefox:before {

    content: "\f269"

}



.fa-opera:before {

    content: "\f26a"

}



.fa-internet-explorer:before {

    content: "\f26b"

}



.fa-television:before,

.fa-tv:before {

    content: "\f26c"

}



.fa-contao:before {

    content: "\f26d"

}



.fa-500px:before {

    content: "\f26e"

}



.fa-amazon:before {

    content: "\f270"

}



.fa-calendar-plus-o:before {

    content: "\f271"

}



.fa-calendar-minus-o:before {

    content: "\f272"

}



.fa-calendar-times-o:before {

    content: "\f273"

}



.fa-calendar-check-o:before {

    content: "\f274"

}



.fa-industry:before {

    content: "\f275"

}



.fa-map-pin:before {

    content: "\f276"

}



.fa-map-signs:before {

    content: "\f277"

}



.fa-map-o:before {

    content: "\f278"

}



.fa-map:before {

    content: "\f279"

}



.fa-commenting:before {

    content: "\f27a"

}



.fa-commenting-o:before {

    content: "\f27b"

}



.fa-houzz:before {

    content: "\f27c"

}



.fa-vimeo:before {

    content: "\f27d"

}



.fa-black-tie:before {

    content: "\f27e"

}



.fa-fonticons:before {

    content: "\f280"

}



.fa-reddit-alien:before {

    content: "\f281"

}



.fa-edge:before {

    content: "\f282"

}



.fa-credit-card-alt:before {

    content: "\f283"

}



.fa-codiepie:before {

    content: "\f284"

}



.fa-modx:before {

    content: "\f285"

}



.fa-fort-awesome:before {

    content: "\f286"

}



.fa-usb:before {

    content: "\f287"

}



.fa-product-hunt:before {

    content: "\f288"

}



.fa-mixcloud:before {

    content: "\f289"

}



.fa-scribd:before {

    content: "\f28a"

}



.fa-pause-circle:before {

    content: "\f28b"

}



.fa-pause-circle-o:before {

    content: "\f28c"

}



.fa-stop-circle:before {

    content: "\f28d"

}



.fa-stop-circle-o:before {

    content: "\f28e"

}



.fa-shopping-bag:before {

    content: "\f290"

}



.fa-shopping-basket:before {

    content: "\f291"

}



.fa-hashtag:before {

    content: "\f292"

}



.fa-bluetooth:before {

    content: "\f293"

}



.fa-bluetooth-b:before {

    content: "\f294"

}



.fa-percent:before {

    content: "\f295"

}



.fa-gitlab:before {

    content: "\f296"

}



.fa-wpbeginner:before {

    content: "\f297"

}



.fa-wpforms:before {

    content: "\f298"

}



.fa-envira:before {

    content: "\f299"

}



.fa-universal-access:before {

    content: "\f29a"

}



.fa-wheelchair-alt:before {

    content: "\f29b"

}



.fa-question-circle-o:before {

    content: "\f29c"

}



.fa-blind:before {

    content: "\f29d"

}



.fa-audio-description:before {

    content: "\f29e"

}



.fa-volume-control-phone:before {

    content: "\f2a0"

}



.fa-braille:before {

    content: "\f2a1"

}



.fa-assistive-listening-systems:before {

    content: "\f2a2"

}



.fa-american-sign-language-interpreting:before,

.fa-asl-interpreting:before {

    content: "\f2a3"

}



.fa-deaf:before,

.fa-deafness:before,

.fa-hard-of-hearing:before {

    content: "\f2a4"

}



.fa-glide:before {

    content: "\f2a5"

}



.fa-glide-g:before {

    content: "\f2a6"

}



.fa-sign-language:before,

.fa-signing:before {

    content: "\f2a7"

}



.fa-low-vision:before {

    content: "\f2a8"

}



.fa-viadeo:before {

    content: "\f2a9"

}



.fa-viadeo-square:before {

    content: "\f2aa"

}



.fa-snapchat:before {

    content: "\f2ab"

}



.fa-snapchat-ghost:before {

    content: "\f2ac"

}



.fa-snapchat-square:before {

    content: "\f2ad"

}



.fa-pied-piper:before {

    content: "\f2ae"

}



.fa-first-order:before {

    content: "\f2b0"

}



.fa-yoast:before {

    content: "\f2b1"

}



.fa-themeisle:before {

    content: "\f2b2"

}



.fa-google-plus-circle:before,

.fa-google-plus-official:before {

    content: "\f2b3"

}



.fa-fa:before,

.fa-font-awesome:before {

    content: "\f2b4"

}



.fa-handshake-o:before {

    content: "\f2b5"

}



.fa-envelope-open:before {

    content: "\f2b6"

}



.fa-envelope-open-o:before {

    content: "\f2b7"

}



.fa-linode:before {

    content: "\f2b8"

}



.fa-address-book:before {

    content: "\f2b9"

}



.fa-address-book-o:before {

    content: "\f2ba"

}



.fa-address-card:before,

.fa-vcard:before {

    content: "\f2bb"

}



.fa-address-card-o:before,

.fa-vcard-o:before {

    content: "\f2bc"

}



.fa-user-circle:before {

    content: "\f2bd"

}



.fa-user-circle-o:before {

    content: "\f2be"

}



.fa-user-o:before {

    content: "\f2c0"

}



.fa-id-badge:before {

    content: "\f2c1"

}



.fa-drivers-license:before,

.fa-id-card:before {

    content: "\f2c2"

}



.fa-drivers-license-o:before,

.fa-id-card-o:before {

    content: "\f2c3"

}



.fa-quora:before {

    content: "\f2c4"

}



.fa-free-code-camp:before {

    content: "\f2c5"

}



.fa-telegram:before {

    content: "\f2c6"

}



.fa-thermometer-4:before,

.fa-thermometer-full:before,

.fa-thermometer:before {

    content: "\f2c7"

}



.fa-thermometer-3:before,

.fa-thermometer-three-quarters:before {

    content: "\f2c8"

}



.fa-thermometer-2:before,

.fa-thermometer-half:before {

    content: "\f2c9"

}



.fa-thermometer-1:before,

.fa-thermometer-quarter:before {

    content: "\f2ca"

}



.fa-thermometer-0:before,

.fa-thermometer-empty:before {

    content: "\f2cb"

}



.fa-shower:before {

    content: "\f2cc"

}



.fa-bath:before,

.fa-bathtub:before,

.fa-s15:before {

    content: "\f2cd"

}



.fa-podcast:before {

    content: "\f2ce"

}



.fa-window-maximize:before {

    content: "\f2d0"

}



.fa-window-minimize:before {

    content: "\f2d1"

}



.fa-window-restore:before {

    content: "\f2d2"

}



.fa-times-rectangle:before,

.fa-window-close:before {

    content: "\f2d3"

}



.fa-times-rectangle-o:before,

.fa-window-close-o:before {

    content: "\f2d4"

}



.fa-bandcamp:before {

    content: "\f2d5"

}



.fa-grav:before {

    content: "\f2d6"

}



.fa-etsy:before {

    content: "\f2d7"

}



.fa-imdb:before {

    content: "\f2d8"

}



.fa-ravelry:before {

    content: "\f2d9"

}



.fa-eercast:before {

    content: "\f2da"

}



.fa-microchip:before {

    content: "\f2db"

}



.fa-snowflake-o:before {

    content: "\f2dc"

}



.fa-superpowers:before {

    content: "\f2dd"

}



.fa-wpexplorer:before {

    content: "\f2de"

}



.fa-meetup:before {

    content: "\f2e0"

}



.sr-only {

    position: absolute;

    width: 1px;

    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0

}



.sr-only-focusable:active,

.sr-only-focusable:focus {

    position: static;

    width: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    clip: auto

}



.slick-list,

.slick-slider,

.slick-track {

    position: relative;

    display: block

}



.slick-loading .slick-slide,

.slick-loading .slick-track {

    visibility: hidden

}



.slick-slider {

    box-sizing: border-box;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent

}



.slick-list {

    overflow: hidden;

    margin: 0;

    padding: 0

}



.slick-list:focus {

    outline: 0

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand

}



.slick-slider .slick-list,

.slick-slider .slick-track {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.slick-track {

    top: 0;

    left: 0;

    margin-left: auto;

    margin-right: auto

}



.slick-track:after,

.slick-track:before {

    display: table;

    content: ''

}



.slick-track:after {

    clear: both

}



.slick-slide {

    display: none;

    float: left;

    height: 100%;

    min-height: 1px

}



[dir=rtl] .slick-slide {

    float: right

}



.slick-slide img {

    display: block

}



.slick-slide.slick-loading img {

    display: none

}



.slick-slide.dragging img {

    pointer-events: none

}



.slick-initialized .slick-slide {

    display: block

}



.slick-vertical .slick-slide {

    display: block;

    height: auto;

    border: 1px solid transparent

}



.slick-arrow.slick-hidden {

    display: none

}



@charset "UTF-8";

/*!

 * animate.css -http://daneden.me/animate

 * Version - 3.7.0

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2018 Daniel Eden

 */



@-webkit-keyframes bounce {

    20%,

    53%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0)

    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)

    }

}



@keyframes bounce {

    20%,

    53%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0)

    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)

    }

}



.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom

}



@-webkit-keyframes flash {

    50%,

    from,

    to {

        opacity: 1

    }

    25%,

    75% {

        opacity: 0

    }

}



@keyframes flash {

    50%,

    from,

    to {

        opacity: 1

    }

    25%,

    75% {

        opacity: 0

    }

}



.flash {

    -webkit-animation-name: flash;

    animation-name: flash

}



@-webkit-keyframes pulse {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05)

    }

}



@keyframes pulse {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05)

    }

}



.pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse

}



@-webkit-keyframes rubberBand {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }

    40% {

        -webkit-transform: scale3d(.75, 1.25, 1);

        transform: scale3d(.75, 1.25, 1)

    }

    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)

    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }

}



@keyframes rubberBand {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }

    40% {

        -webkit-transform: scale3d(.75, 1.25, 1);

        transform: scale3d(.75, 1.25, 1)

    }

    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)

    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }

}



.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand

}



@-webkit-keyframes shake {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

}



@keyframes shake {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

}



.shake {

    -webkit-animation-name: shake;

    animation-name: shake

}



@-webkit-keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg)

    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg)

    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg)

    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg)

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



@keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg)

    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg)

    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg)

    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg)

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



.headShake {

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-name: headShake;

    animation-name: headShake

}



@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)

    }

}



@keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)

    }

}



.swing {

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing

}



@-webkit-keyframes tada {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    10%,

    20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

    }

}



@keyframes tada {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    10%,

    20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

    }

}



.tada {

    -webkit-animation-name: tada;

    animation-name: tada

}



@-webkit-keyframes wobble {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

    }

}



@keyframes wobble {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

    }

}



.wobble {

    -webkit-animation-name: wobble;

    animation-name: wobble

}



@-webkit-keyframes jello {

    11.1%,

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg)

    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg)

    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg)

    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg)

    }

    66.6% {

        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

        transform: skewX(-.78125deg) skewY(-.78125deg)

    }

    77.7% {

        -webkit-transform: skewX(.390625deg) skewY(.390625deg);

        transform: skewX(.390625deg) skewY(.390625deg)

    }

    88.8% {

        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

        transform: skewX(-.1953125deg) skewY(-.1953125deg)

    }

}



@keyframes jello {

    11.1%,

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg)

    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg)

    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg)

    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg)

    }

    66.6% {

        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

        transform: skewX(-.78125deg) skewY(-.78125deg)

    }

    77.7% {

        -webkit-transform: skewX(.390625deg) skewY(.390625deg);

        transform: skewX(.390625deg) skewY(.390625deg)

    }

    88.8% {

        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

        transform: skewX(-.1953125deg) skewY(-.1953125deg)

    }

}



.jello {

    -webkit-animation-name: jello;

    animation-name: jello;

    -webkit-transform-origin: center;

    transform-origin: center

}



@-webkit-keyframes heartBeat {

    0%,

    28%,

    70% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    14%,

    42% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3)

    }

}



@keyframes heartBeat {

    0%,

    28%,

    70% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    14%,

    42% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3)

    }

}



.heartBeat {

    -webkit-animation-name: heartBeat;

    animation-name: heartBeat;

    -webkit-animation-duration: 1.3s;

    animation-duration: 1.3s;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out

}



@-webkit-keyframes bounceIn {

    20%,

    40%,

    60%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes bounceIn {

    20%,

    40%,

    60%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



.bounceIn {

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn

}



.bounceOut,

.flipOutX {

    -webkit-animation-duration: .75s

}



@-webkit-keyframes bounceInDown {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes bounceInDown {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.bounceInDown {

    -webkit-animation-name: bounceInDown;

    animation-name: bounceInDown

}



@-webkit-keyframes bounceInLeft {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes bounceInLeft {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft

}



@-webkit-keyframes bounceInRight {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes bounceInRight {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.bounceInRight {

    -webkit-animation-name: bounceInRight;

    animation-name: bounceInRight

}



@-webkit-keyframes bounceInUp {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes bounceInUp {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp

}



@-webkit-keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

}



@keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

}



.bounceOut {

    animation-duration: .75s;

    -webkit-animation-name: bounceOut;

    animation-name: bounceOut

}



@-webkit-keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



@keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



.bounceOutDown {

    -webkit-animation-name: bounceOutDown;

    animation-name: bounceOutDown

}



@-webkit-keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



.bounceOutLeft {

    -webkit-animation-name: bounceOutLeft;

    animation-name: bounceOutLeft

}



@-webkit-keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



@keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



.bounceOutRight {

    -webkit-animation-name: bounceOutRight;

    animation-name: bounceOutRight

}



@-webkit-keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



@keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



.bounceOutUp {

    -webkit-animation-name: bounceOutUp;

    animation-name: bounceOutUp

}



@-webkit-keyframes fadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}



@keyframes fadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn

}



@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown

}



@-webkit-keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig

}



@-webkit-keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft

}



@-webkit-keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig

}



@-webkit-keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight

}



@-webkit-keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig

}



@-webkit-keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



@-webkit-keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig

}



@-webkit-keyframes fadeOut {

    from {

        opacity: 1

    }

    to {

        opacity: 0

    }

}



@keyframes fadeOut {

    from {

        opacity: 1

    }

    to {

        opacity: 0

    }

}



.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut

}



@-webkit-keyframes fadeOutDown {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

}



@keyframes fadeOutDown {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

}



.fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown

}



@-webkit-keyframes fadeOutDownBig {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



@keyframes fadeOutDownBig {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



.fadeOutDownBig {

    -webkit-animation-name: fadeOutDownBig;

    animation-name: fadeOutDownBig

}



@-webkit-keyframes fadeOutLeft {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

}



@keyframes fadeOutLeft {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

}



.fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft

}



@-webkit-keyframes fadeOutLeftBig {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



@keyframes fadeOutLeftBig {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



.fadeOutLeftBig {

    -webkit-animation-name: fadeOutLeftBig;

    animation-name: fadeOutLeftBig

}



@-webkit-keyframes fadeOutRight {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

}



@keyframes fadeOutRight {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

}



.fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight

}



@-webkit-keyframes fadeOutRightBig {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



@keyframes fadeOutRightBig {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



.fadeOutRightBig {

    -webkit-animation-name: fadeOutRightBig;

    animation-name: fadeOutRightBig

}



@-webkit-keyframes fadeOutUp {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

}



@keyframes fadeOutUp {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

}



.fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp

}



@-webkit-keyframes fadeOutUpBig {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



@keyframes fadeOutUpBig {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



.fadeOutUpBig {

    -webkit-animation-name: fadeOutUpBig;

    animation-name: fadeOutUpBig

}



@-webkit-keyframes flip {

    from {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }

    40% {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }

    50% {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    to {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

}



@keyframes flip {

    from {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }

    40% {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

        -webkit-animation-timing-function: ease-out;

        animation-timing-function: ease-out

    }

    50% {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    80% {

        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    to {

        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

}



.animated.flip {

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    -webkit-animation-name: flip;

    animation-name: flip

}



@-webkit-keyframes flipInX {

    from {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



@keyframes flipInX {

    from {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



.flipInX {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX

}



.flipInY,

.flipOutX {

    -webkit-backface-visibility: visible !important

}



@-webkit-keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



@keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



.flipInY {

    backface-visibility: visible !important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY

}



@-webkit-keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0

    }

}



@keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0

    }

}



.flipOutX {

    animation-duration: .75s;

    -webkit-animation-name: flipOutX;

    animation-name: flipOutX;

    backface-visibility: visible !important

}



@-webkit-keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0

    }

}



@keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0

    }

}



.flipOutY {

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipOutY;

    animation-name: flipOutY

}



@-webkit-keyframes lightSpeedIn {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1

    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes lightSpeedIn {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1

    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.lightSpeedIn {

    -webkit-animation-name: lightSpeedIn;

    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out

}



@-webkit-keyframes lightSpeedOut {

    from {

        opacity: 1

    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0

    }

}



@keyframes lightSpeedOut {

    from {

        opacity: 1

    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0

    }

}



.lightSpeedOut {

    -webkit-animation-name: lightSpeedOut;

    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

}



@-webkit-keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



@keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



.rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn

}



@-webkit-keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



@keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



.rotateInDownLeft {

    -webkit-animation-name: rotateInDownLeft;

    animation-name: rotateInDownLeft

}



@-webkit-keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



@keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



.rotateInDownRight {

    -webkit-animation-name: rotateInDownRight;

    animation-name: rotateInDownRight

}



@-webkit-keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



@keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



.rotateInUpLeft {

    -webkit-animation-name: rotateInUpLeft;

    animation-name: rotateInUpLeft

}



@-webkit-keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



@keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



.rotateInUpRight {

    -webkit-animation-name: rotateInUpRight;

    animation-name: rotateInUpRight

}



@-webkit-keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0

    }

}



@keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0

    }

}



.rotateOut {

    -webkit-animation-name: rotateOut;

    animation-name: rotateOut

}



@-webkit-keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

}



@keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

}



.rotateOutDownLeft {

    -webkit-animation-name: rotateOutDownLeft;

    animation-name: rotateOutDownLeft

}



@-webkit-keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



@keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



.rotateOutDownRight {

    -webkit-animation-name: rotateOutDownRight;

    animation-name: rotateOutDownRight

}



@-webkit-keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



@keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



.rotateOutUpLeft {

    -webkit-animation-name: rotateOutUpLeft;

    animation-name: rotateOutUpLeft

}



@-webkit-keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0

    }

}



@keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0

    }

}



.rotateOutUpRight {

    -webkit-animation-name: rotateOutUpRight;

    animation-name: rotateOutUpRight

}



@-webkit-keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1

    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0

    }

}



@keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1

    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0

    }

}



.hinge {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-name: hinge;

    animation-name: hinge

}



@-webkit-keyframes jackInTheBox {

    from {

        opacity: 0;

        -webkit-transform: scale(.1) rotate(30deg);

        transform: scale(.1) rotate(30deg);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom

    }

    50% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg)

    }

    70% {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg)

    }

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes jackInTheBox {

    from {

        opacity: 0;

        -webkit-transform: scale(.1) rotate(30deg);

        transform: scale(.1) rotate(30deg);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom

    }

    50% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg)

    }

    70% {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg)

    }

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.jackInTheBox {

    -webkit-animation-name: jackInTheBox;

    animation-name: jackInTheBox

}



@-webkit-keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn

}



@-webkit-keyframes rollOut {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

    }

}



@keyframes rollOut {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

    }

}



.rollOut {

    -webkit-animation-name: rollOut;

    animation-name: rollOut

}



@-webkit-keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    50% {

        opacity: 1

    }

}



@keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    50% {

        opacity: 1

    }

}



.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn

}



@-webkit-keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInDown {

    -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown

}



@-webkit-keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInLeft {

    -webkit-animation-name: zoomInLeft;

    animation-name: zoomInLeft

}



@-webkit-keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInRight {

    -webkit-animation-name: zoomInRight;

    animation-name: zoomInRight

}



@-webkit-keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInUp {

    -webkit-animation-name: zoomInUp;

    animation-name: zoomInUp

}



@-webkit-keyframes zoomOut {

    from {

        opacity: 1

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    to {

        opacity: 0

    }

}



@keyframes zoomOut {

    from {

        opacity: 1

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    to {

        opacity: 0

    }

}



.zoomOut {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut

}



@-webkit-keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomOutDown {

    -webkit-animation-name: zoomOutDown;

    animation-name: zoomOutDown

}



@-webkit-keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center

    }

}



@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center

    }

}



.zoomOutLeft {

    -webkit-animation-name: zoomOutLeft;

    animation-name: zoomOutLeft

}



@-webkit-keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center

    }

}



@keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center

    }

}



.zoomOutRight {

    -webkit-animation-name: zoomOutRight;

    animation-name: zoomOutRight

}



@-webkit-keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomOutUp {

    -webkit-animation-name: zoomOutUp;

    animation-name: zoomOutUp

}



@-webkit-keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.slideInDown {

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown

}



@-webkit-keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.slideInLeft {

    -webkit-animation-name: slideInLeft;

    animation-name: slideInLeft

}



@-webkit-keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.slideInRight {

    -webkit-animation-name: slideInRight;

    animation-name: slideInRight

}



@-webkit-keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.slideInUp {

    -webkit-animation-name: slideInUp;

    animation-name: slideInUp

}



@-webkit-keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

}



@keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

}



.slideOutDown {

    -webkit-animation-name: slideOutDown;

    animation-name: slideOutDown

}



@-webkit-keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

}



@keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

}



.slideOutLeft {

    -webkit-animation-name: slideOutLeft;

    animation-name: slideOutLeft

}



@-webkit-keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

}



@keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

}



.slideOutRight {

    -webkit-animation-name: slideOutRight;

    animation-name: slideOutRight

}



@-webkit-keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

}



@keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

}



.slideOutUp {

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp

}



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite

}



.animated.delay-1s {

    -webkit-animation-delay: 1s;

    animation-delay: 1s

}



.animated.delay-2s {

    -webkit-animation-delay: 2s;

    animation-delay: 2s

}



.animated.delay-3s {

    -webkit-animation-delay: 3s;

    animation-delay: 3s

}



.animated.delay-4s {

    -webkit-animation-delay: 4s;

    animation-delay: 4s

}



.animated.delay-5s {

    -webkit-animation-delay: 5s;

    animation-delay: 5s

}



.animated.fast {

    -webkit-animation-duration: .8s;

    animation-duration: .8s

}



.animated.faster {

    -webkit-animation-duration: .5s;

    animation-duration: .5s

}



.animated.slow {

    -webkit-animation-duration: 2s;

    animation-duration: 2s

}



.animated.slower {

    -webkit-animation-duration: 3s;

    animation-duration: 3s

}



@media (prefers-reduced-motion) {

    .animated {

        -webkit-animation: unset !important;

        animation: unset !important;

        -webkit-transition: none !important;

        transition: none !important

    }

}



@charset "UTF-8";

/*!

 * animate.css -https://daneden.github.io/animate.css/

 * Version - 3.7.2

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2019 Daniel Eden

 */



@-webkit-keyframes bounce {

    20%,

    53%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0)

    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)

    }

}



@keyframes bounce {

    20%,

    53%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        -webkit-transform: translate3d(0, -30px, 0);

        transform: translate3d(0, -30px, 0)

    }

    70% {

        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        -webkit-transform: translate3d(0, -15px, 0);

        transform: translate3d(0, -15px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -4px, 0);

        transform: translate3d(0, -4px, 0)

    }

}



.bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    transform-origin: center bottom

}



@-webkit-keyframes flash {

    50%,

    from,

    to {

        opacity: 1

    }

    25%,

    75% {

        opacity: 0

    }

}



@keyframes flash {

    50%,

    from,

    to {

        opacity: 1

    }

    25%,

    75% {

        opacity: 0

    }

}



.flash {

    -webkit-animation-name: flash;

    animation-name: flash

}



@-webkit-keyframes pulse {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05)

    }

}



@keyframes pulse {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    50% {

        -webkit-transform: scale3d(1.05, 1.05, 1.05);

        transform: scale3d(1.05, 1.05, 1.05)

    }

}



.pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse

}



@-webkit-keyframes rubberBand {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }

    40% {

        -webkit-transform: scale3d(.75, 1.25, 1);

        transform: scale3d(.75, 1.25, 1)

    }

    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)

    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }

}



@keyframes rubberBand {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    30% {

        -webkit-transform: scale3d(1.25, .75, 1);

        transform: scale3d(1.25, .75, 1)

    }

    40% {

        -webkit-transform: scale3d(.75, 1.25, 1);

        transform: scale3d(.75, 1.25, 1)

    }

    50% {

        -webkit-transform: scale3d(1.15, .85, 1);

        transform: scale3d(1.15, .85, 1)

    }

    65% {

        -webkit-transform: scale3d(.95, 1.05, 1);

        transform: scale3d(.95, 1.05, 1)

    }

    75% {

        -webkit-transform: scale3d(1.05, .95, 1);

        transform: scale3d(1.05, .95, 1)

    }

}



.rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand

}



@-webkit-keyframes shake {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

}



@keyframes shake {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    10%,

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }

    20%,

    40%,

    60%,

    80% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

}



.shake {

    -webkit-animation-name: shake;

    animation-name: shake

}



@-webkit-keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg)

    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg)

    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg)

    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg)

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



@keyframes headShake {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

    6.5% {

        -webkit-transform: translateX(-6px) rotateY(-9deg);

        transform: translateX(-6px) rotateY(-9deg)

    }

    18.5% {

        -webkit-transform: translateX(5px) rotateY(7deg);

        transform: translateX(5px) rotateY(7deg)

    }

    31.5% {

        -webkit-transform: translateX(-3px) rotateY(-5deg);

        transform: translateX(-3px) rotateY(-5deg)

    }

    43.5% {

        -webkit-transform: translateX(2px) rotateY(3deg);

        transform: translateX(2px) rotateY(3deg)

    }

    50% {

        -webkit-transform: translateX(0);

        transform: translateX(0)

    }

}



.headShake {

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-name: headShake;

    animation-name: headShake

}



@-webkit-keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)

    }

}



@keyframes swing {

    20% {

        -webkit-transform: rotate3d(0, 0, 1, 15deg);

        transform: rotate3d(0, 0, 1, 15deg)

    }

    40% {

        -webkit-transform: rotate3d(0, 0, 1, -10deg);

        transform: rotate3d(0, 0, 1, -10deg)

    }

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 5deg);

        transform: rotate3d(0, 0, 1, 5deg)

    }

    80% {

        -webkit-transform: rotate3d(0, 0, 1, -5deg);

        transform: rotate3d(0, 0, 1, -5deg)

    }

    to {

        -webkit-transform: rotate3d(0, 0, 1, 0deg);

        transform: rotate3d(0, 0, 1, 0deg)

    }

}



.swing {

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing

}



@-webkit-keyframes tada {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    10%,

    20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

    }

}



@keyframes tada {

    from,

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

    10%,

    20% {

        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)

    }

    30%,

    50%,

    70%,

    90% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)

    }

    40%,

    60%,

    80% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)

    }

}



.tada {

    -webkit-animation-name: tada;

    animation-name: tada

}



@-webkit-keyframes wobble {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

    }

}



@keyframes wobble {

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    15% {

        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)

    }

    30% {

        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)

    }

    45% {

        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)

    }

    60% {

        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)

    }

    75% {

        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)

    }

}



.wobble {

    -webkit-animation-name: wobble;

    animation-name: wobble

}



@-webkit-keyframes jello {

    11.1%,

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg)

    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg)

    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg)

    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg)

    }

    66.6% {

        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

        transform: skewX(-.78125deg) skewY(-.78125deg)

    }

    77.7% {

        -webkit-transform: skewX(.390625deg) skewY(.390625deg);

        transform: skewX(.390625deg) skewY(.390625deg)

    }

    88.8% {

        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

        transform: skewX(-.1953125deg) skewY(-.1953125deg)

    }

}



@keyframes jello {

    11.1%,

    from,

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    22.2% {

        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

        transform: skewX(-12.5deg) skewY(-12.5deg)

    }

    33.3% {

        -webkit-transform: skewX(6.25deg) skewY(6.25deg);

        transform: skewX(6.25deg) skewY(6.25deg)

    }

    44.4% {

        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

        transform: skewX(-3.125deg) skewY(-3.125deg)

    }

    55.5% {

        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

        transform: skewX(1.5625deg) skewY(1.5625deg)

    }

    66.6% {

        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);

        transform: skewX(-.78125deg) skewY(-.78125deg)

    }

    77.7% {

        -webkit-transform: skewX(.390625deg) skewY(.390625deg);

        transform: skewX(.390625deg) skewY(.390625deg)

    }

    88.8% {

        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);

        transform: skewX(-.1953125deg) skewY(-.1953125deg)

    }

}



.jello {

    -webkit-animation-name: jello;

    animation-name: jello;

    -webkit-transform-origin: center;

    transform-origin: center

}



@-webkit-keyframes heartBeat {

    0%,

    28%,

    70% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    14%,

    42% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3)

    }

}



@keyframes heartBeat {

    0%,

    28%,

    70% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

    14%,

    42% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3)

    }

}



.heartBeat {

    -webkit-animation-name: heartBeat;

    animation-name: heartBeat;

    -webkit-animation-duration: 1.3s;

    animation-duration: 1.3s;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out

}



@-webkit-keyframes bounceIn {

    20%,

    40%,

    60%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



@keyframes bounceIn {

    20%,

    40%,

    60%,

    80%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    20% {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    40% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(1.03, 1.03, 1.03);

        transform: scale3d(1.03, 1.03, 1.03)

    }

    80% {

        -webkit-transform: scale3d(.97, .97, .97);

        transform: scale3d(.97, .97, .97)

    }

    to {

        opacity: 1;

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1)

    }

}



.bounceIn {

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn

}



.bounceOut,

.flipOutX {

    -webkit-animation-duration: .75s

}



@-webkit-keyframes bounceInDown {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes bounceInDown {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(0, -3000px, 0);

        transform: translate3d(0, -3000px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, 25px, 0);

        transform: translate3d(0, 25px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, 5px, 0);

        transform: translate3d(0, 5px, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.bounceInDown {

    -webkit-animation-name: bounceInDown;

    animation-name: bounceInDown

}



@-webkit-keyframes bounceInLeft {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes bounceInLeft {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: translate3d(-3000px, 0, 0);

        transform: translate3d(-3000px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(25px, 0, 0);

        transform: translate3d(25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(-10px, 0, 0);

        transform: translate3d(-10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(5px, 0, 0);

        transform: translate3d(5px, 0, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft

}



@-webkit-keyframes bounceInRight {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes bounceInRight {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(3000px, 0, 0);

        transform: translate3d(3000px, 0, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(-25px, 0, 0);

        transform: translate3d(-25px, 0, 0)

    }

    75% {

        -webkit-transform: translate3d(10px, 0, 0);

        transform: translate3d(10px, 0, 0)

    }

    90% {

        -webkit-transform: translate3d(-5px, 0, 0);

        transform: translate3d(-5px, 0, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.bounceInRight {

    -webkit-animation-name: bounceInRight;

    animation-name: bounceInRight

}



@-webkit-keyframes bounceInUp {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes bounceInUp {

    60%,

    75%,

    90%,

    from,

    to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 3000px, 0);

        transform: translate3d(0, 3000px, 0)

    }

    60% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    75% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    90% {

        -webkit-transform: translate3d(0, -5px, 0);

        transform: translate3d(0, -5px, 0)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp

}



@-webkit-keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

}



@keyframes bounceOut {

    20% {

        -webkit-transform: scale3d(.9, .9, .9);

        transform: scale3d(.9, .9, .9)

    }

    50%,

    55% {

        opacity: 1;

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

}



.bounceOut {

    animation-duration: .75s;

    -webkit-animation-name: bounceOut;

    animation-name: bounceOut

}



@-webkit-keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



@keyframes bounceOutDown {

    20% {

        -webkit-transform: translate3d(0, 10px, 0);

        transform: translate3d(0, 10px, 0)

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, -20px, 0);

        transform: translate3d(0, -20px, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

}



.bounceOutDown {

    -webkit-animation-name: bounceOutDown;

    animation-name: bounceOutDown

}



@-webkit-keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(20px, 0, 0);

        transform: translate3d(20px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

}



.bounceOutLeft {

    -webkit-animation-name: bounceOutLeft;

    animation-name: bounceOutLeft

}



@-webkit-keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



@keyframes bounceOutRight {

    20% {

        opacity: 1;

        -webkit-transform: translate3d(-20px, 0, 0);

        transform: translate3d(-20px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

}



.bounceOutRight {

    -webkit-animation-name: bounceOutRight;

    animation-name: bounceOutRight

}



@-webkit-keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



@keyframes bounceOutUp {

    20% {

        -webkit-transform: translate3d(0, -10px, 0);

        transform: translate3d(0, -10px, 0)

    }

    40%,

    45% {

        opacity: 1;

        -webkit-transform: translate3d(0, 20px, 0);

        transform: translate3d(0, 20px, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

}



.bounceOutUp {

    -webkit-animation-name: bounceOutUp;

    animation-name: bounceOutUp

}



@-webkit-keyframes fadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}



@keyframes fadeIn {

    from {

        opacity: 0

    }

    to {

        opacity: 1

    }

}



.fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn

}



@-webkit-keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInDown {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown

}



@-webkit-keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInDownBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -2000px, 0);

        transform: translate3d(0, -2000px, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig

}



@-webkit-keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInLeft {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft

}



@-webkit-keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInLeftBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-2000px, 0, 0);

        transform: translate3d(-2000px, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig

}



@-webkit-keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInRight {

    from {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight

}



@-webkit-keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInRightBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(2000px, 0, 0);

        transform: translate3d(2000px, 0, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig

}



@-webkit-keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInUp {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



@-webkit-keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes fadeInUpBig {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 2000px, 0);

        transform: translate3d(0, 2000px, 0)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig

}



@-webkit-keyframes fadeOut {

    from {

        opacity: 1

    }

    to {

        opacity: 0

    }

}



@keyframes fadeOut {

    from {

        opacity: 1

    }

    to {

        opacity: 0

    }

}



.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut

}

@-webkit-keyframes fadeOutDown {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(0, 100%, 0);        transform: translate3d(0, 100%, 0)    }}

@keyframes fadeOutDown {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(0, 100%, 0);        transform: translate3d(0, 100%, 0)    }}

.fadeOutDown {    -webkit-animation-name: fadeOutDown;    animation-name: fadeOutDown}

@-webkit-keyframes fadeOutDownBig {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(0, 2000px, 0);        transform: translate3d(0, 2000px, 0)    }}

@keyframes fadeOutDownBig {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(0, 2000px, 0);        transform: translate3d(0, 2000px, 0)    }}

.fadeOutDownBig {    -webkit-animation-name: fadeOutDownBig;    animation-name: fadeOutDownBig}

@-webkit-keyframes fadeOutLeft {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(-100%, 0, 0);        transform: translate3d(-100%, 0, 0)    }}

@keyframes fadeOutLeft {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(-100%, 0, 0);        transform: translate3d(-100%, 0, 0)    }}

.fadeOutLeft {    -webkit-animation-name: fadeOutLeft;    animation-name: fadeOutLeft}

@-webkit-keyframes fadeOutLeftBig {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(-2000px, 0, 0);        transform: translate3d(-2000px, 0, 0)    }}

@keyframes fadeOutLeftBig {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(-2000px, 0, 0);        transform: translate3d(-2000px, 0, 0)    }}

.fadeOutLeftBig {    -webkit-animation-name: fadeOutLeftBig;    animation-name: fadeOutLeftBig}

@-webkit-keyframes fadeOutRight {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(100%, 0, 0);        transform: translate3d(100%, 0, 0)    }}

@keyframes fadeOutRight {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(100%, 0, 0);        transform: translate3d(100%, 0, 0)    }}

.fadeOutRight {    -webkit-animation-name: fadeOutRight;    animation-name: fadeOutRight}

@-webkit-keyframes fadeOutRightBig {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(2000px, 0, 0);        transform: translate3d(2000px, 0, 0)    }}

@keyframes fadeOutRightBig {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(2000px, 0, 0);        transform: translate3d(2000px, 0, 0)    }}

.fadeOutRightBig {    -webkit-animation-name: fadeOutRightBig;    animation-name: fadeOutRightBig}

@-webkit-keyframes fadeOutUp {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(0, -100%, 0);        transform: translate3d(0, -100%, 0)    }}

@keyframes fadeOutUp {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(0, -100%, 0);        transform: translate3d(0, -100%, 0)    }}

.fadeOutUp {    -webkit-animation-name: fadeOutUp;    animation-name: fadeOutUp}

@-webkit-keyframes fadeOutUpBig {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(0, -2000px, 0);        transform: translate3d(0, -2000px, 0)    }}

@keyframes fadeOutUpBig {    from {        opacity: 1    }    to {        opacity: 0;        -webkit-transform: translate3d(0, -2000px, 0);        transform: translate3d(0, -2000px, 0)    }}

.fadeOutUpBig {    -webkit-animation-name: fadeOutUpBig;    animation-name: fadeOutUpBig}

@-webkit-keyframes flip {    from {        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);        transform: perspective(400px) scale3d(1, 1, 1)translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);        -webkit-animation-timing-function: ease-out;        animation-timing-function: ease-out    }    40% {        -webkit-transform: perspective(400px)scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);       -webkit-animation-timing-function: ease-out;        animation-timing-function: ease-out    }    50% {        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0,-170deg);        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);        -webkit-animation-timing-function: ease-in;        animation-timing-function: ease-in    }    80% {        -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0,0) rotate3d(0, 1, 0, 0deg);        -webkit-animation-timing-function: ease-in;        animation-timing-function: ease-in    }    to {        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0,0,0) rotate3d(0, 1, 0, 0deg);        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);        -webkit-animation-timing-function: ease-in;       animation-timing-function: ease-in    }}

@keyframes flip {    from {        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0,0) rotate3d(0, 1, 0, -360deg);        -webkit-animation-timing-function: ease-out;        animation-timing-function: ease-out    }    40% {        -webkit-transform: perspective(400px) scale3d(1, 1, 1)translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);        -webkit-animation-timing-function:ease-out;        animation-timing-function: ease-out    }    50% {        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);        transform:perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);        -webkit-animation-timing-function: ease-in;        animation-timing-function: ease-in    }    80% {       -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);        transform: perspective(400px) scale3d(.95, .95, .95) translate3d(0, 0, 0) rotate3d(0, 1, 0,0deg);        -webkit-animation-timing-function: ease-in;        animation-timing-function: ease-in    }    to {        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1,0,0deg);        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);        -webkit-animation-timing-function: ease-in;        animation-timing-function: ease-in    }}

.animated.flip {    -webkit-backface-visibility: visible;    backface-visibility: visible;    -webkit-animation-name: flip;    animation-name: flip}

@-webkit-keyframes flipInX {    from {        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);       -webkit-animation-timing-function: ease-in;        animation-timing-function: ease-in;        opacity: 0    }    40% {        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);        transform:perspective(400px) rotate3d(1, 0, 0, -20deg);        -webkit-animation-timing-function: ease-in;        animation-timing-function: ease-in    }    60% {        -webkit-transform: perspective(400px) rotate3d(1,0, 0, 10deg);        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);        opacity: 1    }    80% {        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);        transform:perspective(400px) rotate3d(1, 0, 0, -5deg)    }    to {        -webkit-transform: perspective(400px);        transform: perspective(400px)    }}

@keyframes flipInX {

    from {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

        opacity: 1

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



.flipInX {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX

}



.flipInY,

.flipOutX {

    -webkit-backface-visibility: visible !important

}



@-webkit-keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



@keyframes flipInY {

    from {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in;

        opacity: 0

    }

    40% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

        -webkit-animation-timing-function: ease-in;

        animation-timing-function: ease-in

    }

    60% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

        opacity: 1

    }

    80% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)

    }

    to {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

}



.flipInY {

    backface-visibility: visible !important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY

}



@-webkit-keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0

    }

}



@keyframes flipOutX {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

        opacity: 1

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

        opacity: 0

    }

}



.flipOutX {

    animation-duration: .75s;

    -webkit-animation-name: flipOutX;

    animation-name: flipOutX;

    backface-visibility: visible !important

}



@-webkit-keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0

    }

}



@keyframes flipOutY {

    from {

        -webkit-transform: perspective(400px);

        transform: perspective(400px)

    }

    30% {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

        opacity: 1

    }

    to {

        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

        opacity: 0

    }

}



.flipOutY {

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipOutY;

    animation-name: flipOutY

}



@-webkit-keyframes lightSpeedIn {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1

    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes lightSpeedIn {

    from {

        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0

    }

    60% {

        -webkit-transform: skewX(20deg);

        transform: skewX(20deg);

        opacity: 1

    }

    80% {

        -webkit-transform: skewX(-5deg);

        transform: skewX(-5deg)

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.lightSpeedIn {

    -webkit-animation-name: lightSpeedIn;

    animation-name: lightSpeedIn;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out

}



@-webkit-keyframes lightSpeedOut {

    from {

        opacity: 1

    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0

    }

}



@keyframes lightSpeedOut {

    from {

        opacity: 1

    }

    to {

        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0

    }

}



.lightSpeedOut {

    -webkit-animation-name: lightSpeedOut;

    animation-name: lightSpeedOut;

    -webkit-animation-timing-function: ease-in;

    animation-timing-function: ease-in

}



@-webkit-keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



@keyframes rotateIn {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, -200deg);

        transform: rotate3d(0, 0, 1, -200deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



.rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn

}



@-webkit-keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



@keyframes rotateInDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



.rotateInDownLeft {

    -webkit-animation-name: rotateInDownLeft;

    animation-name: rotateInDownLeft

}



@-webkit-keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



@keyframes rotateInDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



.rotateInDownRight {

    -webkit-animation-name: rotateInDownRight;

    animation-name: rotateInDownRight

}



@-webkit-keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



@keyframes rotateInUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



.rotateInUpLeft {

    -webkit-animation-name: rotateInUpLeft;

    animation-name: rotateInUpLeft

}



@-webkit-keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



@keyframes rotateInUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -90deg);

        transform: rotate3d(0, 0, 1, -90deg);

        opacity: 0

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0);

        opacity: 1

    }

}



.rotateInUpRight {

    -webkit-animation-name: rotateInUpRight;

    animation-name: rotateInUpRight

}



@-webkit-keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0

    }

}



@keyframes rotateOut {

    from {

        -webkit-transform-origin: center;

        transform-origin: center;

        opacity: 1

    }

    to {

        -webkit-transform-origin: center;

        transform-origin: center;

        -webkit-transform: rotate3d(0, 0, 1, 200deg);

        transform: rotate3d(0, 0, 1, 200deg);

        opacity: 0

    }

}



.rotateOut {

    -webkit-animation-name: rotateOut;

    animation-name: rotateOut

}



@-webkit-keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

}



@keyframes rotateOutDownLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg);

        transform: rotate3d(0, 0, 1, 45deg);

        opacity: 0

    }

}



.rotateOutDownLeft {

    -webkit-animation-name: rotateOutDownLeft;

    animation-name: rotateOutDownLeft

}



@-webkit-keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



@keyframes rotateOutDownRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



.rotateOutDownRight {

    -webkit-animation-name: rotateOutDownRight;

    animation-name: rotateOutDownRight

}



@-webkit-keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



@keyframes rotateOutUpLeft {

    from {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: left bottom;

        transform-origin: left bottom;

        -webkit-transform: rotate3d(0, 0, 1, -45deg);

        transform: rotate3d(0, 0, 1, -45deg);

        opacity: 0

    }

}



.rotateOutUpLeft {

    -webkit-animation-name: rotateOutUpLeft;

    animation-name: rotateOutUpLeft

}



@-webkit-keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0

    }

}



@keyframes rotateOutUpRight {

    from {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        opacity: 1

    }

    to {

        -webkit-transform-origin: right bottom;

        transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 90deg);

        transform: rotate3d(0, 0, 1, 90deg);

        opacity: 0

    }

}



.rotateOutUpRight {

    -webkit-animation-name: rotateOutUpRight;

    animation-name: rotateOutUpRight

}



@-webkit-keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1

    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0

    }

}



@keyframes hinge {

    0% {

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }

    20%,

    60% {

        -webkit-transform: rotate3d(0, 0, 1, 80deg);

        transform: rotate3d(0, 0, 1, 80deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out

    }

    40%,

    80% {

        -webkit-transform: rotate3d(0, 0, 1, 60deg);

        transform: rotate3d(0, 0, 1, 60deg);

        -webkit-transform-origin: top left;

        transform-origin: top left;

        -webkit-animation-timing-function: ease-in-out;

        animation-timing-function: ease-in-out;

        opacity: 1

    }

    to {

        -webkit-transform: translate3d(0, 700px, 0);

        transform: translate3d(0, 700px, 0);

        opacity: 0

    }

}



.hinge {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-name: hinge;

    animation-name: hinge

}



@-webkit-keyframes jackInTheBox {

    from {

        opacity: 0;

        -webkit-transform: scale(.1) rotate(30deg);

        transform: scale(.1) rotate(30deg);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom

    }

    50% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg)

    }

    70% {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg)

    }

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes jackInTheBox {

    from {

        opacity: 0;

        -webkit-transform: scale(.1) rotate(30deg);

        transform: scale(.1) rotate(30deg);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom

    }

    50% {

        -webkit-transform: rotate(-10deg);

        transform: rotate(-10deg)

    }

    70% {

        -webkit-transform: rotate(3deg);

        transform: rotate(3deg)

    }

    to {

        opacity: 1;

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.jackInTheBox {

    -webkit-animation-name: jackInTheBox;

    animation-name: jackInTheBox

}



@-webkit-keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes rollIn {

    from {

        opacity: 0;

        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);

        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)

    }

    to {

        opacity: 1;

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn

}



@-webkit-keyframes rollOut {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

    }

}



@keyframes rollOut {

    from {

        opacity: 1

    }

    to {

        opacity: 0;

        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);

        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)

    }

}



.rollOut {

    -webkit-animation-name: rollOut;

    animation-name: rollOut

}



@-webkit-keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    50% {

        opacity: 1

    }

}



@keyframes zoomIn {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    50% {

        opacity: 1

    }

}



.zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn

}



@-webkit-keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInDown {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInDown {

    -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown

}



@-webkit-keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInLeft {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInLeft {

    -webkit-animation-name: zoomInLeft;

    animation-name: zoomInLeft

}



@-webkit-keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInRight {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInRight {

    -webkit-animation-name: zoomInRight;

    animation-name: zoomInRight

}



@-webkit-keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomInUp {

    from {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    60% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInUp {

    -webkit-animation-name: zoomInUp;

    animation-name: zoomInUp

}



@-webkit-keyframes zoomOut {

    from {

        opacity: 1

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    to {

        opacity: 0

    }

}



@keyframes zoomOut {

    from {

        opacity: 1

    }

    50% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3)

    }

    to {

        opacity: 0

    }

}



.zoomOut {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut

}



@-webkit-keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomOutDown {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomOutDown {

    -webkit-animation-name: zoomOutDown;

    animation-name: zoomOutDown

}



@-webkit-keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center

    }

}



@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);

        transform: scale(.1) translate3d(-2000px, 0, 0);

        -webkit-transform-origin: left center;

        transform-origin: left center

    }

}



.zoomOutLeft {

    -webkit-animation-name: zoomOutLeft;

    animation-name: zoomOutLeft

}



@-webkit-keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center

    }

}



@keyframes zoomOutRight {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

    }

    to {

        opacity: 0;

        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);

        transform: scale(.1) translate3d(2000px, 0, 0);

        -webkit-transform-origin: right center;

        transform-origin: right center

    }

}



.zoomOutRight {

    -webkit-animation-name: zoomOutRight;

    animation-name: zoomOutRight

}



@-webkit-keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



@keyframes zoomOutUp {

    40% {

        opacity: 1;

        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }

    to {

        opacity: 0;

        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        -webkit-transform-origin: center bottom;

        transform-origin: center bottom;

        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomOutUp {

    -webkit-animation-name: zoomOutUp;

    animation-name: zoomOutUp

}



@-webkit-keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInDown {

    from {

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.slideInDown {

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown

}



@-webkit-keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInLeft {

    from {

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.slideInLeft {

    -webkit-animation-name: slideInLeft;

    animation-name: slideInLeft

}



@-webkit-keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInRight {

    from {

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.slideInRight {

    -webkit-animation-name: slideInRight;

    animation-name: slideInRight

}



@-webkit-keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



@keyframes slideInUp {

    from {

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

        visibility: visible

    }

    to {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

}



.slideInUp {

    -webkit-animation-name: slideInUp;

    animation-name: slideInUp

}



@-webkit-keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

}



@keyframes slideOutDown {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0)

    }

}



.slideOutDown {

    -webkit-animation-name: slideOutDown;

    animation-name: slideOutDown

}



@-webkit-keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

}



@keyframes slideOutLeft {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(-100%, 0, 0);

        transform: translate3d(-100%, 0, 0)

    }

}



.slideOutLeft {

    -webkit-animation-name: slideOutLeft;

    animation-name: slideOutLeft

}



@-webkit-keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

}



@keyframes slideOutRight {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(100%, 0, 0);

        transform: translate3d(100%, 0, 0)

    }

}



.slideOutRight {

    -webkit-animation-name: slideOutRight;

    animation-name: slideOutRight

}



@-webkit-keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

}



@keyframes slideOutUp {

    from {

        -webkit-transform: translate3d(0, 0, 0);

        transform: translate3d(0, 0, 0)

    }

    to {

        visibility: hidden;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0)

    }

}



.slideOutUp {

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp

}



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both

}



.animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite

}



.animated.delay-1s {

    -webkit-animation-delay: 1s;

    animation-delay: 1s

}



.animated.delay-2s {

    -webkit-animation-delay: 2s;

    animation-delay: 2s

}



.animated.delay-3s {

    -webkit-animation-delay: 3s;

    animation-delay: 3s

}



.animated.delay-4s {

    -webkit-animation-delay: 4s;

    animation-delay: 4s

}



.animated.delay-5s {

    -webkit-animation-delay: 5s;

    animation-delay: 5s

}



.animated.fast {

    -webkit-animation-duration: .8s;

    animation-duration: .8s

}



.animated.faster {

    -webkit-animation-duration: .5s;

    animation-duration: .5s

}



.animated.slow {

    -webkit-animation-duration: 2s;

    animation-duration: 2s

}



.animated.slower {

    -webkit-animation-duration: 3s;

    animation-duration: 3s

}



@media (print),

(prefers-reduced-motion:reduce) {

    .animated {

        -webkit-animation-duration: 1ms !important;

        animation-duration: 1ms !important;

        -webkit-transition-duration: 1ms !important;

        transition-duration: 1ms !important;

        -webkit-animation-iteration-count: 1 !important;

        animation-iteration-count: 1 !important

    }

}



p,

ul.resp-tabs-list {

    margin: 0;

    padding: 0

}



.resp-tabs-list li {

    font-weight: 600;

    font-size: 13px;

    display: inline-block;

    padding: 13px 15px;

    margin: 0;

    list-style: none;

    cursor: pointer;

    float: left

}



.resp-tabs-container {

    padding: 40px 0 0;

    background-color: #fff;

    clear: left

}



h2.resp-accordion {

    cursor: pointer;

    padding: 5px;

    display: none

}



.resp-tab-content {

    display: none

}



.resp-accordion-active,

.resp-content-active,

.resp-easy-accordion h2.resp-accordion,

.resp-tab-content-active {

    display: block

}



.resp-tab-active {

    margin-bottom: -1px !important;

    border-bottom: none;

    background-color: #fff

}



h2.resp-accordion {

    margin: 0

}



h2.resp-tab-active {

    margin-bottom: 0 !important

}



h2.resp-tab-title:last-child {

    border-bottom: 12px solid #c1c1c1 !important;

    background: #00f

}



.resp-vtabs ul.resp-tabs-list {

    float: left;

    width: 30%

}



.resp-vtabs .resp-tabs-list li {    display: block;    padding: 15px !important;    margin: 0;    cursor: pointer;    float: none}



.resp-vtabs .resp-tabs-container {    padding: 0;    background-color: #fff;    border: 1px solid #c1c1c1;    float: left;    width: 68%;    min-height: 250px;    border-radius: 4px;    clear: none}



.resp-vtabs .resp-tab-content {    border: none}



.resp-vtabs li.resp-tab-active {    border: 1px solid #c1c1c1;    border-right: none;    background-color: #fff;    position: relative;    z-index: 1;    margin-right: -1px !important;    padding: 14px 15px 15px 14px !important}

.resp-arrow {    width: 0;    height: 0;    float: right;    margin-top: 10px;    margin-right: 10px;    border-left: 6px solid transparent;    border-right: 6px solid transparent;    border-top: 12px solid #c1c1c1}

h2.resp-tab-active span.resp-arrow {    border: none;    border-left: 6px solid transparent;    border-right: 6px solid transparent;    border-bottom: 12px solid #9B9797}

h2.resp-tab-active {    background: #DBDBDB !important}

.resp-easy-accordion .resp-tab-content {    border: 1px solid #c1c1c1}

.resp-jfit {    width: 100%;    margin: 0}

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

    ul.resp-tabs-list {        display: none    }

    h2.resp-accordion {        display: block;        font-size: 16px;        border-top: 1px solid #e7e7e7;        text-transform: capitalize    }

    .resp-vtabs .resp-tab-content {        border: 1px solid #C1C1C1    }

    .resp-vtabs .resp-tabs-container {        border: none;        float: none;        width: 100%;        min-height: initial;        clear: none    }

    .resp-accordion-closed {        display: none !important    }

    .resp-vtabs .resp-tab-content:last-child {        border-bottom: 1px solid #c1c1c1 !important    }

    .resp-tabs-container h2 .tablink {        margin: 7px 0 0    }

}



#horizontalTab .resp-tab-content>* {    opacity: 0}

#horizontalTab .resp-tab-content.resp-tab-content-active>* {    -webkit-animation: fadeIn 3s;    animation: fadeIn 3s;    opacity: 3}

.no-cssanimations #horizontalTab .resp-tab-content>* {    opacity: 3}

#horizontalTab2 .resp-tab-content>* {    opacity: 0}

@-webkit-keyframes fadeIn {    from {        opacity: 0    }    to {        opacity: 3    }}

@keyframes fadeIn {    from {        opacity: 0    }    to {        opacity: 2    }}

#horizontalTab2 .resp-tab-content.resp-tab-content-active>* {    -webkit-animation: fadeIn 3s;    animation: fadeIn 3s;    opacity: 3}

.no-cssanimations #horizontalTab2 .resp-tab-content>* {    opacity: 3}

.glyph,.unit {    float: left}

.bgc1,.textbox0 {    background: #f1f1f1}

.fs0,.glyph {    font-size: 16px}

.glyph {    width: 15em;    padding-bottom: 1em;    margin-right: 4em;    margin-bottom: 1em;    overflow: hidden}

.liga {    width: 80%;    width: calc(100% - 2.5em)}

.talign-right {    text-align: right}

.talign-center {    text-align: center}

.fgc1 {    color: #999}

.fgc0 {    color: #000}

.mvm {    margin-top: .75em;    margin-bottom: .75em}

.mtn {    margin-top: 0}

.mal,.mtl {    margin-top: 1.5em}

.mal,.mbl {    margin-bottom: 1.5em}

.mal,.mhl {    margin-left: 1.5em;    margin-right: 1.5em}

.mhmm {    margin-left: 1em;    margin-right: 1em}

.mls {    margin-left: .25em}

.ptl {    padding-top: 1.5em}

.pbs,.pvs {    padding-bottom: .25em}

.pts,.pvs {    padding-top: .25em}

.unitRight {    float: right}

.size1of2 {    width: 50%}

.size1of1 {    width: 100%}

.clearfix:after,.clearfix:before {    content: " ";    display: table}

.clearfix:after {    clear: both}

.hidden-true {    display: none}

.textbox0 {    width: 3em;    padding: .25em .5em;    line-height: 1.5;    height: 1.5em}

#testDrive {    display: block;    padding-top: 24px;    line-height: 1.5}

.fs1 {    font-size: 32px}



@font-face {

    font-family: icomoon;

    src: url(fonts/icomoon49fc.eot?i5wm5y);

    src: url(fonts/icomoon49fc.eot?i5wm5y#iefix) format('embedded-opentype'), url(fonts/icomoon49fc.ttf?i5wm5y) format('truetype'), url(fonts/icomoon49fc.woff?i5wm5y) format('woff'), url(fonts/icomoon49fc.svg?i5wm5y#icomoon) format('svg');

    font-weight: 400;

    font-style: normal;

    font-display: block

}

.lead_img span, .lead_img p {text-align: justify !important;}

.lead_img h1 {font-variant: all-petite-caps;font-size:28px;font-weight:800;}

.lead_img h3 {font-weight:300;margin-bottom: 4%;}

.lead_img .textbox {text-align: justify center !important;}

.lead_img img {border-radius:100% !important;width: auto;height: 250px !important;margin-bottom: 4%; }





.icon {

    font-family: icomoon !important;

    speak: none;

    font-style: normal;

    font-weight: 400;

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    letter-spacing: 0;

    -webkit-font-feature-settings: "liga";

    -moz-font-feature-settings: "liga=1";

    -moz-font-feature-settings: "liga";

    -ms-font-feature-settings: "liga" 1;

    font-feature-settings: "liga";

    -webkit-font-variant-ligatures: discretionary-ligatures;

    font-variant-ligatures: discretionary-ligatures;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale

	

	

}



.icon-service-icon-4 .path1:before {

    content: "\e99c";

    color: #ffbc00

}



.icon-service-icon-4 .path2:before {

    content: "\e99d";

    margin-left: -.9990234375em;

    color: #000

}



.icon-service-icon-4 .path3:before {

    content: "\e99e";

    margin-left: -.9990234375em;

    color: #000

}



.icon-service-icon-4 .path4:before {

    content: "\e99f";

    margin-left: -.9990234375em;

    color: #000

}



.icon-service-icon-4 .path5:before {

    content: "\e9a0";

    margin-left: -.9990234375em;

    color: #000

}



.icon-service-icon-4 .path6:before {

    content: "\e9a1";

    margin-left: -.9990234375em;

    color: #000

}



.icon-service-icon-4 .path7:before {

    content: "\e9a2";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon1 .path1:before {

    content: "\e937";

    color: #e3f2ff

}



.icon-industries-icon1 .path2:before {

    content: "\e938";

    margin-left: -.9990234375em;

    color: #fe73b1

}



.icon-industries-icon1 .path3:before {

    content: "\e939";

    margin-left: -.9990234375em;

    color: #fe73b1

}



.icon-industries-icon1 .path4:before {

    content: "\e93a";

    margin-left: -.9990234375em;

    color: #fe73b1

}



.icon-industries-icon1 .path5:before {

    content: "\e93b";

    margin-left: -.9990234375em;

    color: #fe73b1

}



.icon-industries-icon1 .path6:before {

    content: "\e93c";

    margin-left: -.9990234375em;

    color: #fe73b1

}



.icon-industries-icon1 .path7:before {

    content: "\e93d";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon1 .path8:before {

    content: "\e93e";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon1 .path9:before {

    content: "\e93f";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon1 .path10:before {

    content: "\e940";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon1 .path11:before {

    content: "\e941";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon1 .path12:before {

    content: "\e942";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon1 .path13:before {

    content: "\e943";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon2 .path1:before {

    content: "\e944";

    color: #ffbc00

}



.icon-industries-icon2 .path2:before {

    content: "\e945";

    margin-left: -.9990234375em;

    color: #fff

}



.icon-industries-icon2 .path3:before {

    content: "\e946";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon2 .path10:before,

.icon-industries-icon2 .path11:before,

.icon-industries-icon2 .path12:before,

.icon-industries-icon2 .path13:before,

.icon-industries-icon2 .path15:before,

.icon-industries-icon2 .path16:before,

.icon-industries-icon2 .path17:before,

.icon-industries-icon2 .path18:before,

.icon-industries-icon2 .path19:before,

.icon-industries-icon2 .path20:before,

.icon-industries-icon2 .path21:before,

.icon-industries-icon2 .path22:before,

.icon-industries-icon2 .path23:before,

.icon-industries-icon2 .path24:before,

.icon-industries-icon2 .path25:before,

.icon-industries-icon2 .path4:before,

.icon-industries-icon2 .path5:before,

.icon-industries-icon2 .path6:before,

.icon-industries-icon2 .path7:before,

.icon-industries-icon2 .path8:before,

.icon-industries-icon2 .path9:before {

    color: #2b1b19;

    margin-left: -.9990234375em

}



.icon-industries-icon2 .path4:before {

    content: "\e947"

}



.icon-industries-icon2 .path5:before {

    content: "\e948"

}



.icon-industries-icon2 .path6:before {

    content: "\e949"

}



.icon-industries-icon2 .path7:before {

    content: "\e94a"

}



.icon-industries-icon2 .path8:before {

    content: "\e94b"

}



.icon-industries-icon2 .path9:before {

    content: "\e94c"

}



.icon-industries-icon2 .path10:before {

    content: "\e94d"

}



.icon-industries-icon2 .path11:before {

    content: "\e94e"

}



.icon-industries-icon2 .path12:before {

    content: "\e94f"

}



.icon-industries-icon2 .path13:before {

    content: "\e950"

}



.icon-industries-icon2 .path14:before {

    content: "\e951";

    margin-left: -.9990234375em;

    color: #2b1b19

}



.icon-industries-icon2 .path15:before {

    content: "\e952"

}



.icon-industries-icon2 .path16:before {

    content: "\e953"

}



.icon-industries-icon2 .path17:before {

    content: "\e954"

}



.icon-industries-icon2 .path18:before {

    content: "\e955"

}



.icon-industries-icon2 .path19:before {

    content: "\e956"

}



.icon-industries-icon2 .path20:before {

    content: "\e957"

}



.icon-industries-icon2 .path21:before {

    content: "\e958"

}



.icon-industries-icon2 .path22:before {

    content: "\e959"

}



.icon-industries-icon2 .path23:before {

    content: "\e95a"

}



.icon-industries-icon2 .path24:before {

    content: "\e95b"

}



.icon-industries-icon2 .path25:before {

    content: "\e95c"

}



.icon-industries-icon3 .path1:before {

    content: "\e95d";

    color: #ffbc00

}



.icon-industries-icon3 .path2:before {

    content: "\e95e";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon3 .path3:before {

    content: "\e95f";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon3 .path4:before {

    content: "\e960";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon3 .path5:before {

    content: "\e961";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon3 .path6:before {

    content: "\e962";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon3 .path7:before {

    content: "\e963";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon3 .path8:before {

    content: "\e964";

    margin-left: -.9990234375em;

    color: #1d2128

}



.icon-industries-icon4 .path1:before {

    content: "\e965";

    color: #ffbc00

}



.icon-industries-icon4 .path2:before {

    content: "\e966";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon4 .path3:before {

    content: "\e967";

    margin-left: -.9990234375em;

    color: #f46b27

}



.icon-industries-icon4 .path4:before {

    content: "\e968";

    margin-left: -.9990234375em;

    color: #f46b27

}



.icon-industries-icon4 .path5:before {

    content: "\e969";

    margin-left: -.9990234375em;

    color: #dbdbdb

}



.icon-industries-icon4 .path6:before {

    content: "\e96a";

    margin-left: -.9990234375em;

    color: #f46b27

}



.icon-industries-icon4 .path7:before {

    content: "\e96b";

    margin-left: -.9990234375em;

    color: #fff

}



.icon-industries-icon4 .path8:before {

    content: "\e96c";

    margin-left: -.9990234375em;

    color: #fff

}



.icon-industries-icon4 .path9:before {

    content: "\e96d";

    margin-left: -.9990234375em;

    color: #dbdbdb

}



.icon-industries-icon4 .path10:before {

    content: "\e96e";

    margin-left: -.9990234375em;

    color: #dbdbdb

}



.icon-industries-icon4 .path11:before {

    content: "\e96f";

    margin-left: -.9990234375em;

    color: #fff

}



.icon-industries-icon4 .path12:before {

    content: "\e970";

    margin-left: -.9990234375em;

    color: #ffa83d

}



.icon-industries-icon4 .path13:before {

    content: "\e971";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon4 .path14:before {

    content: "\e972";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon4 .path15:before {

    content: "\e973";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon5 .path1:before {

    content: "\e974";

    color: #ffbc00

}



.icon-industries-icon5 .path2:before {

    content: "\e975";

    margin-left: -1em;

    color: #ffbc00

}



.icon-industries-icon5 .path3:before {

    content: "\e976";

    margin-left: -1em;

    color: #000

}



.icon-industries-icon5 .path4:before {

    content: "\e977";

    margin-left: -1em;

    color: #000

}



.icon-industries-icon5 .path5:before {

    content: "\e978";

    margin-left: -1em;

    color: #000

}



.icon-industries-icon5 .path6:before {

    content: "\e979";

    margin-left: -1em;

    color: #000

}



.icon-industries-icon5 .path7:before {

    content: "\e97a";

    margin-left: -1em;

    color: #000

}



.icon-industries-icon5 .path8:before {

    content: "\e97b";

    margin-left: -1em;

    color: #000

}



.icon-industries-icon5 .path9:before {

    content: "\e97c";

    margin-left: -1em;

    color: #000

}



.icon-industries-icon5 .path10:before {

    content: "\e97d";

    margin-left: -1em;

    color: #000

}



.icon-industries-icon5 .path11:before {

    content: "\e97e";

    margin-left: -1em;

    color: #000

}



.icon-industries-icon6 .path1:before {

    content: "\e97f";

    color: #ffbc00

}



.icon-industries-icon6 .path2:before {

    content: "\e980";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon6 .path3:before {

    content: "\e981";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon6 .path4:before {

    content: "\e982";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon6 .path5:before {

    content: "\e983";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon6 .path6:before {

    content: "\e984";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon6 .path7:before {

    content: "\e985";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon6 .path8:before {

    content: "\e986";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon6 .path9:before {

    content: "\e987";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon6 .path10:before {

    content: "\e988";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon7 .path1:before {

    content: "\e989";

    color: #ffbc00

}



.icon-industries-icon7 .path2:before {

    content: "\e98a";

    margin-left: -.9990234375em;

    color: #ffbc00

}



.icon-industries-icon7 .path3:before {

    content: "\e98b";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon7 .path4:before {

    content: "\e98c";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon7 .path5:before {

    content: "\e98d";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon7 .path6:before {

    content: "\e98e";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon7 .path7:before {

    content: "\e98f";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon7 .path8:before {

    content: "\e990";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon7 .path9:before {

    content: "\e991";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon7 .path10:before {

    content: "\e992";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon7 .path11:before {

    content: "\e993";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon7 .path12:before {

    content: "\e994";

    margin-left: -.9990234375em;

    color: #000

}



.icon-industries-icon8 .path1:before {

    content: "\e995";

    color: #ffbc00

}



.icon-industries-icon8 .path2:before {

    content: "\e996";

    margin-left: -1em;

    color: #ffbc00

}



.icon-industries-icon8 .path3:before {

    content: "\e997";

    margin-left: -1em;

    color: #ffbc00

}



.icon-industries-icon8 .path4:before {

    content: "\e998";

    margin-left: -1em;

    color: #ffbc00

}



.icon-industries-icon8 .path5:before {

    content: "\e999";

    margin-left: -1em;

    color: #000

}



.icon-industries-icon8 .path6:before {

    content: "\e99a";

    margin-left: -1em;

    color: #000

}



.icon-industries-icon8 .path7:before {

    content: "\e99b";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path1:before {

    content: "\e900";

    color: #fdb720

}



.icon-service-icon-1 .path2:before {

    content: "\e901";

    margin-left: -1em;

    color: #fdb720

}



.icon-service-icon-1 .path3:before {

    content: "\e902";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path4:before {

    content: "\e903";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path5:before {

    content: "\e904";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path6:before {

    content: "\e905";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path7:before {

    content: "\e906";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path8:before {

    content: "\e907";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path9:before {

    content: "\e908";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path10:before {

    content: "\e909";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path11:before {

    content: "\e90a";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path12:before {

    content: "\e90b";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path13:before {

    content: "\e90c";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path14:before {

    content: "\e90d";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path15:before {

    content: "\e90e";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path16:before {

    content: "\e90f";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path17:before {

    content: "\e910";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path18:before {

    content: "\e911";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path19:before {

    content: "\e912";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path20:before {

    content: "\e913";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path21:before {

    content: "\e914";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path22:before {

    content: "\e915";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path23:before {

    content: "\e916";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-1 .path24:before {

    content: "\e917";

    margin-left: -1em;

    color: #fdb720

}



.icon-service-icon-1 .path25:before {

    content: "\e918";

    margin-left: -1em;

    color: #000

}



.icon-service-icon-2 .path1:before {

    content: "\e919";

    color: #fdb720

}



.icon-service-icon-2 .path2:before {

    content: "\e91a";

    margin-left: -1em;

    color: #fdb720

}



.icon-service-icon-2 .path3:before {

    content: "\e91b";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path4:before {

    content: "\e91c";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path5:before {

    content: "\e91d";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path6:before {

    content: "\e91e";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path7:before {

    content: "\e91f";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path8:before {

    content: "\e920";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path9:before {

    content: "\e921";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path10:before {

    content: "\e922";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path11:before {

    content: "\e923";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path12:before {

    content: "\e924";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path13:before {

    content: "\e925";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path14:before {

    content: "\e926";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path15:before {

    content: "\e927";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path16:before {

    content: "\e928";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-2 .path17:before {

    content: "\e929";

    margin-left: -1em;

    color: #050505

}



.icon-service-icon-3 .path1:before {

    content: "\e92a";

    color: #fdb720

}



.icon-service-icon-3 .path2:before {

    content: "\e92b";

    margin-left: -1.005859375em;

    color: #fdb720

}



.icon-service-icon-3 .path3:before {

    content: "\e92c";

    margin-left: -1.005859375em;

    color: #000

}



.icon-service-icon-3 .path4:before {

    content: "\e92d";

    margin-left: -1.005859375em;

    color: #000

}



.icon-service-icon-3 .path5:before {

    content: "\e92e";

    margin-left: -1.005859375em;

    color: #000

}



.icon-service-icon-3 .path6:before {

    content: "\e92f";

    margin-left: -1.005859375em;

    color: #000

}



.icon-service-icon-3 .path7:before {

    content: "\e930";

    margin-left: -1.005859375em;

    color: #000

}



.icon-service-icon-3 .path8:before {

    content: "\e931";

    margin-left: -1.005859375em;

    color: #000

}



.icon-service-icon-3 .path9:before {

    content: "\e932";

    margin-left: -1.005859375em;

    color: #000

}



.icon-service-icon-3 .path10:before {

    content: "\e933";

    margin-left: -1.005859375em;

    color: #000

}



.icon-service-icon-3 .path11:before {

    content: "\e934";

    margin-left: -1.005859375em;

    color: #000

}



.icon-service-icon-3 .path12:before {

    content: "\e935";

    margin-left: -1.005859375em;

    color: #000

}



.icon-service-icon-3 .path13:before {

    content: "\e936";

    margin-left: -1.005859375em;

    color: #000

}



.icon-image:before {

    content: "\e9a3"

}



.rate-btn.rateYo2,

.rate-btn.rateYo2.edited {

    font-size: 12px;

    color: #939393

}



#rateYo1,

.rate-send,

.rateit-wrap {

    display: inline-block

}



.rate-send,

.rating-view .rate-btn.enable {

    cursor: pointer

}



.rateit-wrap {

    vertical-align: top;

    margin-top: 2px;

    margin-right: 1px;

    position: relative;

    min-width: 97px;

    min-height: 26px

}



.rating-view .rate-btn,

.rating-view .rate-btn.enable {

    color: #ff5722;

    font-size: 12px;

    display: inline-block;

    padding-top: 3px;

    font-weight: 700

}



.rating-view .rate-btn:hover {

    text-decoration: none

}



#rateYo1 {

    min-height: 15px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: #ff5722;

    padding: 5px;

    min-width: 73px

}



#rateYo1.rateYo2 {

    background-color: #212121;

    box-shadow: 0 3px 3px 0 #a9a9a9;

    margin-top: -4px;

    transition: .4s

}



#rateYo1.rateYo2::after {

    content: '';

    position: absolute;

    left: 45%;

    bottom: -5px;

    height: 0;

    width: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 5px solid #212121

}



.rate-btn.rateYo2.edited {

    background: url(../../../404.html) 0 center no-repeat;

    background-size: 18px auto;

    padding-left: 26px;

    padding-top: 3px

}



.rate-btn.rateYo2.edited.already_rated {

    background: 0 0;

    padding: 3px 0 0;

    color: #939393

}



.initail-rate {

    position: absolute;

    top: 26px;

    left: 0;

    text-align: center;

    width: 98%

}



.rate-send {

    width: 24px;

    padding-top: 3px;

    padding-left: 6px

}



.rate-submit {

    display: none

}



.rate-submit.full-show {

    display: block

}



.rate-send.sucess svg path {

    fill: green

}



#totalClient.mark {

    background-color: #ff5722;

    color: #fff

}



.rating-view .overall {

    display: inline-block;

    margin-top: 2px

}



.jq-ry-container {

    position: relative;

    padding: 0 5px;

    line-height: 0;

    display: block;

    cursor: pointer;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box

}



.jq-ry-container[readonly=readonly] {    cursor: default}

.jq-ry-container>.jq-ry-group-wrapper {    position: relative;    width: 100%}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group {    position: relative;    line-height: 0;    z-index: 10;    white-space: nowrap}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group>svg {    display: inline-block}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-normal-group {    width: 100%}

.jq-ry-container>.jq-ry-group-wrapper>.jq-ry-group.jq-ry-rated-group {    width: 0;    z-index: 11;    position: absolute;    top: 0;    left: 0;    overflow: hidden}



/*   FORM     */



.form-top{  margin-top: 30px;}

.panel{  box-shadow: 0 1px 6px 0 rgba(0,0,0,.12), 0 1px 6px 0 rgba(0,0,0,.12);  border-radius: 6px;    border: 0;}

@-moz-document url-prefix() {    .form-control{      height: auto;    }}

.panel-primary{  background-color: #2c3e50;  color: #fff;}

.panel-primary>.panel-heading {    color: #fff;    font-size: 20px;    background-color: #2c3e50;    border-color: #2c3e50;}

.btn-warning{  background-color: transparent;  border-color: #bdc3c7;}