@import url(https://fonts.googleapis.com/css?family=Open+Sans);
* {
    font-family: 'Open Sans', sans-serif
}

body {
    font-family: 'Open Sans', sans-serif
}

p,
h1,
h2,
h3 h4,
h5,
h6,
span,
div,
pre,
input {
    font-family: 'Open Sans', sans-serif
}

p {
    font-size: 16px;
    line-height: normal
}

.contain {
    padding-left: 15px;
    padding-right: 15px
}

.fix-container11 {
    max-width: 1600px;
    margin: 0 auto
}

.sp-megamenu-parent {
    list-style: none;
    margin: 0;
    z-index: 9;
    display: block;
    float: right;
    padding-left: 0
}

li.sp-menu-item.p-box2 {
    background: #fff
}

i.fa.fa-phone {
    color: #df5c1e;
    font-size: 16px;
    font-weight: 700
}

.is-sticky .p-box {
    visibility: visible;
    width: 108px;
    z-index: 0;
    -webkit-transition: width .3s ease-out;
    -moz-transition: width .3s ease-out;
    transition: width .3s ease-out
}

.is-sticky .sp-default-logo {
    height: 57px;
    -webkit-transition: height .3s ease-out;
    -moz-transition: height .3s ease-out;
    transition: height .3s ease-out
}

.sp-default-logo {
    height: 60px;
    margin-top: 3px;
    -webkit-transition: height .3s ease-out;
    -moz-transition: height .3s ease-out;
    transition: height .3s ease-out
}

.p-box {
    width: 0;
    visibility: hidden;
    white-space: nowrap;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.sp-megamenu-parent>li {
    display: inline-block;
    position: relative;
    padding: 0
}

.sp-megamenu-parent>li.menu-justify {
    position: static
}

.sp-megamenu-parent>li>a {
    display: inline-block;
    padding: 0 8px;
    line-height: 66px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-weight: 600;
    color: #2c4156
}

h4.details-font {
    font-size: 30px;
    line-height: 40px
}

.sp-megamenu-parent>li>a:hover {
    color: #e2510a
}

.sp-megamenu-parent>li.sp-has-child>a:after {
    font-family: "FontAwesome";
    content: " \f107"
}

.sp-megamenu-parent .sp-module {
    padding: 10px
}

.sp-megamenu-parent .sp-mega-group {
    list-style: none;
    padding-left: 0;
    margin: 0
}

.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
    list-style: none;
    padding: 0;
    margin: 0
}

.sp-megamenu-parent .sp-dropdown {
    margin: 0;
    position: absolute;
    z-index: 10;
    display: none
}

.sp-dropdown-items {
    border-top: 1px solid #f3580b;
    border-bottom: 1px solid #f3580b
}

.madding-no {
    padding-left: 0
}

.padd-left {
    padding-left: 27px
}

.sp-column {
    text-align: center;
    padding-left: 30px
}

.sp-megamenu-wrapper {
    padding-right: 30px
}

.border-left {
    border-left: 2px solid lightgray;
    padding-left: 0
}

.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-full.container ul ul>li {
    border-bottom: 0
}

.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-full.container ul>li {
    border-bottom: 0
}

li.graphic-heading {
    text-align: left;
    padding: 8px 10px;
    font-size: 15px
}

li.graphic-heading>a {
    color: #eb550a;
    font-weight: 700
}

.sp-dropdown-inner {
    border-top: 3px solid #eb550a
}

.sp-menu-full.container ul ul {
    border-top: 0;
    border-bottom: 0
}

.sp-menu-item.sp-has-child h4,
button,
h3 {
    text-align: left;
    color: #555252
}

p.btn-lft {
    text-align: left
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: url(img/BG.jpg) repeat scroll left top #fff;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2)
}

.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-full.container .sp-dropdown-inner.sub-menu-self1 {
    padding: 20px 35px
}

.border-top-class {
    border-top: 1px solid gray;
    padding-top: 10px;
    margin-top: 30px;
    color: #000
}

.padd-no {
    padding-left: 0
}

.border-r {
    border-right: 1px solid #595a5f;
    padding-left: 0;
    min-height: 235px
}

.sp-dropdown.sp-dropdown-main.sp-dropdown-mega.sp-menu-full.container {
    width: 100%
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    list-style: none;
    padding: 0;
    margin: 0
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child>a:after {
    font-family: "FontAwesome";
    content: " \f105";
    float: right
}

.sp-megamenu-parent .sp-dropdown.sp-menu-center {
    margin-left: 45px
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    top: 100%
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right,
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    left: 0
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
    right: 0
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
    top: 0;
    left: 100%
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    display: block;
    padding: 0 9px;
    position: relative;
    border-bottom: 1px solid gray
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    display: block;
    padding: 10px;
    color: #4a4646;
    cursor: pointer;
    text-align: left
}

.border-left {
    border-left: 2px solid lightgray;
    padding-left: 0
}

i.fa.fa-angle-right {
    font-size: 17px;
    font-weight: 700;
    padding-left: 5px
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a.sp-group-title {
    text-transform: uppercase;
    font-weight: 700;
    color: #eb550a;
    font-size: 15px
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a.sp-group-title:hover {
    text-transform: uppercase;
    font-weight: 700;
    color: #eb550a;
    font-size: 15px
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #000
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover {
    color: #ccc
}

.sp-megamenu-parent .sp-dropdown-mega>.row {
    margin-top: 30px
}

.sp-megamenu-parent .sp-dropdown-mega>.row:first-child {
    margin-top: 0
}

.sp-megamenu-parent .sp-has-child:hover>.sp-dropdown {
    display: block
}

.sp-megamenu-parent.menu-fade .sp-has-child:hover>.sp-dropdown {
    -webkit-animation: spMenuFadeIn 400ms;
    animation: spMenuFadeIn 400ms
}

.sp-megamenu-parent.menu-zoom .sp-has-child:hover>.sp-dropdown {
    -webkit-animation: spMenuZoom 400ms;
    animation: spMenuZoom 400ms
}

.sp-megamenu-parent.menu-fade-up .sp-has-child:hover>.sp-dropdown {
    -webkit-animation: spMenuFadeInUp 400ms;
    animation: spMenuFadeInUp 400ms
}

.carousel-inner img {
    max-height: 398px
}

#offcanvas-toggler {
    float: right;
    line-height: 66px;
    z-index: 9;
    display: none;
    padding-right: 6px
}

#offcanvas-toggler>i {
    display: inline-block;
    padding: 0 0 0 1px;
    font-size: 25px;
    background: transparent;
    margin: 0 0 0 0;
    border-radius: 3px;
    cursor: pointer;
    color: #eb550a;
    -webkit-transition: color 400ms, background-color 400ms;
    -o-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms
}

#offcanvas-toggler>i:hover {
    color: #eb550a
}

.close-offcanvas {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
    color: #f1480b;
    border: 2px solid #f1480b;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    font-size: 12px
}

.close-offcanvas:hover {
    background: #000;
    color: #fff
}

.offcanvas-menu {
    width: 280px;
    height: 100%;
    background: #fff;
    color: #000;
    position: fixed;
    top: 0;
    opacity: 0;
    z-index: 9999;
    overflow-y: scroll
}

.offcanvas-menu .offcanvas-inner {
    padding: 20px
}

.offcanvas-menu .offcanvas-inner .sp-module {
    margin-top: 20px
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li {
    border: none
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a {
    border-bottom: 1px dotted #e8e8e8;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    padding: 4px 20px
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover {
    background: #f5f5f5
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li>a:before {
    display: none
}

.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    margin-top: 0
}

.offcanvas-menu .offcanvas-inner .sp-module .sp-module-content>ul {
    margin: 0 -20px
}

.offcanvas-menu .offcanvas-inner .search {
    margin-top: 25px
}

.offcanvas-menu .offcanvas-inner .search input {
    width: 100%;
    border-radius: 0;
    border: 1px solid #eee;
    box-shadow: none;
    -webkit-box-shadow: none
}

.ltr .offcanvas-menu {
    -webkit-transition: opacity 400ms cubic-bezier(.7, 0, .3, 1), right 400ms cubic-bezier(.7, 0, .3, 1);
    transition: opacity 400ms cubic-bezier(.7, 0, .3, 1), right 400ms cubic-bezier(.7, 0, .3, 1)
}

.ltr .body-innerwrapper:after {
    right: 0
}

.ltr .offcanvas-menu {
    right: -280px
}

.ltr.offcanvas .offcanvas-menu {
    right: 0
}

.body-innerwrapper:after {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, .8);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    z-index: 999
}

.offcanvas {
    width: 100%;
    height: 100%;
    position: relative
}

.offcanvas .body-innerwrapper:after {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.offcanvas .offcanvas-menu {
    opacity: 1
}

.menu .nav-child.small {
    font-size: inherit
}

.sp-module-title {
    background: #de6b13;
    display: inline;
    padding: 8px 24px;
    color: #fff;
    font-weight: 700;
    border-radius: 4px;
    box-shadow: inset 1px 5px 10px -5px rgba(0, 0, 0, .55)
}

@-webkit-keyframes spMenuFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes spMenuFadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes spMenuZoom {
    0% {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes spMenuZoom {
    0% {
        opacity: 0;
        transform: scale(.8);
        -webkit-transform: scale(.8)
    }
    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes spMenuFadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none
    }
}

@keyframes spMenuFadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 30px, 0)
    }
    100% {
        opacity: 1;
        transform: none
    }
}

a {
    -webkit-transition: color 400ms, background-color 400ms;
    transition: color 400ms, background-color 400ms
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none
}

label {
    font-weight: 400
}

legend {
    padding-bottom: 10px
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

.btn,
.sppb-btn {
    -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
    -o-transition: color 400ms, background-color 400ms, border-color 400ms;
    transition: color 400ms, background-color 400ms, border-color 400ms
}

.offline-inner {
    margin-top: 100px
}

#sp-header-sticky-wrapper {
    position: relative;
    z-index: 100;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)!important
}

#sp-header {
    height: 67px;
    position: relative;
    z-index: 1000;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12)!important
}

.top-bar-height {
    min-height: 4px;
    background: #f7590b
}

#sp-header .logo {
    display: inline-block;
    height: 66px;
    display: table
}

#sp-menu {
    max-height: 66px
}

#sp-header .logo h1 {
    font-size: 24px;
    line-height: 1;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

#sp-header .logo p {
    margin: 5px 0 0
}

#sp-header .sp-retina-logo {
    display: none
}

.sticky-wrapper.is-sticky {
    position: relative;
    z-index: 999
}

#sp-title {
    min-height: 0
}

.sp-page-title {
    padding: 30px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed
}

.sp-page-title h2,
.sp-page-title h3 {
    margin: 0;
    padding: 0;
    color: #fff
}

.sp-page-title h2 {
    font-size: 24px;
    line-height: 1
}

.sp-page-title h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-top: 10px
}

.sp-page-title .breadcrumb {
    background: none;
    padding: 0;
    margin: 10px 0 0 0
}

.sp-page-title .breadcrumb>.active {
    color: rgba(255, 255, 255, .8)
}

.sp-page-title .breadcrumb>span,
.sp-page-title .breadcrumb>li,
.sp-page-title .breadcrumb>li+li:before,
.sp-page-title .breadcrumb>li>a {
    color: #fff
}

.page-header h2,
.blog-featured h1,
.newsfeed-category h2 {
    margin-top: 0;
    font-size: 30px
}

.body-innerwrapper {
    overflow-x: hidden;
    -webkit-transition: margin-left 400ms cubic-bezier(.7, 0, .3, 1);
    transition: margin-left 400ms cubic-bezier(.7, 0, .3, 1)
}

.layout-boxed .body-innerwrapper {
    max-width: 1240px;
    margin: 0 auto;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

#sp-main-body {
    padding: 55px 0 25px 0
}

.com-sppagebuilder #sp-main-body {
    padding: 0
}

.sppb-addon-cta .sppb-cta-subtitle {
    margin-bottom: 0;
    line-height: 26px!important
}

.sppb-addon-cta .sppb-btn-lg {
    margin-top: 30px
}

.sppb-addon-image-content {
    position: relative
}

.sppb-addon-image-content .sppb-image-holder {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background-position: 50%;
    background-size: cover
}

.sppb-addon-image-content.aligment-left .sppb-image-holder {
    left: 0
}

.sppb-addon-image-content.aligment-left .sppb-content-holder {
    padding: 120px 0 120px 50px
}

.sppb-addon-image-content.aligment-right .sppb-image-holder {
    right: 0
}

.sppb-addon-image-content.aligment-right .sppb-content-holder {
    padding: 120px 50px 120px 0
}

@media (max-width:768px) {
    .mb-none{
        display:none;
    }
    .sppb-addon-image-content .sppb-image-holder {
        position: inherit;
        width: 100%!important;
        height: 300px
    }
}

.sp-module {
    margin-top: 50px
}

.sp-module:first-child {
    margin-top: 0
}

.sp-module .sp-module-title {
    margin: 0 0 20px;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1
}

.sp-module ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.sp-module ul>li {
    display: block;
    border-bottom: 1px solid #e8e8e8;
    -webkit-transition: 300ms;
    transition: 300ms
}

.sp-module ul>li>a {
    display: block;
    padding: 5px 0;
    line-height: 36px;
    padding: 2px 0;
    -webkit-transition: 300ms;
    transition: 300ms
}

.sp-module ul>li>a:hover {
    background: none
}

.sp-module ul>li>a:before {
    font-family: FontAwesome;
    content: "\f105";
    margin-right: 8px
}

.sp-module ul>li:last-child {
    border-bottom: none
}

.sp-module .categories-module ul {
    margin: 0 10px
}

.sp-module .latestnews>div {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e8e8e8
}

.sp-module .latestnews>div:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

.sp-module .latestnews>div>a {
    display: block;
    font-weight: 400
}

.sp-module .tagscloud {
    margin: -2px 0
}

.sp-module .tagscloud .tag-name {
    display: inline-block;
    padding: 5px 10px;
    background: gray;
    color: #fff;
    border-radius: 4px;
    margin: 2px 0
}

.sp-module .tagscloud .tag-name span {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 10px
}

.login img {
    display: inline-block;
    margin: 20px 0
}

.login .checkbox input[type="checkbox"] {
    margin-top: 6px
}

.form-links ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.carousel-caption {
    width: 35%;
    left: 13%;
    right: 15%;
    top: 60px;
    text-align: left
}

.carousel-caption h2 {
    color: #e2510a;
    font-size: 41px;
    margin: 0
}

.carousel-caption h3 {
    color: #e2510a;
    font-size: 40px;
    font-weight: 600;
    margin-top: 0
}

.carousel-caption p {
    font-size: 21px;
    color: #d6d6d6
}

.carousel-caption1 {
    position: absolute;
    right: 13%;
    top: 65px;
    width: 30%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 258px;
    padding: 12px;
    border-radius: 3px
}

.wvs-play-video {
    display: block;
    margin: 0 auto 38px;
    width: 134px;
    height: 134px;
    border-radius: 50%;
    border: 3px solid #fff;
    font-size: 0;
    line-height: 0;
    color: transparent;
    position: relative;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.wvs-play-video:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto 0 auto 48px;
    content: "";
    width: 40px;
    height: 62px;
    background: url(img/sprite.png) -760px -280px no-repeat
}

.wvs-play-video {
    background-color: #695a56
}

.wvs-play-video:hover {
    opacity: .5
}

.sub-caption {
    color: #F44336;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .6);
    position: relative;
    margin: 0 0 -57px;
    font-weight: 700
}

.sub-caption:after {
    content: "";
    left: 42px;
    top: -64px;
    -webkit-transform: rotate(-71deg);
    transform: rotate(-71deg);
    position: absolute;
    width: 99px;
    overflow: hidden;
    height: 37px;
    background: url(img/sprite.png) -899px -322px no-repeat
}

.client-logo img {
    margin: 0 auto
}

.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    background: #353742!important;
    border: 1px solid #1e1f25
}

.modal-header {
    padding: 15px;
    border-bottom: none;
    min-height: 16.42857143px;
    background: #1e1f25
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #b7b6b6;
    font-weight: 700
}

.page-nutshell-wrapper {
    position: relative;
    padding-bottom: 30px;
    padding-top: 45px
}

.home-nutshell-wrapper {
    background: url(img/h-nutshell-bkg.png);
    border-bottom: 1px solid #0d1013
}

.frame {
    padding: 0;
    background: 0 0;
    display: table;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    min-width: 268px
}

.sec-ttl {
    text-align: center;
    margin-bottom: 40px
}

.sec-ttl.dark h3 {
    color: #fff;
    font: 40px/1 roboto-medium-webfont, sans-serif;
    text-align: center
}

.hnc-subcaption-fs {
    font-size: 17px
}

.hnc-subcaption {
    color: #a5a6a7;
    text-align: center;
    margin-top: 20px
}

.hnc-features-list.alt {
    text-align: center
}

.hnc-features-list {
    margin: 50px 0 80px;
    padding-left: 0
}

.hnc-features-list.alt>li {
    width: auto;
    max-width: 216px;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 12px 10px;
    position: relative;
    z-index: 99
}

.hnc-features-list>li {
    width: 25%;
    float: left;
    text-align: center;
    overflow: hidden
}

.hnc-features-list .sc-img {
    text-align: center
}

.hnc-features-list .sc-img a {
    width: 200px;
    height: 200px;
    display: inline-block;
    position: relative;
    text-align: center
}

.hnc-features-list .sc-link-1 {
    background: url(img/strategy-consulting-logo.png) no-repeat
}

.hnc-features-list .sc-link-2 {
    background: url(img/creative-design-logo.png) no-repeat
}

.hnc-features-list .sc-link-3 {
    background: url(img/web-mobile-development-logo.png) no-repeat
}

.hnc-features-list .sc-link-4 {
    background: url(img/online-marketing-logo.png) no-repeat
}

.hnc-features-list .sc-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 180px;
    margin: 10px;
    display: block;
    max-width: none!important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.hnc-features-list .sc-img-2 {
    opacity: 0
}

.hnc-features-list .sc-img a.active .sc-img-1,
.hnc-features-list .sc-img a:hover .sc-img-1 {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0
}

.hnc-features-list .sc-bubble {
    background: url(img/nutshell-bubble.png) no-repeat;
    width: 218px;
    min-height: 90px;
    margin: 5px auto 0;
    font-size: 18px;
    padding-top: 20px
}

.hnc-features-list .sc-bubble h3 a {
    text-align: center!important
}

.hnc-features-list .sc-bubble .h3,
.hnc-features-list .sc-bubble h2 {
    font-size: 18px;
    margin-top: 3px
}

.strategy-consulting .sc-bubble .h3>a,
.strategy-consulting .sc-bubble h2>a,
.strategy-consulting .sc-bubble ul h3 a:hover,
.strategy-consulting .sc-bubble>span {
    color: #fff
}

.creative-design .sc-bubble .h3>a,
.creative-design .sc-bubble h2>a,
.creative-design .sc-bubble ul h3 a:hover {
    color: #fff
}

.web-mobile-development .sc-bubble .h3>a,
.web-mobile-development .sc-bubble h2>a,
.web-mobile-development .sc-bubble ul h3 a:hover {
    color: #fff
}

.web-online-marketing .sc-bubble .h3>a,
.web-online-marketing .sc-bubble h2>a,
.web-online-marketing .sc-bubble ul h3 a:hover {
    color: #fff
}

.sc-bubble .h3>a,
.sc-bubble h2>a,
.sc-bubble>span {
    position: relative;
    z-index: 2;
    display: table-cell;
    vertical-align: middle;
    height: 43px;
    width: 218px
}

li.self-class:hover .sc-bubble ul,
li.self-class:hover .sc-bubble:hover ul {
    opacity: 1;
    visibility: visible;
    margin-top: -285px
}

.self-class:hover .sc-bubble ul {
    display: block;
    opacity: 1;
    margin-top: -285px
}

.sc-bubble ul {
    position: absolute;
    border-radius: 0 0 3px 3px;
    width: 218px;
    padding: 20px 0 15px;
    background: #1a2023;
    margin-top: -20px;
    z-index: 11;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.sc-bubble ul li>h3 {
    margin: 0
}

.sc-bubble ul h3 a {
    font-size: 12px;
    color: #777e84;
    border-bottom: 1px solid #252a30;
    display: block;
    padding: 10px 0;
    line-height: 1.3
}

.sc-bubble ul h3 a:hover {
    background: #000
}

.strategy-consulting .sc-bubble .h3>a,
.strategy-consulting .sc-bubble h2>a,
.strategy-consulting .sc-bubble ul h3 a:hover,
.strategy-consulting .sc-bubble>span {
    color: #fff
}

.awards .next-step:after {
    background: url(img/our-latest-projects-bkg.png)
}

.next-step:hover:before {
    background-position: -26px -200px;
    top: 48px
}

.bx-controls-direction {
    position: relative
}

.home-p .bx-controls-direction a.bx-next {
    position: absolute;
    top: -300px;
    z-index: 9;
    right: -52px;
    color: transparent;
    background-image: url(img/swiper-prev-icon.png);
    background-size: 20px;
    background-repeat: no-repeat;
    height: 37px
}

.home-p .bx-controls-direction a.bx-prev {
    position: absolute;
    top: -300px;
    z-index: 9;
    left: -43px;
    color: transparent;
    background-image: url(img/swiper-next-icon.png);
    background-size: 20px;
    background-repeat: no-repeat;
    height: 37px
}

.next-step:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 99px;
    height: 99px;
    content: "";
    border-radius: 50%;
    z-index: 1;
    background: #000
}

.awards {
    padding: 57px 0 20px;
    background: url(img/our-latest-projects-bkg.png)
}

.home-p .bx-wrapper {
    margin: 0 auto
}

.awards .section-title {
    text-align: center;
    margin: 0 0 36px;
    max-width: 1000px;
    margin: 0 auto
}

.section-title h2 {
    color: #fff;
    margin: 0 0 10px;
    font-size: 35px;
    font-weight: 700;
    color: #e05c1e
}

.section-title p {
    font-size: 17px;
    line-height: 1.4;
    color: #fff;
    text-shadow: 0 -1px 0 #00374f;
    margin-bottom: 50px
}

.awards .row {
    display: table;
    width: 100%;
    margin: 0
}

.awards .row .left {
    background: #aee238;
    padding: 90px 68px 90px 115px
}

.awards .row .left h4 {
    color: #2c394a;
    font-size: 32px;
    font-weight: 800;
    margin: 0
}

.awards .row .left h3 {
    color: #2c394a;
    font-size: 52px;
    font-weight: 800;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px
}

.awards .row .right {
    background: #e1e1e1;
    vertical-align: middle
}

.awards .bx-wrapper img {
    display: inline-block
}

ul.bxslider2 li>img {
    width: 100%
}

.awards .bxslider2 li {
    text-align: center
}

.awards .right h4 {
    color: #2c394a;
    font-size: 16px;
    font-weight: 800;
    margin: 0;
    padding-top: 21px
}

.awards .bx-wrapper .bx-viewport {
    background: none
}

.home-p .bx-pager-link {
    background: red;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    margin: 2px;
    font-size: 8px
}

.home-p .bx-pager-link.active {
    background: #333;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    font-size: 8px
}

.home-p .bx-pager.bx-default-pager {
    text-align: center;
    margin-top: 24px
}

.home-p .bx-pager-item {
    display: inline-block
}

.text-center1 {
    z-index: 999999;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, .4)
}

.popup {
    min-height: 337px;
    width: 39%;
    text-align: center;
    margin: 0 auto;
    border-radius: 12px;
    position: fixed;
    top: 22%;
    left: auto;
    right: 29%;
    background: #fff;
    z-index: 99999
}

.popup1 p {
    font-size: 26px;
    padding: 35px 64px
}

.form-style input {
    display: block;
    margin: 0 auto
}

.number-text {
    padding: 8px;
    border-radius: 4px;
    width: 60%!important;
    margin-bottom: 13px!important;
    border: 1px solid lightgray
}

.number-sub {
    width: 60%!important;
    padding: 8px;
    background: #ee7214;
    color: #fff;
    font-weight: 700;
    font-size: 21px;
    border: 1px solid #ee7214;
    border-radius: 6px
}

.hide1 {
    text-align: right;
    padding: 14px;
    border-bottom: 1px solid gray;
    max-height: 40px;
    font-size: 20px
}

span.hide-pop img {
    max-height: 11px;
    cursor: pointer
}

.padding1 {
    padding-top: 10px
}

@media only screen and (min-width:767px) and (max-width:1240px) {
    .popup {
        width: 45%;
        right: 26%
    }
}

@media only screen and (min-width:767px) and (max-width:1000px) {
    .popup {
        width: 54%;
        right: 17%
    }
    .popup1 p {
        padding: 33px 64px
    }
}

@media only screen and (min-width:240px) and (max-width:767px) {
    .popup {
        width: 67%;
        right: 15%
    }
}

@media only screen and (min-width:240px) and (max-width:660px) {
    .popup {
        width: 76%;
        right: 11%
    }
    .popup1 p {
        font-size: 24px;
        padding: 46px 33px
    }
}

@media only screen and (min-width:240px) and (max-width:510px) {
    .popup {
        width: 84%;
        right: 8%
    }
    .popup1 p {
        font-size: 24px;
        padding: 40px 33px
    }
}

.cp-widget-button {
    display: inline-block;
    position: fixed;
    bottom: 6%;
    left: 3%;
    z-index: 999999
}

.cp-widget-button__inner {
    animation: bounce 1s infinite alternate;
    -webkit-animation: bounce 1s infinite alternate
}

.cp-widget-button__inner {
    height: 64px;
    width: 64px;
    line-height: 64px;
    background: #e16116;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.cp-widget-button__inner img {
    margin: 0 auto
}

@keyframes bounce {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(-15px);
        box-shadow: 0 0 5px 5px #009688
    }
}

@-webkit-keyframes bounce {
    from {
        transform: translateY(0)
    }
    to {
        transform: translateY(-15px)
    }
}

.location-area {
    background-color: #333;
    color: #fff;
    padding: 45px 0
}

.location-area .frame {
    max-width: 1578px;
    padding: 25px 30px 16px 30px
}

.location-ttl {
    display: block;
    position: relative;
    text-align: center;
    margin-top: -80px
}

.location-ttl svg {
    display: inline-block;
    width: 50px;
    height: 60px;
    fill: #fff;
    opacity: .2;
    position: relative;
    top: 17px;
    margin-right: 3px
}

.location-ttl span {
    display: inline-block
}

.location-ttl span:after,
.location-ttl span:before {
    content: "";
    height: 26px;
    width: 41%;
    position: absolute;
    top: 76%;
    border: rgba(86, 207, 255, .3) solid;
    border-width: 1px 0 0
}

.location-ttl span:before {
    right: -25px;
    border-radius: 0 5px 0 0
}

.location-ttl span:after {
    left: -25px;
    border-radius: 5px 0 0
}

.location-ttl span:after,
.location-ttl span:before {
    content: "";
    height: 26px;
    width: 41%;
    position: absolute;
    top: 76%;
    border: rgba(86, 207, 255, .3) solid;
    border-width: 1px 0 0
}

.location-area .t-holder {
    border-top: 13px solid transparent
}

.location-cell.loc-active {
    width: 50%
}

.loc-active .loc-visual {
    width: 292px
}

.loc-visual {
    transition: all .5s linear;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 330px;
    width: 0;
    overflow: hidden;
    text-align: right
}

.loc-visual img {
    max-width: 999px
}

.read-address {
    color: #ee7214;
    font-size: 18px;
    margin-bottom: 0
}

.location-subttl {
    display: block;
    font-size: 22px;
    color: #dedede;
    padding-bottom: 20px
}

.t-cell {
    display: table-cell;
    vertical-align: top
}

.loc-address {
    padding: 0 0 13px;
    font-style: normal;
    display: block;
    font-size: 16px;
    margin: 0;
    color: #bcbec0
}

.loc-ny .loc-contact {
    margin-top: -4px
}

.location-ttl span {
    font-size: 32px
}

.link-more:after {
    padding-left: 5px;
    vertical-align: -2px;
    content: "\bb"
}

.loc-contact .link-more,
.loc-phone,
.loc-phone>a {
    color: #fff!important;
    font-size: 17px;
    font-weight: 600
}

.socialo {
    display: inline-block;
    vertical-align: top
}

.socialo .icn {
    display: inline-block;
    vertical-align: top;
    background-image: url(img/socials.png);
    height: 30px;
    background-position: 0 3px;
    width: 28px
}

.social-media-in {
    padding-left: 34px
}

.socialo a {
    height: 40px;
    width: 40px;
    display: block;
    padding: 3px 6px;
    border-radius: 4px
}

.media-in1 a {
    background-color: #b13f3f
}

.media-in2 a {
    background-color: #007bb5
}

.media-in3 a {
    background-color: #3b5998;
    padding: 5px 10px
}

.media-in4 a {
    background-color: #e95950;
    padding: 4px 6px
}

.media-in5 a {
    background-color: #55acee;
    padding: 6px 6px
}

.media-in6 a {
    background-color: #fbb345;
    padding: 6px 6px
}

.media-in2 a span.icn {
    background-position: -29px 2px
}

.media-in3 a span.icn {
    background-position: 105px 0;
    width: 19px
}

.media-in4 a span.icn {
    background-position: 87px 2px
}

.media-in5 a span.icn {
    background-position: 55px 2px
}

.media-in6 a span.icn {
    background-position: 26px 2px;
    width: 27px
}

.footer11 {
    text-align: right;
    padding-right: 17px
}

.footer-icon img {
    display: inline
}

#sp-footer1 a:hover:after {
    width: 0;
    background: #fff
}

#sp-footer1 a:hover {
    color: #fff
}

#sp-footer1 a {
    color: #fff;
    position: relative;
    display: inline-block
}

#sp-footer1 a:after {
    content: "";
    height: 1px;
    margin: 2px auto 0;
    width: 100%;
    display: block;
    background-color: #798185;
    transition: width .3s linear
}

#sp-footer {
    background: #2c2b2b;
    color: #fff;
    padding: 17px 0 17px;
    border-top: 1px solid gray
}

ul.footer-ul-set li {
    padding: 4px 0;
    color: #bcbec0
}

ul.footer-ul-set li a {
    color: #bcbec0
}

ul.footer-ul-set {
    list-style: none;
    padding: 0
}

.next-top {
    width: 115px;
    height: 115px;
    position: absolute;
    margin-top: -4%;
    left: 51%;
    margin-left: -65px;
    border-radius: 50%;
    padding-top: 45px;
    display: block;
    padding-left: 22px;
    border: 8px solid #ee7214;
    text-align: left;
    background-image: url(img/in-the-news-bkg.png);
    -webkit-transition: box-shadow .4s ease-out;
    -moz-transition: box-shadow .4s ease-out;
    transition: box-shadow .4s ease-out
}

.next-top:before {
    position: absolute;
    top: 42px;
    left: 22px;
    width: 56px;
    height: 24px;
    content: "";
    z-index: 10;
    background: url(img/sprite.png) -26px -174px no-repeat;
    -webkit-transition: top .4s ease-out;
    -moz-transition: top .4s ease-out;
    transition: top .4s ease-out
}

.next-top:hover:before {
    background-position: -26px -200px;
    top: 48px
}

.board {
    width: 100%;
    height: auto
}

.board .nav-tabs {
    position: relative;
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box
}

.nav-tabs {
    border-bottom: none
}

.board>div.board-inner {
    width: 75%;
    margin: 0 auto
}

.web-design-tabber {
    padding-bottom: 100px;
    position: relative
}

.tab-text-height {
    max-height: 230px;
    overflow-y: auto;
    margin-bottom: 10px;
    min-height: 150px
}

#tab-over-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #F5F5F5
}

#tab-over-scroll::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5
}

#tab-over-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #e05c1e
}

#tab-over-scroll::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #F5F5F5
}

#tab-over-scroll::-moz-scrollbar {
    width: 10px;
    background-color: #F5F5F5
}

#tab-over-scroll::-moz-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #e05c1e
}

p.narrow {
    margin: 0 0 20px;
    font-family: open sans,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #616161;
    text-align: justify;
    padding: 8px
}

.right-side ul {
    padding-left: 0
}

.cta-element {
    border: 5px solid #0000006b;
    padding: 11px 20px 2px;
    margin-top: 8px
}

.cta-element p {
    font-size: 16px
}

.right-side li {
    display: inline-block;
    width: 49%;
    margin: 5px 0;
    color: #2cbed2;
    font-size: 18px
}

.liner {
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent
}

span.round-tabs {
    width: 230px;
    height: 115px;
    line-height: 70px;
    display: inline-block;
    border-radius: 0;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px
}

span.round-tabs.one {
    color: rgb(29, 29, 29);
    border: 1px solid rgb(228, 225, 225)
}

li.active span.round-tabs.one {
    color: #f07b42
}

i.graphic-designing img {
    margin: 0 auto;
    padding-top: 14px
}

span.round-tabs.two {
    color: rgb(29, 29, 29);
    border: 1px solid rgb(228, 225, 225)
}

li.active span.round-tabs.two {
    color: #f07b42
}

span.round-tabs.three {
    color: rgb(29, 29, 29);
    border: 1px solid rgb(228, 225, 225)
}

li.active span.round-tabs.three {
    color: #f07b42
}

span.round-tabs.four {
    color: rgb(29, 29, 29);
    border: 1px solid rgb(216, 216, 216)
}

li.active span.round-tabs.four {
    color: #f07b42
}

span.round-tabs.five {
    border: 1px solid rgb(228, 225, 225)
}

li.active span.round-tabs.five {
    background: #fff!important;
    border: 2px solid #ddd;
    color: #999
}

.nav-tabs>li.active>a span.round-tabs {
    background: #fafafa
}

.width25>li {
    width: 24%!important
}

.nav-tabs>li a {
    width: 230px;
    height: 115px;
    margin: 0 auto;
    padding: 0
}

.nav-tabs>li a:hover {
    border: 0
}

.nav-tabs>li a:hover {
    background: transparent
}

.mb-development .tab-content .tab-pane {
    position: relative;
    padding-top: 0
}

.tab-pane {
    position: relative;
    padding-top: 75px
}

.tab-content .head {
    font-size: 33px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-top: 0
}

.btn-outline-rounded {
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent
}

.btn.green {
    background-color: #e16116;
    border: 0 solid #e16116;
    color: #fff;
    margin: 4px 0 11px
}

.left-side {
    width: 37%;
    display: inline-block;
    vertical-align: top
}

.right-side {
    display: inline-block;
    width: 62%;
    vertical-align: top;
    padding-left: 10px
}

.left-side img {
    max-height: 440px;
    width: 98%
}

.tab-content .head {
    display: none
}

.board h2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 46px;
    padding-top: 48px;
    font-size: 37px;
    font-weight: 700
}

.mb-25 {
    margin-bottom: 25px
}

@media(max-width:585px) {
    .board {
        width: 90%;
        height: auto!important
    }
    span.round-tabs {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px
    }
    .tab-content .head {
        font-size: 20px
    }
    li.active:after {
        content: " ";
        position: absolute;
        left: 35%
    }
    .btn-outline-rounded {
        padding: 2px 20px;
        margin: 5px 0
    }
}

.bg-product {
    background: url(img/bg-product.png) no-repeat bottom center;
    padding-bottom: 10px;
    padding-top: 15px
}

.fix-container {
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 10px
}

.section-heading {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px
}

.section-heading h2 {
    color: #000;
    font-size: 42px;
    position: relative;
    margin-bottom: 10px;
    line-height: 1.5
}

.section-heading h2:after {
    content: "";
    background: #626262;
    width: 120px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0
}

.section-heading p {
    font-size: 19px;
    position: relative;
    margin: 40px auto 0 auto;
    line-height: 1.5;
    max-width: 883px
}

.main-product {
    padding-bottom: 30px;
    display: table;
    width: 100%
}

.pro-logo {
    width: 50%;
    float: left;
    border-radius: 50%;
    overflow: hidden;
    background: #2cbed2
}

.pro-logo {
    width: 600px;
    height: 600px;
    padding: 50px
}

.pro-logo img {
    margin: 0 auto
}

.pro-logo svg {
    display: block;
    height: 380px;
    margin: 0 auto;
    padding: 0;
    width: 380px;
    top: 50%;
    position: relative;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%)
}

.product-detail-side {
    float: left;
    width: 50%;
    padding-left: 40px;
    padding-top: 10px
}

.product-detail-side h3 {
    color: #2cbed2;
    font-size: 43px;
    font-weight: 600;
    line-height: 1.3
}

.product-detail-side ul {
    margin: 25px 0;
    padding: 0;
    list-style-type: none
}

.product-detail-side li {
    position: relative;
    color: #2cbed2;
    margin: 15px 0;
    padding-left: 30px;
    font-size: 20px
}

.product-detail-side li:before {
    content: "";
    color: #2cbed2;
    position: absolute;
    left: 0;
    top: 4px;
    margin-left: 3px;
    margin-top: 4px;
    width: 14px;
    height: 8px;
    border-bottom: solid 3px #2cbed2;
    border-left: solid 3px #2cbed2;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.product-detail-side .awards1 {
    margin: 30px 0 22px 0;
    text-align: center
}

.btn-center-style {
    text-align: center
}

.product-detail-side .awards1 img {
    display: inline-block;
    margin-right: 10px;
    max-width: 100%
}

.gap {
    clear: both;
    width: 100%;
    height: 15px
}

.product-detail-side a {
    margin-right: 15px
}

.others-product {
    margin: 40px 0;
    display: block;
    padding-bottom: 30px
}

.others-product ul {
    padding: 0 0 0 15px
}

.others-product li:first-child {
    margin-left: 0
}

.others-product li {
    display: inline-block;
    width: 31%;
    padding: 20px;
    margin: 0 15px;
    background: #fff;
    vertical-align: top;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    min-height: 196px
}

.others-product li .oth-box {
    display: table;
    width: 100%
}

.others-product li .pro-icn {
    display: table-cell;
    vertical-align: top;
    width: 150px;
    text-align: center
}

.others-product li .pro-about {
    padding-left: 20px;
    display: table-cell;
    vertical-align: top
}

.others-product h3 {
    display: inline-block;
    color: #626262;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 15px
}

.others-product h3:after {
    content: "";
    background: #626262;
    width: 55px;
    height: 3px;
    position: absolute;
    bottom: -5px;
    display: block;
    margin: 0;
    left: 0
}

.others-product p {
    font-size: 16px;
    padding-bottom: 30px;
    line-height: 1.1
}

a.link-btn {
    color: #26bcd0;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 1
}

.next-top3 {
    width: 115px;
    height: 115px;
    position: absolute!important;
    margin-top: -4%;
    left: 51%;
    margin-left: -65px;
    border-radius: 50%;
    padding-top: 45px;
    display: block;
    padding-left: 22px;
    border: 8px solid #ee7214;
    text-align: left;
    background: #3fc4d6f5;
    -webkit-transition: box-shadow .4s ease-out;
    -moz-transition: box-shadow .4s ease-out;
    transition: box-shadow .4s ease-out
}

.next-top3:before {
    position: absolute;
    top: 42px;
    left: 22px;
    width: 56px;
    height: 24px;
    content: "";
    z-index: 10;
    background: url(img/sprite.png) -26px -174px no-repeat;
    -webkit-transition: top .4s ease-out;
    -moz-transition: top .4s ease-out;
    transition: top .4s ease-out
}

.next-top3:hover:before {
    background-position: -26px -200px;
    top: 48px
}

.blog {
    background-image: url(img/blog-background.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 30px
}

.bg-fixed {
    background-attachment: fixed;
    background-size: cover
}

.bg-fixed>* {
    z-index: 1;
    position: relative
}

.section-heading.white h2:after {
    background: #fff
}

.section-heading h2:after {
    content: "";
    background: #626262;
    width: 120px;
    height: 3px;
    position: absolute;
    bottom: -10px;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0
}

.section-heading.white p {
    color: #fff
}

.section-heading p {
    font-size: 18px;
    position: relative;
    margin: 40px auto 0 auto;
    line-height: 1.5;
    max-width: 920px
}

.blog-listing {
    text-align: center;
    margin-bottom: 50px
}

.blog-listing>ul {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 10px
}

.blog-listing li.big {
    max-width: 616px
}

.blog-listing li:first-child {
    margin-left: -10px
}

.blog-listing li {
    white-space: normal;
    display: inline-block;
    vertical-align: top;
    max-width: 290px;
    min-height: 400px;
    position: relative;
    margin: 0 13px;
    background: #fff
}

.blog-listing li:nth-child(3n+3) {
    margin-right: 0
}

.section-heading.white h2 {
    color: #fff;
    margin-top: 0;
    padding-top: 35px
}

.blog-listing li figure img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.blog-listing .big .blog-content {
    background: rgba(255, 255, 255, .9);
    max-width: 290px
}

.blog-listing .blog-content {
    text-align: left;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    padding: 25px;
    color: #626262
}

.blog-listing li.big .date,
.blog-listing li.big .blog-content h2 {
    display: none
}

.blog-listing .blog-content .date {
    display: block;
    color: inherit;
    font-size: 14px;
    margin-bottom: 15px
}

.date {
    margin-right: 10px;
    display: inline-block;
    font-weight: 500
}

.blog-listing .blog-content h2 {
    font-weight: 600;
    font-size: 20px;
    color: inherit;
    min-height: 124px;
    color: #626262;
    margin-bottom: 10px
}

.blog-listing .blog-content h2 a {
    color: inherit
}

a.link-btn {
    color: #26bcd0;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    line-height: 1
}

.aligncenter {
    margin: 0 auto;
    text-align: center
}

a.btn-arrow.btn--gray {
    background: #626262;
    color: #fff
}

a.btn-arrow {
    line-height: 1.7;
    vertical-align: top;
    background: #d9d9d8;
    border-radius: 2px;
    padding: 10px 20px 10px 20px;
    margin-bottom: 5px;
    padding-right: 30px;
    display: inline-block;
    color: #626262;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap
}

.blog:after {
    background: rgba(44, 190, 210, .9);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.blog-listing li.big .date,
.blog-listing li.big .blog-content h2 {
    display: none
}

.webest {
    background-image: url(img/we-best.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative
}

.bg-fixed {
    background-attachment: fixed;
    background-size: cover
}

.webest:after {
    background: #4f4536d1;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

.whatmake {
    background: rgba(255, 255, 255, .85);
    width: 465px;
    padding: 25px 25px
}

.over-lay {
    max-height: 370px;
    overflow-y: scroll
}

#style-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #F5F5F5
}

#style-2::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5
}

#style-2::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #e05c1e
}

.whatmake h3 {
    color: #626262;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    line-height: 1.2
}

.whatmake h2 {
    color: #e16116;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 45px;
    line-height: 1.2;
    letter-spacing: -3px;
    position: relative
}

.whatmake h2:after {
    content: "";
    background: #626262;
    width: 116px;
    height: 3px;
    position: absolute;
    bottom: -35px;
    display: block;
    margin: 0;
    left: 0
}

.whatmake p {
    font-size: 16px;
    text-align: justify;
    line-height: 1.5;
    padding: 7px
}

.webest-slider-wrapper {
    position: absolute;
    bottom: 0;
    max-width: 800px;
    right: 20px
}

.txt {
    background: #e89823d9;
    padding: 4px 10px;
    border: none;
    color: #fff;
    min-height: 230px
}

.txt-2 {
    padding: 0;
    border: none;
    color: #fff;
    min-height: 230px
}

.txt-2 img {
    width: 100%
}

.txt1 {
    background: #000000ad;
    padding: 4px 10px;
    color: #fff;
    min-height: 270px
}

.txt2 {
    background: rgba(255, 76, 101, .86);
    padding: 4px 10px;
    color: #fff;
    min-height: 270px
}

.page-slide2 .bx-pager-link {
    background: red;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    margin: 2px;
    font-size: 8px
}

.page-slide2 .bx-pager-link.active {
    background: #333;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    font-size: 8px
}

.page-slide2 .bx-pager.bx-default-pager {
    text-align: center
}

.page-slide2 .bx-pager-item {
    display: inline-block
}

.footer-self {
    display: inline-block;
    width: 24.5%;
    vertical-align: top
}

.footer-top-section {
    padding: 34px 0 60px;
    background-position: center 50px
}

.footer-top-block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-rfqform {
    height: 100%;
    padding: 20px 65px 15px 65px;
    max-width: 575px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    box-shadow: 0 0 18px rgba(0, 0, 0, .10)
}

.form__head {
    padding: 0 0 15px 0;
    position: relative;
    margin: 0 0 20px 0
}

.form__head h2 {
    font-size: 32px;
    color: #000;
    line-height: 1.2
}

.form__head p {
    color: #000
}

.form__head:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 58px;
    background-color: #3ecadd;
    content: ""
}

.required_lbl {
    float: none;
    font-size: 12px;
    color: #999;
    padding: 0 0 4px;
    display: block;
    text-align: right
}

.form__fieldset {
    margin-bottom: 15px
}

.rfq__form input[type="text"],
.rfq__form select,
.rfq__form textarea {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 10px;
    padding-left: 0;
    height: 42px;
    line-height: 1.2;
    width: 100%;
    font-size: 15px;
    background-color: transparent;
    color: #000;
    padding-right: 40px;
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    border-radius: 0
}

.user__icon {
    background-image: url(images/user-icon.svg);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: right center
}

.email__icon {
    background-image: url(images/email-icon.svg);
    background-size: 21px 17px;
    background-repeat: no-repeat;
    background-position: right center
}

.phone__icon {
    background-image: url(images/phone-icon.svg);
    background-size: 21px 22px;
    background-repeat: no-repeat;
    background-position: right center
}

.detail__icon {
    background-image: url(../images/detail-icon.html);
    background-size: 22px 24px;
    background-repeat: no-repeat;
    background-position: right center
}

.form__fieldset.no_space {
    margin: 0
}

.rfq__form input[type="submit"] {
    padding: 10px 40px;
    margin: 0 auto;
    cursor: pointer;
    border: none;
    background: #ff4c65;
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    display: block;
    border-radius: 0
}

.note__form {
    font-size: 13px;
    color: #000;
    padding-top: 5px;
    text-align: center
}

.footer-top-block .grid:last-child {
    padding-left: 130px
}

.footer-top-block .grid {
    width: 49%;
    display: inline-block
}

.support-time {
    color: #212121;
    font-size: 20px;
    padding-bottom: 25px
}

.section-lbl {
    font-size: 25px;
    color: #212121
}

.resources {
    padding-bottom: 20px
}

.section-lbl {
    font-size: 25px;
    color: #212121
}

.resources_links {
    display: inline-block;
    vertical-align: baseline
}

.resources_links li {
    display: inline-block;
    padding-right: 10px
}

.resources_links li a {
    color: #212121;
    text-decoration: underline;
    font-size: 20px
}

.total-experience {
    margin: 30px 0 50px
}

.experience-img {
    max-width: 260px
}

.carousel-inner-page {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner-page img {
    max-height: 450px
}

.page {
    position: absolute;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    width: 100%
}

.page {
    top: 100px;
    text-align: center
}

.page h3 {
    color: #fff;
    font-size: 39px;
    font-weight: 600;
    margin-top: 0;
    text-align: center;
    margin-bottom: 24px
}

.page p {
    font-size: 15px;
    color: #d6d6d6;
    text-align: center;
    padding: 0 216px;
    line-height: 30px;
    margin-bottom: 30px
}

.btn-page {
    color: #fff;
    background: #e2510a;
    padding: 13px 38px;
    font-size: 17px;
    border-radius: 4px
}

.btn-page:hover,
active {
    color: #fff;
    background: #e2510a;
    padding: 13px 38px;
    font-size: 17px;
    border-radius: 4px
}

.design-packege {
    width: 100%;
    background: #393e41;
    text-align: center
}

.design-packege-chield {
    max-width: 1300px;
    min-height: 165px;
    margin: 0 auto;
    margin-bottom: -38px
}

.design-packege-padd1 {
    display: inline;
    padding-right: 1%;
    padding-left: 1%
}

.design-packege-chield12 {
    width: 31.32%;
    min-height: 100px;
    display: inline-block;
    vertical-align: top
}

.design-packege-padd1.left21 {
    padding-left: 0%
}

.design-packege-padd1.right21 {
    padding-right: 0%
}

.design-packege-chield12.right {
    background-color: #e62e48;
    padding-top: 40px;
    padding-bottom: 40px
}

.design-packege-chield12.left {
    background-color: #29bed2;
    padding-top: 40px;
    padding-bottom: 40px
}

.design-packege-chield12.middle {
    background-color: #fd0;
    padding-top: 40px;
    padding-bottom: 40px
}

.design-packege-chield12.left>h3 {
    color: #fff;
    font-size: 28px;
    text-align: center
}

.design-packege-chield12.left>p {
    font-size: 18px;
    color: #fff;
    padding-top: 5px
}

.package_price {
    font-size: 73px;
    font-weight: 800;
    color: #fff;
    padding: 60px 0 40px 0;
    display: block;
    line-height: 80px;
    position: relative
}

.middle .package_price {
    font-size: 73px;
    font-weight: 800;
    color: #333;
    padding: 60px 0 40px 0;
    display: block;
    line-height: 80px;
    position: relative
}

.package_price:before {
    background: rgba(255, 255, 255, .4);
    bottom: 0;
    content: "";
    display: inline-block;
    height: 5px;
    left: 50%;
    position: absolute;
    right: 0;
    top: 20px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    width: 70px;
    z-index: 999
}

.package_price sup {
    display: inline-block;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    position: relative;
    top: -15px;
    color: inherit
}

.package_offers {
    margin-bottom: 20px
}

.package_offers>li {
    color: #fff;
    font-size: 18px;
    padding-bottom: 5px;
    display: block
}

.middle .package_offers>li {
    color: #333;
    font-size: 18px;
    padding-bottom: 5px;
    display: block
}

.btn_group {
    margin-left: -10px
}

a.Btn.black {
    background: #393e41;
    color: #fff;
    border: 1px solid #393e41
}

a.Btn {
    background: #fff;
    border-radius: 0;
    color: #000002;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    margin: 0;
    padding: 10px 25px;
    margin-left: 10px;
    border: 1px solid #fff;
    text-align: center;
    text-decoration: none
}

a.Btn.black:hover {
    background: none;
    color: #fff;
    border: 1px solid #fff
}

a.Btn:hover {
    color: #fff;
    background: none
}

.design-packege-chield12.middle>h3 {
    color: #333;
    font-size: 28px;
    text-align: center
}

.design-packege-chield12.right>h3 {
    color: #fff;
    font-size: 28px;
    text-align: center
}

.design-packege-chield12.middle>p {
    font-size: 18px;
    color: #333;
    padding-top: 5px
}

.design-packege-chield12.right>p {
    font-size: 18px;
    color: #fff;
    padding-top: 5px
}

.section_head.first span {
    color: #fff
}

.section_head.first h2 {
    padding-bottom: 0;
    color: #fff
}

.section_head>h3 {
    color: #fff;
    font-size: 24px;
    padding-bottom: 30px;
    text-align: center
}

.section p {
    color: #5e5e5e;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px
}

p.design-packege-p {
    color: #bfbfbf
}

.section_head {
    padding-top: 60px;
    padding-bottom: 42px;
    padding-left: 20px;
    padding-right: 20px
}

.section.workWay {
    display: table;
    padding-top: 0;
    width: 100%
}

.workWay .img-block {
    height: 475px;
    background: url(img/bg-work.png) #ffdb19;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center
}

.workWay .img-block .fix-container {
    position: relative
}

ul.list-styl-no {
    list-style-type: none;
    padding: 0
}

.content-blk {
    position: absolute;
    top: 150px;
    left: 0
}

.content-blk>h2 {
    color: #000;
    font-size: 44px;
    font-weight: 600;
    line-height: 100%
}

.img-block p {
    font-size: 32px;
    color: #000002;
    line-height: 40px
}

.workWay_listing {
    position: relative;
    z-index: 2;
    top: -10px
}

.workWay_listing ul li:nth-child(2n+1) {
    position: relative;
    top: -120px
}

.workWay_listing ul li {
    float: left;
    width: 50%
}

.list_box.blue {
    background: #2ac9de
}

.list_box {
    padding: 70px 60px 120px 60px;
    position: relative
}

.list_box>h2 {
    color: #fff;
    font-size: 33px;
    line-height: 40px;
    padding-bottom: 10px;
    margin: 0
}

.list_box>p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    max-width: 85%;
    padding-left: 30px;
    position: relative;
    z-index: 2
}

.list_box>p:before {
    background: #fff;
    content: "";
    font-weight: 700;
    height: 3px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 20px
}

.list_box>span {
    bottom: 10px;
    color: #fff;
    font-size: 140px;
    font-weight: 700;
    opacity: .35;
    position: absolute;
    right: 70px
}

.list_box.red {
    background: #e62e48
}

.list_box.white {
    background: #efefef
}

.list_box.white:before {
    background: #fff;
    left: 4px;
    right: 4px;
    top: 4px;
    bottom: 4px;
    content: "";
    position: absolute
}

.list_box.white h2 {
    color: #000002;
    position: relative
}

.list_box.white p {
    color: #7a7979
}

.list_box.white>span {
    color: #efefef;
    opacity: 1
}

.list_box.blue {
    background: #2ac9de
}

.cta.dream {
    margin-top: -131px;
    padding: 0
}

.cta {
    position: relative;
    z-index: 1;
    padding: 65px 0
}

.yellow {
    background: #ffdb19
}

.cta-col {
    display: inline-block;
    margin: 0 -4px 0 0;
    vertical-align: middle;
    width: 50%
}

.cta-col {
    display: inline-block;
    margin: 0 -4px 0 0;
    vertical-align: middle;
    width: 50%
}

.cta-content {
    background: #ffdb19;
    padding: 30px 45px;
    position: relative;
    top: 40px
}

.cta-content a,
.link {
    color: #000002;
    font-size: 26px
}

.cta-content_wrap {
    position: relative;
    z-index: 4
}

.cta-content p {
    color: #000002;
    font-size: 35px;
    font-weight: 700;
    letter-spacing: -1px
}

.cta-content:after {
    background: #ffdb19;
    bottom: 0;
    content: "";
    left: -40px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 3
}

.slide img {
    margin: 0 auto;
    width: 100%
}

.page-slide .bx-controls-direction a.bx-prev {
    position: absolute;
    bottom: 400px;
    z-index: 9;
    left: 57px;
    color: transparent;
    background-size: 20px;
    height: 37px;
    background: #000
}

.page-slide .bx-controls-direction a.bx-prev:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 11px;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-right: none;
    border-bottom: none
}

.page-slide .bx-controls-direction a.bx-next {
    position: absolute;
    bottom: 400px;
    z-index: 9;
    right: 57px;
    color: transparent;
    background-size: 20px;
    height: 37px;
    background: #000
}

.page-slide .bx-controls-direction a.bx-next:after {
    position: absolute;
    content: "";
    left: 2px;
    top: 11px;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(40deg);
    border-left: none;
    border-bottom: none
}

.page-slide .bx-pager.bx-default-pager {
    text-align: center
}

.page-slide .bx-pager-item {
    display: inline-block
}

.page-slide .bx-pager-link {
    background: #e05c1e;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    margin: 2px;
    font-size: 8px
}

.page-slide .bx-pager-link.active {
    background: #333;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    font-size: 8px
}

.portfolio-head h2 {
    padding: 62px 0 44px;
    text-align: center;
    margin: 0;
    font-size: 33px;
    color: #e05c1e;
    font-weight: 900
}

.bx-wrapper.page-slide {
    padding-bottom: 34px
}

.section.services {
    border-top: 1px solid #eaeaea;
    padding-bottom: 0
}

.lgt-grey {
    background: #f6f6f6
}

.services .section_head>h2 {
    text-align: center
}

.section_head>h2 {
    color: #000002;
    font-size: 35px
}

.section_head.argument {
    padding-bottom: 0
}

.section_head>h2 span {
    color: #e05c1e;
    font-size: 35px;
    font-weight: 700
}

.service-offered {
    padding: 75px 0;
    display: table;
    width: 100%
}

.service-offered .horz-col:first-child {
    padding: 0
}

.horz-col:first-child {
    padding: 75px 0;
    position: relative;
    width: 50%;
    z-index: 3
}

.fr {
    float: right
}

.horz-col {
    display: inline-block;
    width: 50%;
    margin: 0 -4px 0 0;
    vertical-align: top
}

.service_media>img {
    max-width: 100%;
    display: block;
    text-align: center
}

.service-offered.lgt-grey .service_content {
    padding-left: 0;
    padding-right: 40px
}

.service_content>h3 {
    font-size: 32px;
    color: #000002;
    line-height: 40px;
    padding-bottom: 20px
}

.section .service_content>p {
    color: #5e5e5e;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    padding-bottom: 20px
}

.btn_group {
    margin-left: -10px
}

a.Btn {
    background: #fff;
    border-radius: 0;
    color: #000002;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    margin: 0;
    padding: 10px 25px;
    margin-left: 10px;
    border: 1px solid #fff;
    text-align: center
}

a.Btn.blue {
    color: #fff;
    border: 1px solid #29bed2;
    background: #29bed2
}

.service-offered a.Btn.blue:hover {
    color: #29bed2;
    border: 1px solid #29bed2;
    background: none
}

.service-offered a.Btn.black:hover {
    background: none;
    color: #000002;
    border: 1px solid #000002
}

a.Btn.black {
    background: #393e41;
    color: #fff;
    border: 1px solid #393e41
}

.service-offered:nth-child(2n+1) {
    background: #fff
}

.service-offered {
    padding: 75px 0;
    display: table;
    width: 100%
}

.design-work {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 52px 0
}

.design-work .grid:first-child {
    width: 30%;
    padding-right: 20px
}

.design-work .grid {
    width: 70%
}

.page-slide1 {
    box-shadow: none;
}

.bx-has-pager {
    position: relative;
    top: 0
}

.screen-images {
    position: relative
}

.page-slide1 .bx-pager-link {
    background: #e05c1e;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    margin: 2px;
    font-size: 8px
}

.page-slide1 .bx-pager-link.active {
    background: #333;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    font-size: 8px
}

.page-slide1 .bx-pager.bx-default-pager {
    text-align: center
}

.page-slide1 .bx-pager-item {
    display: inline-block
}

.comming {
    position: absolute;
    top: 40%;
    z-index: 10;
    color: #fff;
    width: 100%;
    text-align: center
}

.comming h3 {
    color: #fff;
    font-size: 39px;
    font-weight: 600;
    margin-top: 0;
    text-align: center;
    margin-bottom: 100px;
    text-shadow: 2px 2px #7e0606
}

.item11 img {
    min-height: 506px
}

.row.padd-row {
    padding: 35px 0 45px
}

.theme-heading {
    text-align: center;
    padding-bottom: 0;
    margin: 0 auto
}

.theme-heading h2,
.page-heading h2 {
    font-weight: 700;
    color: #e05c1e;
    line-height: 37px;
    font-size: 38px;
    padding: 0 0 15px;
    text-align: center
}

.theme-heading h2 span,
.page-heading h2 span {
    display: block;
    color: #525252;
    font-size: 30px
}

.bot-redesign {
    text-align: left;
    margin: 25px 0 0
}

.redesign-lft {
    display: inline-block;
    width: 42%;
    vertical-align: top;
    text-align: left
}

.grey-bg {
    background: #f0f0f0;
    padding: 20px;
    border-radius: 10px 10px 0 0
}

.grey-bg h4 {
    font-size: 26px;
    color: #111;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 25px
}

.grey-bg p {
    font-size: 15px;
    color: #444
}

.blue-back {
    background: #e89823;
    padding: 25px 30px;
    border-radius: 0 0 10px 10px
}

.blue-back p {
    color: #fff;
    font-size: 22px
}

.blue-back .name-aut {
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin: 10px 0 0;
    text-align: right
}

.redesign-rtt {
    display: inline-block;
    width: 56%;
    padding-left: 40px;
    vertical-align: top
}

.listing-details {
    margin: 25px 0 0;
    list-style-type: none;
    padding-left: 0
}

.listing-details li {
    margin: 10px 0;
    position: relative;
    padding-left: 30px;
    font-size: 17px
}

.listing-details li:after {
    background: url(img/tick-list.png) no-repeat;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 27px;
    background-position: left 5px
}

.bot-redesign .cta-onwhite {
    margin-top: 40px
}

.cta-onwhite {
    background: url(img/bg-gradi-gray.png) no-repeat center top;
    display: table;
    padding: 10px 0 15px;
    width: 100%;
    position: relative;
    text-align: center
}

.bot-redesign .cta-onwhite h3 {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.cta-onwhite h3 {
    color: #111;
    font-size: 20px
}

.cta-onwhite h3 {
    display: inline-block;
    font-size: 22px;
    line-height: 1.2;
    padding: 0 10px;
    text-align: right;
    width: auto
}

.cta-onwhite .btn-theme.red-btn {
    font-weight: 400;
    padding: 7px 28px;
    vertical-align: middle;
    margin-top: 10px
}

.cta-onwhite a.btn-theme {
    display: inline-block;
    font-size: 20px
}

a.btn-theme.red-btn,
.btn-theme.red-btn {
    border-color: #f24130;
    background: #f24130;
    color: #fff;
    border: 2px solid;
    border-radius: 4px;
    transition: ease-out all 0.8s 0s
}

.cta-onwhite .btn-theme.red-btn:hover {
    background: transparent;
    color: #e89823;
    border-radius: 8px;
    transition: ease-out all 0.8s 0s;
    border-color: #e89823;
    border: 2px solid
}

.cta-onwhite:after {
    background: url(img/bg-gradi-gray.png) no-repeat 0 0;
    position: absolute;
    content: '';
    left: 160px;
    bottom: 0;
    width: 826px;
    height: 1px
}

.longterm {
    background: url(img/bg-long-term.jpg) no-repeat bottom center;
    height: 665px;
    margin: 64px 0 0 0
}

.longterm h2 {
    font-size: 35px;
    color: #fff;
    text-align: left;
    padding: 40px 0 0 0;
    font-weight: 600
}

.longterm h2>span {
    display: block;
    font-weight: 500
}

.longterm h3 {
    font-size: 20px;
    font-weight: 600;
    color: #ffe62a;
    padding: 27px 0 31px 0;
    width: 564px
}

.longterm ul {
    margin-bottom: 20px;
    list-style-type: none;
    padding: 0
}

.longterm li {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    background: url(img/bullet-white-check.png) no-repeat 0 0;
    padding: 0 0 4px 30px;
    margin: 10px 0
}

a.btn-theme.white,
.btn-theme.white {
    border-color: #fff;
    font-size: 16px;
    padding: 10px 21px;
    background: none;
    border: solid 2px;
    display: inline-block;
    color: #fff;
    transition: ease-out all 0.8s 0s
}

a.btn-theme.white:hover,
.btn-theme.white:hover {
    border-color: #e89823;
    color: #fff;
    background: #e89823;
    border-radius: 7px;
    border: solid 2px #e89823;
    transition: ease-out all 0.8s 0s
}

.testimonialnew,
.ft-exp {
    -webkit-animation: bgMove 60s linear 0s infinite normal;
    -moz-animation: bgMove 60s linear 0s infinite normal;
    -ms-animation: bgMove 60s linear 0s infinite normal;
    -o-animation: bgMove 60s linear 0s infinite normal;
    animation: bgMove 60s linear 0s infinite normal;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.padd-row {
    padding: 35px 0 45px
}

.testimonialnew {
    background: url(img/bg-testi-new.jpg) repeat-x center top;
    color: #fff
}

.testimonialnew .theme-heading h2,
.testimonialnew .theme-heading h2 span {
    color: #fff
}

.theme-heading h2 span,
.page-heading h2 span {
    display: block;
    color: #525252;
    font-size: 30px
}

.image-holder {
    width: 268px;
    height: 181px;
    background: url(img/testi-chat.png) no-repeat 0 0;
    float: left;
    padding: 39px 0 0 81px;
    margin-right: 35px
}

.testimonial-layout .bx-wrapper {
    margin: 0 auto
}

.testimonial-layout .bx-pager-link {
    background: #ee7214;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    margin: 2px;
    font-size: 8px
}

.testimonial-layout .bx-pager-link.active {
    background: #333;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    font-size: 8px
}

.testimonial-layout .bx-pager-item {
    display: inline-block
}

.testimonial-layout .bx-pager.bx-default-pager {
    margin-top: 60px;
    text-align: center
}

.testimonial-wrapper p {
    line-height: 1.5;
    display: table;
    color: #fff;
    font-size: 16px
}

.testimonial-wrapper p span {
    display: block;
    padding-top: 26px;
    font-weight: 600
}

.stats-section {
    padding: 70px 0;
    border-top: 1px solid #ddd;
    background-color: #e89823de
}

.setion-heading h2 {
    color: #000;
    font-size: 30px;
    line-height: normal;
    margin: 0 0 20px;
    padding: 0 0 15px;
    text-align: center
}

.setion-heading h2 strong {
    font-weight: 700
}

.stats-listing {
    padding: 20px 0 0;
    text-align: center
}

ul.statslisting {
    list-style-type: none;
    padding: 0
}

.statslisting>li {
    display: inline-block;
    margin: 0 -15px;
    vertical-align: middle
}

.white-crcle {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    box-shadow: 0 0 80px rgba(0, 0, 0, .17);
    background-color: #fff;
    border: 3px solid #000
}

.white-crcle-in {
    padding: 20px 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
    position: relative;
    text-align: center
}

.stats>h3 {
    color: #1a2325;
    font-size: 14px;
    padding: 0 20px;
    font-weight: 600;
    text-align: center
}

.stats>h4 {
    color: #e62e48;
    font-size: 55px;
    line-height: 1;
    padding: 12px 0 0;
    font-weight: 600
}

.stats>h4 span {
    font-size: 40px
}

.statslisting>li:nth-child(2n) h4 {
    color: #07b8d0
}

.croservice {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background-color: #fcfcfc
}

.setion-hding.alignCenter {
    text-align: center
}

.setion-hding {
    padding-bottom: 35px
}

.setion-hding>h2 {
    color: #000;
    font-size: 28px;
    line-height: 1.2;
    padding-bottom: 20px;
    position: relative
}

.setion-hding.alignCenter>h2::after {
    right: 0;
    margin: 0 auto
}

.setion-hding>h2:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 3px;
    width: 68px;
    background-color: #e37209;
}

.croservice::before {
    background-image: url(img/cro-pentagon-bg.png);
    background-repeat: no-repeat;
    content: "";
    height: 574px;
    left: -250px;
    position: absolute;
    top: -90px;
    width: 845px;
    opacity: .1
}

.alignCenter::after {
    background-image: url(img/cro-pentagon-bg2.png);
    content: "";
    height: 250px;
    left: 413px;
    margin: 0 0 0 41px;
    position: absolute;
    top: 26px;
    width: 412px;
    z-index: 9;
    opacity: .1
}

@media screen and (max-width:1575px) {
    .croservice::before {
        left: -610px
    }
}

.nav.nav-tabs.page-taber>li {
    width: 14.279%;
    margin-bottom: -3px
}

.nav.nav-tabs.page-taber>li a {
    width: 100%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border: 0
}

.nav.nav-tabs.page-taber>li.active a {
    border: 3px solid lightgray;
    border-bottom: 0
}

.panel-success .panel-heading {
    padding: 0;
    border-bottom: 3px solid lightgray;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.page-taber1 .tab-pane .text-block p {
    color: #333
}

.page-taber1 .tab-pane {
    padding-top: 0
}

.nav.nav-tabs.page-taber {
    background: #fff
}

.nav-tabs.page-taber>li a:hover {
    border: 0;
    color: red
}

.panel.with-nav-tabs.panel-success.page-tabb {
    border: 0;
    box-shadow: none;
    background: transparent
}

.page-tabb .panel-body {
    border: 3px solid lightgray;
    border-top: 0;
    padding: 20px 45px 62px
}

.setion-hding.alignCenter h2 {
    font-size: 36px;
    font-weight: 600;
    margin-top: 3px;
    padding-bottom: 42px
}

ul.nav.nav-tabs.page-taber li>a img {
    margin: 0 auto;
    padding-top: 10px
}

.mob-services-bg {
    position: relative;
    background: url(img/wr-header-bg.jpg) repeat;
    background-size: cover
}

.programing-points {
    position: relative
}

.cms-img {
    position: absolute;
    right: 0;
    top: 40px;
    width: 65%
}

.cms-img.img-responsive>img {
    max-width: 100%
}

.bnnr-lft {
    float: left;
    padding: 55px 0;
    width: 45%
}

.bnnr-lft h1 {
    color: #fff;
    font-size: 56px;
    display: block;
    line-height: 1;
    letter-spacing: 0;
    margin: 8px 0 0
}

.bnnr-lft>p {
    color: #fff;
    margin: 25px 0 25px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.2
}

.banner-p-text {
    color: #fff;
    padding-top: 20px
}

.cnt-btn {
    margin: 40px 0 0
}

.cnt-btn strong {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin: 0 0 20px 0
}

.cnt-btn .btn-theme {
    border-color: #fff;
    color: #fff;
    border: 2px solid;
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    padding: 9px 35px;
    border-radius: 3px;
    line-height: 1;
    vertical-align: top;
    margin: 0 auto;
    transition: ease-out all 0.8s 0s
}

a.btn-theme:hover,
.btn-theme:hover {
    border-radius: 25px;
    border: solid 2px #7fc241;
    background: #7fc241;
    color: #fff;
    transition: ease-out all 0.8s 0s
}

.contact-ogen {
    float: left;
    margin: 20px 0 0
}

.contact-ogen a {
    position: relative;
    width: 404px;
    display: block
}

.contact-ogen p {
    color: #fff;
    font-size: 17px;
    padding: 12px 0 8px;
    width: 100%;
    letter-spacing: 0
}

.ogeninfo-cnt-btn {
    float: left;
    background: #faf8f5;
    width: 278px;
    height: 89px;
    padding: 18px 0 0 0;
    display: table-cell;
    border-radius: 2px;
    color: #2e2e2e;
    line-height: 1.2;
    font-size: 27px;
    font-weight: 600;
    text-align: center;
    vertical-align: middle
}

.cnt-btn.ogen {
    margin: 25px 0 0
}

.ogeninfo-cnt-btn span {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    position: relative
}

.ogeninfo-cnt-btn span:before {
    right: 17%
}

.ogeninfo-cnt-btn span:after,
.ogeninfo-cnt-btn span:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 30px;
    background: #2e2e2e;
    top: 50%
}

.ogeninfo-cnt-btn span:after {
    left: 17%
}

.contact-ogen a .more {
    position: absolute;
    right: 0;
    background-color: #e89823;
    height: 89px;
    width: 127px;
    display: block;
    border-radius: 0 2px 2px 0
}

.contact-ogen a .more img {
    position: absolute;
    z-index: 12;
    left: -24px;
    top: 10px
}

.padd-row {
    padding: 35px 0 35px
}

.expert-guide {
    color: #000
}

.aligncenter {
    margin: 0 auto;
    text-align: center
}

.expert-lft {
    text-align: left;
    width: 60%;
    float: left
}

.expert-lft h4 {
    font-weight: 400;
    color: #000;
    line-height: 37px;
    font-size: 30px;
    padding: 10px 0
}

.expert-lft p {
    text-align: left
}

.expert-lft h5 {
    font-weight: 700;
    font-size: 20px;
    padding: 10px 0
}

.expert-lft ul {
    list-style-type: none;
    padding: 0
}

.expert-lft ul li {
    margin: 6px 0;
    position: relative;
    display: inline-block;
    padding-left: 40px
}

.expert-lft ul li:before {
    content: url(img/mob-res-tick.png);
    padding: 6px 10px 0;
    position: absolute;
    left: 0
}

.expert-lft h6 {
    font-weight: 600;
    font-size: 17px;
    color: #3f3e3e;
    line-height: 28px
}

.expert-rtt {
    float: right;
    width: 440px;
    margin-top: 40px;
    text-align: left
}

.expert-rtt .yellow-bg {
    background: #f79b1f;
    color: #fff;
    padding: 30px 30px 0;
    float: left
}

.expert-rtt .yellow-bg h4 {
    font-weight: 700;
    font-size: 20px
}

.expert-rtt .yellow-bg ul {
    list-style-type: none;
    padding: 0
}

.expert-rtt ul li {
    margin: 9px 0;
    position: relative;
    display: inline-block;
    padding-left: 40px
}

.expert-rtt .yellow-bg ul li:before {
    content: url(img/mob-tab-tick.png);
    padding: 6px 10px 0 0;
    position: absolute;
    left: 0
}

.expert-rtt .brown-bg {
    background: #191919;
    color: #fff;
    padding: 30px;
    float: left
}

.expert-rtt .brown-bg h4 {
    font-weight: 700;
    font-size: 20px;
    margin: 0 0 15px
}

.expert-rtt .brown-bg a.btn-theme {
    display: inline-block;
    padding: 14px 25px
}

a.btn-theme.red-btn,
.btn-theme.red-btn {
    border-color: #e89823;
    background: #e89823;
    color: #fff
}

.brown-bg a:last-child {
    float: right
}

.expert-rtt .brown-bg a.btn-theme:hover {
    background: transparent;
    border-color: #fff
}

.theme-heading p {
    color: #545454;
    line-height: normal;
    margin: 0 auto;
    padding: 0 0 15px 0;
    text-align: center
}

.onefourth_grid {
    margin: 0 0 20px -20px;
    list-style-type: none;
    padding: 0
}

.onefourth_grid li {
    float: left;
    padding: 20px 0 0 20px;
    width: 25%
}

.infoiconbox {
    width: 100%;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    background: #d7dbde;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out
}

.infoiconbox .imgbox {
    width: 100%;
    overflow: hidden;
    padding: 24px;
    border-radius: 8px;
    background: #f5faff;
    height: 130px;
    margin: 0;
    text-align: center
}

.infoiconbox .imgbox img {
    margin: 0 auto
}

.infoiconbox:hover .imgbox img {
    margin: 0 auto;
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards
}

.infoiconbox .boxtitle {
    font-size: 22px;
    color: #111;
    padding: 20px;
    line-height: 28px;
    display: block
}

.infoiconbox:hover {
    background: #ee7214
}

.infoiconbox:hover .boxtitle {
    color: #fff
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.cta-new.page-cta {
    background: url(img/bg-gradi-gray.png) no-repeat center top;
    margin: 35px 0 35px 0;
    padding: 10px 0 15px 0;
    display: table;
    width: 100%;
    text-align: center;
    position: relative
}

.cta-new.page-cta:after {
    background: url(img/bg-gradi-gray.png) no-repeat 0 0;
    position: absolute;
    content: '';
    left: 160px;
    bottom: 0;
    width: 826px;
    height: 1px
}

.cta-new.page-cta .cta-inner h3 {
    color: #5c7698
}

.cta-new .cta-inner h3 {
    display: inline-block;
    color: #fff;
    padding-right: 20px;
    line-height: 1.2;
    font-size: 22px;
    text-align: right;
    vertical-align: middle;
    margin-top: 5px
}

.cta-new.page-cta a.btn-theme {
    background: #e05c1e;
    color: #fff;
    font-weight: 400;
    padding: 9px 28px;
    border-radius: 4px;
    vertical-align: middle;
    transition: ease-out all 0.8s 0s;
    margin-top: 10px;
    font-size: 20px;
    border: none
}

.cta-new.page-cta a.btn-theme:hover {
    background: #e05c1e;
    color: #fff;
    border-radius: 5px;
    font-weight: 400;
    transition: ease-out all 0.8s 0s;
    border-color: #e05c1e;
    padding: 9px 27px;
    margin-top: 10px;
    font-size: 20px;
    border: none
}

.benefits {
    display: table;
    width: 100%;
    padding-bottom: 50px;
    background: url(img/hdp-bg-pattern.jpg) repeat;
    position: relative
}

.benefits:before {
    content: "";
    background: url(img/hdp-bg-benefits.png) no-repeat right top;
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.benefits-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.benefits-list .benefit {
    width: 320px;
    height: 320px;
    position: relative;
    overflow: hidden
}

.rel-figure {
    display: block
}

.black {
    color: #000
}

.hvr {
    padding: 15px 15px;
    position: absolute;
    z-index: 1;
    transform: translateY(82%);
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .9);
    -webkit-background: rgba(0, 0, 0, .9);
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.hvr h3 {
    text-align: center;
    display: block;
    padding: 0;
    color: #fff;
    font-size: 20px;
    padding-bottom: 10px;
    margin-top: 6px
}

.hvr p {
    padding: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.6
}

.benefits-list .items:hover .hvr {
    transform: translateY(0)
}

.hvr.blue {
    background: rgba(44, 190, 210, .9)
}

.hvr.yellow {
    background: rgba(234, 185, 38, .9)
}

.hvr.red {
    background: rgba(255, 75, 100, .9)
}

.behind {
    background: url(img/bg-yellow-parrot.jpg) no-repeat center top;
    background-size: cover
}

h3.behind-heading {
    text-align: center;
    font-size: 30px;
    color: #000
}

.bnd-lst {
    padding: 65px 0 55px;
    text-align: center;
    list-style-type: none;
    margin: 0
}

.bnd-lst li.one {
    margin-left: 0
}

.bnd-lst li {
    display: inline-block;
    width: 315px;
    vertical-align: top;
    position: relative;
    margin: 0 -20px
}

.bnd-lst li .circle {
    background: rgba(255, 255, 255, .9);
    width: 315px;
    height: 315px;
    display: block;
    border-radius: 100%;
    padding: 67px;
    margin-bottom: 35px;
    text-align: center
}

.bnd-lst li .circle .img img {
    margin: 0 auto
}

.bnd-lst li.one .circle .img {
    background: #393b94
}

.bnd-lst li.two .circle .img {
    background: #e2882f
}

.bnd-lst li.three .circle .img {
    background: #69a433
}

.bnd-lst li.four .circle .img {
    background: #2ca4a3
}

.bnd-lst li .circle .img {
    width: 180px;
    height: 180px;
    border-radius: 100%;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden
}

.bnd-lst li p {
    width: 251px;
    margin: 0 auto;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 19px;
    background: rgba(255, 255, 255, .9);
    position: relative;
    border-radius: 3px;
    text-align: center
}

.bnd-lst li p:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: rgba(255, 255, 255, .9);
    border-width: 11px;
    margin-left: -11px
}

.sem-tbl .cell:first-child {
    margin-left: 0
}

.sem-tbl .cell {
    display: inline-block;
    width: 31.7%;
    vertical-align: top;
    text-align: center;
    margin-left: 2%
}

.sem-tbl .cell h3 {
    background: #80cbc5;
    border-radius: 4px;
    position: relative;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-weight: 600;
    height: 45px;
    line-height: 1.8
}

.sem-tbl .cell h3:after {
    bottom: -21px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(128, 203, 197, 0);
    border-top-color: #80cbc5;
    border-width: 11px;
    margin-left: -11px
}

.sem-tbl .cell .inner-cell.purple {
    background: rgba(85, 95, 170, .8)
}

.sem-tbl .cell .inner-cell {
    border-radius: 4px;
    margin-top: 24px;
    padding: 30px 15px
}

.pmth {
    padding: 0 0 12px 0;
    font-size: 45px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 15px
}

.sem-tbl .cell .inner-cell ul {
    border-top: solid 1px rgba(255, 255, 255, .12);
    margin-bottom: 30px
}

.sem-tbl .cell .inner-cell ul li {
    border-bottom: solid 1px rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 14px;
    text-align: left;
    padding: 15px 0;
    display: table;
    width: 100%
}

.sem-tbl .cell .inner-cell ul li span:first-child {
    display: table-cell;
    width: auto;
    text-align: left
}

.sem-tbl .cell .inner-cell ul li span:last-child {
    display: table-cell;
    width: auto;
    text-align: right
}

.sem-tbl .cell .inner-cell.purple a.btn-theme {
    color: #555faa
}

.sem-tbl .cell a.btn-theme {
    background: #fff;
    font-size: 17px;
    font-weight: 700;
    border: none;
    display: inline-block;
    padding: 9px 28px;
    border-radius: 5px;
    transition: ease-out all 0.8s 0s
}

.sem-tbl .cell .inner-cell.purple a.btn-theme:hover {
    background: #555faa;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    display: inline-block;
    padding: 9px 28px;
    border-radius: 5px;
    border: none;
    transition: ease-out all 0.8s 0s
}

.sem-tbl .cell .inner-cell.yellow {
    background: rgba(230, 142, 24, .8)
}

.sem-tbl .cell .inner-cell.yellow a.btn-theme {
    color: #e1850a
}

.sem-tbl .cell .inner-cell.yellow a.btn-theme:hover {
    background: #d5871c;
    border-color: #d5871c;
    color: #fff;
    border-radius: 25px
}

.sem-tbl .cell .inner-cell.green {
    background: rgba(102, 167, 43, .85)
}

.sem-tbl .cell .inner-cell.green a.btn-theme {
    color: #56981a
}

.sem-tbl .cell .inner-cell.green a.btn-theme:hover {
    background: #669f31;
    border-color: #669f31;
    color: #fff;
    border-radius: 25px
}

.cta-onwhite.intrographic .btn-theme.red-btn {
    margin-top: -32px
}

.cta-onwhite.intrographic {
    margin-top: 48px;
    margin-bottom: 37px
}

.feature-travel-website {
    background-color: #555;
    padding: 70px 0 20px
}

.grids .grid:first-child {
    width: 40%
}

.grids .grid:last-child {
    width: 60%
}

.grids .grid {
    display: table-cell;
    vertical-align: top
}

.text-block>h2 {
    font-size: 50px;
    color: #fff;
    font-weight: 700;
    line-height: .9;
    padding-bottom: 30px;
    line-height: 59px
}

.text-block>h2 span {
    color: #f6ff03;
    line-height: .9
}

.text-block>p {
    color: #fff;
    font-size: 18px;
    padding-bottom: 20px;
    padding-right: 15px
}

.features {
    max-width: 750px
}

.featurebox {
    float: left;
    padding: 20px;
    width: 50%
}

.whitebox {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 20px;
    text-align: center
}

.featurebox h2 {
    color: #ff5e2a;
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 20px;
    line-height: 1
}

.slideitem.slick-slide {
    display: inline-block;
    overflow: hidden
}

.webest-slider-wrapper.sli {
    position: static
}

.txt.margin-bottom-slide {
    color: #333;
    margin-bottom: 30px;
    border-radius: 14px;
    background: #fff;
    padding: 10px 20px
}

.txt.margin-bottom-slide h2 {
    text-align: center;
    padding-bottom: 20px
}

.feature-icon {
    text-align: center
}

.feature-icon img {
    margin: 0 auto
}

.grid-slider {
    display: inline-block;
    vertical-align: top
}

.grid-slider11 {
    width: 40%
}

.grid-slider1 {
    width: 58%
}

.sli .bx-pager-link {
    background: #e05c1e;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    margin: 2px;
    font-size: 8px
}

.sli .bx-pager-link.active {
    background: #333;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    font-size: 8px
}

.sli .bx-pager.bx-default-pager {
    text-align: center
}

.sli .bx-pager-item {
    display: inline-block
}

.mob-services-bg.msb {
    position: relative;
    background: url(img/mobile-web-bg.jpg) no-repeat;
    background-size: cover
}

.cms-img.cms-img11 {
    width: 53%
}

.cms-img.cms-img11 {
    width: 46%;
    top: -41px
}

.cms-img.cms-img11 img {
    max-width: 505px
}

.bnnr-lft.ogen-banner h1 {
    color: #ffe96e;
    font-size: 56px;
    letter-spacing: -2px;
    line-height: 1;
    text-shadow: 0 1px 1px rgba(63, 129, 168, .65);
    margin: 0 0 10px 0
}

.two-grid.rtl {
    direction: rtl
}

.two-grid .grid {
    display: inline-block;
    width: 49%;
    padding: 0 30px 0 10px;
    vertical-align: middle;
    direction: ltr
}

.img-box {
    position: relative
}

.svg-img.uxo-svg {
    overflow: hidden;
    position: relative
}

.uxo-svg svg {
    width: 100%
}

.spincrcle {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 15000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 15000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 15000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 15000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute
}

.uxo-text-box {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.uxo-text {
    margin: 0 auto 20px;
    width: 460px;
    text-align: center
}

.uxo-text-box>h2 {
    color: #fff;
    font-size: 26px;
    text-align: center
}

.text-crcl {
    background-color: #42c3d3;
    border-radius: 50%;
    display: inline-block;
    height: 148px;
    vertical-align: middle;
    width: 148px;
    margin: 0 -20px
}

.text-crcl>span {
    color: #fff;
    display: block;
    font-size: 110px;
    line-height: 1;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.text-crcl.pinkBg {
    background-color: rgba(255, 94, 113, .9)
}

.text-crcl.orangBg {
    background-color: rgba(250, 167, 26, .9)
}

.uxo-svg .cls-2 {
    fill: #460c72
}

.uxo-svg .cls-1 {
    fill: #ebebeb
}

.uxo-svg .cls-4 {
    stroke: #551f7f;
    stroke-width: 8px;
    stroke-dasharray: 32, 16;
    fill: none
}

.uxo-svg .cls-3 {
    fill: #551f7f
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg)
    }
    to {
        -ms-transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.text-pnl .theme-heading h2 {
    text-align: left;
    font-size: 35px;
    color: #000
}

.btn-theme.purpl-btn {
    background-color: #451268;
    border-color: #451268;
    color: #fff;
    padding: 10px 33px;
    border-radius: 5px;
    border: 0;
    font-size: 20px;
    transition: ease-out all 0.8s 0s
}

.btn-theme.purpl-btn:hover {
    color: #fff;
    padding: 10px 33px;
    border-radius: 25px;
    border: 0;
    font-size: 20px
}

.btn-theme.orng-btn {
    background-color: #e89823;
    border-color: #e89823;
    color: #fff;
    padding: 10px 33px;
    border-radius: 5px;
    border: 0;
    font-size: 20px;
    transition: ease-out all 0.8s 0s
}

.btn-theme.orng-btn:hover {
    color: #fff;
    padding: 10px 33px;
    border-radius: 25px;
    border: 0;
    font-size: 20px
}

.btns>a {
    display: inline-block!important
}

.darkblue {
    background: #fff url(img/why-choose.jpg) no-repeat center;
    background-size: cover
}

.textblock>h2 {
    color: #636262;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 40px;
    font-size: 32px
}

.textblock>h2:after {
    width: 77px;
    height: 4px;
    background-color: #aea9dd;
    content: "";
    position: absolute;
    top: 100%;
    left: 0
}

.crcle--text {
    background-color: rgba(255, 94, 113, .9);
    border-radius: 50%;
    height: 274px;
    left: 0;
    position: absolute;
    top: 0;
    width: 274px;
    padding: 25px;
    text-align: center
}

.better-conversion {
    bottom: 0;
    left: 90px;
    top: auto
}

.info--text {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.info--text>p {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.visitor--svg .cls-1 {
    fill: #504b82
}

.visitor--svg .cls-2,
.visitor--svg .cls-5 {
    fill: #42c3d3
}

.visitor--svg .cls-3,
.visitor--svg .cls-4 {
    fill: #fff
}

.visitor--svg .cls-7 {
    fill: #37326a
}

.visitor--svg .cls-9 {
    fill: #615c94
}

.visitor--svg .cls-8 {
    fill: #ff5e71
}

.visitor--svg .cls-6 {
    fill: #90e7f2
}

.textblock>p {
    color: #b9b7cf;
    font-size: 22px;
    line-height: 34px;
    text-align: justify
}

.bc-white {
    background: #fff
}

.visitor--grph .img-box {
    margin: 100px 0 50px
}

.visitor-graph .cls-1 {
    fill: #eeeded
}

.visitor-graph .cls-2 {
    fill: #2db1c1
}

.visitor-graph .cls-3 {
    fill: #42c3d3
}

.visitor-graph .cls-4 {
    fill: #ff5e71
}

.zooming {
    animation: 2s linear 1s normal none infinite running zoominout;
    position: relative
}

.visitor--grph .crcle--text {
    left: 80px;
    top: -50px
}

.visitor-graph .cls-6 {
    stroke-width: 5px
}

.visitor-graph .cls-4 {
    stroke-width: 5px
}

.visitor-graph .cls-5 {
    stroke-width: 5px
}

.visitor-graph .cls-7 {
    stroke-width: 5px
}

.visitor-graph .cls-5,
.visitor-graph .cls-6,
.visitor-graph .cls-7 {
    stroke: #e4e2e2;
    fill: none
}

.textblock.white>h2 {
    color: #000;
    line-height: 1.42857
}

.textblock.white>p {
    color: #545353
}

@keyframes zoominout {
    0% {
        opacity: .1
    }
    25% {
        opacity: .5
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: .5
    }
    100% {
        opacity: .1
    }
}

.smooth-conversion .crcle--text {
    left: 20px;
    top: 80px;
    background-color: rgba(66, 195, 211, .8)
}

.conversion-svg .cls-1 {
    fill: #504b82
}

.conversion-svg .cls-2 {
    fill: #ff5e71
}

.conversion-svg .cls-3 {
    fill: #42c3d3
}

.conversion-svg .cls-4 {
    fill: #e6e4ff
}

.conversion-svg .cls-5 {
    fill: #bfbce1
}

.conversion-svg .cls-6 {
    stroke-width: 5px
}

.conversion-svg .cls-6,
.cls-7 {
    stroke: #716ca8;
    fill: none
}

.conversion-svg .cls-7 {
    stroke-width: 3px
}

.engaging-intersting .crcle--text {
    left: auto;
    right: 40px
}

.engaging-svg .cls-6 {
    fill: #ff5e71
}

.engaging-svg .cls-5 {
    fill: #42c3d3
}

.engaging-svg .cls-2 {
    fill: #d2d2d2
}

.engaging-svg .cls-1 {
    fill: #e4e2e2
}

.engaging-svg .cls-3,
.engaging-svg .cls-4 {
    fill: #c2c2c2
}

.cta-consult>h2 {
    color: #fff;
    display: inline-block;
    font-size: 36px;
    text-align: right;
    vertical-align: top;
    width: 50%;
    padding-right: 20px;
    margin: 0
}

.btn-theme.large--btn {
    background-color: #e89823;
    border-color: #e89823;
    color: #fff;
    display: inline-block;
    font-size: 32px;
    padding: 30px 50px;
    vertical-align: middle;
    transition: ease-out all 0.8s 0s
}

.btn-theme.large--btn:hover {
    color: #fff;
    display: inline-block;
    font-size: 32px;
    padding: 30px 50px;
    border: none;
    vertical-align: middle;
    transition: ease-out all 0.8s 0s
}

.btn-theme.large--btn .arow-icon {
    display: inline-block;
    vertical-align: middle
}

.tb-space {
    padding: 55px 0
}

.rs-Tab li {
    width: 154px;
    height: 154px;
    border-radius: 50%;
    background-color: #42c3d3;
    border: none
}

.resp-vtabs li.resp-tab-active {
    border: none;
    padding: 0!important;
    margin: 0!important
}

.rs-Tab a {
    display: block;
    position: relative;
    height: 100%
}

.rs-Tab ul li img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin: 0 auto
}

.resp-tab-active {
    background-color: #ff5e71!important
}

.rs-Tab .tab_content {
    display: none;
    height: 100%;
    position: relative;
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s
}

.detailBlock {
    left: 50%;
    padding: 40px;
    position: relative;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.resp-vtabs .resp-tabs-container {
    height: 485px;
    width: 485px;
    margin: 90px 0 0 0;
    position: relative;
    background-color: transparent;
    border: none
}

.tabcrcle {
    float: right
}

.resp-vtabs .circleBg {
    background-color: #ff5e71;
    border: 5px solid #de3348;
    border-radius: 50%;
    height: 485px;
    width: 485px;
    margin: 90px 0 0 0;
    position: absolute;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    left: 0;
    top: 0
}

.two-grid.tab_sectn .grid {
    width: 41%;
    padding-right: 0
}

.two-grid .grid.tab_grid {
    width: 58%;
    padding-bottom: 70px
}

.rs-Tab {
    max-width: 700px
}

.tab_title_hding {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-align: center
}

.detailBlock>p {
    color: #fff;
    font-size: 22px;
    line-height: 35px
}

.resp-vtabs ul.resp-tabs-list {
    position: relative;
    list-style-type: none;
    padding-left: 0;
    float: left
}

.tab_title_hding:after {
    position: absolute;
    content: "";
    background-color: #fbadb6;
    height: 4px;
    width: 80px;
    top: 100%;
    left: 50%;
    transform: translatex(-50%);
    -webkit-transform: translatex(-50%)
}

.resp-vtabs .resp-tabs-list li {
    position: relative;
    margin: 0;
    padding: 0!important
}

.resp-vtabs .resp-tabs-list li.tab_1 {
    left: 118px
}

.resp-vtabs .resp-tabs-list li.tab_2 {
    left: 10px
}

.resp-vtabs .resp-tabs-list li.tab_3 {
    left: 10px;
    top: 35px
}

.resp-vtabs .resp-tabs-list li.tab_4 {
    left: 110px;
    top: 50px
}

.tab_content .detailBlock:after {
    background-image: url(images/tab1.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 380px 380px;
    content: "";
    height: 400px;
    left: 50%;
    opacity: .1;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 400px
}

.tabcrcle .circleBg::before {
    border-color: transparent;
    border-right-color: #de3348;
    border-style: solid;
    border-width: 10px 25px 10px 0;
    content: "";
    left: -28px;
    position: absolute;
    top: 50%;
    z-index: 99
}

.tabcrcle .circleBg::after {
    border-color: transparent;
    border-right-color: #ff5e71;
    border-style: solid;
    border-width: 10px 25px 10px 0;
    content: "";
    left: -16px;
    position: absolute;
    top: 50%;
    z-index: 99
}

.tabcrcle .circleBg {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.tabcrcle {
    position: relative
}

.var-title {
    color: #666;
    font-size: 45px;
    line-height: 52px;
    margin-bottom: 50px
}

.after-consulting {
    padding-left: 10px
}

.price-container {
    margin: 0 auto;
    max-width: 1040px;
    text-align: center
}

.back-color {
    background: #312c63
}

.textblock.aligncenter>h2::after {
    left: 0;
    margin: 0 auto;
    right: 0
}

.price-container .textblock>h4 {
    color: #fff;
    font-size: 24px;
    padding-bottom: 10px
}

.price-container .textblock>p {
    line-height: normal;
    text-align: inherit;
    text-align: center
}

.priceboxes {
    margin: 90px 0 0
}

.priceBox {
    border-radius: 5px;
    box-shadow: 0 0 22px rgba(118, 121, 121, .55);
    -webkit-box-shadow: 0 0 22px rgba(118, 121, 121, .55);
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 340px;
    z-index: 1
}

.inner-box {
    background-color: #fff;
    border-radius: 7px
}

.priceBox .tophead {
    background-color: #2d295a;
    position: relative;
    padding: 42px 20px 65px;
    border-radius: 5px 5px 0 0
}

.priceBox .tophead::after {
    background-image: url(img/zigzag-img.png);
    background-repeat: no-repeat;
    content: "";
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: -14px;
    left: 0;
    background-position: center
}

.price-count {
    padding-bottom: 15px
}

.headTitle {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase
}

.dolr-symbl {
    color: #ff5e71;
    display: inline-block;
    font-size: 28px;
    font-weight: 800;
    padding: 10px 10px 0;
    vertical-align: top
}

.price-value {
    color: #fff;
    font-size: 85px;
    font-weight: 800;
    letter-spacing: -2px
}

.right-bottom-text {
    color: #ff5e71;
    font-size: 16px;
    font-weight: 700
}

.priceBox .middle-section,
.priceBox .bottom-section {
    padding: 25px
}

.box_title {
    color: #ff5e71;
    font-family: open sans;
    font-size: 28px;
    font-weight: 700
}

.priceBox .middle-section>p {
    color: #787879;
    font-weight: 600;
    font-size: 15px;
    line-height: 27px
}

.priceBox .bottom-section {
    padding-top: 0
}

.priceBox .middle-section,
.priceBox .bottom-section {
    padding: 25px
}

.grayBtn {
    background-color: #d9d9db;
    border-radius: 2px;
    color: #585656;
    display: inline-block;
    font-size: 13px;
    padding: 10px 15px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s
}

.grayBtn:hover {
    background-color: #ff5e71;
    color: #fff;
    border-radius: 10px
}

.hint {
    color: #8a8896;
    font-size: 14px;
    padding: 4px 0;
    margin-bottom: 5px
}

.priceBox .bottom-section .btn-theme {
    display: inline-block;
    background-color: #ff5e71;
    color: #fff;
    border-color: #ff5e71;
    font-size: 21px;
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    border: none;
    transition: ease-out all 0.8s 0s
}

.priceBox .bottom-section .btn-theme:hover {
    display: inline-block;
    color: #fff;
    border-color: #ff5e71;
    font-size: 21px;
    background: #7fc241;
    padding: 10px;
    border-radius: 25px;
    border: none;
    width: 100%;
    transition: ease-out all 0.8s 0s
}

.priceBox.skybox .bottom-section {
    padding-bottom: 70px
}

.bottom-section a.btn-theme.skybtn {
    background: #42c3d3
}

.star-text {
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0 0 0
}

.priceBox.skybox {
    margin: -60px -15px 0;
    z-index: 2
}

.skybox.priceBox .tophead {
    background-color: #42c3d3;
    padding: 42px 20px 95px
}

.skybox .dolr-symbl,
.skybox .right-bottom-text {
    color: #13808e
}

.skybox .box_title {
    color: #2eabbb
}

.vicious-cycle {
    margin: 0 auto;
    max-width: 1010px;
    text-align: center
}

.textblock>h2.black {
    color: #2f2f2f
}

.crcle-listing {
    margin: 0 -35px;
    position: relative;
    text-align: center
}

.crcleItem {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    z-index: 9;
    position: relative
}

.crcle_bg {
    background-color: #42c3d3;
    border-radius: 50%;
    height: 136px;
    position: relative;
    width: 136px;
    z-index: 9;
    margin: 0 35px;
    display: table
}

.crcleItem>h3 {
    color: #666;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 10px;
    text-align: center
}

.textblock.vicious h2 {
    font-size: 43px;
    font-weight: 600;
    line-height: 55px
}

.crcle-listing::after {
    background-image: url(images/11.svg);
    content: "";
    height: 333px;
    left: 80px;
    position: absolute;
    top: -75px;
    width: 892px
}

.svg-icon path {
    fill: #fff
}

.svg-icon {
    display: table-cell;
    vertical-align: middle
}

.crcleItem:nth-child(2) {
    margin-top: 90px
}

.crcleItem:nth-child(3) {
    margin-top: 70px
}

.crcleItem:nth-child(4) {
    margin-top: 30px
}

.crcleItem:nth-child(5) {
    margin-top: 140px
}

.btn-theme.midium--btn {
    background-color: #e89823;
    border-color: #e89823;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    padding: 20px 40px;
    vertical-align: middle;
    border: none;
    border-radius: 4px;
    transition: ease-out all 0.8s 0s
}

.btn-theme.midium--btn:hover {
    background-color: #7fc241;
    border-color: #7fc241;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    padding: 20px 40px;
    border: none;
    border-right: 25px;
    vertical-align: middle;
    transition: ease-out all 0.8s 0s
}

.arow-icon {
    display: inline-block;
    vertical-align: middle
}

.btn-theme.midium--btn .arow-icon>img {
    max-width: 15px
}

.featutes-tbl {
    margin: 0 auto;
    max-width: 1130px
}

.price-Tbl td {
    border-bottom: 1px solid #dbdaec;
    color: #545353;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    padding: 15px;
    position: relative;
    text-align: center;
    background-color: #fff;
    width: 25%
}

.price-Tbl {
    border-spacing: 3px 0;
    table-layout: fixed
}

.price-Tbl td:nth-child(2),
.price-Tbl td:nth-child(4) {
    background-color: #474280;
    border-color: #544f8b
}

.price-Tbl td:nth-child(3) {
    background-color: #5c5797;
    border-color: #645f9c
}

.price-Tbl tr:nth-child(2) td {
    border-radius: 4px 4px 0 0
}

.crcl-listing>li {
    border: none;
    color: #545454;
    font-size: 14px;
    font-weight: 300;
    min-height: inherit;
    padding: 4px 0 4px 20px;
    position: relative;
    text-align: left
}

.price-Tbl td:first-child {
    text-align: left;
    width: 30%
}

.checked-svg svg path {
    fill: #ff5e71
}

.price-Tbl td:nth-child(3) .checked-svg svg path {
    fill: #42c3d3
}

.price-Tbl td:nth-child(4) .checked-svg svg path {
    fill: #e89823
}

.checked-svg svg {
    display: block;
    margin: 0 auto
}

.price-Tbl td span {
    color: #b3afe2;
    font-size: 14px;
    font-weight: 300
}

.tbl-head .pro-plus {
    background-color: #26a6b6;
    border-radius: 3px;
    display: inline-block;
    font-family: open sans;
    font-size: 10px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 10px;
    padding: 0 10px;
    vertical-align: super
}

.tbl-head {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
    margin: 0 auto;
    padding: 13px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    border-radius: 4px
}

.comprehensive {
    display: block;
    font-family: open sans;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 3px;
    line-height: 1;
    margin-top: -10px
}

.tbl-head.puple {
    background-color: #8e89c1
}

.tbl-head.pink {
    background-color: #ff5e71
}

.tbl-head.sky {
    background-color: #42c3d3
}

.tbl-head.ylw {
    background-color: #e89823
}

.head_title {
    display: table;
    width: 100%
}

.crcl-listing>li::before {
    background-color: #fff;
    border: 2px solid #ff5e71;
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 0;
    margin: -4px 0 0;
    position: absolute;
    top: 50%;
    width: 5px
}

.pinkBg {
    background-color: #ff5e71
}

.skyBg {
    background-color: #42c3d3
}

.ylowBg {
    background-color: #e89823
}

.prc-value {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    text-align: center
}

ul.crcl-listing {
    list-style-type: none;
    padding: 0
}

.price_box>span {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1
}

.price-Tbl td:nth-child(2).pinkBg {
    background-color: #ff5e71
}

.price-Tbl td:nth-child(3).skyBg {
    background-color: #42c3d3
}

.price-Tbl td:nth-child(4).ylowBg {
    background-color: #e89823
}

.price-Tbl th {
    padding-bottom: 3px
}

.price-Tbl .price_box>span {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1
}

.price-Tbl tr:last-child td {
    border-radius: 0 0 4px 4px
}

.mob_element {
    color: #fff;
    display: none;
    font-size: 30px;
    text-transform: uppercase;
    padding-bottom: 5px
}

.mob_element .comprehensive {
    margin-top: 0;
    color: #fff
}

.btn_list {
    margin: 16px auto 0;
    max-width: 150px
}

.price-container .textblock>h4 {
    color: #fff;
    font-size: 24px;
    padding-bottom: 10px
}

.btn_list .smallBtn {
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 8px;
    text-transform: uppercase;
    border: 1px solid;
    margin: 8px 0;
    border-radius: 3px;
    transition: all 0.5s ease-out 0s
}

.btn_list .darkpink {
    background-color: #dc3c4f;
    border-color: #dc3c4f
}

.btn_list .darksky {
    background-color: #1d9faf;
    border-color: #1d9faf
}

.smallBtn.darkYlw {
    background-color: #cd800f;
    border-color: #cd800f
}

.btn_list .smallBtn:hover {
    border-radius: 40px
}

.rr-row h5 {
    color: #000;
    font-size: 35px;
    padding: 40px 0;
    text-align: center;
    margin: 0 auto;
    display: block;
    line-height: 1.5;
    vertical-align: top;
    border-bottom: solid 1px #e4e3e3
}

.recommened-reading.cell-two .reading-box {
    width: 48%
}

.recommened-reading .reading-box:first-child {
    padding-left: 0
}

.recommened-reading .reading-box {
    vertical-align: top;
    display: table-cell;
    padding: 40px 45px 75px 45px;
    margin: 0;
    border-right: solid 1px #e7e5e5;
    position: relative
}

.recommened-reading .reading-box:last-child {
    margin-right: 0;
    border: none;
    padding-right: 0
}

.recommened-reading .box-top h6 a {
    color: #f14130
}

.recommened-reading .box-top h6 {
    color: #f14130;
    font-size: 25px;
    line-height: 1.2;
    margin: 0;
    padding-bottom: 15px
}

.recommened-reading p {
    font-size: 17px;
    padding: 12px 0 5px 0;
    text-align: justify!important;
    margin: 0 0 0 0;
    overflow: hidden;
    line-height: 1.5
}

.recommened-reading a.text-link {
    background-color: #e89823;
    margin-top: 20px;
    padding: 10px 20px;
    position: relative;
    bottom: 0;
    display: inline-block;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
    transition: ease-out all 0.8s 0s
}

.recommened-reading a.text-link:hover {
    background-color: #e89823;
    margin-top: 20px;
    padding: 10px 20px;
    position: relative;
    bottom: 0;
    display: inline-block;
    border-radius: 24px;
    color: #fff;
    font-size: 18px;
    transition: ease-out all 0.8s 0s
}

.exp-list {
    max-width: 1100px;
    margin: 0 auto
}

.exp-list {
    padding-top: 76px;
    vertical-align: middle;
    position: relative;
    margin: 0 auto;
    text-align: center
}

.exp-list .circle.experts {
    background: #5c5eaf
}

.exp-list .circle.year {
    background: rgba(80, 46, 166, .77)
}

.exp-list .circle.completed {
    background: rgba(14, 183, 189, .77)
}

.exp-list .circle.trust {
    background: rgba(102, 186, 61, .77)
}

.exp-list .circle.trust2 {
    background: rgba(226, 47, 83, .77)
}

.exp-list .circle.completed h3 {
    color: #ec384e
}

.ft_exp {
    min-height: 600px;
    padding: 42px 0
}

#wrapper {
    overflow: hidden
}

.exp-list .circle.experts {
    background: rgba(255, 133, 21, .77)
}

.exp-list .circle h3 {
    position: relative;
    background: rgba(255, 255, 255, .75);
    border-radius: 4px;
    font-size: 25px;
    color: #4a4b89;
    display: table;
    margin: 0 auto;
    text-align: center;
    margin-top: 28px;
    padding: 8px 15px;
    text-transform: uppercase;
    display: none
}

.exp-list .circle h3:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(255, 255, 255, .75);
    border-width: 8px;
    margin-left: -10px
}

.exp-list .circle p {
    color: #fff;
    font-size: 19px;
    text-align: center;
    padding-top: 60px;
    line-height: 1.2
}

.exp-list .circle {
    background: rgba(92, 94, 175, .8);
    width: 245px;
    height: 245px;
    display: inline-block;
    border-radius: 100%;
    border: solid 4px rgba(255, 255, 215, .8);
    position: relative;
    margin: 0 -15px
}

.cta-new {
    background: url(img/bg-trans.png) no-repeat top center;
    display: table;
    width: 100%
}

.aep-cta {
    margin-top: 50px
}

.cta-new .cta-inner {
    padding: 10px 0 15px 0;
    display: table;
    width: 100%;
    background: url(img/bg-trans.png) no-repeat bottom center;
    text-align: center
}

.cta-new a.btn-theme {
    display: inline-block;
    background: #fff;
    border-color: #fff;
    color: #f24130;
    padding: 7px 12px 7px 12px;
    font-size: 22px;
    border-radius: 4px;
    border: none;
    vertical-align: middle;
    transition: ease-out all 0.8s 0s
}

.cta-new a.btn-theme:hover {
    display: inline-block;
    background: #fff;
    border-color: #fff;
    color: #f24130;
    padding: 7px 12px 7px 12px;
    font-size: 22px;
    border-radius: 24px;
    vertical-align: middle;
    border: none;
    transition: ease-out all 0.8s 0s
}

.cta-new h4 {
    color: #fff;
    line-height: 1.2;
    font-size: 22px;
    text-align: center;
    padding-top: 10px
}

.fix-container12 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 10px
}

.sub-section-1 {
    background: #f3f3f3
}

.oms-sub-section {
    padding: 70px 0 40px
}

.oms-item {
    float: left;
    width: 50%;
    text-align: center;
    padding: 0 20px
}

.oms-item img {
    margin: 0 auto
}

.oms-item h2 {
    margin: 6px 0 13px;
    font-size: 27px;
    color: #ee7214;
    font-weight: 600
}

.oms-item p {
    padding: 0 60px
}

.oms-sub-section.sub-section-2.last-div {
    padding-bottom: 99px
}

.sub-section-111 {
    background: #3a3737;
    padding-bottom: 50px
}

.section-title {
    text-align: center;
    margin: 0 0 56px
}

.section-title.c-section-title h2 {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 60px
}

.nav.nav-tabs.discuss li {
    width: 33.3%;
    position: relative
}

.nav.nav-tabs.discuss li a {
    height: auto;
    border: none;
    padding: 50px 15px
}

.nav.nav-tabs.discuss li a:hover {
    border: none;
    height: auto
}

.nav.nav-tabs.discuss li a>p {
    font-size: 32px;
    font-weight: 700
}

.nav.nav-tabs.discuss li a p>span {
    font-weight: 400
}

.nav.nav-tabs.discuss {
    padding: 0 10px
}

.nav.nav-tabs.discuss li a em {
    background: #ee7214;
    padding: 3px 16px;
    border: 3px solid;
    border-radius: 50%;
    position: absolute;
    top: -27px;
    right: 41%;
    font-size: 31px;
    font-weight: 700;
    font-style: normal
}

.nav.nav-tabs.discuss li:nth-child(1) a {
    background: #7c7773;
    width: 100%;
    color: #fff;
    text-align: center
}

.nav.nav-tabs.discuss li:nth-child(2) a {
    background: #ee7214;
    width: 100%;
    color: #fff;
    text-align: center
}

.nav.nav-tabs.discuss li:nth-child(3) a {
    background: #4f4946;
    width: 100%;
    color: #fff;
    text-align: center
}

.tab-content.discuss-tab .tab-pane {
    padding-top: 39px;
    padding-bottom: 30px
}

.nav.nav-tabs.discuss li.active a:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 26px 0;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -19px;
    margin-left: -26px;
    border-color: #ee7214 transparent transparent
}

.setion-hding12 {
    padding-bottom: 35px
}

.setion-hding12>h2 {
    color: #000;
    font-size: 28px;
    line-height: 1.2;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
    font-weight: 600
}

.text-block.discuss p {
    color: #333;
    padding: 0 40px 40px;
    text-align: center
}

.text-block.discuss>p {
    padding-bottom: 12px
}

.setion-hding12>h2:after {
    content: "";
    position: absolute;
    left: 47%;
    top: 100%;
    height: 3px;
    width: 68px;
    background-color: #e05c1e
}

.blue-middle-box {
    position: relative;
    z-index: 1;
    top: -54px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.blue-box-inner {
    padding: 31px;
    color: #fff;
    text-align: center;
    border-radius: 15px;
    background-color: #ee7214;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .8);
    box-shadow: 0 0 6px rgba(0, 0, 0, .8)
}

.panel1-heading1 {
    margin-top: -50px
}

.blue-box-inner .ttl {
    display: inline-block;
    vertical-align: middle;
    margin: -10px 36px 0 0;
    color: #fff;
    font-size: 40px
}

.btn-simple {
    display: inline-block;
    color: #fff;
    padding: 15px 40px;
    text-shadow: 0 -1px 0 #ce6616;
    border-radius: 8px;
    background: 0 0/100% 100% #ee7214;
    background: -moz-linear-gradient(top, #a2d90c 0, #89bb00 100%) 0 0/100% 100%;
    background: -webkit-linear-gradient(top, #ef9551 0, #ff760e 100%) 0 0/100% 100%;
    background: -ms-linear-gradient(top, #a2d90c 0, #89bb00 100%) 0 0/100% 100%;
    background: linear-gradient(to bottom, #e58339 0, #e36200 100%) 0 0/100% 100%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    transition: all .4s linear
}

.btn-simple:hover {
    color: #fff;
    background-position: 0 -200%;
    background-size: 100% 200%
}

section.section-center-main {
    text-align: center;
    padding-bottom: 50px
}

.introducting-head h2 {
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    padding-top: 16px;
    color: #ee7214
}

.introducting-head h3 {
    text-align: center;
    font-size: 31px;
    padding-bottom: 25px
}

.introducting {
    width: 100%;
    background: #fff;
    height: auto
}

.introducting-chield {
    max-width: 1150px;
    width: 100%;
    min-height: 300px;
    margin: 0 auto;
    box-shadow: 4px 0 60px rgba(100, 99, 98, .2);
    border-radius: 10px;
    padding: 30px 0 30px 50px;
    box-sizing: border-box
}

.introducting-detail>h3 {
    font-size: 30px;
    padding-bottom: 20px;
    text-align: center
}

.blocks {
    text-align: left
}

.blocks>.block {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px;
    width: 48%
}

.block--title {
    color: #4a494d;
    font-size: 24px;
    padding-bottom: 10px
}

.sub-heading {
    color: #4a494d
}

.sub-heading span {
    font-size: 22px;
    display: inline-block;
    line-height: 10px;
    vertical-align: top;
    padding: 5px 0 0 0
}

.listing.pink>ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0
}

.listing.pink {
    padding: 5px 0 15px
}

.listing-feature>li {
    font-size: 15px;
    color: #454444;
    font-weight: 600;
    padding: 4px 0 4px 30px;
    position: relative
}

.listing-feature>li::before {
    content: "";
    left: 0;
    position: absolute;
    top: 5px;
    background-image: url(img/check-black.png);
    width: 17px;
    height: 13px
}

.highlighted-text {
    color: #000;
    font-size: 20px
}

.pre-book {
    padding: 5px 0 0 0
}

.pre-book .btn-theme {
    margin: 0;
    border-radius: 10px
}

.offer-price-text>h3 {
    color: #e05c1e;
    font-weight: 800;
    padding-bottom: 10px
}

.btn-theme.pink {
    background-color: #ee7214;
    border-color: #ee7214;
    color: #fff;
    font-size: 18px
}

a.btn-theme,
.btn-theme {
    cursor: pointer;
    color: #7fc241;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    display: table;
    padding: 14px 21px;
    border-radius: 3px;
    line-height: 1;
    vertical-align: top;
    margin: 0 auto;
    transition: ease-out all 0.8s 0s;
    text-decoration: none
}

.btn-theme.pink:hover {
    background-color: #2cbed2;
    border-color: #2cbed2
}

a.btn-theme:hover,
.btn-theme:hover {
    border-radius: 25px;
    border: solid 2px #7fc241;
    background: #7fc241;
    color: #fff;
    transition: ease-out all 0.8s 0s
}

.section_title {
    color: #4a494d;
    font-size: 24px;
    padding-bottom: 5px;
    text-align: center
}

.demo--links {
    display: table;
    width: 100%;
    table-layout: fixed
}

.demo--links {
    display: table;
    width: 100%;
    table-layout: fixed
}

ol,
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.demo--links>li:first-child {
    text-align: left
}

.demo--links.new>li {
    display: inline-block;
    width: 50%;
    padding: 20px 10px
}

.demo--links>li {
    display: table-cell;
    vertical-align: top
}

.demo--links.new>li a {
    display: block;
    text-align: center
}

.demo--links.new span.demo-icon {
    margin: 0 auto 10px;
    display: block
}

.demo--links.new span.demo-icon {
    background-color: #ffb31c;
    border: 2px solid #ffb31c
}

.demo--links span.demo-icon {
    padding: 10px;
    height: 100px;
    width: 100px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 50%;
    position: relative
}

.demo--links span {
    color: #3d403e;
    display: inline-block;
    font-weight: 600;
    padding: 0 10px;
    vertical-align: middle
}

.demo--links span.demo-icon img {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.demo--links.new li a:hover span.demo-icon {
    border-color: #222
}

.ready-to-discuss {
    background: #e7ddd5;
    min-height: 257px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0 -3px 5px rgba(213, 213, 213, .46)
}

.text-head {
    padding-top: 6%;
    font-size: 34px;
    font-weight: 700;
    color: #d8591c
}

.text-head i {
    color: #777;
    font-size: 28px;
    font-weight: 500
}

.ready-to-button a {
    color: #fff;
    background: #d25b22;
    border-radius: 4px;
    padding: 9px 30px;
    font-size: 20px;
    font-weight: 700;
    transition: ease-out all 0.8s 0s
}

.ready-to-button a:hover {
    color: #fff;
    background: linear-gradient(to bottom, #ee7214 0, #974a10 100%) 0 0/100% 100%;
    border-radius: 20px;
    padding: 9px 30px;
    font-size: 20px;
    font-weight: 700
}

.ready-to-button {
    margin-top: 20px
}

.sw-logo {
    display: inline-block;
    vertical-align: middle;
    width: 25%
}

.service-dt-columns {
    max-width: 1170px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 20px
}

.sw-logo-hold-wma {
    box-shadow: -7px -7px 10px rgba(151, 19, 13, .15)
}

.sw-logo-hold {
    display: block;
    width: 240px;
    height: 240px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    border: 6px solid #fff;
    line-height: 229px;
    text-align: center;
    background: -moz-linear-gradient(-45deg, rgba(246, 246, 245, 1) 0, rgba(255, 255, 255, 1) 55%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(246, 246, 245, 1)), color-stop(55%, rgba(255, 255, 255, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(246, 246, 245, 1) 0, rgba(255, 255, 255, 1) 55%);
    background: -o-linear-gradient(-45deg, rgba(246, 246, 245, 1) 0, rgba(255, 255, 255, 1) 55%);
    background: -ms-linear-gradient(-45deg, rgba(246, 246, 245, 1) 0, rgba(255, 255, 255, 1) 55%);
    background: linear-gradient(135deg, rgba(246, 246, 245, 1) 0, rgba(255, 255, 255, 1) 55%);
    box-shadow: -7px -7px 10px rgba(95, 128, 7, .15)
}

.sw-logo-hold svg {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.sw-logo-hold-wma svg {
    width: 70%
}

.sw-description {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    font: 17px/1.5 roboto-regular-webfont, Arial, sans-serif;
    color: #5a6063;
    width: 42%
}

.wma-anim {
    width: 53px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    top: 76px;
    left: 86px
}

.wma-anim .sq {
    position: absolute;
    background-color: #AA4141;
    width: 18px;
    height: 18px
}

.wma-anim .sq:nth-child(odd) {
    left: 6px
}

.wma-anim .sq:nth-child(even) {
    left: 29px
}

.wma-anim .sq01,
.wma-anim .sq02 {
    top: 6px
}

.wma-anim .sq03,
.wma-anim .sq04 {
    top: 29px
}

.wma-anim .sq05,
.wma-anim .sq06 {
    top: 51px
}

.sw-logo-hold-wma:hover .sq01 {
    animation: sq01Move 2.4s ease infinite
}

.sw-logo-hold-wma:hover .sq02 {
    animation: sq02Move 2.4s ease infinite
}

.sw-logo-hold-wma:hover .sq03 {
    animation: sq05Move 2.4s ease infinite
}

.sw-logo-hold-wma:hover .sq04 {
    animation: sq06Move 2.4s ease infinite
}

.sw-logo-hold-wma:hover .sq05 {
    animation: sq07Move 2.4s ease infinite
}

.sw-logo-hold-wma:hover .sq06 {
    animation: sq08Move 2.4s infinite ease
}

.ico-mobile {
    width: 86px;
    fill: #aa4141
}

@keyframes sq01Move {
    0%,
    13% {
        left: 6px
    }
    33% {
        left: 59px;
        transform: translateY(0)
    }
    33.2% {
        left: -29px;
        transform: translateY(-100px)
    }
    46% {
        left: -29px;
        transform: translateY(0)
    }
    100%,
    54% {
        left: 6px
    }
}

@keyframes sq02Move {
    0% {
        left: 29px
    }
    5% {
        left: 59px;
        transform: translateY(0)
    }
    5.5% {
        left: -29px;
        transform: translateY(-100px)
    }
    27% {
        left: -29px;
        transform: translateY(0)
    }
    100%,
    33% {
        left: 29px
    }
}

@keyframes sq05Move {
    0%,
    17% {
        left: 6px
    }
    37% {
        left: 59px;
        transform: translateY(0)
    }
    37.5% {
        left: -29px;
        transform: translateY(-100px)
    }
    50% {
        left: -29px;
        transform: translateY(0)
    }
    100%,
    58% {
        left: 6px
    }
}

@keyframes sq06Move {
    0%,
    8% {
        left: 29px
    }
    14% {
        left: 59px;
        transform: translateY(0)
    }
    14.5% {
        left: -29px;
        transform: translateY(-100px)
    }
    33% {
        left: -29px;
        transform: translateY(0)
    }
    100%,
    42% {
        left: 29px
    }
}

@keyframes sq07Move {
    0%,
    13% {
        left: 6px
    }
    37% {
        left: 59px;
        transform: translateY(0)
    }
    37.5% {
        left: -29px;
        transform: translateY(-100px)
    }
    53% {
        left: -29px;
        transform: translateY(0)
    }
    100%,
    63% {
        left: 6px
    }
}

@keyframes sq08Move {
    0% {
        left: 29px
    }
    7% {
        left: 59px;
        transform: translateY(0)
    }
    7.5% {
        left: -29px;
        transform: translateY(-100px)
    }
    37% {
        left: -29px;
        transform: translateY(0)
    }
    100%,
    46% {
        left: 29px
    }
}

.bullet-service-list li {
    padding: 0 0 12px 32px;
    position: relative;
    color: #5a6063;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    line-height: 1.2
}

.bullet-service-list li a {
    color: #71980D;
    font-size: 16px;
    font-weight: 700
}

.bullet-service-list li:before {
    color: #71980D
}

.bullet-service-list li:before {
    content: "»";
    font: 28px/.5 roboto-bold-webfont, Arial, sans-serif;
    display: inline-block;
    vertical-align: top;
    text-indent: -22px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.sw-list-col {
    display: inline-block;
    vertical-align: middle;
    width: 32%;
    position: relative
}

.bullet-service-list:after {
    content: "";
    background: url(img/brace.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 40%;
    margin: -28px 0 0 -286px;
    width: 286px;
    height: 43px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

ul.bullet-service-list {
    list-style-type: none;
    padding: 0 0 0 32px;
    margin: 0
}

.sw-description.last h2>a {
    color: #aa4141
}

.bullet-service-list.last1 li:before {
    color: #aa4141
}

.bullet-service-list.last1 li>a {
    color: #aa4141
}

.sw-description.last3 h2>a {
    color: #872f9f
}

.bullet-service-list.last31 li:before {
    color: #872f9f
}

.bullet-service-list.last31 li>a {
    color: #872f9f
}

.sw-description.last2 h2>a {
    color: #009ddc
}

.bullet-service-list.last21 li>a {
    color: #009ddc
}

.bullet-service-list.last21 li:before {
    color: #009ddc
}

.sw-description.second h2 a {
    color: #d57e0e
}

.bullet-service-list.second1 li>a {
    color: #d57e0e
}

.bullet-service-list.second1 li:before {
    color: #d57e0e
}

.sw-description h2>a {
    font-weight: 700;
    color: #71980d;
    font-size: 30px
}

.sw-description>a {
    font-weight: 700;
    padding: 9px 40px;
    margin-top: 10px
}

.sw-description>h2 {
    margin-bottom: 20px
}

.sw-logo-hold-wma {
    box-shadow: -7px -7px 10px rgba(151, 19, 13, .15)
}

.sw-logo-hold-cd {
    box-shadow: -7px -7px 10px rgba(160, 96, 13, .15)
}

.sw-logo-hold-wmd {
    box-shadow: -7px -7px 10px rgba(101, 27, 121, .15)
}

.sw-logo-hold-om {
    box-shadow: -7px -7px 10px rgba(1, 118, 165, .15)
}

.multi-vender-section {
    padding-top: 51px;
    background-color: #fafafa
}

.cd-chapter {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 0 0 62px 34px;
    overflow: hidden
}

.cd-logo {
    width: 100px;
    float: left;
    margin: 0 28px 0 0
}

.cd-descript {
    overflow: hidden;
    color: #5a6063;
    font-size: 15px;
    line-height: 1.6
}

.cd-chapter h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: #e05c1e;
    margin: 0 0 8px
}

.cd-descript p {
    margin: 0 0 10px
}

.why-us-multivender {
    padding: 50px 0;
    background-color: #fbfbfb
}

.why-us-multivender .section-title p {
    font-size: 17px;
    line-height: 1.4;
    color: #817878;
    text-shadow: 0 -1px 0 #00374f;
    margin-bottom: 50px;
    padding: 0 100px
}

.why-us-multivender .section-title h2>span {
    color: #ee7214
}

.st-column:first-child {
    padding-left: 0;
    padding-right: 30px
}

.st-column {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-left: 30px;
    font-size: 15px;
    line-height: 1.6;
    color: #5a6063
}

.icons-list .st-icon-box {
    margin-bottom: 20px
}

.st-icon-box img {
    float: left;
    margin-right: 12px
}

.icons-list .st-icon-box .stib-content {
    padding-top: 0
}

.st-icon-box .stib-content {
    overflow: hidden;
    padding-top: 20px
}

.icons-list h4 {
    font-size: 17px;
    color: #ee7214;
    padding-top: 4px
}

.about-tab-section {
    padding: 50px 0
}

.all-text-tab {
    width: 74%
}

.tabcontent .main-div {
    margin-top: 0;
    margin-bottom: 0;
    text-align: left
}

.inline-class {
    display: inline-block;
    vertical-align: top
}

.tabcontent h3 {
    color: #333;
    font-weight: 700;
    font-size: 23px;
    margin-top: 0
}

.menu-lft {
    width: 25%
}

.tababout {
    height: 300px
}

.tababout button {
    display: block;
    background-color: #f1f1f1;
    color: black;
    padding: 14px 16px;
    width: 92%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    font-size: 17px;
    position: relative;
    border-radius: 2px;
    border-bottom: 1px solid #ccc
}

.tababout .border-top {
    border-top: 1px solid #ccc
}

.tababout button:hover {
    background-color: #ccc
}

.tababout button.active {
    background-color: #ccc
}

.tablinks.active:after {
    background: #ccc none repeat scroll 0 0;
    border-top: 17px solid transparent;
    content: "";
    height: 31.99px;
    position: absolute;
    right: -17px;
    top: 7px;
    transform: rotate(48deg);
    vertical-align: middle;
    width: 35px;
    z-index: -2147
}

.tablinks:hover::after {
    background: #ccc;
    border-top: 17px solid transparent;
    content: "";
    height: 31.99px;
    position: absolute;
    right: -17px;
    top: 7px;
    transform: rotate(48deg);
    vertical-align: middle;
    width: 35px;
    z-index: -2147
}

.tabcontent {
    padding: 0 12px;
    border-left: none
}

.rt-div {
    width: 47%;
    padding-left: 20px
}

.inli-dev {
    display: inline-block;
    vertical-align: top
}

.lft-div {
    width: 52%
}

.inli-dev.team-img {
    width: 25%
}

.inli-dev.team-text {
    width: 74%
}

.about-tab-section1 {
    padding: 50px 0
}

.all-text-tab1 {
    width: 74%
}

.inline-class1 {
    display: inline-block;
    vertical-align: top
}

.tabcontent1 h3 {
    color: #333;
    font-weight: 700;
    font-size: 23px;
    margin-top: 5px;
    margin-bottom: 25px
}

.menu-lft1 {
    width: 25%
}

.tababout1 {
    height: 300px
}

.tababout1 button {
    display: block;
    background-color: #f1f1f1;
    color: black;
    padding: 14px 16px;
    width: 92%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    font-size: 17px;
    position: relative;
    border-radius: 2px;
    border-bottom: 1px solid #ccc
}

.tababout1 .border-top1 {
    border-top: 1px solid #ccc
}

.tababout1 button:hover {
    background-color: #ccc
}

.tababout1 button.active {
    background-color: #ccc
}

.tablinks1.active:after {
    background: #ccc none repeat scroll 0 0;
    border-top: 17px solid transparent;
    content: "";
    height: 31.99px;
    position: absolute;
    right: -17px;
    top: 7px;
    transform: rotate(48deg);
    vertical-align: middle;
    width: 35px;
    z-index: -2147
}

.tablinks1:hover::after {
    background: #ccc;
    border-top: 17px solid transparent;
    content: "";
    height: 31.99px;
    position: absolute;
    right: -17px;
    top: 7px;
    transform: rotate(48deg);
    vertical-align: middle;
    width: 35px;
    z-index: -2147
}

.tabcontent1 {
    padding: 0 0 0 15px;
    border-left: none
}

.rt-div1 {
    width: 51.5%;
    padding-left: 52px
}

.inli-dev1 {
    display: inline-block;
    vertical-align: top
}

.lft-div1 {
    width: 47.5%
}

.inli-dev1.team-img1 {
    width: 25%
}

.inli-dev1.team-text1 {
    width: 74%
}

.border-class {
    border: 1px solid gray;
    margin-bottom: 34px;
    padding: 33px 20px;
    text-align: center;
    border-radius: 6px
}

.border-class img {
    margin: 0 auto;
    padding-bottom: 22px;
    height: 65px
}

.lft-div1.inli-dev1.single {
    width: 100%;
    border: 1px solid gray;
    padding: 28px 24px;
    border-radius: 6px
}

.page.full-width {
    padding-top: 56px;
    width: 100%
}

.page .banner-heading {
    font-size: 50px
}

.items_group.clearfix {
    margin-top: -80px
}

.career-section {
    background: #f2f2f2;
    padding: 20px 0;
    text-align: center
}

.one-third.column {
    width: 31.333%;
    float: left;
    margin: 0 1% 26px;
    max-height: 270px
}

.icon_box {
    padding: 30px 20px!important;
    background-color: #fff;
    position: relative
}

.icon_box:after {
    content: "";
    width: 63px;
    height: 10px;
    background-color: #EAEAEA;
    position: absolute;
    left: 42%;
    top: 30px;
    box-shadow: 0 1px 1px #868686 inset;
    border-radius: 10px
}

.image_wrapper img {
    margin: 0 auto;
    padding-top: 30px;
    height: 95px
}

.desc_wrapper h4 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333
}

.desc {
    font-size: 16px;
    font-weight: 400;
    color: #888;
    padding: 10px 0
}

.action-to-section {
    background-image: url(img/action.jpg);
    position: relative;
    z-index: 1
}

.action-to-section:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000000a6;
    z-index: -1
}

.titlecentertab {
    display: table;
    width: 100%
}

.titlecenterv {
    display: table-cell;
    vertical-align: middle;
    height: 400px;
    text-align: center
}

.titlecenterv h1 {
    font-size: 40px;
    color: #fff;
    text-transform: uppercase
}

.yellow-btn {
    margin-top: 15px;
    letter-spacing: 2px;
    background-color: #ffd800;
    color: #000;
    border-radius: 3px;
    border: 1px solid transparent;
    padding: 12px 25px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    border: solid 1px #ffd800
}

.main-div {
    height: auto;
    text-align: center;
    margin-top: 100px
}

.main-div>.chield-div {
    min-width: 200px;
    min-height: 500px;
    display: inline-block;
    margin: 0 auto;
    width: 30.77%;
    box-shadow: 4px 0 60px rgba(100, 99, 98, .2);
    margin-left: -6px;
    vertical-align: top
}

.main-div>.chield-div.middle-div {
    background: #fff;
    border-radius: 12px;
    position: relative;
    top: -66px;
    z-index: 99
}

.heading-style-grid0 {
    padding-bottom: 5px;
    font-weight: 700;
    margin-top: -14px
}

.heading-style-grid22 {
    padding-bottom: 5px;
    font-weight: 700;
    padding-top: 90px
}

.heading-style-grid {
    padding-bottom: 5px;
    font-weight: 700;
    padding-top: 32px
}

.chield-div.first-div {
    border-radius: 12px 0 0 12px;
    position: relative
}

.chield-div.right-div {
    border-radius: 0 12px 12px 0;
    position: relative
}

h3.heading-style-grid1 {
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    color: gray
}

h3.heading-style-grid2 {
    font-weight: 700;
    padding-top: 10px;
    color: #e05c1e;
    text-align: center
}

.price--value {
    font-size: 28px;
    color: #337ab7;
    font-weight: 700;
    padding-top: 3px
}

.heading-style-grid3 {
    border: 2px dotted #ee7214;
    width: 218px;
    margin: 0 auto;
    padding: 6px;
    margin-top: 10px;
    margin-bottom: 7px;
    border-radius: 10px
}

.heading-style-grid3>h4 {
    font-weight: 400;
    font-size: 18px;
    margin: 2px
}

h3.heading-style-grid4 {
    font-weight: 400;
    font-size: 21px;
    text-align: center;
    color: #333;
    margin: 0
}

.list-style {
    padding: 24px
}

.list-style>ul>li {
    padding: 10px 0;
    border-top: 1px solid #e1e1e1
}

.list-style>ul>li:last-child {
    padding: 18px 0;
    border-bottom: 1px solid #e1e1e1
}

.list-style>ul {
    list-style: none
}

div.highlighted {
    color: #e05c1e;
    font-size: 19px;
    font-weight: 600
}

a.button-style-bottom {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #e05c1e;
    width: 170px;
    margin: 0 auto;
    padding: 13px;
    border-radius: 5px;
    margin-top: 25px;
    font-weight: 700
}

a.button-style-bottom1 {
    margin-top: 23px;
    display: block;
    color: #337ab7;
    padding-bottom: 29px
}

a.button-style-bottom21 {
    margin-top: 23px;
    display: block;
    color: #337ab7;
    padding-bottom: 86px
}

span.list-span>a:hover {
    text-decoration: none
}

span.list-span>a {
    color: #000
}

span.list-span {
    font-size: 12px
}

.offer-head {
    background-color: #ffcb05;
    border-radius: 8px;
    padding: 11px 25px;
    position: relative;
    top: -29px;
    z-index: 2;
    display: inline-block
}

.offer-head>h2 {
    font-size: 19px;
    font-weight: 400;
    border: 2px dotted #fff;
    border-radius: 5px;
    padding: 5px;
    margin: 0
}

span.list-span-greadiant {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, #e89823 25%, #e89823 50%, #e89823 75%, rgba(255, 255, 255, 1) 100%);
    display: block;
    padding: 11px
}

.list-style>ul>li.li-padding-none {
    padding: 1px;
    border-bottom: transparent
}

.highlighted.padding-top {
    padding-top: 0
}

.offer-head::after {
    border: 10px solid transparent;
    border-top-color: #ffcb05;
    top: 100%;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    position: absolute
}

.banner-page h3 {
    font-size: 40px;
    margin: 0
}

.banner-page p {
    color: #d0d0d0;
    text-align: left;
    padding: 16px 192px 0 0
}

.form-banner11 {
    width: 74%;
    margin: 0 auto
}

.banner-page-lft {
    width: 60%;
    padding-top: 66px
}

.banner-page-rt {
    width: 39%;
    background-color: #00000069;
    padding: 37px 0 20px;
    border-radius: 5px
}

.banner-page {
    display: inline-block;
    text-align: center;
    vertical-align: top
}

.form-banner {
    position: absolute;
    top: 47px;
    padding: 10px 100px 0
}

.banner-button {
    color: #fff;
    background-color: #e89823;
    padding: 9px 45px;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    border-radius: 4px
}

.banner-button:hover {
    color: #fff
}

.resize-none {
    resize: none
}

.btn-padding77 {
    display: block
}

.form-banner32 {
    text-align: center;
    margin: 0 auto;
    background-color: #0000005c;
    padding: 30px 30px 20px;
    border-radius: 5px
}

.carousel-caption1-index2 {
    position: absolute;
    right: 13%;
    top: 53px;
    width: 30%;
    z-index: 10;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 258px;
    border-radius: 3px;
    box-shadow: 0 0 28px 0 rgba(7, 11, 146, .75)
}

.carousel-caption-index2 {
    width: 35%;
    left: 13%;
    right: 15%;
    top: 90px;
    text-align: left;
    position: absolute
}

.carousel-caption-index2 h2 {
    color: #e2510a;
    font-size: 41px;
    margin: 0
}

.carousel-caption-index2 h3 {
    color: #e2510a;
    font-size: 40px;
    font-weight: 600;
    margin-top: 0
}

.carousel-caption-index2 p {
    font-size: 21px;
    color: #d6d6d6
}

.ogen-blog {
    padding: 50px 0;
    background-color: #f5f5f5
}

.left-side-blog {
    display: inline-block;
    width: 74%;
    vertical-align: top
}

.h1-class-style {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 7px;
    padding-bottom: 9px;
    padding-left: 26px;
    font-size: 26px;
    font-weight: 700;
    color: #222;
    box-shadow: -5px 0 0 0 #df5c1e
}

.right-side-blog {
    display: inline-block;
    width: 25%;
    vertical-align: top
}

.ogen-blog-rt {
    position: relative;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase
}

.ogen-blog-rt:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -14px;
    width: 4px;
    height: 25px;
    background-color: #999
}

.ogen-decor {
    width: 30px;
    margin-bottom: 20px;
    border-top: 1px solid #ccc
}

.ogen-decor:after {
    display: block;
    width: 30px;
    margin-top: 2px;
    margin-left: 10px;
    border-top: 1px solid #ccc;
    content: ''
}

.ogen-lft-blog-inner {
    background-color: #fff;
    width: 99%;
    padding: 30px 20px
}

.ogn-blog-text {
    padding: 20px 1px 10px 17px
}

.ogen-admin {
    font-size: 12px;
    font-weight: 700
}

.ogen-date {
    font-size: 12px;
    font-weight: 700;
    color: #df5e21
}

.wrap__ogen-btn-rotate {
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden
}

.ogen-btn-rotate {
    margin-left: -18px;
    padding: 12px 29px 12px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border: none;
    box-shadow: 5px 0 0 0 #3c3e49;
    transform: skewX(17deg);
    text-transform: uppercase;
    background-color: #de5d20;
    transition: all 0.3s ease 0s
}

.ogen-btn-rotate__inner {
    display: block;
    transform: skewX(-18deg)
}

.btn-effect:after {
    position: absolute;
    top: 15%;
    left: 21%;
    width: 74%;
    height: 50%;
    opacity: 0;
    z-index: -1;
    content: '';
    transition: all 0.3s ease 0s;
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.ogen-btn-rotate:hover {
    transition: all 0.3s ease 0s;
    background-color: #ca490d
}

.side-nav-ogen-in li a {
    display: block;
    margin-bottom: 12px;
    margin-left: 8px;
    font-weight: 500;
    color: #555;
    transition: all 0.3s;
    text-transform: uppercase
}

.side-nav-ogen-in li a:before {
    content: '\f0da';
    margin-right: 13px;
    font: normal normal normal 7px/1 FontAwesome;
    vertical-align: middle;
    color: #ca490d;
    font-size: 15px;
    top: -1px;
    position: relative
}

.form-control.red-no {
    border-radius: 0
}

.form-control.res-no {
    border-radius: 0;
    resize: none
}

.side-form-ogn {
    padding-bottom: 35px
}

.ogn-blog-img {
    padding-bottom: 35px
}

.ogn-blog-img img {
    width: 100%
}

.background-coloe-ogen {
    background-color: #fff;
    padding: 30px 14px;
    margin-bottom: 15px
}

.testimonial-section {
    padding: 25px 0
}

.testimonial-teading {
    text-align: center;
    padding-bottom: 15px
}

.testimonial-teading h2 {
    font-size: 32px;
    font-weight: 700;
    color: #de5a1c
}

.testimonial-teading>h2 span.testimonial-span {
    font-weight: 400
}

.testimonal-ul>li {
    display: inline-block;
    width: 24.6%;
    background-color: lightgray;
    border: 8px solid #fff;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, .1);
    vertical-align: top;
    position: relative;
    transition: all .2s linear
}

.testimonal-ul>li:hover {
    border: 8px solid #fff;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, .1)
}

.testimonal-ul>li>a:hover {
    box-shadow: 0 -2px 4px rgba(0, 0, 0, .1);
    transition: all .2s linear;
    background-color: white
}

.testimonal-ul>li>img {
    margin: 0 auto
}

.testimonal-ul>li>a {
    position: absolute;
    top: 32%;
    left: 38%;
    font-size: 40px;
    border: 5px solid #eaeaea;
    line-height: 58px;
    padding-left: 18px;
    color: #e05c1e;
    border-radius: 50%;
    transition: all .2s linear;
    height: 70px;
    background: #efefef;
    width: 70px;
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .75)
}

.video-promo-section {
    padding: 25px 0 40px;
    background-color: #f9f9f9
}

.video-promot-heading {
    text-align: center;
    padding-bottom: 15px
}

.video-promot-heading h2 {
    font-size: 32px;
    font-weight: 700;
    color: #df5c1e
}

.video-promot-heading h2 span.video-promot-heading-span {
    font-weight: 400
}

.video-promo-frem {
    width: 64%;
    margin: 0 auto;
    background: white;
    position: relative;
    border: 8px solid #3c3e49;
    border-radius: 4px
}

.video-promo-frem>a {
    font-size: 46px;
    height: 70px;
    width: 70px;
    border: 2px solid #e05c1e;
    line-height: 62px;
    padding-left: 20px;
    display: block;
    position: absolute;
    top: 42%;
    left: 46%;
    color: #e05c1e;
    border-radius: 50%
}

.side_tab {
    position: fixed;
    top: 25%;
    z-index: 999;
    width: 3%;
    margin-left: 5px
}

.side_tab ul {
    padding: 0;
    -webkit-transform: translate(-270px, 0);
    -moz-transform: translate(-270px, 0);
    -ms-transform: translate(-270px, 0);
    -o-transform: translate(-270px, 0);
    transform: translate(-265px, 0)
}

#facebook {
    background: #3b5998
}

#twitter {
    background: #6acff4
}

#linkedin {
    background: #3272bd
}

#instagram {
    background: #f98b02
}

.side_tab ul li {
    display: block;
    margin: 5px;
    background: red;
    width: 300px;
    text-align: right;
    padding: 5px;
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.side_tab ul li i {
    margin-left: 10px;
    color: #000;
    background: #fff;
    padding: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 20px;
    background: #fff;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.side_tab ul li:hover {
    -webkit-transform: translate(110px, 0);
    -moz-transform: translate(110px, 0);
    -ms-transform: translate(110px, 0);
    -o-transform: translate(110px, 0);
    transform: translate(110px, 0);
    background: #629665
}

.side_tab ul li:hover a {
    color: #fff
}

.side_tab ul li:hover i {
    color: #fff;
    background: rgba(0, 0, 0, .36);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.responsive-site-section {
    padding: 35px 0
}

.responsive-site img {
    margin: 0 auto;
    padding-bottom: 42px
}

.responsive-site-lft {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

.responsive-site-rt {
    display: inline-block;
    width: 49%;
    vertical-align: top
}

.heading-responsive-site h3 {
    color: #000;
    font-size: 30px;
    text-align: center;
    margin: 0;
    padding-bottom: 53px
}

.heading-responsive-site h3>span {
    color: #e57440;
    font-weight: 700
}

.web-development-section {
    padding: 45px 0;
    background: whitesmoke
}

.web-development-section.development-li-new-section .web-development h3 {
    color: #000
}

.web-development-section.development-li-new-section {
    padding-top: 74px
}

ul.ogn-web-development-ul {
    text-align: center
}

.web-development {
    padding-bottom: 45px
}

.partner_area_bdr .sec2_cnt {
    height: auto!important
}

.ogn-web-development-ul li {
    display: inline-block;
    width: 24%;
    padding: 10px 15px
}

ul.ogn-web-development-ul.development-ul-new li {
    width: 33%
}

.ogn-web-development-li {
    width: 100%;
    margin: auto;
    border: 1px solid #3f447d;
    border-radius: 10px;
    padding: 30px 15px 20px;
    position: relative
}

p.strong {
    padding-top: 7px;
    margin-bottom: 0
}

.web_cnt_more {
    margin-top: 9px
}

.web_cnt_more a {
    color: blue;
    font-size: 17px;
    font-weight: 700
}

.strong a {
    color: blue;
    font-size: 23px;
    font-weight: 700
}

.web-development h3 {
    color: #000;
    font-size: 31px;
    font-weight: 800;
    text-align: center;
    margin: 0
}

.ogn-result-driven-section .web-development h3 {
    color: #fff;
    font-size: 31px;
    font-weight: 800;
    text-align: center;
    margin: 0
}

.partner-area-section .web-development h3 {
    color: #fff;
    font-size: 31px;
    font-weight: 800;
    text-align: center;
    margin: 0
}

.ogn-web-development-li:hover .web_box {
    opacity: 9;
    position: absolute;
    top: 0;
    left: 0;
    bottom: -10px;
    background: #0cc5cc;
    border-radius: 10px;
    color: #fff;
    transition: all .3s linear
}

.web_box {
    background: #0cc5cc;
    border-radius: 10px;
    position: absolute;
    transition: all .3s linear;
    opacity: 0;
    top: 10px;
    left: 0;
    bottom: -10px
}

.web-development h3>span {
    color: #e05c1e
}

.web_box h3 {
    text-align: center;
    font-weight: 700;
    padding-bottom: 10px
}

.web_box h3>a {
    color: #fff
}

.web_more_btn a {
    color: #fff;
    font-size: 20px;
    font-weight: 800
}

.ogn-result-driven-section {
    padding: 49px 0 10px;
    background: url(img/webdesign-bg.jpg) center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 511px
}

.ogn-result-driven-ul li {
    display: inline-block;
    width: 24.6%;
    padding: 0 15px
}

.ogn-result-driven-img img {
    margin: 0 auto
}

.ogn-result-driven-content {
    transition: all linear .2s
}

.ogn-result-driven-content:hover {
    transform: scale(1.1);
    transition: all linear .2s
}

.ogn-result-driven-text {
    padding-top: 10px
}

.ogn-result-driven-head h4 {
    color: #fff;
    font-weight: 700;
    text-align: center
}

.ogn-result-driven-small-text>p {
    margin-bottom: 0;
    color: #fff
}

.ogn-result-driven-small-text {
    text-align: center
}

.ogn-result-driven-img {
    border: 8px solid white;
    border-radius: 12px;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, .1)
}

.ideas_btn_sec {
    margin: 70px auto 30px;
    text-align: center
}

.ideas_btn,
.ideas_btn:visited {
    background: #ff8515;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding: 0 25px;
    cursor: pointer;
    border-radius: 3px;
    border: 0;
    border-radius: 5px;
    margin-right: 15px;
    text-shadow: 1px 0 5px #222
}

.ideas_btn2,
.ideas_btn2:visited {
    background: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    padding: 0 25px;
    cursor: pointer;
    border-radius: 3px;
    border: 2px solid #fff;
    border-radius: 5px;
    margin-right: 15px
}

.ideas_btn2:hover {
    color: #fff;
    text-decoration: none;
    background: #01a1ba;
    border: 2px solid #01a1ba
}

.ideas_btn:hover {
    color: #fff;
    background: #01a1ba;
    text-decoration: none
}

.partner-area-section {
    background: #3c3e49;
    padding: 35px 0
}

.partner_list ul,
.partner_list ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

.partner_list ul li {
    float: left;
    width: 50%;
    margin-bottom: 30px
}

.partner_area_bdr {
    border: 1px dashed #fff;
    padding: 3px;
    border-radius: 20px;
    width: 95%;
    margin: auto;
    transition: all .3s linear
}

.partner_area {
    border-radius: 15px;
    padding: 10px;
    transition: all .3s linear
}

.app_process_box .sec1 {
    float: left
}

.app_process_box .sec1 p {
    border: 4px solid #fff;
    background: none;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    padding: 10px 10px;
    color: #fff;
    text-align: center;
    font-size: 30px
}

.app_process_box .sec2 {
    float: left;
    width: 82%;
    margin-left: 15px
}

.app_process_box h3 {
    color: #fff;
    text-transform: capitalize;
    margin-top: 0
}

.app_process_box .sec2_cnt {
    color: #fff;
    margin-top: 5px;
    height: 140px;
    overflow: hidden
}

.partner_area_bdr:hover {
    border: 1px dashed #222;
    transition: all .3s linear
}

.partner_area:hover {
    background: #e57541;
    transition: all .3s linear
}

.effectively-section {
    background: #02a7c3;
    padding: 45px 0
}

.effectively-contain {
    max-width: 1200px;
    margin: 0 auto
}

.create_bdr_b {
    border-bottom: 1px solid #35b9cf;
    padding-bottom: 25px;
    margin-bottom: 30px
}

.sec_left {
    float: left;
    width: 74%
}

.sec_left h3,
.sec_left2 h3 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 700
}

.create_cnt {
    color: #fff;
    margin-top: 20px
}

.sec_right {
    float: right
}

.sec_left2 {
    float: right;
    width: 74%
}

.sec_right2 {
    float: left
}

.mobil-app-section {
    background-color: lightgray;
    padding: 40px 0
}

.mobile_app_bg h3 {
    margin: 0;
    color: #df5c1e;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    padding-bottom: 35px
}

.mobile_app_bg h3>span {
    color: #000
}

.mobile_app_list ul li {
    float: left;
    width: 14%;
    margin-bottom: 25px
}

.mobile_app_area {
    width: 140px;
    margin: auto;
    padding: 15px 10px;
    background: #fff;
    border-radius: 10px;
    transition: all linear .2s
}

.mobile_app_area:hover {
    box-shadow: 1px 0 15px #666;
    transform: scale(1.1)
}

.mobile_app_img {
    width: 110px;
    height: 110px;
    margin: auto;
    overflow: hidden
}

.mobile_app_img figure {
    width: 110px;
    height: 110px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.mobile-app-dev-process {
    background-color: #5551b0;
    padding: 35px 0
}

.app_process_bg {
    max-width: 1245px;
    margin: 0 auto
}

.app_process_sec h2 {
    color: #fff;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    margin: 0;
    padding-bottom: 20px
}

.sec2 .strong {
    padding: 0
}

.app_process_cnt {
    font-size: 17px;
    color: #fff;
    margin: 15px 0 25px;
    text-align: center
}

.mt35 {
    margin-top: 35px
}

.app_process_sec1 {
    width: 32.99%;
    float: left
}

.app_process_box.invrt_clr {
    border: 1px dashed #fff;
    border-radius: 20px;
    padding: 13px
}

.app_process_box .sec1 {
    float: left
}

.app_process_box_img {
    width: 90px;
    height: 90px;
    margin: auto;
    overflow: hidden
}

.app_process_box_img figure {
    width: 90px;
    height: 90px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.app_process_box svg {
    transition: all linear .2s
}

.app_process_box .sec2 {
    float: left;
    width: 71%;
    margin-left: 5px
}

.app_process_box h3,
.app_process_box p.strong {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize
}

.app_process_box .sec2_cnt {
    font-size: 13px;
    color: #fff;
    margin-top: 10px;
    height: 85px;
    overflow: hidden
}

.mt28 {
    margin-top: 28px
}

.app_process_sec2 {
    width: 33.6%;
    float: left
}

.app_process_sec3 {
    width: 32.99%;
    float: left
}

.app_process_box:hover svg {
    transform: scale(1.1)
}

.app_process_box svg {
    transition: all linear .2s
}

.marketing_bg {
    max-width: 1245px;
    margin: 0 auto
}

.maarrkkeett {
    background-color: #eee;
    padding-top: 24px;
    padding-bottom: 22px
}

.marketing_sec h2,
.marketing_sec p.strong span {
    font-size: 35px;
    display: block;
    color: #0078ae;
    margin-bottom: 40px;
    font-weight: 700
}

.marketing_list ul li {
    float: left;
    width: 48.777%;
    margin-bottom: 30px
}

.marketing_area {
    width: 100%;
    margin: auto;
    background: #fff;
    border: 1px solid #b5b5b5;
    padding: 10px;
    border-radius: 15px;
    transition: all linear .2s
}

.marketing_lft {
    width: 165px;
    float: left
}

.marketing_img {
    width: 165px;
    height: 165px;
    margin: auto;
    overflow: hidden
}

.marketing_img figure {
    width: 165px;
    height: 165px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.marketing_img img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto
}

.marketing_rgt {
    width: 66%;
    float: right
}

.marketing_area h3 {
    font-size: 20px;
    color: #0078ae;
    margin-top: 8px;
    height: 25px;
    overflow: hidden;
    text-transform: capitalize;
    font-weight: 700
}

p.strong {
    font-size: 20px;
    color: #ee7214;
    text-transform: capitalize;
    font-weight: 700
}

.marketing_cnt {
    font-size: 15px;
    color: #555;
    height: 165px;
    overflow: hidden;
    margin-top: 5px;
    line-height: 27px
}

.marketing_list ul li:nth-child(even) {
    float: right
}

.marketing_area:hover {
    border: 1px dashed #222;
    transform: scale(1.06)
}

.marketing_area3 {
    width: 100%;
    margin: auto;
    background: #fff;
    border: 1px solid #b5b5b5;
    padding: 10px;
    border-radius: 15px;
    transition: all linear .2s
}

.marketing_area2 {
    padding: 30px;
    height: 204px
}

.marketing_area2 .sec1 {
    float: left;
    margin-top: 25px
}

.marketing_area2 .sec1 h4 {
    font-size: 40px;
    display: block;
    color: #0eabc6;
    line-height: 41px
}

.sec1 p.strong {
    font-size: 40px;
    display: block;
    color: #0eabc6;
    line-height: 41px
}

.sec1 p.strong span {
    font-weight: 400;
    color: #555
}

.marketing_area2 .sec2 {
    float: right
}

.marketing_btn,
.marketing_btn:visited {
    background: #ff8515;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding-top: 43px;
    cursor: pointer;
    border: 0;
    margin-right: 15px;
    font-weight: 700;
    text-shadow: 1px 0 2px #222;
    text-transform: uppercase
}

.marketing_area3:hover {
    border: 1px dashed #222;
    transform: scale(1.06)
}

.marketing_btn:hover {
    color: #fff;
    background: #01a1ba;
    text-decoration: none
}

.cms_website_bg {
    background: url(img/cms-website-bg.gif);
    padding: 42px 0 20px
}

.aap_service_sec h2 {
    font-size: 35px;
    display: block;
    font-weight: 800;
    color: #0078ae;
    text-align: center;
    margin: 0;
    padding-bottom: 20px
}

.seo_service_img {
    background: url(images/seo.svg) no-repeat 0 0;
    text-align: center;
    width: 540px;
    height: 121px;
    margin: auto
}

.aap_service_list ul li {
    float: left;
    width: 50%
}

.aap_service_area {
    width: 100%;
    margin: 25px auto
}

.aap_service_sec1 {
    float: left
}

.aap_service_sec2 {
    float: left;
    width: 78%;
    margin-left: 20px
}

.aap_service_sec2 h3,
.aap_service_sec2 p.strong a {
    font-size: 22px;
    color: #0078ae;
    text-transform: capitalize;
    height: 50px;
    overflow: hidden;
    font-weight: 700
}

.aap_service_sec2 .aap_cnt {
    font-size: 16px;
    color: #333;
    padding-top: 3px;
    height: auto
}

.redesign_bg {
    background: #0e294f
}

.redesign_bg p {
    color: #e2e2e2!important
}

.redesign_bg h3 {
    font-size: 35px;
    color: #fff;
    text-align: center;
    padding-top: 35px;
    text-transform: none;
    font-weight: 400
}

.redesign_bg h3 span {
    font-size: 35px;
    color: #fff;
    font-weight: 700
}

.mb38 {
    margin-bottom: 38px
}

.mb20 {
    margin-bottom: 20px
}

.mt20 {
    margin-top: 20px
}

.redesign_btn2,
.redesign_btn2:visited {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 22px;
    height: 56px;
    line-height: 48px;
    padding: 0 15px;
    cursor: pointer;
    border-radius: 3px;
    border: 2px solid #fff;
    border-radius: 5px;
    margin-right: 15px;
    text-transform: capitalize;
    font-weight: 700
}

.redesign_btn2:hover {
    color: #fff;
    background: #01a1ba;
    text-decoration: none
}

section.digital-excellence {
    background: url(img/website-designing-banner.jpg) center top no-repeat;
    width: 100%;
    height: 536px;
    background-attachment: fixed;
    background-size: cover;
    position: relative
}

.exc-banner-img {
    position: absolute;
    z-index: 9;
    top: 56px;
    right: 70px
}

.banner-txt-sp {
    padding-top: 32px
}

.digital-excellence .cnt_area {
    width: 62%
}

.digital-excellence .box_bg {
    background: rgba(0, 0, 0, .2);
    padding: 25px;
    margin-left: 0
}

.box_bg h1 {
    font-size: 38px;
    color: #fff;
    text-align: center;
    border: 0;
    font-weight: 700;
    padding-bottom: 12px;
    margin: 0
}
.box_bg h2 {
    font-size: 38px;
    color: #fff;
    text-align: center;
    border: 0;
    font-weight: 700;
    padding-bottom: 12px;
    margin: 0
}

.digital-excellence .box_bg2 {
    background: rgba(0, 0, 0, .3);
    padding: 10px;
    text-align: center;
    font-size: 19px;
    color: #fff;
    width: 64%;
    margin: auto
}

.box_bg2 span {
    font: 22px;
    font-weight: 700;
    color: #e05c1e
}

.digital-excellence p.strong {
    font-size: 30px;
    color: #fff;
    text-align: center;
    border: 0;
    font-weight: 700;
    margin-top: 20px
}

.digital-excellence p {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    padding-top: 10px
}

.website_btn {
    background: #e89823;
    border-radius: 5px;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    text-shadow: #6d5d5d 1px 1px 1px;
    padding: 11px 40px
}

.website_btn:hover {
    background: #e05c1e;
    color: #fff;
    text-decoration: none
}

.digital-excellence p {
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding-top: 10px
}

.mt20 {
    margin-top: 20px
}

.banner-shadow-ogn {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center
}

.banner-shadow-ogn-inner .banner-shadow-ogn-first {
    width: 30%;
    display: inline-block;
    padding: 0 15px;
    background: #6f7388;
    margin: 0 11px;
    border-radius: 14px 14px 0 0;
    z-index: -1;
    max-height: 60px
}

.shadow-ogn-first-img figure {
    width: 68px;
    height: 59px;
    display: inline-block;
    vertical-align: top
}

.self-marg {
    margin-top: 70px
}

.shadow-ogn-first-img p {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left: 10px;
    font-size: 17px;
    width: 70%
}

.shadow-ogn-first-img {
    padding: 7px;
    border-radius: 10px;
    z-index: 99;
    text-align: left;
    position: relative;
    bottom: -16px
}

.shadow-ogn-first-img.ogn-first-img11 {
    background: #e89823
}

.shadow-ogn-first-img.ogn-first-img11:hover {
    background-color: #000
}

.shadow-ogn-first-img.ogn-first-img22 {
    background-color: #4e4538
}

.shadow-ogn-first-img.ogn-first-img22:hover {
    background-color: #000
}

.shadow-ogn-first-img.ogn-first-img33 {
    background-color: #283f42
}

.shadow-ogn-first-img.ogn-first-img33:hover {
    background-color: #000
}

.hire-dedicated-ogn-section {
    padding: 70px 0;
    background: url(img/hire_bg.jpg) center top no-repeat;
    width: 100%;
    background-attachment: fixed;
    background-size: cover
}

.hire-dedicated-ogn-section-left {
    display: inline-block;
    width: 66%;
    vertical-align: top;
    padding: 0 15px
}

.hire-dedicated-ogn-section-right {
    display: inline-block;
    width: 32%;
    vertical-align: top
}

.hire-dedicated-lft-lft {
    display: inline-block;
    width: 47%;
    vertical-align: top;
    text-align: right
}

.hire-dedicated-lft-rt {
    display: inline-block;
    width: 50.5%;
    vertical-align: top;
    border: 2px solid #e46022;
    text-align: center;
    padding: 40px 20px 1px;
    border-radius: 6px;
    position: relative
}

p.hire-dedicated-head {
    font-size: 55px;
    font-weight: 700;
    line-height: 47px;
    color: #fff
}

p.hire-dedicated-p {
    color: #fff;
    padding-top: 5px;
    font-size: 20px
}

p.hire-dedicated-head2 {
    font-size: 35px;
    margin-bottom: 2px;
    color: #9a9a9a
}

p.hire-dedicated-head3 {
    font-size: 22px;
    color: #c7c6c6
}

p.hire-dedicated-lft-bottom-text {
    color: #d4d4d4;
    line-height: 22px
}

.hire-dedicated-lft-bottom {
    padding-top: 35px
}

.hire-dedicated-ogn-rt-top {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    border: 2px solid #e46022;
    text-align: center;
    padding: 40px 20px 1px;
    border-radius: 6px;
    position: relative
}

.hire-dedicated-ogn-rt-bottom {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    border: 2px solid #e46022;
    text-align: center;
    padding: 40px 20px 1px;
    border-radius: 6px;
    margin-top: 40px;
    position: relative
}

.hire-dedicated-lft-rt:hover {
    background-color: #e46022
}

.hire-dedicated-ogn-rt-top:hover {
    background-color: #e46022
}

.hire-dedicated-ogn-rt-bottom:hover {
    background-color: #e46022
}

.number_box_1 {
    background: #0078ae;
    border-radius: 5px;
    padding: 10px 20px;
    position: absolute;
    z-index: 9;
    top: -24px;
    left: 41%;
    font: 800 24px/24px Roboto, serif;
    color: #fff;
    text-align: center
}

.number_box_111 {
    background: #0cc5cc;
    border-radius: 5px;
    padding: 10px 20px;
    position: absolute;
    z-index: 9;
    top: -24px;
    left: 41%;
    font: 800 24px/24px Roboto, serif;
    color: #fff;
    text-align: center
}

.number_box_1111 {
    background: #ff8515;
    border-radius: 5px;
    padding: 10px 20px;
    position: absolute;
    z-index: 9;
    top: -24px;
    left: 41%;
    font: 800 24px/24px Roboto, serif;
    color: #fff;
    text-align: center
}

.testimonial-teading2 h2 {
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    margin-top: 0
}

.testimonial-teading2 h2>span {
    color: #ce590a
}

.testimonial-teading2 p {
    text-align: center;
    padding-bottom: 30px
}

ul.testimonial2-ul li {
    display: inline-block;
    width: 24%;
    background: green;
    position: relative;
    margin: 0 3%;
    border: 4px solid white;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, .1)
}

ul.testimonial2-ul {
    text-align: center
}

ul.testimonial2-ul li>a {
    font-size: 26px;
    position: absolute;
    border: 3px solid white;
    height: 50px;
    top: 41%;
    color: #fff;
    left: 45%;
    width: 50px;
    border-radius: 50%;
    padding-left: 5px;
    line-height: 42px
}

section.testimonial-section2 {
    padding: 40px 0
}

.ogn-portfolio-ul>li {
    display: inline-block;
    width: 24%;
    margin: 14px 4px;
    border: 5px solid #fff;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, .1)
}

.ogn-portfolio-section {
    padding: 40px 0
}

.ogn-portfolio-ul {
    text-align: center
}

.ogn-portfolio-section-heading h3 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding-bottom: 18px
}

.ogn-portfolio-section-heading h3>span {
    color: #e05c1e
}

.box_bg.box_bg-form {
    background: #0000007d
}

.banner-txt-sp.banner-txt-sp-form {
    display: inline-block;
    width: 66%
}

.digital-excellence-form .cnt_area.cnt_area-form {
    width: 84%
}

.exc-banner1.form {
    display: inline-block;
    width: 32%;
    background: #0000007d;
    padding: 33px 35px;
    vertical-align: top;
    margin-top: 32px
}

.ogen-feature-heading>h2 {
    text-align: center;
    font-weight: 900;
    color: #e2510a;
    margin: 0;
    font-size: 35px
}

.ogen-feature-heading>h2>span {
    font-weight: 600
}

.ogn-feature1 {
    display: inline-block;
    width: 48%;
    border: 1px solid #c9c9c9;
    margin: 11px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #fff
}

.p1-frist {
    float: left;
    margin: 0;
    padding: 17px 15px;
    background: #e2510a;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    border-radius: 7px 0 0 7px;
    line-height: 22px
}

.p2-frist {
    float: left;
    margin: 0;
    padding: 17px
}

.ogn-feature1:hover .p1-frist {
    background: black
}

.ogn-feature1:hover {
    background: gray;
    transition: all .3s linear;
    -webkit-transition: all .3s linear
}

.ogn-feature1:hover .p2-frist {
    color: #fff
}

.ogen-feature-heading {
    padding-bottom: 28px;
    text-align: center
}

.ogen-feature-heading>p {
    padding-top: 15px
}

.section-ogen-feature {
    padding: 35px 0;
    background: url(img/cro-bg.jpg)
}

.lft {
    float: left;
    width: 44.6%
}

.lft-in-o {
    background-image: url(img/portfolio_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 573px;
    position: relative
}

.border-co {
    background-color: #4e6267
}

.rt {
    float: left;
    width: 55.4%;
    background: #f6f6f6;
    border-radius: 0 10px 0 0;
    border: 1px solid #dadada;
    border-left: 0;
    margin-top: 11px;
    padding: 15px 15px 0 28px;
    text-align: left;
    border-bottom: 0
}

.portfolio_sub_b {
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 0 5px #ccc;
    padding: 15px
}

.s_left {
    width: 50%;
    float: left
}

.p_title {
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    color: #ee7214
}

.p_title_sub {
    font-weight: 500;
    color: #333;
    font-size: 15px;
    margin: 0
}

.mb15 {
    margin-bottom: 15px
}

.mt15 {
    margin-top: 15px
}

.mt8 {
    margin-top: 8px
}

.s_right {
    width: 50%;
    float: right;
    border-left: 1px solid #e6e8ec;
    padding-left: 15px
}

.port_btn,
.port_btn:visited,
.port_btn:focus {
    background: #ee7214;
    color: #fff;
    display: block;
    font-size: 20px;
    height: 47px;
    cursor: pointer;
    font-weight: 700;
    padding: 0 20px 0 17px;
    border: 0;
    border-radius: 5px;
    text-transform: uppercase;
    line-height: 47px
}

.btn_s img {
    float: right
}

.client_box2 {
    border: 1px solid #c6c6c6;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    margin-top: 19px
}

.client_txt2 {
    margin: 0 0 20px;
    font-family: open sans,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #616161;
    text-align: justify;
    padding: 8px;
    height: 125px;
    overflow: auto
}

.h3-og {
    margin: 0;
    color: #333;
    font-weight: 600
}

.tag_link a {
    color: #222;
    background: #fff;
    box-shadow: 1px 0 5px #ddd;
    padding: 5px;
    border-radius: 3px;
    margin: 2px 1px 0 0;
    text-decoration: none;
    display: inline-block;
    font-size: 11px
}

.visit_pos a {
    font-size: 14px;
    color: #ee7214;
    text-transform: uppercase;
    font-weight: 800;
    z-index: 99;
    bottom: -35px;
    left: 0;
    right: 0;
    text-decoration: none;
    text-align: center
}

.visit_pos {
    text-align: center;
    margin-top: 10px
}

.bt-div-o {
    background: #f6f6f6;
    overflow: hidden;
    border: 1px solid #e6e3e3;
    border-top: 0;
    border-radius: 1px 0 10px 10px
}

.col-sm-o {
    float: left;
    width: 50%
}

.slide-ogn-m12>li:nth-child(even)>.lft {
    float: right
}

.slide-ogn-m12>li:nth-child(even) .col-sm-o {
    float: right
}

.slide-ogn-m12>li:nth-child(even)>.rt {
    float: right;
    width: 55.4%;
    background: #f6f6f6;
    border-radius: 10px 0 0 0;
    border: 1px solid #dadada;
    margin-top: 11px;
    padding: 15px 24px 0 22px;
    text-align: left;
    border-bottom: 0
}

.slide-ogn-m12>li:nth-child(even)>.lft>.lft-in-o {
    background: #252829;
    background-image: url(img/portfolio_bg2.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 573px
}

.portfolio-img-sl {
    width: 491px;
    height: 452px;
    text-align: center;
    overflow: hidden;
    margin: auto;
    top: 82px
}

.pos-ret {
    position: relative
}

.portfolio-img-sl>img {
    position: absolute;
    left: 0
}

.scroll_arrow {
    position: absolute;
    bottom: 35px;
    width: 100%;
    text-align: center
}

.scroll_arrow>p {
    margin: 0;
    color: #000;
    font-size: 19px;
    font-weight: 700
}

.arrow_link>a {
    font-size: 30px;
    background: #000000c7;
    margin: 5px;
    display: inline-block;
    padding: 0 10px;
    color: #fff
}

.ogn-port-s {
    padding: 60px 0 40px;
    background: white
}

.ogen-port-s-inn .bx-pager.bx-default-pager {
    text-align: center;
    padding-top: 15px
}

.ogen-port-s-inn .bx-pager-item {
    display: inline-block
}

.ogen-port-s-inn .bx-pager-link {
    background: #ee7214;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    margin: 2px;
    font-size: 8px
}

.ogen-port-s-inn .bx-pager-link.active {
    background: #333;
    color: transparent;
    padding: 0 3px;
    border-radius: 50%;
    font-size: 8px
}

.padd-nglt-rt>h2 {
    text-align: center;
    padding: 0 195px
}

.padd-nglt-rt>h2>span {
    text-align: center;
    font-weight: 700;
    color: #e2510a;
    margin: 0;
    font-size: 36px
}

.padd-nglt-rt>p {
    padding-top: 13px;
    text-align: center;
    padding-bottom: 25px
}

.requirement-text {
    text-align: center
}

.requirement-text-inn {
    padding: 0 45px;
    text-align: justify
}

.requirement-section {
    padding: 44px 0 35px;
    background: #f8f8f8
}

.requirement-text-inn>p {
    margin-bottom: 30px
}

.mar-b-t>li {
    margin-bottom: 55px
}

.main-tabber-section {
    background-color: #fbedd9;
    padding: 56px 0
}

.tabber-con-lft {
    display: inline-block;
    width: 35%;
    vertical-align: top;
    padding-right: 25px
}

.tabber-con-rt {
    display: inline-block;
    width: 64%;
    vertical-align: top
}

.up-tabb-text {
    text-align: right;
    font-size: 62px;
    line-height: 54px;
    font-weight: 700;
    color: #e05c1e;
    margin: 0
}

.down-tabb-text {
    text-align: right;
    font-size: 35px;
    line-height: 38px;
    font-weight: 700;
    margin: 0;
    padding-top: 11px;
    color: #3c3e49
}

.tabber-con-rt>p {
    text-align: justify
}

.main-btn-strong a {
    display: inline-block;
    padding: 15px 58px;
    background: #e05c1e;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 25px
}

.main-tabber-ul>ul>li {
    display: inline-block;
    width: 31.9%;
    margin-right: 20px;
    box-shadow: 1px 0 10px #ccc;
    padding: 11px;
    background: #fff;
    border-radius: 5px;
    vertical-align: top;
    position: relative
}

.main-ul-im-rt {
    display: inline-block;
    width: 67%;
    vertical-align: top;
    padding-top: 16px;
    padding-left: 16px
}

.main-ul-im-lft {
    display: inline-block;
    vertical-align: top
}

.img-m {
    max-width: 70px;
    margin: 0 auto
}

.main-ul-im-rt>p {
    font-size: 23px;
    font-weight: 700
}

.img-back-colo {
    background: #e5e2e2;
    border-radius: 50%;
    padding: 21px
}

.main-tabber-ul>ul>li:last-child {
    margin-right: 0
}

.main-btn-strong {
    padding-bottom: 115px;
    padding-top: 27px
}

.main-tabber-ul>ul>li:nth-child(1):after {
    content: "01";
    position: absolute;
    top: -70px;
    left: 39%;
    height: 44px;
    width: 82px;
    background: #e05c1e;
    text-align: center;
    line-height: 42px;
    font-weight: 800;
    color: #fff;
    font-size: 27px;
    border-radius: 4px
}

.main-tabber-ul>ul>li:nth-child(1):before {
    content: "";
    height: 13px;
    top: -26px;
    left: 49%;
    width: 20px;
    background: #e05c1e;
    position: absolute;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%)
}

.main-tabber-ul>ul>li:nth-child(2):after {
    content: "02";
    position: absolute;
    top: -70px;
    left: 39%;
    height: 44px;
    width: 82px;
    background: #3c3e49;
    text-align: center;
    line-height: 42px;
    font-weight: 800;
    color: #fff;
    font-size: 27px;
    border-radius: 4px
}

.main-tabber-ul>ul>li:nth-child(2):before {
    content: "";
    height: 13px;
    top: -26px;
    left: 49%;
    width: 20px;
    background: #3c3e49;
    position: absolute;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%)
}

.main-tabber-ul>ul>li:nth-child(3):after {
    content: "03";
    position: absolute;
    top: -70px;
    left: 39%;
    height: 44px;
    width: 82px;
    background: #3b4464;
    text-align: center;
    line-height: 42px;
    font-weight: 800;
    color: #fff;
    font-size: 27px;
    border-radius: 4px
}

.main-tabber-ul>ul>li:nth-child(3):before {
    content: "";
    height: 13px;
    top: -26px;
    left: 49%;
    width: 20px;
    background: #3b4464;
    position: absolute;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%)
}

.main-ogen-im-lft {
    display: inline-block;
    width: 42%;
    vertical-align: top;
    position: relative
}

.main-ogen-im-rt {
    display: inline-block;
    width: 57.4%;
    vertical-align: top
}

.main-ogen-im {
    background: #1f262c url(../img/footer-bg.html) no-repeat left bottom;
    padding: 72px 0 0;
    background-position: 538px 95px
}

.main-ogen-im-ul1>li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 40px;
    color: #fff
}

.main-ogen-im-ul1>li>span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    padding-top: 10px;
    color: #c5d1dd
}

.cont-icn-blk span {
    display: inline-block;
    background: #a59311;
    text-align: center;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    padding-top: 14px;
    margin-right: 10px;
    vertical-align: top
}

.cont-icn-blk>i {
    padding-top: 18px;
    vertical-align: top;
    display: inline-block;
    font-style: normal;
    font-size: 15px
}

.main-ogen-im-ul1>li>a {
    font-size: 14px;
    display: inline-block;
    padding-top: 13px
}

.main-ogen-m {
    padding: 40px 0 0
}

.main-ogen-im-rt>h4 {
    margin: 0;
    padding: 30px 0;
    letter-spacing: 12px;
    font-size: 15px;
    font-weight: 700
}

.main-ogen-im-rt>p {
    padding: 20px 0 90px;
    margin: 0;
    font-size: 35px
}

.main-ogen-im-rt>a {
    background: #e16116;
    color: #fff;
    display: inline-block;
    padding: 20px 70px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    word-spacing: 9px;
    letter-spacing: 3px;
    margin-bottom: -18px
}

.for-footer-form form>input {
    display: block;
    border: none;
    border-bottom: 1px solid #c2c2c2;
    width: 100%;
    padding: 3px 0 3px;
    font-size: 14px
}

.for-footer-form {
    background: #fff;
    padding: 15px 30px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .19)
}

.main-ogen-imi {
    padding: 0 82px 0 10px;
    position: absolute;
    top: -325px
}

.form-hea-mi>h4 {
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    color: #e05c1e
}

.for-footer-form form>input:focus {
    outline: none
}

.for-footer-form form>label {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding-top: 19px;
    color: #3a3a3a;
    padding-bottom: 4px
}

input#check-n {
    display: inline!important;
    width: auto;
    margin-right: 10px;
    margin-top: 22px;
    vertical-align: bottom
}

.check-span-c {
    font-size: 14px;
    line-height: 13px;
    display: inline
}

input.input-btn-mi-s {
    background: #e16116;
    color: #fff;
    margin-top: 20px;
    padding: 14px 10px!important;
    border: 1px solid #e89823;
    font-size: 17px!important
}

.main-ogen-im-ul1 {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    padding: 9px 0
}

.main-ogen-im-ul132 {
    display: inline-block;
    width: 39%!important;
    vertical-align: top;
    background: #1f1b1a;
    padding: 10px 12px
}

.main-ogen-im-ul132>li {
    width: 100%!important;
    padding-bottom: 0
}

.cont-icn-blk>p {
    font-size: 13px;
    line-height: 23px;
    font-weight: 400;
    color: #c5d1dd;
    margin-bottom: 0
}

.cont-icn-blk>h4 {
    font-size: 16px;
    margin: 0;
    padding-bottom: 3px
}

.bottom-footer-new-lf {
    display: inline-block;
    width: 25%;
    text-align: left;
    vertical-align: top;
    padding-top: 11px
}

.bottom-footer-new-rt {
    display: inline-block;
    vertical-align: top;
    width: 74.6%;
    text-align: right
}

.bottom-footer-new-inn {
    text-align: center
}

.soc-ul-og>li {
    display: inline-block
}

.soc-ul-og>li>a {
    color: #fff;
    font-size: 19px;
    display: inline-block;
    background: #e05c1e;
    height: 40px;
    width: 40px;
    border-radius: 4px;
    text-align: center;
    line-height: 40px
}

.alliance-box li {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 20px;
    padding: 0;
    vertical-align: top
}

.in-f-sprt {
    background: url(img/in-f-sprt.png) no-repeat scroll 0 0;
    display: inline-block
}

.iso {
    background-position: 0 0;
    width: 41px;
    height: 55px
}

.iso-new {
    background-position: -351px -69px;
    width: 75px;
    height: 51px
}

.microsoft {
    background-position: -76px 0;
    width: 120px;
    height: 47px
}

.gesia {
    background-position: -219px 0;
    width: 64px;
    height: 60px
}

.nasscom {
    background-position: -300px 0;
    width: 130px;
    height: 50px
}

.org-member {
    background-position: -453px 0;
    width: 52px;
    height: 58px
}

.alliance-boxfirst-child h5 {
    font-size: 26px
}

.alliance-box>li:first-child>h5 {
    font-size: 17px;
    letter-spacing: 9px;
    color: #e16116;
    margin: 0;
    padding-top: 20px;
    font-weight: 700
}

.bottom-footer-new {
    padding: 10px 0
}

.cp-inner a.btm-img1 {
    background-position: -7px -70px;
    width: 30px;
    height: 35px
}

.cp-inner a {
    display: inline-block;
    margin-right: 5px
}

.cp-inner a.btm-img2 {
    background-position: -37px -80px;
    width: 62px;
    height: 25px
}

.cp-inner a.btm-img3 {
    background-position: -100px -70px;
    width: 119px;
    height: 34px
}

.cp-inner span.btm-img4 {
    background-position: -224px -80px;
    width: 61px;
    height: 23px;
    display: inline-block
}

.cp-inner span.btm-img5 {
    background-position: -284px -80px;
    width: 60px;
    height: 23px;
    display: inline-block
}

.ftr-last .cpy {
    font-size: 13px;
    text-align: right;
    line-height: 40px
}

.cpy p {
    padding: 0;
    display: inline-block;
    margin: 0;
    font-size: 14px
}

.cpy ul {
    padding: 0;
    display: inline-block
}

.cpy ul li {
    color: #757575;
    vertical-align: middle;
    list-style: none;
    margin: 0;
    display: inline-block
}

.cpy ul li a {
    text-decoration: none;
    display: inline-block;
    margin-left: 4px;
    padding-left: 6px;
    border-left: 1px solid #757575;
    line-height: 10px;
    font-size: 14px;
    color: #000
}

.last-foot-lft {
    display: inline-block;
    width: 30%;
    vertical-align: top
}

.last-foot-rt {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 69.5%
}

.mai-botom-new-f {
    border-top: 1px solid #ccc;
    background: #fff;
    padding: 15px 0
}

.cpy {
    padding-top: 10px
}

.slider-tabber-section {
    background: #979797;
    padding: 40px 0
}

.sliderTabber .bx-wrapper {
    margin: 0 auto
}

.textblock12>h2 {
    color: #fff;
    position: relative;
    padding-bottom: 15px;
    font-size: 40px;
    text-align: center;
    margin: 0
}

* {
    font-family: Poppins, sans-serif
}

.section-grediant {
    width: 100%;
    float: left;
    background: linear-gradient(180deg, rgba(79, 0, 177, 1) 0, rgba(79, 0, 177, 1) 12%, rgba(16, 179, 238, 1) 90%)!important;
    position: relative;
    z-index: 1
}

.section-grediant:after {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    height: 150px;
    content: '';
    width: 100%;
    z-index: -1
}

.web-icon-title {
    padding: 15px;
    margin-top: 25px
}

.web-icon-title i {
    font-size: 48px;
    margin-bottom: 25px;
    color: #fff
}

.font-500 {
    font-weight: 600
}

.web-icon-title img {
    width: 48px;
    margin: 0 auto
}

.web-solution,
.new-mi-developer {
    border-radius: 10px;
    background-color: #fff
}

.web-icon-title h3 {
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    font-weight: 400
}

.mt20 {
    margin-bottom: 20px
}

.section-subtitle {
    font-size: 24px;
    line-height: 30px
}

.white-text {
    color: #fff
}

.web-solution h4,
.new-mi-developer h4 {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    line-height: 1.5em;
    text-align: center
}

.web-solution {
    box-shadow: 1px 5px 15px 1px rgba(0, 180, 233, .15);
    overflow: hidden;
    margin-bottom: 20px
}

.web-solution img {
    margin: 0 auto;
    width: 100%;
    padding-top: 15px
}

.web-solution h4 {
    font-size: 20px;
    color: #444;
    font-weight: 600;
    padding: 10px 10px 40px
}

.web-solution h4 span,
.web-icon-title h3 span {
    display: block
}

.advantage-shadow li {
    box-shadow: 0 3px 20px 1px rgba(0, 0, 0, .05)
}

.pt-pb80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.info-text {
    padding-left: 0
}

.medium-font {
    font-weight: 500
}

.info-text .primary {
    font-size: 24px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    line-height: 36px;
    border-left: 3px solid #ee7214;
    padding-left: 30px
}

.info-text .secondary {
    color: #333;
    font-size: 18px;
    padding-left: 33px;
    line-height: 30px
}

.info-text .rounded-btn {
    margin-left: 33px
}

.rounded-btn {
    border-radius: 10px;
    font-size: 18px;
    padding: 10px 30px;
    display: inline-block;
    text-transform: uppercase
}

.pinkBg {
    background-color: #ed184f!important
}

.rounded-btn,
.weCreate-type-wrap .typed-cursor {
    font-weight: 600;
    font-family: Poppins, sans-serif
}

.section-why-choose-mi {
    padding: 60px 0 80px;
    background: #f0f1ff!important
}

.heading-title {
    font-size: 36px;
    line-height: 36px
}

.font-500 {
    font-weight: 600
}

.blackText {
    color: #e05c1e
}

.new-mi-developer {
    width: 100%;
    float: left;
    margin: 30px 0 20px;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 20px 1px rgba(0, 0, 0, .15)
}

.web-solution,
.new-mi-developer {
    border-radius: 10px;
    background-color: #fff
}

.web-solution h4,
.new-mi-developer h4 {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    line-height: 1.5em;
    text-align: center
}

.web-solution,
.new-mi-developer {
    border-radius: 10px;
    background-color: #fff
}

.new-mi-developer {
    width: 100%;
    float: left;
    margin: 30px 0 20px;
    box-shadow: 0 2px 20px 1px rgba(0, 0, 0, .15)
}

.new-mi-developer h4 {
    font-size: 18px;
    color: #555;
    padding: 0 15px 25px;
    height: 75px;
    font-weight: 600
}

.new-mi-developer img {
    width: 100%
}

@media screen and (min-width:576px) and (max-width:767px) {
    .new-mi-developer h4 {
        font-size: 18px;
        padding: 0 15px 25px;
        height: 75px
    }
    .responsive-set .col-md-3 {
        width: 50%
    }
}

@media screen and (min-width:768px) and (max-width:990px) {
    .intrested-in {
        left: 102%
    }
    .new-mi-developer h4 {
        font-size: 14px;
        padding: 0 10px 25px;
        height: 80px
    }
}

@media screen and (min-width:991px) and (max-width:1199px) {
    .new-mi-developer h4 {
        font-size: 16px;
        padding: 0 10px 25px;
        height: 95px
    }
}

.industries-section {
    background-color: #efefef;
    padding-top: 60px;
    padding-bottom: 80px;
    width: 100%;
    float: left
}

.industries-section p {
    font-size: 16px;
    color: #000;
    text-align: center;
    padding-bottom: 30px;
    font-weight: 400;
    line-height: 30px
}

.service-name {
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    float: left
}

.industry-name {
    color: #101010;
    text-decoration: none
}

.service-logo {
    height: 100px;
    width: 100px;
    padding: 10px;
    margin: 0 auto
}

.service-name h4 {
    font-weight: 600;
    font-size: 18px;
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 1.5em;
    padding-top: 10px;
    color: #e37209;
    font-family: Poppins, sans-serif
}

.vertical-grediant {
    background: linear-gradient(90deg, #337ab7 0, #337ab7 30%, rgba(16, 179, 238, 1) 90%)
}

.section-impressed {
    width: 100%;
    position: relative;
    float: left;
    padding: 80px 0 100px
}

.intrested-main {
    width: 100%;
    position: relative;
    float: left;
    background-color: #3c3e49;
    border-radius: 25px;
    padding: 35px 50px;
    margin-top: -110px
}

.our-services img {
    text-align: center;
    margin: 0 0 10px 0
}

.our-services h4 {
    font-family: Poppins, sans-serif;
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0 35px
}

.intrested-in {
    max-width: 63%;
    background: #fff;
    padding: 40px 0 40px;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto
}

.intrested-in h4 {
    font-family: Poppins, sans-serif;
    display: block;
    color: #000;
    font-size: 28px;
    line-height: 1.5em;
    font-weight: 500;
    margin: 10px 0 30px
}

.looking-for .timing ul li h5 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.4em;
    margin-top: 10px;
    padding: 0 5px
}

@media only screen and (min-width:1200px) {
    .intrested-main {
        height: 310px
    }
}

@media only screen and (max-width:575px) {
    .intrested-in {
        max-width: 100%;
        background: #222;
        padding: 0;
        background-color: transparent;
        text-align: center;
        border-radius: 20px;
        margin: 0 auto
    }
    .our-services h4 {
        min-height: 40px;
        margin: 10px 0 15px
    }
}

@media screen and (min-width:576px) and (max-width:767px) {
    .intrested-in {
        max-width: 67%;
        background: #222;
        background-color: transparent;
        padding: 0;
        text-align: center;
        border-radius: 20px;
        margin: 0 auto
    }
    .intrested-in h4 {
        font-size: 24px!important
    }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .mobile-p{
        height: 250px;
        overflow: auto;
    }
    .section-impressed {
        padding: 80px 0 40px
    }
    .intrested-main {
        padding: 35px 15px 30px;
        height: auto
    }
    .intrested-in h4 {
        font-size: 22px;
        margin: 10px 0 20px
    }
    .section-why-choose-mi {
        padding: 30px 0 100px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .intrested-main {
        padding: 30px 15px;
        height: 370px
    }
    .intrested-in {
        max-width: 60%;
        background: #fff;
        padding: 15px 15px 30px;
        text-align: center;
        border-radius: 20px;
        margin: 0 auto
    }
    .intrested-in h4 {
        font-size: 20px;
        margin: 10px 0 25px
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .intrested-in {
        padding: 20px 0 35px
    }
    .intrested-in h4 {
        font-size: 26px;
        margin: 10px 0 25px
    }
}

.section-hire-dedicate {
    width: 100%;
    float: left;
    border-radius: 15px;
    margin-top: -80px
}

.hire-dedicate-main {
    width: 100%;
    float: left;
    background: url(img/hire-dedicated-bg.png) 110% -35px no-repeat #fff;
    background-size: contain;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    box-shadow: 0 -10px 25px 0 rgba(69, 0, 182, .15)
}

.looking-for {
    padding: 80px 80px 80px 65px
}

.looking-for h3 {
    font-family: Poppins, sans-serif;
    margin-bottom: 20px;
    text-align: left;
    line-height: 1.5em;
    color: #000;
    font-size: 36px;
    font-weight: 600
}

.looking-for .timing ul li h5,
.looking-for p {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    color: #111
}

.looking-for p {
    font-size: 17px;
    padding: 10px 80px 10px 0
}

.looking-for .timing ul {
    padding: 0
}

.looking-for .timing ul li {
    display: inline-block;
    text-align: center;
    margin: 15px 10px;
    width: 120px
}

.intrested-main {
    width: 100%;
    position: relative;
    float: left
}

.looking-for .timing ul li h5 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.4em;
    margin-top: 10px;
    padding: 0 5px
}

.intrested-in h4,
.web-icon-title h3 {
    font-family: Poppins, sans-serif;
    line-height: 1.5em
}

.looking-for .timing ul li h5 span {
    display: block
}

.col-md-12.inner-icon img {
    height: 55px
}

.nav-90 li a img {
    height: 60px
}

@media screen and (max-width:767px) {
    .section-hire-dedicate {
        margin-top: 0;
        padding: 0
    }
    .looking-for {
        padding: 0 0 30px
    }
    .hire-dedicate-main {
        border-radius: 0!important
    }
    .looking-for h3 {
        margin-top: 30px;
        font-size: 22px
    }
    .looking-for p {
        padding: 0
    }
    .timing {
        text-align: center
    }
    .process-block.left-process-block .content-block {
        padding: 0
    }
    .process-block.left-process-block .img-block {
        left: 0!important;
        text-align: center!important;
        width: 100%!important;
        position: relative!important;
        margin-bottom: 20px
    }
    .process-block.left-process-block .content-block {
        padding-left: 0px!important;
        padding-right: 0px!important;
        text-align: center!important
    }
    .process-block {
        position: relative!important;
        padding-top: 0px!important;
        border: none!important
    }
    .process-block.left-process-block .content-block p {
        padding-right: 0px!important
    }
    .process-block.left-process-block .list-block {
        padding-left: 0px!important
    }
    .process-block .border-area.left-bottom {
        height: 110px
    }
    .process-block .border-area.left-bottom {
        background: none!important
    }
    .process-block .border-area.left-bottom:before {
        border: none!important
    }
    .process-block.right-process-block .content-block {
        padding: 0px!important
    }
    .process-block .border-area.right-top {
        position: absolute;
        top: -2px!important;
        background: none!important;
        height: 0px!important;
        width: 0px!important;
        right: 0px!important
    }
    .process-block.right-process-block .img-block {
        right: 35px!important;
        margin-bottom: 20px;
        text-align: center!important;
        width: 100%!important;
        position: relative!important
    }
    .process-block .border-area.right-bottom {
        position: absolute;
        bottom: 0px!important;
        background: none!important;
        height: 0px!important;
        width: 0px!important;
        right: 0px!important
    }
    .process-block .border-area.left-top:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        border-top-left-radius: 70px;
        border: none!important
    }
    .process-block .content-block .heading-block h2 {
        font-size: 20px!important;
        text-align: center!important;
        color: #0d519c!important;
        letter-spacing: .2px!important;
        margin-bottom: 10px!important
    }
    .process-block.right-process-block .content-block p {
        padding-left: 0px!important
    }
    .block-numbers {
        width: 73px;
        height: 73px;
        line-height: 73px;
        text-align: center;
        background-color: #1ac0ff;
        border-radius: 100%;
        position: absolute;
        top: -22px!important;
        z-index: 99;
        letter-spacing: .8px;
        font-family: proxima_novaextrabold;
        font-size: 14px;
        color: #fff
    }
}

@media screen and (max-width:1199px) {
    .hire-dedicate-main {
        width: 100%;
        float: left;
        background: 110% -35px #fff;
        background-size: contain;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
        box-shadow: 0 -10px 25px 0 rgba(69, 0, 182, .15)
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .looking-for h3,
    .looking-for p,
    .timing {
        text-align: center
    }
    .section-hire-dedicate {
        margin-top: 0;
        padding: 0
    }
    .looking-for {
        padding: 40px
    }
    .looking-for h3 {
        margin-top: 0;
        font-size: 22px
    }
    .looking-for p {
        padding: 0
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .looking-for h3,
    .looking-for p,
    .timing {
        text-align: center
    }
    .section-hire-dedicate {
        margin-top: 0;
        padding: 0
    }
    .looking-for {
        padding: 60px
    }
    .looking-for h3 {
        margin-top: 0;
        font-size: 36px
    }
    .looking-for p {
        padding: 0
    }
    .tab-icon-box {
        margin: 60px 0 0
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .looking-for h3,
    .looking-for p,
    .timing {
        text-align: center
    }
    .section-hire-dedicate {
        margin-top: 0;
        padding: 0
    }
    .looking-for {
        padding: 40px
    }
    .looking-for h3 {
        margin-top: 0;
        font-size: 22px
    }
    .looking-for p {
        padding: 0
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .looking-for h3,
    .looking-for p,
    .timing {
        text-align: center
    }
    .section-hire-dedicate {
        margin-top: 0;
        padding: 0
    }
    .looking-for {
        padding: 60px
    }
    .looking-for h3 {
        margin-top: 0;
        font-size: 36px
    }
    .looking-for p {
        padding: 0
    }
    .tab-icon-box {
        margin: 60px 0 0
    }
}

.intrested-in h4,
.web-icon-title h3 {
    font-family: Poppins, sans-serif;
    line-height: 1.5em
}

@media only screen and (max-width:991px) {
    h2.page-title {
        font-size: 24px;
        line-height: 36px;
        padding: 20px 5px
    }
    h2.section-title {
        font-size: 24px;
        line-height: 30px
    }
    .section-subtitle {
        font-size: 18px;
        line-height: 24px;
        padding-left: 0;
        margin-top: 15px
    }
    .section-description {
        font-size: 16px;
        line-height: 24px
    }
    .info-text .primary {
        font-size: 18px;
        line-height: 28px
    }
    .info-text .secondary {
        font-size: 16px;
        line-height: 24px
    }
    .info-text h1,
    .info-text h2 {
        padding-left: 22px
    }
    .heading-title {
        font-size: 24px;
        line-height: 30px
    }
    .service-name h4 {
        font-weight: 600;
        font-size: 18px;
        position: relative;
        width: 100%;
        overflow: hidden;
        min-height: 65px!important;
        line-height: 1.5em;
        padding-top: 10px;
        color: #000;
        font-family: Poppins, sans-serif
    }
}

@media screen and (min-width:320px) and (max-width:767px) {
    .web-icon-title {
        padding: 15px 0;
        margin-top: 0
    }
    .technology-tab ul li {
        padding: 0 3px;
        margin-bottom: 0;
        width: 100%;
        display: block
    }
    .new-mi-developer h4 {
        font-size: 10px;
        color: #555;
        padding: 0 15px 25px;
        height: 75px;
        font-weight: 600
    }
    .web-icon-title h3 {
        font-size: 15px
    }
    .margin-top30,
    .mobile-app-grediant {
        margin-top: 0
    }
    .padding-top-bottom-50 {
        padding: 20px 0
    }
    .new-mi-developer {
        margin: 20px 0 10px
    }
    .client-review .padding-top-bottom80 {
        padding-top: 10px
    }
}

.section-iot-purple {
    background-color: #3c3e49;
    padding-top: 80px;
    padding-bottom: 50px
}

.common-title-two {
    width: 100%;
    float: left
}

.common-title-two h2 {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    color: #fff;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 60px;
    font-size: 36px;
    line-height: 60px
}

.future-need-part ul li,
.part-2 h4,
.service-icon h5,
.technology-tab .nav-tabs>li>a,
.works-points p {
    font-family: 'Open Sans', sans-serif
}

.future-need-part ul li,
.iot-includes ul li {
    padding-left: 40px;
    font-size: 20px;
    line-height: 30px;
    text-align: left
}

.future-need {
    width: 100%;
    float: left;
    margin: 20px 0 0
}

.future-need-part ul li {
    background: url(../img/pink-check.html) 0 7px no-repeat;
    color: #fff;
    margin-bottom: 15px
}

.margin20 {
    margin-bottom: -15px!important
}

.iot-includes {
    width: 100%;
    float: left;
    margin: 20px 0 0
}

.iot-includes ul li {
    background: url(../img/service-bg.html) 8px center no-repeat #fff;
    color: #000;
    margin: 15px 0;
    padding: 11px 10px 11px 50px
}

.technology-tab,
.width-100 {
    width: 100%;
    text-align: center;
    float: left
}

.technology-tab ul {
    border: none!important
}

.technology-tab ul li {
    padding: 0 3px;
    margin-bottom: 0
}

.technology-tab .nav-tabs>li>a {
    border: none;
    color: #999;
    margin-right: 0;
    font-size: 17px;
    font-weight: 600
}

.technology-tab .nav-tabs>li.active>a,
.technology-tab .nav-tabs>li.active>a:focus {
    text-decoration: none;
    background: 0 0;
    border: none;
    color: #fff;
    border-bottom: 5px solid #ef104e
}

.technology-tab .nav-tabs>li>a:hover {
    background: 0 0;
    border: none;
    color: #fff;
    border-bottom: 5px solid #ef104e
}

.iot-works {
    width: 100%;
    float: left;
    margin: 20px 0
}

.works-points h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    margin: 20px 0
}

.works-points p {
    font-size: 20px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    margin: 20px 0 30px
}

.tab-icon-box {
    width: 100%;
    float: left;
    margin: 50px 0 100px
}

.tab-icon-box img {
    margin: 25px
}

.tab-center {
    text-align: center;
    display: inline-block
}

.blue-bg {
    background: #06c url(img/blue-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 20px 50px 39px;
    margin-top: 88px
}

.process-blue-block {
    width: 100%;
    float: left;
    padding: 40px 0;
    position: relative
}

.multi {
    color: #fff;
    text-align: center
}

.in-banner-content p {
    color: #fff
}

.banner-content:after {
    content: '';
    position: absolute;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #2d81d6;
    border-bottom: 12px solid transparent;
    bottom: -24px;
    right: 50%;
    top: 30%;
    margin-right: -12px;
    z-index: -99
}

.support-content-block {
    text-align: center;
    padding-bottom: 86px
}

.support-content-block .process-blue-block h2 {
    font-family: proxima_nova_rgbold;
    font-size: 28px!important;
    color: #fff;
    margin: 0;
    line-height: 38px;
    letter-spacing: .2px
}

.support-content-block .process-blue-block p {
    font-family: proxima_novalight;
    font-size: 17px;
    color: #fff;
    margin: 0;
    line-height: 28px;
    letter-spacing: .6px;
    margin-top: 12px
}

.process-blue-block {
    width: 100%;
    float: left;
    padding: 40px 0;
    position: relative
}

.process-blue-block h2 {
    padding: 0 30px
}

.support-content-block.process-page {
    padding-bottom: 0
}

.support-content-block.process-page .process-blue-block:after {
    content: '';
    position: absolute;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #2d81d6;
    border-bottom: 12px solid transparent;
    bottom: -24px;
    right: 50%;
    margin-right: -12px;
    z-index: -99
}

.process-block .border-area.left-top {
    position: absolute;
    top: -2px;
    background: #fff;
    height: 110px;
    width: 110px;
    left: -2px
}

.process-block .border-area.left-top:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-top-left-radius: 70px;
    border-left: 2px dashed rgba(204, 204, 204, .9);
    border-top: 2px dashed rgba(204, 204, 204, .9)
}

.process-block .border-area.left-bottom {
    position: absolute;
    bottom: -2px;
    background: #fff;
    height: 110px;
    width: 110px;
    left: -2px;
    z-index: 99
}

.process-block .border-area.left-bottom:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-bottom-left-radius: 70px;
    border-left: 2px dashed rgba(204, 204, 204, .9);
    border-bottom: 2px dashed rgba(204, 204, 204, .9)
}

.process-block .border-area.right-top {
    position: absolute;
    top: -2px;
    background: #fff;
    height: 110px;
    width: 110px;
    right: -2px
}

.process-block .border-area.right-top:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-top-right-radius: 70px;
    border-right: 2px dashed rgba(204, 204, 204, .9);
    border-top: 2px dashed rgba(204, 204, 204, .9)
}

.process-block .border-area.right-bottom {
    position: absolute;
    bottom: -2px;
    background: #fff;
    height: 110px;
    width: 110px;
    right: -2px
}

.process-block .border-area.right-bottom:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    border-bottom-right-radius: 70px;
    border-right: 2px dashed rgba(204, 204, 204, .9);
    border-bottom: 2px dashed rgba(204, 204, 204, .9)
}

.working-process-block {
    padding-top: 68px;
    position: relative
}

.working-process-block .col-md-12 {
    padding: 0 28px
}

.process-block {
    margin: 0;
    border: 2px dashed rgba(204, 204, 204, .9);
    position: relative;
    width: 100%;
    float: left;
    padding-top: 90px;
    padding-bottom: 45px;
    min-height: inherit
}

.process-block .border-area {
    z-index: 0
}

.process-block:first-child {
    padding-top: 12px
}

.process-block:first-child .border-area.left-top {
    display: none
}

.process-block:last-child {
    border-bottom: none
}

.process-block:last-child .border-area.right-bottom {
    display: none
}

.process-block:first-child .block-numbers {
    top: 0
}

.process-block.left-process-block {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.process-block.left-process-block .content-block {
    padding-left: 190px;
    padding-right: 30px
}

.process-block.left-process-block .content-block .heading-block {
    background: url(img/heading-sapreter.html) no-repeat left bottom
}

.process-block.left-process-block .content-block .heading-block h2 {
    text-align: left
}

.process-block.left-process-block .content-block p {
    padding-right: 72px
}

.process-block.left-process-block .img-block {
    left: 35px;
    text-align: right;
    width: 125px
}

.process-block.left-process-block .col-md-4 {
    text-align: right
}

.process-block.left-process-block .list-block {
    padding-left: 30px
}

.process-block.left-process-block .list-block ul li {
    padding-left: 40px;
    text-align: left
}

.process-block.left-process-block .list-block ul li.active {
    padding-left: 40px
}

.process-block.left-process-block .list-block ul li:after {
    left: 0
}

.process-block.right-process-block {
    border-left: none
}

.process-block.right-process-block .content-block {
    padding-right: 190px;
    padding-left: 30px
}

.process-block.right-process-block .content-block .heading-block {
    background: url(img/heading-sapreter-right.html) no-repeat left bottom
}

.process-block.right-process-block .content-block .heading-block h2 {
    text-align: right
}

.process-block.right-process-block .content-block p {
    padding-left: 90px;
    text-align: right
}

.process-block.right-process-block .col-md-4 {
    text-align: left
}

.process-block.right-process-block .img-block {
    right: 35px;
    text-align: center
}

.process-block.right-process-block .list-block {
    padding-right: 30px
}

.process-block.right-process-block .list-block ul li {
    text-align: right;
    padding-right: 40px
}

.process-block.right-process-block .list-block ul li.active {
    padding-right: 40px
}

.process-block.right-process-block .list-block ul li:after {
    right: 0
}

.process-block .img-block {
    width: 140px;
    position: absolute;
    top: 0;
    padding: 0 5px
}

.process-block .img-block img {
    max-width: 100%
}

.process-block .content-block {
    width: 100%;
    float: left
}

.process-block .content-block .heading-block {
    padding-bottom: 20px;
    background-size: 100% auto!important
}

.process-block .content-block .heading-block h2 {
    font-size: 31px;
    color: #0d519c;
    letter-spacing: .2px;
    margin: 0
}

.process-block .content-block p {
    margin: 12px 0 0;
    font-size: 15px;
    color: #0c0c0c;
    letter-spacing: .6px;
    line-height: 28px
}

.process-block .list-block {
    display: inline-block
}

.process-block .list-block ul li {
    list-style: none;
    position: relative;
    font-size: 15px;
    color: #171717;
    letter-spacing: .2px;
    padding: 5px 0 6px 0;
    margin-bottom: 12px
}

.process-block .list-block ul li span {
    display: block;
    padding: 7px 17px 6px;
    min-height: 38px;
    display: inline-block;
    border-radius: 5px
}

.process-block .list-block ul li.active span {
    color: #0c59b9;
    border: 1px dashed #0091ea;
    text-transform: uppercase
}

.process-block .list-block ul li:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 3px solid #3cf;
    position: absolute;
    top: 14px
}

.process-block .list-block ul li.active:after {
    top: 18px;
    display: none
}

.block-numbers {
    width: 73px;
    height: 73px;
    line-height: 73px;
    text-align: center;
    background-color: #1ac0ff;
    border-radius: 100%;
    position: absolute;
    top: 98px;
    z-index: 99;
    letter-spacing: .8px;
    font-family: proxima_novaextrabold;
    font-size: 14px;
    color: #fff
}

.block-numbers.type1 {
    left: -37px
}

.block-numbers.type2 {
    right: -37px
}

.enjoy-app-block {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 50px
}

.enjoy-app-block h2 {
    margin: 8px 0 0;
    font-family: proxima_nova_rgbold;
    font-size: 48px;
    color: #fff
}

.enjoy-app-block p {
    margin: 2px 0 0;
    font-family: Poppins, sans-serif font-size: 22px;
    color: #fff;
    letter-spacing: .4px
}

.list-block ul {
    padding: 0
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: transparent
}

.nav-pills {
    text-align: center
}

.nav-pills>li {
    float: left;
    text-align: center;
    display: inline-block
}

.innner-tabs {
    background: url(img/service_background.jpg);
    background-position: center 25%;
    background-repeat: no-repeat;
    background-size: cover
}

.tabs-app-h2 h2 {
    color: #fff;
    text-align: center;
    padding-top: 16px
}

.tabs-app-h2 p {
    color: #fff;
    text-align: center;
    padding-bottom: 32px
}

.home-page-tabber .tab-content img {
    width: 80%;
    height: auto
}

.inner-icon p {
    color: #fff;
    padding: 10px
}

.border-rb {
    border-right: 1px dashed rgba(255, 255, 255, .5);
    border-bottom: 1px dashed rgba(255, 255, 255, .5);
    padding: 10px
}

.border-last-r {
    border-right: 0 dashed rgba(255, 255, 255, .5);
    border-bottom: 1px dashed rgba(255, 255, 255, .5);
    padding: 10px
}

.border-br {
    border-right: 1px dashed rgba(255, 255, 255, .5);
    border-bottom: 0 dashed #fff;
    padding: 10px
}

.p0 {
    padding: 0
}

.border-last-br {
    border-right: 0 dashed rgba(255, 255, 255, .5);
    border-bottom: 0 dashed #fff;
    padding: 10px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #337ab7;
    background-color: transparent
}

.nav-pills>li {
    float: left;
    width: 22%;
    display: inline-block
}

.nav-pills p {
    font-weight: 600;
    padding-top: 10px
}

.waves,
.waves:after,
.waves:before {
    position: absolute;
    border-radius: 50%
}

.waves {
    background: rgba(255, 255, 255, .3);
    width: 65px;
    height: 65px;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.waves:after,
.waves:before {
    background: #2995ce;
    width: 40px;
    height: 40px;
    content: "";
    display: inline-block;
    left: 13px;
    top: 13px
}

.waves:before {
    -webkit-animation: wave 3s infinite linear;
    animation: wave 3s infinite linear
}

.waves:after {
    opacity: 0;
    -webkit-animation: wave 3s 1.5s infinite linear;
    animation: wave 3s 1.5s infinite linear
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5);
        opacity: 0
    }
}

@keyframes wave {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(3.5);
        transform: scale(3.5);
        opacity: 0
    }
}

.nav-pills .waves {
    display: none!important
}

.nav-pills:hover li.active a .waves {
    display: block!important
}

.nav-pills .active a .waves {
    display: block!important
}

.waves {
    background: rgba(255, 255, 255, .3);
    width: 65px;
    height: 65px;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.technologies>li a {
    width: 190px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 10px
}

.section-hire-dedicate {
    background: #fff;
    border-radius: 0
}

.banner-back {
    background: url(../images/slider-background1.html);
    width: 100%;
    background-attachment: fixed
}

.d-process {
    top: 12%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    color: #fff
}

.d-process h4 {
    font-size: 33px
}

.as-f {
    border-bottom: 1px solid #ccc
}

.client_says_sms p:before {
    content: "";
    position: absolute;
    bottom: -26px;
    right: 0;
    background-image: url(img/arrow_client2.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px
}

.client_says_sms p:after {
    content: "";
    position: absolute;
    top: -20px;
    left: -10px;
    background-image: url(img/arrow_client.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px
}

.client_says_sms p {
    line-height: 26px;
    font-weight: 400;
    text-align: center;
    position: relative
}

.client_says_sms {
    padding: 40px 25px 40px 25px;
    color: #fff;
    font-size: 16px;
    min-height: 225px
}

.img-filter {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.5s ease;
    display: inline-block
}

.img-filter:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%)
}

#about-area {
    padding: 30px 0 50px 0;
    background: #f7f7f7
}

.about-images img:last-child {
    margin-bottom: 0;
    margin-top: 30px;
    border-radius: 10px
}

.about-images {
    padding: 0 20px
}

.about-images img {
    width: 100%;
    margin: 15px 0
}

.about-images img.two {
    width: 100%;
    margin: 30px 0 0
}

.about-content {
    padding: 0 0 0
}

.about-content h6 {
    font-weight: 700;
    color: #d7a56e;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px
}

.about-content h3 {
    margin: 10px 0 15px;
    font-size: 29px;
    color: #e16116;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif
}

.about-content p {
    margin: 0 0 20px;
    font-family: open sans,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #616161;
}
.web-a{
    color: #f26629;
    text-transform: capitalize;
    font-weight: 600;
}

.about-content h5 {
    font-weight: 700;
    font-size: 20px
}

.about-content h5 span {
    font-size: 14px;
    color: #818181;
    font-weight: 400
}

.p0 {
    padding: 0
}

.nav-90 {
    width: 90%;
    margin: 0 auto;
    padding-top: 30px
}

.as-f ul li {
    display: inline-block
}

.bx-viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: auto
}

.home-page .carousel-indicators .active {
    background: #e16116c9;
    border: 1px solid #e16116c9
}

.home-page .carousel-indicators li {
    width: 100%;
    height: 50px;
    border-radius: 0;
    text-indent: 0;
    margin-bottom: 7px;
    line-height: 50px;
    background: #000;
    color: #fff
}

.home-page .carousel-indicators {
    top: 10%
}

.home-page .carousel-indicators {
    width: 100%;
    margin-left: 0%;
    left: 0%
}

.home-page .carousel-control.left {
    left: 1.5%;
    background-image: none
}

.home-page .carousel-control.right {
    right: 1.5%;
    background-image: none
}

.home-page .fa {
    top: 50%;
    position: absolute
}

.o-right {
    display: inline-block
}

.img-filter {
    width: 200px!important;
    padding: 6px;
    max-height: 62px
}

.f-logo strong {
    font-size: 13px!important
}

.o-right {
    max-height: 60px
}

@media (max-width:768px) {
    .bx-has-pager {
        padding-bottom: 20px
    }
    .ogen-port-s-inn .bx-pager.bx-default-pager {
        padding-top: 1px
    }
    .client_says_sms {
        padding: 30px 20px 30px 20px;
        color: #fff;
        font-size: 10px;
        min-height: 120px
    }
    #about-area {
        padding: 10px 0 25px 0;
        background: #f7f7f7
    }
    .p0 {
        padding: 10px!important
    }
    .d-process {
        display: none
    }
    .mb-none {
        display: none
    }
    .as-f ul li {
        display: inline-block
    }
    .client_says_sms p {
        font-size: 14px
    }
    .mb-development .tab-content {
        display: block
    }
    .width25 li p {
        font-size: 12px
    }
    .inner-icon p {
        font-size: 7px;
        padding: 5px;
        margin: 0
    }
    .nav-90 li a img {
        height: 40px
    }
    .mb-development .p0 {
        padding: 0px!important
    }
    .tabs-app-h2 p {
        padding-bottom: 5px;
        font-size: 12px
    }
    .tabs-app-h2 h2 {
        font-size: 24px
    }
    .liner {
        display: none
    }
    .txt {
        min-height: 120px
    }
    .about-content h3 {
        font-size: 32px
    }
    .rt {
        display: none
    }
}

.f-logo ul {
    text-align: center
}

.about-img-3 .carousel-inner img {
    border-radius: 10px;
    max-height: 100%
}

.h1-web {
    padding-bottom: 20px
}

.h1-web h2 {
    font-size: 17px;
    line-height: 25px
}

.h1-web h1 {
    font-weight: 800;
    color: #ee7214;
    text-shadow: 2px 2px 2px #57380c
}

@media only screen and (min-width:240px) and (max-width:600px) {
    ..bx-wrapper .bx-controls-direction {
        display: none
    }
    .bx-wrapper .bx-next {
        display: none
    }
    .bx-wrapper .bx-prev {
        display: none
    }
    .img-filter {
        width: 48px!important;
        padding: 5px
    }
    .f-logo strong {
        font-size: 9px!important
    }
    .o-right {
        display: none
    }
    .h1-web h1 {
        font-size: 25px
    }
    .about-img-1 {
        padding: 0
    }
    .sec-ttl.dark h3 {
        color: #d55b1a;
        font: 27px/1 roboto-medium-webfont, sans-serif;
        text-align: center
    }
    .nav-tabs>li a {
        width: 75px!important;
        height: 50px;
        line-height: 50px
    }
}

@media only screen and (min-width:601px) and (max-width:767px) {
    .nav-tabs>li a {
        width: 80px!important;
        height: 50px;
        line-height: 50px
    }
    .img-filter {
        width: 60px!important;
        padding-top: 5px
    }
    .f-logo strong {
        font-size: 10px!important
    }
    .o-right {
        height: 46px
    }
    .col-md-12.inner-icon img {
        height: 35px
    }
}

@media only screen and (min-width:768px) and (max-width:850px) {
    .home-page .carousel-indicators li {
        width: 100%;
        height: 38px;
        border-radius: 0;
        text-indent: 0;
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 38px;
        background: #000;
        color: #fff
    }
    .home-page #myCarousel {
        height: 52vh
    }
    .home-page #myCarousel .carousel-inner img {
        height: 48vh!important
    }
    .img-filter {
        width: 120px!important;
        padding-top: 5px
    }
    .f-logo strong {
        font-size: 12px!important
    }
    .o-right {
        height: 46px
    }
}

@media only screen and (min-width:851px) and (max-width:900px) {
    .home-page .carousel-indicators li {
        width: 100%;
        height: 37px;
        border-radius: 0;
        text-indent: 0;
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 37px;
        background: #000;
        color: #fff
    }
    .home-page #myCarousel {
        height: 52vh
    }
    .home-page #myCarousel .carousel-inner img {
        height: 48vh!important
    }
    .img-filter {
        width: 130px!important;
        padding: 5px
    }
    .f-logo strong {
        font-size: 13px!important
    }
    .o-right {
        height: 52px
    }
}

@media only screen and (min-width:901px) and (max-width:980px) {
    .home-page .carousel-indicators li {
        width: 100%;
        height: 43px;
        border-radius: 0;
        text-indent: 0;
        margin-bottom: 5px;
        font-size: 13px;
        line-height: 43px;
        background: #000;
        color: #fff
    }
    .home-page #myCarousel {
        height: 59vh
    }
    .home-page #myCarousel .carousel-inner img {
        height: 54vh!important
    }
    .img-filter {
        width: 145px!important;
        padding: 5px
    }
    .f-logo strong {
        font-size: 13px!important
    }
    .o-right {
        height: 52px
    }
}

@media only screen and (min-width:981px) and (max-width:1024px) {
    .home-page .carousel-indicators li {
        width: 100%;
        height: 45px;
        border-radius: 0;
        text-indent: 0;
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 45px;
        background: #000;
        color: #fff
    }
    .home-page #myCarousel {
        height: 61vh
    }
    .home-page #myCarousel .carousel-inner img {
        height: 56vh!important
    }
    .img-filter {
        width: 155px!important;
        padding: 5px
    }
    .f-logo strong {
        font-size: 13px!important
    }
    .o-right {
        height: 52px
    }
}

@media only screen and (min-width:1025px) and (max-width:1200px) {
    .home-page .carousel-indicators li {
        width: 100%;
        height: 50px;
        border-radius: 0;
        text-indent: 0;
        margin-bottom: 5px;
        font-size: 15px;
        line-height: 50px;
        background: #000;
        color: #fff
    }
    .home-page #myCarousel {
        height: 66vh
    }
    .home-page #myCarousel .carousel-inner img {
        height: 62vh!important
    }
    .img-filter {
        width: 165px!important;
        padding: 5px
    }
    .f-logo strong {
        font-size: 13px!important
    }
    .o-right {
        height: 52px
    }
}

@media only screen and (min-width:1201px) and (max-width:1366px) {
    .home-page .carousel-indicators li {
        width: 100%;
        height: 53px;
        border-radius: 0;
        text-indent: 0;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 53px;
        background: #1a1a1a;
        color: #fff
    }
    .home-page #myCarousel {
        height: 408px;
        margin-bottom: 30px
    }
    .home-page #myCarousel .carousel-inner2 img {
        height: 408px!important;
        max-height: 408px!important
    }
}

@media only screen and (min-width:1367px) and (max-width:1400px) {
    .home-page .carousel-indicators li {
        width: 100%;
        height: 52px;
        border-radius: 0;
        text-indent: 0;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 52px;
        background: #000;
        color: #fff
    }
    .home-page #myCarousel {
        height: 68vh
    }
    .home-page #myCarousel .carousel-inner img {
        height: 65vh!important
    }
}

@media only screen and (min-width:1401px) and (max-width:1500px) {
    .home-page .carousel-indicators li {
        width: 100%;
        height: 52px;
        border-radius: 0;
        text-indent: 0;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 52px;
        background: #000;
        color: #fff
    }
    .home-page #myCarousel {
        height: 68vh
    }
    .home-page #myCarousel .carousel-inner img {
        height: 65vh!important
    }
}

@media only screen and (min-width:1501px) and (max-width:1600px) {
    .banner-back .fix-container {
        max-width: 1500px
    }
    .home-page .carousel-indicators li {
        width: 100%;
        height: 66px;
        border-radius: 0;
        text-indent: 0;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 66px;
        background: #000000de;
        color: #fff
    }
    .home-page #myCarousel {
        height: 67vh
    }
    .home-page #myCarousel .carousel-inner img {
        height: 498px!important;
        max-height: 498px!important
    }
    .fix-container-2 {
        max-width: 1500px
    }
}

@media only screen and (min-width:1601px) and (max-width:1920px) {
    .home-page .carousel-indicators li {
        width: 100%;
        height: 52px;
        border-radius: 0;
        text-indent: 0;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 52px;
        background: #000;
        color: #fff
    }
    .home-page #myCarousel {
        height: 45vh
    }
    .home-page #myCarousel .carousel-inner img {
        height: 69vh!important
    }
}

@media only screen and (min-width:1921px) {
    .home-page .carousel-indicators li {
        width: 100%;
        height: 52px;
        border-radius: 0;
        text-indent: 0;
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 52px;
        background: #000;
        color: #fff
    }
    .home-page #myCarousel {
        height: 45vh
    }
    .home-page #myCarousel .carousel-inner img {
        height: 69vh!important
    }
}

.bx-wrapper .bx-controls-direction {
    position: relative;
    top: -320px
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #fff0
}

.h1-web h3 {
    text-align: center;
    font-size: 40px;
    padding-bottom: 10px;
    color: #e16116
}

.ogen-about h5 {
    font-family: 'Roboto Condensed', sans-serif!important;
    font-size: 25px!important;
    margin-top: 15px;
    display: block;
    padding: 11px 0 0 0;
    font-weight: normal!important;
    line-height: 43px
}

.ogen-about h3 {
    font-family: 'Roboto Condensed', sans-serif!important;
    line-height: 43px;
    font-size: 40px;
    margin: 0;
    font-weight: 600
}

.ogen-about h4 {
    text-align: center;
    font-size: 18px!important;
    font-family: 'Roboto Condensed', sans-serif!important;
    padding: 0 0 14px 0;
    margin: 0;
    font-weight: 500;
    line-height: 1.1;
    text-transform: capitalize!important
}
.mobile-p{
    margin: 0 0 20px;
    font-family: open sans,sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #616161;
}




/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
    z-index: 1;
}


/** THEME
===================================*/

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-controls-direction a {
    position:absolute;
	top:94px;
    left:-44px;
    width:70px;
    height:70px;
    border-radius:50%;
    overflow:hidden;
    font-size:0;
    line-height:0;
    color:transparent;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.bx-controls-direction a:before {
    display:block;
    width:24px;
    height:59px;
    content:"";
    background:url(../images/slider-prev-next.html) no-repeat;
    -webkit-transition: margin .3s linear;
    -moz-transition: margin .3s linear;
    transition: margin .3s linear;
}
.bx-controls-direction .bx-next {
    left:auto;
    right:-46px;
}
.bx-controls-direction .bx-next:before {
    background-position:-24px 0;
    margin:3px 0 0 28px;
}
.bx-controls-direction .bx-next:hover:before {
    background-position:-24px -59px;
    margin:3px 0 0 36px;
}
.bx-controls-direction .bx-prev:before {
    background-position:0 0;
    margin:3px 0 0 19px;
}
.bx-controls-direction .bx-prev:hover:before {
    background-position:0 -59px;
    margin:3px 0 0 11px;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

@media screen and (max-width: 980px) {
    .bx-controls-direction .bx-prev { left: -10px;}
    .bx-controls-direction .bx-next { right: -10px;}
}



@media only screen and (min-width: 1025px)
.wp-pg .top-section {
    background: url(../images/bg/bg-wordpress-top.html) 50% 0 no-repeat #f9f9f9;
}
@media only screen and (min-width: 1025px)
.magento-pg .top-section {
    background: url(../images/bg/bg-magento-top.html) 50% 0 no-repeat #f9f9f9;
}


@media only screen and (max-width: 1400px)
.top-section .bg {
    background-size: auto 65%;
    background-color: #fff;
}
@media only screen and (max-width: 1600px)
.drupal-pg .bg, .johnjay-section5 .bg, .wp-pg .bg {
    background-position: 100% 50%;
}


.frame {
    max-width: 980px;
    margin: 0 auto;
    min-width: 268px;
}



.top-section.alt-size .s-left {
    font-size: 16px;
    line-height: 1.5;
    padding-top: 5%;
    padding-bottom: 6%;
}

@media only screen and (min-width: 1170px)
.top-section .s-left {
    padding-top: 30px;
}
.wp-pg .s-left {
    height: 700px;
}
.magento-pg .s-left {
    height: 606px;
}
.top-section .s-left {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 50%;
    height: 455px;
    padding-bottom: 3%;
    font-style: roboto-light-webfont, Arial, Helvetica, Sans-Serif;
    color: #5e5e5e;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}



.top-section .s-right {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 56%;
}

.phase-section {
    position: relative;
    padding: 110px 0 70px;
}

.bg-section-1 {
    background: url(../images/bg/bg-section-1.html);
}

.frame {
    max-width: 980px;
    margin: 0 auto;
    min-width: 268px;
}


c-section-title {
    padding: 0 10px;
}
.section-title {
    text-align: center;
    margin: 0 0 56px;
}


#main .c-section-title h2, .case-studies-part-section .section-title h2, .clients-list-section .section-title h2, .cms-wide-section .section-title h2, .newsletter-section .section-title h2, .no-pad-t-section .section-title h2, .obtained-section h2, .sample-text-section .section-title h2, .services-before-after-section .section-title h2, .services-dev-section .section-title h2, .video-landing-section .section-title h2, .video-presentation-section .section-title h2, .video-section .section-title h2, .wh-section-4 .section-title h2 {
    color: #ee7214;
}
.frame-section-title h2, .h-h2, .section-title h2 {
    font: 40px/1 roboto-light-webfont, sans-serif;
    color: #fff;
    margin: 0 0 10px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
}

.frame-section-title h2 span, .h-h2 span, .section-title h2 span {
    font-family: roboto-black-webfont, sans-serif;
}


#main .c-section-title p, .case-studies-part-section .section-title p, .clients-list-section .section-title p, .cms-wide-section .section-title p, .newsletter-section .section-title p, .no-pad-t-section .section-title p, .obtained-section p, .sample-text-section .section-title p, .services-before-after-section .section-title p, .services-dev-section .section-title p, .video-landing-section .section-title p, .video-presentation-section .section-title p, .video-section .section-title p {
    color: #5a6063;
    text-shadow: 0 1px 0 #fff;
}
.section-title p {
    font-size: 17px;
    line-height: 1.4;
    color: #fff;
    text-shadow: 0 -1px 0 #00374f;
}


#main .c-section-title h2, .case-studies-part-section .section-title h2, .clients-list-section .section-title h2, .cms-wide-section .section-title h2, .newsletter-section .section-title h2, .no-pad-t-section .section-title h2, .obtained-section h2, .sample-text-section .section-title h2, .services-before-after-section .section-title h2, .services-dev-section .section-title h2, .video-landing-section .section-title h2, .video-presentation-section .section-title h2, .video-section .section-title h2, .wh-section-4 .section-title h2 {
    color: #ee7214;
}
.frame-section-title h2, .h-h2, .section-title h2 {
    font: 40px/1 roboto-light-webfont, sans-serif;
    color: #fff;
    margin: 0 0 10px;
}

.c-section-title {
    padding: 0 10px;
}
.section-title {
    text-align: center;
    margin: 0 0 56px;
}

.cd-chapter .ttl, .cd-chapter h3, .cd-chapter h6 {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.1;
    color: #e4465e;
    margin: 0 0 8px;
}

.frame-section-title h2, .h-h2, .section-title h2 {
    font: 40px/1 roboto-light-webfont, sans-serif;
    color: #fff;
    margin: 0 0 10px;
}


.box-shadow-holder2 {
    background: url(../images/bg-line-with-shadow.html) -40px 100% no-repeat;
}
.box-shadow-holder {
    background: url(../images/line-shadow.html) 0 100% no-repeat;
}
.box-shadow-holder {
    font-size: 18px;
    line-height: 28px;
    color: #5a6063;
    padding-bottom: 50px;
    margin-bottom: 40px;
}


.c-section-title {
    padding: 0 10px;
}
.section-title {
    text-align: center;
    margin: 0 0 56px;
}


.box-shadow-holder.left img {
    float: left;
    margin-right: 40px;
}
img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
img {
    border: 0;
    vertical-align: middle;
}

.box-shadow-holder .bsh-text {
    padding-top: 30px;
    overflow: hidden;
}

.box-shadow-holder h3 {
    font-size: 28px;
    color: #ee7214;
    display: inline;
    font-family: roboto-bold-webfont, Arial, Helvetica, Sans-Serif;
}

.box-shadow-holder h3 span {
    font-family: roboto-light-webfont, Arial, Helvetica, Sans-Serif;
}

.box-shadow-holder p {
    display: inline;
}


.box-shadow-holder2 {
    background: url(../images/bg-line-with-shadow.html) -40px 100% no-repeat;
}
.box-shadow-holder {
    background: url(../images/line-shadow.html) 0 100% no-repeat;
}
.box-shadow-holder {
    font-size: 18px;
    line-height: 28px;
    color: #5a6063;
    padding-bottom: 50px;
    margin-bottom: 40px;
}


.box-shadow-holder.right img {
    float: right;
    margin-left: 60px;
}
img {
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
img {
    border: 0;
    vertical-align: middle;
}

#main .c-section-title h2, .case-studies-part-section .section-title h2, .clients-list-section .section-title h2, .cms-wide-section .section-title h2, .newsletter-section .section-title h2, .no-pad-t-section .section-title h2, .obtained-section h2, .sample-text-section .section-title h2, .services-before-after-section .section-title h2, .services-dev-section .section-title h2, .video-landing-section .section-title h2, .video-presentation-section .section-title h2, .video-section .section-title h2, .wh-section-4 .section-title h2 {
    color: #ee7214;
}
.frame-section-title h2, .h-h2, .section-title h2 {
    font: 40px/1 roboto-light-webfont, sans-serif;
    color: #fff;
    margin: 0 0 10px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 0;
}

.banner-area {
    position: relative;
    overflow: hidden;
    padding: 60px 0px;
    background: url(../images/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-bottom: 2px solid #fbd4d3;
}

.banner-area .box-table {
    display: table;
    width: 100%;
}

.banner-area .box-cell, .banner-area .box-cell div {
    height: auto;
}
.banner-area .box-cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.banner-area .box-cell, .banner-area .box-cell div {
    height: auto;
}
@media (min-width: 1200px)
.container {
    width: 1170px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 768px)
.container {
    width: 750px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.banner-area .box-cell, .banner-area .box-cell div {
    height: auto;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

banner-area.content-double .double-items {
    align-items: center;
    align-self: center;
    display: flex;
    justify-content: center;
    vertical-align: middle;
}
.banner-area .box-cell, .banner-area .box-cell div {
    height: auto;
}

.banner-area .box-cell, .banner-area .box-cell div {
    height: auto;
}
@media (min-width: 992px)
.col-md-6 {
    width: 50%;
}
@media (min-width: 992px)
.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 {
    float: left;
}
.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-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-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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.banner-area.button-effect .double-items .content.inc-video {
    margin-top: 40px;
    color: #000;
}
.banner-area .box-cell, .banner-area .box-cell div {
    height: auto;
}
.banner-area .content {
    position: relative;
    z-index: 9;
}

h1, h2, h3, h4, h5, h6 {
    color: #323a45;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
}


.h1, h1 {
    font-size: 36px;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
h1 {
    margin: .67em 0;
    font-size: 2em;
}

.inc-video ul {
    list-style: disc;
    padding: 0px 21px 20px;
    display: flex;
    flex-wrap: wrap;
}
ul {
    margin: 0;
    list-style-type: none;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}

.banner-area .box-cell, .banner-area .box-cell div {
    height: auto;
}


.image_bd img {
    width: 79%;
}
img {
    border: none;
    outline: none;
    max-width: 100%;
}
img {
    vertical-align: middle;
}
img {
    border: 0;
}

.banner-area .box-cell, .banner-area .box-cell div {
    height: auto;
}
@media (min-width: 992px)
.col-md-offset-1 {
    margin-left: 8.33333333%;
}
@media (min-width: 992px)
.col-md-5 {
    width: 41.66666667%;
}
@media (min-width: 992px)
.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 {
    float: left;
}
.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-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-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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}


.banner-area .box-cell, .banner-area .box-cell div {
    height: auto;
}
.banner-area .form-info {
    overflow: hidden;
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 40px rgba(0,0,0,0.1);
    position: relative;
    z-index: 1;
    margin-top: 60px;
}


banner-area .box-cell, .banner-area .box-cell div {
    height: auto;
}
@media (min-width: 992px)
.col-md-12 {
    width: 100%;
}
@media (min-width: 992px)
.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 {
    float: left;
}
.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-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-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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
* {
    padding: 0;
    margin: 0;
}

.banner-area .form-info h2 {
    line-height: 1.3;
    margin-bottom: 25px;
    text-transform: capitalize;
    color: #132a65;
}

.banner-area .form-info h2 {
    line-height: 1.3;
    margin-bottom: 25px;
    text-transform: capitalize;
    color: #132a65;
}


form-group {
    margin-bottom: 15px;
}

input, select, .form-control {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    box-shadow: inherit;
    min-height: 44px;
    font-size: 12px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input {
    line-height: normal;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

.banner-area .form-info button, .popup button {
    background: linear-gradient(to right, #fc8b56, #fd5656);
    border: medium none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inherit;
    color: #ffffff;
    font-weight: 600;
    padding: 10px 30px;
    text-transform: capitalize;
}
a, .btn, button {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    outline: medium none;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.inc-video ul {
    list-style: disc;
    padding: 0px 21px 20px;
    display: flex;
    flex-wrap: wrap;
}
ul {
    margin: 0;
    list-style-type: none;
}
ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
}

.full-wdev .full-wsection {
    float: left;
    width: 100%;
    padding: 30px 0;
    background: none;
}
.top-banner-section {
    background: none;
    padding: 0;
    width: 100%;
}

.full-wdev .top-banner-section .full-wsec {
    max-width: 1100px;
}
.full-wdev .full-wsec {
    float: none;
    margin: 0 auto;
    max-width: 960px;
}

.full-wdev .full-wsec .full-wcontainer {
    float: left;
    width: 100%;
}

.full-wdev .banner-left-sec {
    float: left;
    margin: 0;
    padding: 7px 5% 0;
    width: 50%;
}

.full-wdev .banner-side-info {
    display: inline-block;
}


.full-wdev .banner-side-info .sideban-info {
    border-radius: 5px;
    float: left;
    padding: 7%;
    width: 90%;
}


.sideban-info h1 {
    color: #ec2021;
    font-size: 30px;
    margin: 0 0 30px;
}