.heading-middle {
    position: relative;
    margin-bottom: 20px;
}

.heading-middle .titel-text {
    margin-top: 0px;
    font-size: 32px;
    font-weight: 700;
    padding-bottom: 0;
    margin-bottom: 8px;
}

.heading-middle .small-titel-text {
    margin: 0;
    font-size: 16px;
    padding: 12px 0 0 0
}

.heading-middle.divider-lg .before-css::before,
#buy-accounting {
    background: url(../image/home-full-bg.jpg) fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0;
    overflow: visible;
    height: auto;
    text-align: center;
    padding: 30px 0;
    position: relative
}

#buy-accounting::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, .5)
}

#buy-accounting .titel-heading {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 12px
}

#buy-accounting .details-text {
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    font-weight: 500;
    padding-bottom: 12px
}

.blue-btn {
    padding: 12px 25px;
    background-color: #00a5df;
    font-size: 15px;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    clear: both;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #00a5df
}

.blue-btn:hover {
    text-decoration: none;
    color: #fff;
    background-color: #000
}

#call-to-action {
    background: rgba(0, 0, 0, 0) url(../image/contact-banner.webp) fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 70px;
    padding-top: 70px;
    overflow: visible;
    height: auto;
    text-align: center
}

#call-to-action .titel-heading {
    margin-top: 0px;
    font-size: 30px;
    color: #002847;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 10px
}

#call-to-action .details-text {
    font-size: 14px;
    color: #6c6c6c;
    text-align: center;
    line-height: 26px;
    font-weight: 600;
    padding-bottom: 12px
}

.site-footer {
    background: #002847
}

.copyright-terms {
    border-top: 1px solid #fff;
}

.footer-about-text {
    font-size: 13px;
    color: #a5b1c8;
    line-height: 20px;
    text-align: justify;
    padding-top: 15px
}

.lead {
    font-size: 20px
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 7px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0;
    padding: .60rem .75rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.navbar {
    min-height: auto;
    top: 0
}

.navbar-brand {
    height: auto;
    margin: 0px !important;
    padding: 0px;
}

.contact-us-bottom {
    color: #fff;
    font-size: 14px;
    line-height: 24px
}

.call-us {
    margin-top: 15px
}

.contact-us-bottom span {
    font-weight: 600;
    margin-bottom: 5px;
    display: block
}

.cashier-counter-left-img {
    float: left;
    margin: 0
}

.cashier-counter-right-details {
    float: left;
    margin: 0
}

.cashier-counter-right-details .small-titel-text {
    font-size: 20px;
    line-height: 24px;
    color: #313131;
    font-weight: 500;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 0
}

.cashier-counter-right-details .big-titel-text {
    font-size: 26px;
    line-height: 36px;
    color: #313131;
    font-weight: 700;
    text-align: left;
    margin-bottom: 40px
}

.cashier-counter-right-details .btn-row-div {
    text-align: left;
    margin-bottom: 12px
}

.cashier-counter-right-details .btn-row-div .blue-btn-div {
    background-color: #fff;
    border-radius: 0;
    clear: both;
    color: #31aff5;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 25px;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 15px;
    border: 1px solid #31aff5
}

.cashier-counter-right-details .btn-row-div .blue-btn-div:hover {
    background-color: #31aff5;
    color: #fff;
    transition: .3s ease;
    -webkit-transition: .3s ease
}

.cashier-counter-right-details .btn-row-div .green-btn-div {
    background-color: #31aff5;
    border-radius: 0;
    clear: both;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 25px;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 15px;
    border: 1px solid #31aff5
}

.cashier-counter-right-details .btn-row-div .green-btn-div:hover {
    background-color: #fff;
    color: #31aff5;
    transition: .3s ease;
    -webkit-transition: .3s ease
}

.cashier-counter-right-details .link-titel-text {
    font-size: 22px;
    line-height: 34px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    letter-spacing: 1px
}

.cashier-counter-right-details .link-titel-text a {
    color: #31aff5;
    text-decoration: none
}

.details-page-text {
    color: #727272;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 20px;
    text-align: justify;
    margin: 0
}

.logo-container .owl-wrapper-outer {
    height: 82px
}

.inner-top-banner {
    background-image: url(../image/accounting-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 120px;
    padding-top: 80px
}

.inner-top-banner h1 {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 24px;
    text-align: center;
    text-transform: uppercase
}

.carousel .small-tag-line,
.carousel h2,
.carousel p {
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-weight: 300;
    text-align: left
}

.heading-middle .bold-titel-text {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 3px
}

.alignment {
    text-align: left
}

.padding_bottom20 {
    padding-bottom: 20px
}

.inner-page-li-list {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

.inner-page-li-list ul {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

.inner-page-li-list ul li {
    color: #4e4e4d;
    float: none;
    font-size: 14px;
    font-weight: 500;
    height: auto;
    margin: 0;
    padding: 3px 0 3px 25px;
    text-align: left;
    width: auto;
    line-height: 26px;
    background: url(../image/right-icon.png) no-repeat scroll left 9px
}

.slider_main {
    border: none
}

.slider_main_head {
    color: #474747;
    font-size: 35px;
    font-family: Conv_SourceSansPro-Regular;
    padding: 15px 0 30px 0;
    float: left;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    line-height: 50px;
    margin-bottom: 0
}

.slider_main_head span {
    border-bottom: 3px solid #78b833
}

#list {
    clear: both;
    float: left;
    height: auto;
    margin: 0 auto;
    width: 100%
}

#list1 {
    clear: both;
    float: left;
    height: auto;
    margin: 0 auto;
    width: 100%
}

.slider {
    float: left;
    left: -5000px;
    position: relative;
    visibility: hidden;
    padding: 0 0;
    width: 100% !important
}

.slider ul {
    height: 100px;
    width: auto;
    margin: 0 -16px !important
}

.slider ul li {
    margin: 0 16px;
    border: 1px solid #dcdcdc;
    height: 274px !important;
    width: 553px !important
}

.slider1 {
    float: left;
    left: -5000px;
    position: relative;
    visibility: hidden;
    padding: 0 0;
    width: 100% !important;
    margin-bottom: 0
}

.slider1 ul {
    height: 100px;
    width: auto;
    margin: 0 -6px !important
}

.slider1 ul li {
    margin: 0 0;
    height: 101px !important;
    width: 170px !important;
    text-align: center
}

.slider_img {
    float: left;
    padding: 0
}

#banner-section .carousel .carousel-inner .item::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .7)
}

.prev {
    cursor: pointer;
    float: left;
    position: absolute;
    left: 0;
    z-index: 10;
    margin-left: -12px
}

.next {
    cursor: pointer;
    float: right;
    margin-right: -12px;
    position: absolute;
    right: 0;
    z-index: 10
}

.slider_detail {
    float: left;
    padding: 30px 10px;
    width: 60%
}

.slider_detail p {
    font-size: 16px;
    color: #434242;
    font-family: Conv_SourceSansPro-Regular;
    float: left;
    width: 100%;
    background: url(../images/list_icon.png) no-repeat left;
    padding-left: 15px;
    line-height: 30px
}

.slider_link {
    margin-top: 30px;
    float: left
}

.slider_link a {
    color: #fff;
    font-size: 16px;
    font-family: Conv_SourceSansPro-Regular;
    font-weight: 700;
    background: #78b833;
    padding: 15px 35px;
    text-transform: uppercase;
    letter-spacing: 0;
    float: left
}

.slider_img_size {
    margin: 10px 25px
}

.banner-bottom-icon {
    width: 68px;
    height: 68px;
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 50px;
    display: inline-block
}

.banner-bottom-icon .inner-div {
    background: #fff none repeat scroll 0 0;
    border-radius: 50px;
    height: 58px;
    width: 58px
}

.name-text-icon {
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 500
}

.home-services-1 {
    color: #fff;
    margin-bottom: 0;
    padding-top: 0
}

.industry_tab li a {
    padding: 10px 12px !important;
    font-size: 13px !important
}

.tab_subheading {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px 0
}

.middle-tab-left-img img {
    width: auto;
    height: 120px;
    padding-top: 2px;
    margin: auto;
    display: block
}

.page_menu {
    padding-bottom: 20px
}

ul.page_menu li {
    text-align: left;
    color: #727272;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding-bottom: 5px;
    list-style: disc;
    margin-left: 15px
}

.everything ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    background: #ddd
}

.everything ul li {
    margin: 0;
    list-style: none;
    float: left;
    width: 10%;
    border: 1px solid #fff;
    border-right: none
}

.everything ul li:last-child {
    border-right: 1px solid #fff
}

.everything ul li a {
    display: block;
    padding: 10px 5px;
}

.everything ul li:hover a {
    box-shadow: 0 0 5px 5px #fff inset
}

.everything ul li .img-div {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center
}

.everything ul li .img-div img {
    display: inline-block;
    max-width: 100%
}

.everything ul li .name-div {
    font-weight: 600;
    color: #000;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    margin-top: 10px;
}

.developed-by {
    text-align: right;
    color: #fff
}

.developed-by a {
    color: #fff;
    transition: .3s ease;
    -webkit-transition: .3s ease
}

.developed-by a:hover {
    color: #00a4e5;
    transition: .3s ease;
    -webkit-transition: .3s ease
}

.copyright-inner {
    text-align: left
}

.inner-services-img-div {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: 1px solid #c6c6c6
}

.inner-services-img-div img {
    display: block;
    width: 100%
}

.p-top {
    padding-top: 12px
}

.m-bottom {
    margin-bottom: 15px
}

.contact-banner {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

.contact-banner img {
    display: block;
    min-width: 100%;
    min-height: auto
}

.row_part {
    height: auto;
    margin-bottom: 15px;
    width: 100%;
    float: left;
    margin-top: 0
}

.contact-us-img {
    border: 5px solid #e9e8e8;
    float: left;
    height: auto;
    margin: 0 10px 0 0;
    padding: 0;
    width: 20%
}

.contact-us-img img {
    max-width: 100%
}

.contact-us-img-right-text {
    color: #727272;
    height: auto;
    line-height: 26px;
    text-align: left;
    font-size: 16px
}

.contact-form {
    width: auto;
    height: auto;
}

.contact-row {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

.contact-col {
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0 10px;
    float: left
}

.con-input-filled {
    width: auto;
    height: auto;
    margin: 0 0 16px 0;
    padding: 0;
    text-align: left
}

div#inquiry-pg .contact-col .con-input-filled {
    margin: 0 0 20px 0
}

div#inquiry-pg .contact-col:nth-child(odd) {
    padding: 0;
    width: 49%;
    margin-right: 1%
}

div#inquiry-pg .contact-col:nth-child(even) {
    padding: 0;
    width: 49%;
    margin-left: 1%
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #999
}

div#inquiry-pg input {
    box-shadow: none;
    width: 100%;
    font-size: 14px;
    line-height: normal;
    outline: medium none;
    padding: 5px 10px;
    transition: all .3s linear 0s
}

.contact-form input,
select {
    box-shadow: none;
    width: 100%;
    background-color: #f8f8f8;
    border-color: #ced4da;
    border-radius: .25rem;
    border-style: solid;
    border-width: 1px;
    color: #666;
    font-size: 14px;
    line-height: normal;
    outline: medium none;
    padding: 5px 10px;
    transition: all .3s linear 0s
}

.contact-form textarea {
    box-shadow: none;
    height: 100px;
    width: 100%;
    background-color: #fff;
    border-color: #d8d8d8;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    color: #666;
    font-size: 16px;
    line-height: normal;
    outline: medium none;
    padding: 8px 18px;
    transition: all .3s linear 0s
}

.contact-form input:focus,
.contact-form textarea:focus {
    border: 1px solid #31aff5;
    box-shadow: 0 0 5px 5px #a6d7ea
}

.contact-col-full {
    width: 100%;
    height: auto;
    margin: 0;
    float: none
}

.con-input-filled-full {
    width: 100%;
    height: auto;
    float: none;
    padding: 0 0;
    margin: 0 0 12px 0
}

.con-name-details {
    width: 165px;
    height: auto;
    padding: 0 5px 0 0;
    color: #666;
    font-size: 14px;
    text-align: left;
    float: left
}

.con-button {
    background-color: #31aff5;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    padding: 0 38px;
    position: relative;
    text-transform: uppercase;
    transition: all .3s linear 0s;
    margin: 0 5px;
    border: 1px solid #000
}

.con-button:hover {
    background-color: #000;
    color: #fff;
    transition: .3s ease;
    -webkit-transition: .3s ease
}

button#reqdemosubmit1:hover,
button#reqdemosubmit:hover {
    background-color: #0069d9 !important;
    color: #fff;
    border: 1px solid #0062cc
}

::placeholder {
    color: #666;
    opacity: 1
}

:-ms-input-placeholder {
    color: #666
}

::-ms-input-placeholder {
    color: #666
}

.footer-nav .menu {
    column-count: 2;
    padding-right: 3px;
    box-sizing: border-box
}

strike {
    text-decoration: line-through
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.sub-tab span,
.sub-tab span.css_price_inr {
    margin: 0;
    padding: 0
}

td em {
    background: url(../image/accord-plus.gif) no-repeat center left;
    padding-left: 15px;
    cursor: pointer;
    margin-left: 5px;
    font-style: normal
}

#features_tab tr td em {
    margin-left: 15px;
    color: #3a4a51;
    font-size: 14px;
    font-weight: 600
}

.head {
    background: url(../image/acc-min.gif) no-repeat center left;
    padding-left: 15px;
    cursor: pointer;
    margin-left: 5px
}

.open {
    display: table-row
}

#features_tab i {
    font-size: 22px;
    line-height: 16px;
    position: relative;
    top: 3px
}

#features_tab i.fa-check {
    color: #04a150
}

.feature-boxes .row .box-item:nth-child(2) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.feature-boxes .row .box-item p {
    margin-top: 0px;
    min-height: 65px
}

.feature-boxes .row {
    border-bottom: 1px solid #ddd
}

.feature-boxes .row:nth-child(4) {
    border-bottom: none
}

.child {
    display: none
}

.home-btn-row {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0
}

div#formdemo .modal-dialog .modal-content form .modal-footer button:hover {
    text-decoration: none;
    color: #fff;
    transition: .3s ease;
    -webkit-transition: .3s ease;
    background-color: #000
}

.inner-page-top-m {
    position: relative;
    margin-top: 68px
}

.heading-middle .register-titel-text {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 36px
}

.heading-middle .register-titel-text span {
    font-weight: 700;
    color: #072e4f
}

.features h3 {
    margin-bottom: 5px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    margin-top: 24px;
}

.section-header h2,
.section-header h6 {
    margin-top: 0px !important;
    font-size: 14px;
    margin-bottom: 16px;
}

.site-footer h6 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    width: fit-content;
}

.bennar-bg {
    background: #31aff5
}

.footer-contact {
    margin-top: 15px
}

.footer-logo {
    width: 180px;
    margin-bottom: 25px
}

.footer-customcss {
    padding-top: 20px;
    padding-bottom: 0
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    z-index: 1
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #000;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 5px 30px;
    position: absolute;
    z-index: 1;
    top: 6px;
    right: 10px
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #000 transparent transparent
}

.tooltip:hover .tooltiptext {
    visibility: visible
}

.features .section-header h2 span {
    font-weight: 700
}

.overlay {
    position: fixed;
    width: 100%;
    height: -webkit-fill-available;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    cursor: pointer;
    visibility: hidden;
    opacity: 0
}

.overlay:target {
    visibility: visible;
    opacity: 1
}

@media screen and (max-width:700px) {
    .h2 {
        font-size: 25px;
        font-weight: 100
    }

    .closedemo {
        top: 37px;
        right: 37px
    }
}

.contact-col-full h4 {
    font-size: 15px
}

div#requestdemomobmodalbody h1 {
    font-size: 20px
}

.feature-boxes .box-item img,
.features .box-item img,
.features .box-item span {
    margin: 0 auto
}

div#formdemo .modal-content button.close {
    background-color: #4d9de0;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size: 23px;
    right: -14px;
    top: -13px;
    z-index: 999
}

div#formdemo h3 {
    text-align: center
}

div#formdemo .form-group {
    position: relative;
    margin-bottom: 16px;
}

div#formdemo .form-group i {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 14px;
}

div#formdemo .modal-footer {
    text-align: center;
    border-top: none;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

div#formdemo .modal-dialog .modal-content {
    float: left;
    width: 100%
}

div#formdemo .modal-dialog .modal-content form .modal-footer button {
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    padding: 10px 15px;
    position: relative;
    text-transform: uppercase;
    transition: all .3s linear 0s;
    border: 1px solid #000
}

div#requestdemomobmodalbody h5 {
    font-size: 18px;
    line-height: 26px;
    color: #4d9de0;
    margin-top: 0
}

div#requestdemomobmodalbody input {
    border-radius: 0
}

div#requestdemomobmodalbody .form-group label {
    font-size: 18px
}

.middle-tab-right-details b {
    display: block
}

nav.navbar.navbar-default.navbar-fixed-top.affix {
    z-index: 9999
}

.nopadding {
    padding: 0 !important
}

.quick-call {
    position: fixed;
    top: 50%;
    right: -191px;
    text-align: right;
    z-index: 99;
    font-size: 15px;
    transition: .3s ease;
    background-color: #fff
}

.quick-call i {
    background-color: #31aff5;
    color: #fff;
    padding: 10px;
    font-size: 20px;
    float: left;
    margin-right: 10px;
    position: absolute;
    left: -35px;
    padding-top: 10px;
    padding-bottom: 10px
}

.quick-call a {
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
    display: block;
    border: 2px solid #31aff5;
    text-align: center;
    font-weight: 600;
    background-color: #000
}

.quick-call:hover {
    right: 0;
    transition: .3s ease
}

.pb-0-bb-0 {
    padding-bottom: 0 !important;
    border-bottom: none !important
}

.pt-0-bt-0 {
    padding-top: 0 !important;
    border-top: 0 !important
}

.ind-box img {
    margin: auto;
    height: 100px
}

.ind-box h3 {
    margin-top: 10px;
    font-size: 19px;
    text-transform: capitalize
}

div#industry-solutions {
    background-color: #f7f7f7
}

.customer-counter {
    text-align: center
}

.timer,
.timers {
    display: inline;
    position: relative;
    font-size: 26px;
    font-weight: 600;
    color: #585858;
    line-height: 42px
}

.timer::before {
    position: absolute;
    content: "+";
    right: -20px;
    top: -3px
}

.customer-counter p {
    margin-top: 0
}

.customer-counter img {
    height: 60px;
    margin: auto;
    margin-bottom: 10px
}

.customer-counter p {
    font-size: 16px;
    font-weight: 600
}

div#industry-solutions .col-md-3 {
    border-right: 1px solid #ddd
}

.client-logo {
    background-color: #f7f7f7;
    padding-top: 30px
}

.client-logo img {
    background-color: #fff
}

div#benefits {
    padding: 30px 0px;
    background-color: #f7f7f7;
}

.visible-xs .how-it-works img {
    margin: auto;
    height: 100px;
}

.visible-xs .how-it-works {
    text-align: center
}

div#myCarousel img {
    width: 100%
}

div#industry-solutions .before-css p {
    font-weight: 600;
    font-size: 18px
}

.col-md-6.col-sm-6.banner-formss {
    display: none
}

.scrollup {
    position: fixed;
    width: 35px;
    height: 35px;
    bottom: 14px;
    left: 20px;
    background: #31aff5;
    display: none;
    border: 1px solid #fff;
    z-index: 99;
    scroll-behavior: smooth
}

a.scrollup {
    outline: 0;
    text-align: center;
    border-radius: 50%;
    scroll-behavior: smooth
}

a.scrollup:active,
a.scrollup:focus,
a.scrollup:hover {
    opacity: 1;
    text-decoration: none;
    transition: .3s all;
    background-color: #fff;
    border: 1px solid #31aff5
}

.scrollup:active i,
.scrollup:focus i,
.scrollup:hover i {
    color: #31aff5
}

a.scrollup i {
    margin-top: 8px;
    color: #fff
}

a.scrollup i:hover {
    text-decoration: none
}

section.feature-land {
    padding: 50px 0;
    background-color: #f7f7f7
}

section.feature-land ol {
    float: left;
    width: 100%;
    padding: 0
}

section.feature-land ol li {
    width: 10%;
    float: left;
    padding: 15px
}

section.feature-land ol li img {
    margin: auto;
    text-align: center
}

section.feature-land li p {
    text-align: center;
    font-size: 18PX;
    font-weight: 700;
    color: #000
}

ul.features-land li img {
    height: 60px
}

.retail-feature h4 {
    text-align: center;
    margin-bottom: 20px
}

ul.features-land {
    float: left;
    width: 100%
}

ul.features-land li {
    float: left;
    width: 20%;
    margin-bottom: 20px;
    text-align: center
}

ul.features-land li img {
    margin: 0 auto
}

ul.features-land li p {
    font-weight: 700
}

.features .mgmenu_tabs_top .mgmenu_tabs_panels {
    box-shadow: none !important;
    -webkit-box-shadow: none !important
}

.form-icon-new {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 15px
}

.landing-form .con-input-filled {
    margin-bottom: 15px
}

.padding-20 {
    padding: 20px !important
}

.landing-banner-form {
    margin-top: -200px
}

.landing-body .carousel .carousel-inner .item::before {
    display: none !important
}

ul.features-land li p {
    min-height: 48px
}

.calendar {
    padding: 8px;
    background: #fff;
    border-radius: 4px;
    font-size: 18px;
    border: 1px solid #333
}

.icon {
    margin-left: -30px;
    margin-top: -26px;
    position: relative;
    color: #31aff5;
    font-size: 20px
}

.whatsapp-icons {
    position: fixed;
    bottom: 20px;
    left: 20px
}

.landing-pagee .modal.in .modal-dialog {
    margin-top: 100px
}

.features.section-spacing .menu-list-tab ul.industries li a,
.features.section-spacing .menu-list-tab ul.retail li a {
    background: 0 0;
    padding: 0;
    text-align: center;
    font-weight: 700
}

.features.section-spacing .menu-list-tab ul.industries li a img,
.features.section-spacing .menu-list-tab ul.retail li a img {
    margin: 0 auto;
    display: block;
    height: 70px
}

.landing-pagee div#free-trial-form .con-input-filled i {
    right: 0px;
    color: #000;
    top: 29px
}

button#reqdemosubmit1 {
    border-radius: 60px;
    font-weight: 700;
    box-shadow: 6px 6px 18px 0 rgba(0, 0, 0, .3);
    font-size: 18px;
    border: 1px solid #31aff5
}

.landing-pagee .blue-btn,
.landing-pagee .home-btn-row a {
    border-radius: 60px
}

.cd-title {
    position: relative;
    height: 160px;
    line-height: 160px;
    text-align: center
}

.cd-title h1 {
    font-size: 2.4rem;
    font-weight: 700
}

@media only screen and (min-width:1170px) {
    .cd-title {
        height: 200px;
        line-height: 200px
    }

    .cd-title h1 {
        font-size: 3rem
    }
}

.cd-filter,
.cd-intro {
    width: 90%;
    max-width: 768px;
    text-align: center
}

.cd-intro {
    margin: 4em auto 2em
}

@media only screen and (min-width:768px) {
    .cd-intro {
        margin: 5em auto 3em
    }
}

@media only screen and (min-width:1170px) {
    .cd-intro {
        margin: 6em auto 3em
    }
}

.cd-filter {
    margin: 0 auto;
    max-width: 600px;
    text-align: center
}

.cd-filter li {
    position: relative;
    display: inline-block;
    margin: .5em .4em
}

.cd-filter input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.cd-filter input:checked+label {
    color: #0096a7;
    background: #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .06)
}

.cd-filter label {
    display: inline-block;
    padding: .6em .8em;
    background: #1a1a1a;
    color: #737373;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 1px 5px rgba(0, 0, 0, .6);
    cursor: pointer;
    border-radius: 3px
}

.cd-headline {
    font-size: 3rem;
    line-height: 1.2
}

@media only screen and (min-width:768px) {
    .cd-headline {
        font-size: 4.4rem;
        font-weight: 600 !important
    }
}

@media only screen and (min-width:1170px) {
    .cd-headline {
        font-size: 6rem
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0
}

.cd-words-wrapper b.is-visible {
    position: relative
}

.no-js .cd-words-wrapper b {
    opacity: 0
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1
}

.cd-headline.rotate-1 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-1 b {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.cd-headline.rotate-1 b.is-visible {
    opacity: 1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-animation: cd-rotate-1-in 1.2s;
    -moz-animation: cd-rotate-1-in 1.2s;
    animation: cd-rotate-1-in 1.2s
}

.cd-headline.rotate-1 b.is-hidden {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-animation: cd-rotate-1-out 1.2s;
    -moz-animation: cd-rotate-1-out 1.2s;
    animation: cd-rotate-1-out 1.2s
}

@-webkit-keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        -webkit-transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(360deg);
        opacity: 1
    }
}

@-moz-keyframes cd-rotate-1-in {
    0% {
        -moz-transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        -moz-transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        -moz-transform: rotateX(360deg);
        opacity: 1
    }
}

@keyframes cd-rotate-1-in {
    0% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }

    35% {
        -webkit-transform: rotateX(120deg);
        -moz-transform: rotateX(120deg);
        -ms-transform: rotateX(120deg);
        -o-transform: rotateX(120deg);
        transform: rotateX(120deg);
        opacity: 0
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(360deg);
        -moz-transform: rotateX(360deg);
        -ms-transform: rotateX(360deg);
        -o-transform: rotateX(360deg);
        transform: rotateX(360deg);
        opacity: 1
    }
}

@-webkit-keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        opacity: 1
    }

    35% {
        -webkit-transform: rotateX(-40deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(180deg);
        opacity: 0
    }
}

@-moz-keyframes cd-rotate-1-out {
    0% {
        -moz-transform: rotateX(0);
        opacity: 1
    }

    35% {
        -moz-transform: rotateX(-40deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        -moz-transform: rotateX(180deg);
        opacity: 0
    }
}

@keyframes cd-rotate-1-out {
    0% {
        -webkit-transform: rotateX(0);
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }

    35% {
        -webkit-transform: rotateX(-40deg);
        -moz-transform: rotateX(-40deg);
        -ms-transform: rotateX(-40deg);
        -o-transform: rotateX(-40deg);
        transform: rotateX(-40deg);
        opacity: 1
    }

    65% {
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 0
    }
}

.cd-headline.type .cd-words-wrapper {
    vertical-align: top;
    overflow: hidden
}

.cd-headline.type .cd-words-wrapper::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #aebcb9
}

.cd-headline.type .cd-words-wrapper.waiting::after {
    -webkit-animation: cd-pulse 1s infinite;
    -moz-animation: cd-pulse 1s infinite;
    animation: cd-pulse 1s infinite
}

.cd-headline.type .cd-words-wrapper.selected {
    background-color: #aebcb9
}

.cd-headline.type .cd-words-wrapper.selected::after {
    visibility: hidden
}

.cd-headline.type .cd-words-wrapper.selected b {
    color: #0d0d0d
}

.cd-headline.type b {
    visibility: hidden
}

.cd-headline.type b.is-visible {
    visibility: visible
}

.cd-headline.type i {
    position: absolute;
    visibility: hidden
}

.cd-headline.type i.in {
    position: relative;
    visibility: visible
}

@-webkit-keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

@-moz-keyframes cd-pulse {
    0% {
        -moz-transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        -moz-transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        -moz-transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

@keyframes cd-pulse {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1
    }

    40% {
        -webkit-transform: translateY(-50%) scale(.9);
        -moz-transform: translateY(-50%) scale(.9);
        -ms-transform: translateY(-50%) scale(.9);
        -o-transform: translateY(-50%) scale(.9);
        transform: translateY(-50%) scale(.9);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0
    }
}

.cd-headline.rotate-2 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-2 em,
.cd-headline.rotate-2 i {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.cd-headline.rotate-2 i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0
}

.is-visible .cd-headline.rotate-2 i {
    opacity: 1
}

.cd-headline.rotate-2 i.in {
    -webkit-animation: cd-rotate-2-in .4s forwards;
    -moz-animation: cd-rotate-2-in .4s forwards;
    animation: cd-rotate-2-in .4s forwards
}

.cd-headline.rotate-2 i.out {
    -webkit-animation: cd-rotate-2-out .4s forwards;
    -moz-animation: cd-rotate-2-out .4s forwards;
    animation: cd-rotate-2-out .4s forwards
}

.cd-headline.rotate-2 em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px)
}

.no-csstransitions .cd-headline.rotate-2 i {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 0
}

.no-csstransitions .cd-headline.rotate-2 i em {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }
}

@-moz-keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }
}

@keyframes cd-rotate-2-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }
}

@-webkit-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@-moz-keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg)
    }
}

@keyframes cd-rotate-2-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg)
    }
}

.cd-headline.loading-bar span {
    display: inline-block;
    padding: .2em 0
}

.cd-headline.loading-bar .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.cd-headline.loading-bar .cd-words-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: #0096a7;
    z-index: 2;
    -webkit-transition: width .3s -.1s;
    -moz-transition: width .3s -.1s;
    transition: width .3s -.1s
}

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
    width: 100%;
    -webkit-transition: width 3s;
    -moz-transition: width 3s;
    transition: width 3s
}

.cd-headline.loading-bar b {
    top: .2em;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s
}

.cd-headline.loading-bar b.is-visible {
    opacity: 1;
    top: 0
}

.cd-headline.slide span {
    display: inline-block;
    padding: .2em 0
}

.cd-headline.slide .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.cd-headline.slide b {
    opacity: 0;
    top: .2em
}

.cd-headline.slide b.is-visible {
    top: 0;
    opacity: 1;
    -webkit-animation: slide-in .6s;
    -moz-animation: slide-in .6s;
    animation: slide-in .6s
}

.cd-headline.slide b.is-hidden {
    -webkit-animation: slide-out .6s;
    -moz-animation: slide-out .6s;
    animation: slide-out .6s
}

@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slide-in {
    0% {
        opacity: 0;
        -moz-transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%);
        transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes slide-out {
    0% {
        opacity: 1;
        -moz-transform: translateY(0)
    }

    60% {
        opacity: 0;
        -moz-transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -moz-transform: translateY(100%)
    }
}

@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        -moz-transform: translateY(120%);
        -ms-transform: translateY(120%);
        -o-transform: translateY(120%);
        transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.cd-headline.clip span {
    display: inline-block;
    padding: .2em 0
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top
}

.cd-headline.clip .cd-words-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #aebcb9
}

.cd-headline.clip b {
    opacity: 0
}

.cd-headline.clip b.is-visible {
    opacity: 1
}

.cd-headline.zoom .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.zoom b {
    opacity: 0
}

.cd-headline.zoom b.is-visible {
    opacity: 1;
    -webkit-animation: zoom-in .8s;
    -moz-animation: zoom-in .8s;
    animation: zoom-in .8s
}

.cd-headline.zoom b.is-hidden {
    -webkit-animation: zoom-out .8s;
    -moz-animation: zoom-out .8s;
    animation: zoom-out .8s
}

@-webkit-keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0)
    }
}

@-moz-keyframes zoom-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateZ(0)
    }
}

@keyframes zoom-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(100px);
        -moz-transform: translateZ(100px);
        -ms-transform: translateZ(100px);
        -o-transform: translateZ(100px);
        transform: translateZ(100px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px)
    }
}

@-moz-keyframes zoom-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(0)
    }

    100% {
        opacity: 0;
        -moz-transform: translateZ(-100px)
    }
}

@keyframes zoom-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateZ(-100px);
        -moz-transform: translateZ(-100px);
        -ms-transform: translateZ(-100px);
        -o-transform: translateZ(-100px);
        transform: translateZ(-100px)
    }
}

.cd-headline.rotate-3 .cd-words-wrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px
}

.cd-headline.rotate-3 i {
    display: inline-block;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.is-visible .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0)
}

.cd-headline.rotate-3 i.in {
    -webkit-animation: cd-rotate-3-in .6s forwards;
    -moz-animation: cd-rotate-3-in .6s forwards;
    animation: cd-rotate-3-in .6s forwards
}

.cd-headline.rotate-3 i.out {
    -webkit-animation: cd-rotate-3-out .6s forwards;
    -moz-animation: cd-rotate-3-out .6s forwards;
    animation: cd-rotate-3-out .6s forwards
}

.no-csstransitions .cd-headline.rotate-3 i {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 0
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
    opacity: 1
}

@-webkit-keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes cd-rotate-3-in {
    0% {
        -moz-transform: rotateY(180deg)
    }

    100% {
        -moz-transform: rotateY(0)
    }
}

@keyframes cd-rotate-3-in {
    0% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    100% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }
}

@-webkit-keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg)
    }
}

@-moz-keyframes cd-rotate-3-out {
    0% {
        -moz-transform: rotateY(0)
    }

    100% {
        -moz-transform: rotateY(-180deg)
    }
}

@keyframes cd-rotate-3-out {
    0% {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0)
    }

    100% {
        -webkit-transform: rotateY(-180deg);
        -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
        -o-transform: rotateY(-180deg);
        transform: rotateY(-180deg)
    }
}

.cd-headline.scale i {
    display: inline-block;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.is-visible .cd-headline.scale i {
    opacity: 1
}

.cd-headline.scale i.in {
    -webkit-animation: scale-up .6s forwards;
    -moz-animation: scale-up .6s forwards;
    animation: scale-up .6s forwards
}

.cd-headline.scale i.out {
    -webkit-animation: scale-down .6s forwards;
    -moz-animation: scale-down .6s forwards;
    animation: scale-down .6s forwards
}

.no-csstransitions .cd-headline.scale i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0
}

.no-csstransitions .cd-headline.scale .is-visible i {
    opacity: 1
}

@-webkit-keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes scale-up {
    0% {
        -moz-transform: scale(0);
        opacity: 0
    }

    60% {
        -moz-transform: scale(1.2);
        opacity: 1
    }

    100% {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@keyframes scale-up {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    60% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@-moz-keyframes scale-down {
    0% {
        -moz-transform: scale(1);
        opacity: 1
    }

    60% {
        -moz-transform: scale(0);
        opacity: 0
    }
}

@keyframes scale-down {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    60% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
}

.cd-headline.push b {
    opacity: 0
}

.cd-headline.push b.is-visible {
    opacity: 1;
    -webkit-animation: push-in .6s;
    -moz-animation: push-in .6s;
    animation: push-in .6s
}

.cd-headline.push b.is-hidden {
    -webkit-animation: push-out .6s;
    -moz-animation: push-out .6s;
    animation: push-out .6s
}

@-webkit-keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes push-in {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@keyframes push-in {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
        -o-transform: translateX(10%);
        transform: translateX(10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(110%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%)
    }
}

@-moz-keyframes push-out {
    0% {
        opacity: 1;
        -moz-transform: translateX(0)
    }

    60% {
        opacity: 0;
        -moz-transform: translateX(110%)
    }

    100% {
        opacity: 0;
        -moz-transform: translateX(100%)
    }
}

@keyframes push-out {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateX(110%);
        -moz-transform: translateX(110%);
        -ms-transform: translateX(110%);
        -o-transform: translateX(110%);
        transform: translateX(110%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.immersive_slider {
    height: 450px;
    opacity: .9;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    overflow: hidden
}

.immersive_slider .is-slide {
    display: table;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute
}

.immersive_slider .is-slide .image {
    float: none;
    width: 50%;
    padding: 0 10px 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: table-cell;
    vertical-align: middle;
    text-align: left
}

.is-bg-overflow {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0
}

.is-bg-overflow,
.is-overflow {
    height: 100%
}

.ease {
    -webkit-transition: 1s ease all;
    -moz-transition: 1s ease all;
    -o-transition: 1s ease all;
    transition: 1s ease all
}

.bounce {
    -webkit-transition: 1s cubic-bezier(.175, .885, .42, 1.31) all;
    -moz-transition: 1s cubic-bezier(.175, .885, .42, 1.31) all;
    -o-transition: 1s cubic-bezier(.175, .885, .42, 1.31) all;
    transition: 1s cubic-bezier(.175, .885, .42, 1.31) all
}

.no-animation {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important
}

.immersive_slider .is-slide .image img {
    max-width: 100%;
    display: inline;
    padding: 10px 0
}

.immersive_slider .is-slide .content {
    float: none;
    width: 50%;
    padding: 0 15px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #fff;
    text-align: left;
    display: table-cell;
    vertical-align: middle
}

div#slider_req_demo .con-input-filled-full {
    margin-bottom: 0
}

.immersive_slider .is-slide .content h2 {
    text-align: left;
    color: #fff;
    font-size: 40px;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

.immersive_slider .is-slide .content h2 span {
    color: #2c2c2c
}

.immersive_slider .is-slide .content h3 {
    text-align: left;
    color: #2c2c2c;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    text-transform: none;
    margin: 0;
    padding: 0
}

.immersive_slider .is-slide .content .bennar_btn_row {
    width: auto;
    height: auto;
    margin: 15px 0 0 0;
    padding: 0
}

.immersive_slider .is-slide .content .bennar_btn_row span {
    color: #eb7203;
    font-size: 30px;
    padding: 0 30px 0 0;
    float: left
}

.immersive_slider .is-slide .content .banner-now-btn {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 25px
}

.immersive_slider .is-slide .content .banner-now-btn a {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 20px;
    margin: 0;
    border-radius: 0;
    background: #2c3844;
    font-weight: 600;
    border: 1px solid #000
}

.immersive_slider .is-slide .content .banner-now-btn a i {
    font-size: 20px;
    margin-left: 6px
}

.immersive_slider .is-slide .content .banner-now-btn a:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000
}

.immersive_slider .is-slide .content p {
    font-weight: 400;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    margin-top: 5px;
    color: #6a6a6a;
    text-align: justify;
    padding-top: 20px
}

.is-container {
    position: relative;
    overflow: hidden
}

.is-container .is-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.is-container .is-background img {
    width: 100%;
    height: 100%;
    left: 0;
    position: relative
}

.is-container .is-background.gs_cssblur {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px)
}

.is-pagination {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 10px;
    z-index: 5;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.is-pagination li {
    display: inline-block;
    text-align: center;
    padding: 2px
}

.is-pagination li a {
    padding: 0;
    width: 15px;
    height: 15px;
    display: block;
    position: relative
}

.is-pagination li a:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    border: 2px solid #37434f;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.is-pagination li a.active:before {
    width: 15px;
    height: 15px;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.is-next,
.is-prev {
    padding: 5px 5px 15px;
    font-size: 50px;
    position: absolute;
    bottom: 50%;
    margin-bottom: -36px;
    width: 35px;
    color: #fff;
    display: inline-block;
    line-height: 100%;
    background: rgba(0, 0, 0, .35)
}

.is-next {
    right: 10px
}

.is-prev {
    left: 10px
}

div#slider_req_demo form {
    margin-bottom: 0
}

div#free-trial-form {
    background-color: #fff;
    padding: 15px 15px 15px 15px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 10px 1px #c1c1c1
}

div#free-trial-form h3 {
    margin-top: 0;
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 16px;
}

div.form-icon {
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    height: 80px;
    width: 80px;
    position: absolute;
    left: -40px;
    top: 20px;
    box-shadow: 0 0 10px 1px #000
}

img.form-icon-img {
    width: 80px;
    height: 80px;
    padding: 13px !important
}

div#free-trial-form .con-input-filled {
    position: relative
}

div#free-trial-form .con-input-filled i {
    position: absolute;
    right: 5px;
    top: 0px;
    color: #31aff5;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    display: block;
    font-size: 15px
}

div#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: #fff;
    background: #fff url(../image/preloader.gif) no-repeat center center;
    background-size: 100px;
}

ul.submenu li a {
    font-size: 14px
}

div#myModal .modal-dialog {
    max-width: 300px;
    float: right;
    right: 15px;
    top: 92px;
    margin: 0
}

div#myModal .modal-content {
    max-width: 300px;
    border-radius: 15px
}

div#myModal .modal-body {
    background-color: #31aff5;
    text-align: center;
    border-radius: 16px
}

.modal-texts button.close {
    top: 0;
    right: 5px !important;
    font-size: 20px;
    color: #000
}

.modal-texts h1 {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0
}

.modal-texts p {
    color: #000
}

.modal-texts a {
    background-color: #000 !important;
    color: #fff !important
}

div#mobile-freez-icon {
    display: none
}

@media (max-width:479px) {
    a#free_quote_1 img {
        padding-top: 18px;
        float: left;
        padding-left: 15px;
        height: -webkit-fill-available
    }

    .mail a img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .phone a img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    div#mobile-freez-icon .request-quote {
        position: fixed;
        width: calc(100% - 80px);
        height: 40px;
        background: #000;
        bottom: 0;
        left: 0;
        line-height: 57px;
        font-size: 13px;
        color: #000;
        text-align: center;
        border-radius: 0;
        cursor: pointer;
        font-weight: 600
    }

    iframe#kiwi-big-iframe-wrapper {
        bottom: 60px !important;
    }

    div#mobile-freez-icon {
        display: block !important;
        position: fixed;
        width: 100%;
        z-index: 9999;
        bottom: 0
    }

    div#mobile-freez-icon .mail,
    div#mobile-freez-icon .phone {
        width: 40px;
        font-size: 32px;
        position: fixed;
        height: 40px;
        bottom: 0;
        color: #fff;
        border-radius: 0
    }

    div#mobile-freez-icon .phone {
        background: #384aa0;
        right: 0
    }

    div#mobile-freez-icon .mail {
        background: #129700;
        right: 40px
    }
}

#banner-section {
    position: relative;
    width: 100%;
    margin-top: 68px
}

#banner-section .carousel {
    position: relative;
    width: 100%;
    overflow: hidden
}

#banner-section .carousel .carousel-inner .item .carousel-caption {
    left: 0;
    right: 0;
    padding-top: 0;
    padding-bottom: 0;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.carousel h1,
.carousel h3 {
    color: #fff;
    font-size: 37px;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 0;
    font-family: 'Poppins', sans-serif
}

.carousel a.btn {
    text-align: left;
    font-size: 16px;
    margin-top: 15px;
    text-transform: uppercase;
    display: table-caption
}

#mgmenu1 {
    z-index: 12
}

#mgmenu2 {
    margin-top: 12px;
    z-index: 11
}

.mgmenu_container,
.mgmenu_fixed,
.mgmenu_footer {
    width: auto;
    height: 41px;
    z-index: 10;
    float: right
}

.mgmenu_fixed,
.mgmenu_footer {
    width: inherit;
    max-width: inherit;
    position: fixed;
    top: 0
}

.mgmenu_footer {
    top: auto;
    bottom: 0
}

.mgmenu {
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1;
    float: none;
    text-align: right
}

.mgmenu>li {
    margin: 0;
    display: inline-block;
    color: rgba(0, 0, 0, .5);
    transition: .3s ease;
    -webkit-transition: .3s ease
}

.mgmenu li.noactive {
    background: 0 0
}

.mgmenu>li>a,
.mgmenu>li>span {
    display: inline-block;
    font-size: 15px;
    outline: 0;
    text-decoration: none;
    padding: 16px 12px;
    font-weight: 500;
    transition: .3s ease;
    -webkit-transition: .3s ease
}

.mgmenu>li>a:hover,
.mgmenu>li>span:hover {
    cursor: pointer;
    color: rgba(0, 0, 0, .7);
    outline: 0;
    transition: .3s ease;
    -webkit-transition: .3s ease
}

.mgmenu>li .mgmenu_drop {
    background-image: url(../image/downArrow.png);
    background-repeat: no-repeat;
    background-position: right 19px;
    padding-right: 20px
}

.mgmenu_footer .mgmenu>li .mgmenu_drop {
    background-image: url(../image/upArrow.png)
}

.mgmenu>li.right_item {
    float: right;
    margin-right: 0
}

.mgmenu_container>.mgmenu>li.mgmenu_button,
.mgmenu_fixed>.mgmenu>li.mgmenu_button,
.mgmenu_footer>.mgmenu>li.mgmenu_button {
    display: none;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    font-weight: 700;
    background-color: transparent;
    background-image: url(../image/toggle.png);
    background-repeat: no-repeat;
    background-position: 96% 10px;
    line-height: 12px;
    padding: 14px 4% 14px 4%;
    color: #fff;
    text-shadow: 1px 1px 1px #000
}

.mgmenu_container>.mgmenu>li.mgmenu_button_active,
.mgmenu_fixed>.mgmenu>li.mgmenu_button_active,
.mgmenu_footer>.mgmenu>li.mgmenu_button_active {
    background-color: #000
}

.mgmenu_trigger {
    position: fixed;
    z-index: 2;
    margin: 0 auto;
    right: 0;
    margin-right: 20px;
    width: 35px;
    height: 41px;
    display: block
}

.mgmenu_trigger {
    top: 0;
    background-image: url(../img/button_up.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #121212
}

.mgmenu_trigger.active {
    background-image: url(../img/button_down.png)
}

.mgmenu_footer~.mgmenu_trigger {
    top: auto;
    bottom: 0;
    background-image: url(../img/button_down.png)
}

.mgmenu_footer~.mgmenu_trigger.active {
    background-image: url(../img/button_up.png)
}

.mgmenu li .dropdown_container,
.mgmenu li .dropdown_fullwidth,
.mgmenu li .mgmenu_multilevel {
    position: absolute;
    top: auto;
    display: none;
    float: left;
    z-index: 10;
    padding: 12px 7px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 3px 10px 1px #b2b2b2;
    background: #fff;
    color: #212121;
    text-align: left
}

.mgmenu li .dropdown_container {
    left: auto
}

.mgmenu li .dropdown_fullwidth {
    left: 0
}

.mgmenu li.right_item .dropdown_container {
    left: auto;
    right: -1px
}

.mgmenu_footer .mgmenu>li .dropdown_container,
.mgmenu_footer .mgmenu>li .dropdown_fullwidth,
.mgmenu_footer .mgmenu>li .mgmenu_multilevel {
    margin: 0 0 0 -1px;
    top: auto;
    bottom: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: 0 -2px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 -2px 2px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 -2px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 -2px 2px rgba(0, 0, 0, .05);
    border: 1px solid #ccc;
    border-bottom: none
}

.mgmenu>li.right_item:hover .dropdown_container,
.mgmenu>li:hover .dropdown_container,
.mgmenu>li:hover .dropdown_fullwidth {
    display: block
}

.mgmenu li .dropdown_1column {
    width: 8.3334%;
    padding-left: 2%;
    padding-right: 2%
}

.mgmenu li .dropdown_2columns {
    width: 16.6667%;
    padding-left: 1.8333%;
    padding-right: 1.8333%
}

.mgmenu li .dropdown_3columns {
    width: 25%;
    padding: 0
}

.mgmenu li .dropdown_4columns {
    width: 33.3334%;
    padding-left: 1.333%;
    padding-right: 1.333%
}

.mgmenu li .dropdown_5columns {
    width: 41.6667%;
    padding-left: 1.166%;
    padding-right: 1.166%
}

.mgmenu li .dropdown_6columns {
    width: 50%;
    padding-left: 1%;
    padding-right: 1%
}

.mgmenu li .dropdown_7columns {
    width: 58.3334%;
    padding-left: .833%;
    padding-right: .833%
}

.mgmenu li .dropdown_8columns {
    width: 66.6667%;
    padding-left: .666%;
    padding-right: .666%
}

.mgmenu li .dropdown_9columns {
    width: 75%;
    padding-left: .5%;
    padding-right: .5%
}

.mgmenu li .dropdown_10columns {
    width: 83.3334%;
    padding-left: .333%;
    padding-right: .333%
}

.mgmenu li .dropdown_11columns {
    width: 91.6667%;
    padding-left: .1666%;
    padding-right: .1666%
}

.mgmenu li .dropdown_fullwidth {
    width: 100%
}

.mgmenu .col_1,
.mgmenu .col_10,
.mgmenu .col_11,
.mgmenu .col_12,
.mgmenu .col_2,
.mgmenu .col_3,
.mgmenu .col_4,
.mgmenu .col_5,
.mgmenu .col_6,
.mgmenu .col_7,
.mgmenu .col_8,
.mgmenu .col_9 {
    float: left;
    display: inline;
    position: relative;
    padding-left: 2%;
    padding-right: 2%
}

.mgmenu .col_1 {
    width: 4.33%
}

.mgmenu .col_2 {
    width: 12.66%
}

.mgmenu .col_3 {
    width: 21%
}

.mgmenu .col_4 {
    width: 29.33%
}

.mgmenu .col_5 {
    width: 37.66%
}

.mgmenu .col_6 {
    width: 46%
}

.mgmenu .col_7 {
    width: 54.33%
}

.mgmenu .col_8 {
    width: 62.66%
}

.mgmenu .col_9 {
    width: 71%
}

.mgmenu .col_10 {
    width: 79.33%
}

.mgmenu .col_11 {
    width: 87.66%
}

.mgmenu .col_12 {
    width: 96%
}

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

.mgmenu .col_border {
    -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: -1px 0 0 rgba(0, 0, 0, .15);
    -o-box-shadow: -1px 0 0 rgba(0, 0, 0, .15);
    box-shadow: -1px 0 0 rgba(0, 0, 0, .15)
}

.mgmenu .dropdown_flyout,
.mgmenu .dropdown_flyout .dropdown_flyout_level {
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 9;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px
}

.mgmenu .dropdown_flyout .dropdown_flyout_level {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
    border: 1px solid #ccc;
    background: #e5e5e5
}

.mgmenu .dropdown_flyout li {
    float: left;
    width: 100%;
    padding: 3px 0 3px 0
}

.mgmenu .dropdown_flyout ul li {
    width: 160px;
    padding: 3px 10px 3px 10px
}

.mgmenu .dropdown_flyout li.last {
    margin-bottom: 12px
}

.mgmenu .dropdown_flyout a {
    display: block;
    width: 10em
}

.mgmenu .dropdown_flyout .dropdown_flyout_level {
    position: absolute;
    margin: 15px 0 0 4px;
    padding: 6px;
    left: 98%;
    top: -21px;
    display: none;
    zoom: 1;
    float: left
}

.mgmenu .dropdown_flyout .dropdown_flyout_level_left {
    left: -102%;
    right: 100%
}

.mgmenu .dropdown_flyout .dropdown_parent {
    background: url(../image/rightArrow.png) no-repeat 90% 9px
}

.mgmenu .dropdown_flyout .dropdown_parent_left {
    background: url(../image/leftArrow.png) no-repeat 90% 9px
}

.mgmenu .dropdown_flyout li:hover>.dropdown_flyout_level,
.mgmenu .dropdown_flyout li:hover>.dropdown_flyout_level_left {
    display: block
}

.mgmenu .dropdown_flyout .flyout_heading {
    font-family: Georgia, Times, "Times New Roman", serif;
    padding-bottom: 9px;
    margin-bottom: 9px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 1px #f4f4f4;
    -moz-box-shadow: 0 1px 1px #f4f4f4;
    -o-box-shadow: 0 1px 1px #f4f4f4;
    box-shadow: 0 1px 1px #f4f4f4
}

.mgmenu h1,
.mgmenu h2,
.mgmenu h3,
.mgmenu h4,
.mgmenu h5,
.mgmenu h6,
.mgmenu p {
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #222;
    text-shadow: 1px 1px 1px #fff;
    margin-bottom: 18px
}

.mgmenu h1,
.mgmenu h2,
.mgmenu h3,
.mgmenu h4,
.mgmenu h5,
.mgmenu h6 {
    font-family: Georgia, Times, "Times New Roman", serif
}

.mgmenu p {
    font-size: 12px
}

.mgmenu h1 {
    font-size: 32px
}

.mgmenu h2 {
    font-size: 28px
}

.mgmenu h3 {
    font-size: 24px
}

.mgmenu h4 {
    font-size: 18px
}

.mgmenu h5 {
    font-size: 16px
}

.mgmenu h6 {
    font-size: 14px;
    text-transform: uppercase
}

.mgmenu a {
    text-decoration: none;
    color: rgba(0, 0, 0, .5);
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s
}

.mgmenu a:hover {
    color: #777
}

.mgmenu>li ol,
.mgmenu>li ul {
    padding: 0 0 0 18px;
    margin: 0 0 18px 0
}

.mgmenu>li ul {
    list-style: square
}

.mgmenu>li ol {
    list-style: decimal
}

.mgmenu>li ul.no_bullets {
    list-style: none;
    padding: 0
}

.mgmenu>li ul.no_bullets li {
    line-height: 24px
}

.mgmenu>li ol li,
.mgmenu>li ul li {
    font-size: 12px;
    line-height: 22px;
    position: relative;
    color: #222;
    text-shadow: 1px 1px 1px #fff
}

.mgmenu blockquote {
    color: #aaa;
    border-left: 5px solid #ccc;
    padding-left: 20px;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 18px;
    line-height: 27px
}

.mgmenu .text_box {
    width: 84%;
    background: #fff;
    padding: 12px 8% 12px 8%;
    -webkit-box-shadow: 0 1px 1px #bbb;
    -moz-box-shadow: 0 1px 1px #bbb;
    -o-box-shadow: 0 1px 1px #bbb;
    box-shadow: 0 1px 1px #bbb
}

.mgmenu .text_box_black {
    background: #212121
}

.mgmenu .text_box_red {
    background: #e48a76
}

.mgmenu .text_box_blue {
    background: #92bfd1
}

.mgmenu .text_box_green {
    background: #b4ca91
}

.mgmenu .text_box_yellow {
    background: #f3d067
}

.mgmenu .text_box_purple {
    background: #c0addb
}

.mgmenu .text_box_brown {
    background: #b2aa9f
}

.mgmenu .text_box_black,
.mgmenu .text_box_blue,
.mgmenu .text_box_brown,
.mgmenu .text_box_green,
.mgmenu .text_box_purple,
.mgmenu .text_box_red,
.mgmenu .text_box_yellow {
    color: #fff;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.mgmenu .img_description {
    text-align: center;
    font-style: italic;
    margin-top: -6px;
    font-family: Georgia, Times, "Times New Roman", serif
}

.mgmenu hr {
    width: 100%;
    height: 0;
    margin-bottom: 18px;
    border: none;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #ccc
}

.mgmenu .video_container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 18px
}

.mgmenu .video_container embed,
.mgmenu .video_container iframe,
.mgmenu .video_container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    outline: 0
}

.mgmenu iframe {
    border: 0;
    outline: 0;
    width: 100%;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    margin-bottom: 12px
}

.mgmenu img {
    border: none
}

.mgmenu .inline_img {
    max-width: 100%;
    height: auto;
    width: auto;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 1px #999;
    -moz-box-shadow: 0 1px 1px #999;
    -o-box-shadow: 0 1px 1px #999;
    box-shadow: 0 1px 1px #999;
    margin-bottom: 18px;
    margin-top: 6px
}

.mgmenu a .inline_img {
    opacity: .8;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

.mgmenu a:hover .inline_img {
    opacity: 1
}

.mgmenu .inline_img_border {
    border: 5px solid #fff
}

.mgmenu .mini_icon {
    background-image: url(../img/icons/mini-icons-white.png);
    background-repeat: no-repeat;
    margin-top: -2px;
    padding-left: 6px;
    float: left;
    width: 20px;
    height: 20px
}

.mgmenu .ic_empty_document {
    background-position: 0 0
}

.mgmenu .ic_documents {
    background-position: -32px 0
}

.mgmenu .ic_text_document {
    background-position: -64px 0
}

.mgmenu .ic_folder {
    background-position: -96px 0
}

.mgmenu .ic_picture {
    background-position: -128px 0
}

.mgmenu .ic_cloud {
    background-position: -160px 0
}

.mgmenu .ic_archive {
    background-position: -192px 0
}

.mgmenu .ic_download {
    background-position: -224px 0
}

.mgmenu .ic_user {
    background-position: -256px 0
}

.mgmenu .ic_tag {
    background-position: -288px 0
}

.mgmenu .ic_lock {
    background-position: 0 -32px
}

.mgmenu .ic_unlock {
    background-position: -32px -32px
}

.mgmenu .ic_mail {
    background-position: -64px -32px
}

.mgmenu .ic_brush {
    background-position: -96px -32px
}

.mgmenu .ic_refresh {
    background-position: -128px -32px
}

.mgmenu .ic_grid {
    background-position: -160px -32px
}

.mgmenu .ic_list {
    background-position: -192px -32px
}

.mgmenu .ic_delete {
    background-position: -224px -32px
}

.mgmenu .ic_settings {
    background-position: -256px -32px
}

.mgmenu .ic_time {
    background-position: -288px -32px
}

.mgmenu .ic_bookmark {
    background-position: 0 -64px
}

.mgmenu .ic_calendar {
    background-position: -32px -64px
}

.mgmenu .ic_graph {
    background-position: -64px -64px
}

.mgmenu .ic_pin {
    background-position: -96px -64px
}

.mgmenu .ic_chat {
    background-position: -128px -64px
}

.mgmenu .ic_chats {
    background-position: -160px -64px
}

.mgmenu .ic_print {
    background-position: -192px -64px
}

.mgmenu .ic_attachment {
    background-position: -224px -64px
}

.mgmenu .ic_power {
    background-position: -256px -64px
}

.mgmenu .ic_favorite {
    background-position: -288px -64px
}

.mgmenu .ic_sound {
    background-position: 0 -96px
}

.mgmenu .ic_edit {
    background-position: -32px -96px
}

.mgmenu .ic_fullscreen {
    background-position: -64px -96px
}

.mgmenu .ic_target {
    background-position: -96px -96px
}

.mgmenu .ic_sync {
    background-position: -128px -96px
}

.mgmenu .ic_zoom {
    background-position: -160px -96px
}

.mgmenu .ic_plus {
    background-position: -192px -96px
}

.mgmenu .ic_minus {
    background-position: -224px -96px
}

.mgmenu .ic_cancel {
    background-position: -256px -96px
}

.mgmenu .ic_ok {
    background-position: -288px -96px
}

.mgmenu .ic_users {
    background-position: 0 -128px
}

.mgmenu .ic_calc {
    background-position: -32px -128px
}

.mgmenu .ic_left {
    background-position: -64px -128px
}

.mgmenu .ic_right {
    background-position: -96px -128px
}

.mgmenu .ic_up {
    background-position: -128px -128px
}

.mgmenu .ic_down {
    background-position: -160px -128px
}

.mgmenu .ic_up_circle {
    background-position: -192px -128px
}

.mgmenu .ic_down_circle {
    background-position: -224px -128px
}

.mgmenu .ic_left_circle {
    background-position: -256px -128px
}

.mgmenu .ic_right_circle {
    background-position: -288px -128px
}

.mgmenu .menubar_icon {
    padding: 0;
    list-style: none;
    float: left
}

.mgmenu .menubar_icon:hover {
    background: 0 0
}

.mgmenu .menubar_icon ul>li {
    list-style: none;
    float: left;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    transition: background-color .3s
}

.mgmenu .menubar_icon ul>li:hover {
    background-color: #131313
}

.mgmenu .menubar_icon ul>li>a {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    display: block;
    padding: 7px 4px 9px 4px;
    width: 24px;
    height: 24px
}

.mgmenu .icon_vimeo {
    background-image: url(../img/icons/icon_vimeo.png)
}

.mgmenu .icon_dribbble {
    background-image: url(../img/icons/icon_dribbble.png)
}

.mgmenu .icon_twitter {
    background-image: url(../img/icons/icon_twitter.png)
}

.mgmenu .icon_facebook {
    background-image: url(../img/icons/icon_facebook.png)
}

.mgmenu .icon_flickr {
    background-image: url(../img/icons/icon_flickr.png)
}

.mgmenu .contact_form {
    display: block;
    margin-bottom: 10px
}

.mgmenu .contact_form label {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif
}

.mgmenu .form_element {
    color: #000;
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 96%;
    padding: 9px 2% 9px 2%;
    margin: 12px 0 18px 0;
    -webkit-box-shadow: 0 1px 1px #efefef;
    -moz-box-shadow: 0 1px 1px #efefef;
    -o-box-shadow: 0 1px 1px #efefef;
    box-shadow: 0 1px 1px #efefef;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    -ms-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}

.mgmenu .form_element:hover {
    background-color: #fcfcfc
}

.mgmenu .form_element:focus {
    background-color: #fff
}

.mgmenu .form_element:focus {
    outline: 0
}

.mgmenu .contact_form textarea {
    height: 120px;
    resize: none
}

.mgmenu .contact_form .required {
    color: #c00
}

.mgmenu .contact_form .error,
.mgmenu .contact_form .success {
    width: 96%;
    padding: 9px 2% 9px 2%;
    margin: 12px 0 6px 0;
    border: 1px solid rgba(0, 0, 0, .15);
    text-shadow: 1px 1px 1px #fff;
    -webkit-box-shadow: 0 1px 1px #efefef;
    -moz-box-shadow: 0 1px 1px #efefef;
    -o-box-shadow: 0 1px 1px #efefef;
    box-shadow: 0 1px 1px #efefef
}

.mgmenu .contact_form .error {
    background: #f7cac4;
    color: #992213
}

.mgmenu .contact_form .success {
    background: #d8f6bc;
    color: #2f530b;
    margin-bottom: 12px
}

.mgmenu .contact_form .button {
    padding: 7px 12px;
    margin: 9px 12px 0 0;
    white-space: nowrap;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #000;
    color: #fff;
    background-color: #222;
    text-shadow: 0 1px 1px #000;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    transition: background-color .3s
}

.mgmenu .contact_form .button:focus,
.mgmenu .contact_form .button:hover {
    color: #fff;
    background-color: #1a1a1a
}

.mgmenu .contact_form .select_element {
    float: left;
    width: 310px;
    overflow: hidden;
    position: relative;
    background-color: #fbfbfb;
    border: 1px solid #ddd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100%;
    margin: 12px 0 18px 0;
    -webkit-box-shadow: 0 1px 1px #efefef;
    -moz-box-shadow: 0 1px 1px #efefef;
    -o-box-shadow: 0 1px 1px #efefef;
    box-shadow: 0 1px 1px #efefef
}

.mgmenu .contact_form .select_element select {
    width: 100%;
    height: 30px;
    font-size: 12px;
    color: #999;
    padding: 6px 0 6px 10px;
    border: 0;
    background: 0 0;
    outline: 0
}

.mgmenu .contact_form .select_element select option {
    background: #fdfdfd;
    width: 100%;
    color: #666
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mgmenu .contact_form .select_element:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -3px;
        border: 5px solid transparent;
        border-top: 5px solid #333;
        pointer-events: none
    }

    .mgmenu .contact_form .select_element select,
    .mgmenu .contact_form .select_element select option {
        -webkit-appearance: none;
        appearance: none
    }
}

.mgmenu li>.mgmenu_tabs {
    padding: 0 !important
}

.mgmenu_tabs>ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.mgmenu_tabs_hide {
    display: none
}

.mgmenu_tabs .mgmenu_tabs_nav {
    width: 20%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0
}

.mgmenu_tabs .mgmenu_tabs_panels {
    margin: 0;
    padding: 21px 1% 12px 1%;
    width: 100%;
    float: left;
    background-color: #fff;
    -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    -o-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    box-shadow: -1px 0 1px rgba(0, 0, 0, .05)
}

.mgmenu_tabs .mgmenu_tabs_nav li {
    list-style: none;
    margin: 0;
    border: none;
    margin: 0;
    float: left;
    width: 100%;
    clear: left;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    -ms-transition: background .5s ease;
    transition: background .5s ease;
    border-right: #e2e2e2 1px solid
}

.mgmenu_tabs .mgmenu_tabs_nav li a {
    display: block;
    font-size: 14px;
    font-weight: 600;
    outline: 0 none;
    padding: 8px 10px 8px 75px;
    line-height: 55px;
    text-decoration: none;
    position: relative;
    text-transform: uppercase
}

.mgmenu_tabs li a.current,
.mgmenu_tabs li a.current:hover {
    color: #01a2e1
}

.mgmenu_tabs_right .mgmenu_tabs_panels {
    -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    box-shadow: 1px 0 1px rgba(0, 0, 0, .05)
}

.mgmenu_tabs_bottom .mgmenu_tabs_nav,
.mgmenu_tabs_top .mgmenu_tabs_nav {
    width: 100%
}

.mgmenu_tabs_bottom .mgmenu_tabs_panels,
.mgmenu_tabs_top .mgmenu_tabs_panels {
    padding: 12px 7px;
    width: 100%
}

.mgmenu_tabs_bottom .mgmenu_tabs_nav li,
.mgmenu_tabs_top .mgmenu_tabs_nav li {
    width: auto;
    clear: none;
    display: inline
}

.mgmenu_tabs_bottom .mgmenu_tabs_nav li a,
.mgmenu_tabs_top .mgmenu_tabs_nav li a {
    display: inline;
    float: left
}

.mgmenu_tabs_top .mgmenu_tabs_panels {
    -webkit-box-shadow: 0 -1px 1px #e2e2e2;
    -moz-box-shadow: 0 -1px 1px #e2e2e2;
    -o-box-shadow: 0 -1px 1px #e2e2e2;
    box-shadow: 0 -1px 1px #e2e2e2
}

.mgmenu_tabs_bottom .mgmenu_tabs_panels {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

@media only screen and (min-width:768px) and (max-width:984px) {
    .mgmenu>li {
        padding-right: 10px
    }

    .mgmenu>li>a,
    .mgmenu>li>span {
        padding-left: 10px
    }

    .mgmenu .mini_icon {
        padding-left: 3px
    }
}

@media only screen and (min-width:768px) {

    .mgmenu_container .mgmenu>li,
    .mgmenu_fixed .mgmenu>li,
    .mgmenu_footer .mgmenu>li {
        display: inline-block !important
    }

    .mgmenu_container>.mgmenu>li.mgmenu_button,
    .mgmenu_fixed>.mgmenu>li.mgmenu_button,
    .mgmenu_footer>.mgmenu>li.mgmenu_button {
        display: none !important
    }
}

@media only screen and (max-width:767px) {

    .mgmenu_container,
    .mgmenu_fixed,
    .mgmenu_footer {
        width: 100%;
        height: auto;
        margin: 0;
        position: relative;
        left: auto;
        top: auto;
        bottom: auto
    }

    .mgmenu_container .mgmenu>li,
    .mgmenu_fixed .mgmenu>li,
    .mgmenu_footer .mgmenu>li {
        float: none;
        width: auto;
        border: none;
        display: none;
        padding: 0
    }

    .mgmenu_container>.mgmenu>li.mgmenu_button,
    .mgmenu_fixed>.mgmenu>li.mgmenu_button,
    .mgmenu_footer>.mgmenu>li.mgmenu_button {
        display: block
    }

    .mgmenu>li>a,
    .mgmenu>li>span {
        display: block
    }

    .mgmenu>li .mgmenu_drop {
        background-position: 96% 19px
    }

    .mgmenu>li .dropdown_container,
    .mgmenu>li .dropdown_fullwidth,
    .mgmenu_footer .mgmenu>li .dropdown_container,
    .mgmenu_footer .mgmenu>li .dropdown_fullwidth {
        position: absolute;
        top: auto;
        bottom: auto;
        width: 100%;
        margin: 0 0 0 -1px;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        -o-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        border: 1px solid #ccc;
        border-top: none
    }

    .mgmenu li .dropdown_10columns,
    .mgmenu li .dropdown_11columns,
    .mgmenu li .dropdown_1column,
    .mgmenu li .dropdown_2columns,
    .mgmenu li .dropdown_3columns,
    .mgmenu li .dropdown_4columns,
    .mgmenu li .dropdown_5columns,
    .mgmenu li .dropdown_6columns,
    .mgmenu li .dropdown_7columns,
    .mgmenu li .dropdown_8columns,
    .mgmenu li .dropdown_9columns,
    .mgmenu li .dropdown_fullwidth {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .mgmenu .col_1,
    .mgmenu .col_10,
    .mgmenu .col_11,
    .mgmenu .col_12,
    .mgmenu .col_2,
    .mgmenu .col_3,
    .mgmenu .col_4,
    .mgmenu .col_5,
    .mgmenu .col_6,
    .mgmenu .col_7,
    .mgmenu .col_8,
    .mgmenu .col_9 {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
        padding: 0;
        float: left;
        display: block
    }

    .mgmenu .col_border {
        box-shadow: none
    }

    .mgmenu .dropdown_flyout,
    .mgmenu .dropdown_flyout .dropdown_flyout_level,
    .mgmenu .dropdown_flyout .dropdown_flyout_level_left {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        padding: 0;
        margin: 6px 4% 0 4%
    }

    .mgmenu .dropdown_flyout .dropdown_flyout_level {
        border: none;
        background: 0 0;
        box-shadow: none
    }

    .mgmenu .dropdown_flyout li,
    .mgmenu .dropdown_flyout ul li {
        width: 100%;
        padding: 6px 0 6px 0
    }

    .mgmenu li .dropdown_flyout .dropdown_parent {
        background: url(../image/downArrow-b.png) no-repeat 98% 14px
    }

    .mgmenu li>.mgmenu_tabs {
        width: 100%
    }

    .mgmenu_tabs .mgmenu_tabs_nav {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0
    }

    .mgmenu_tabs .mgmenu_tabs_panels {
        padding: 21px 0 12px 0;
        width: 100%
    }

    .mgmenu_trigger {
        display: none
    }

    .mgmenu blockquote {
        margin-left: 12px
    }

    .mgmenu .img_description {
        text-align: left
    }

    .mgmenu .menubar_icon {
        z-index: 9;
        float: none !important;
        padding: 0 0 14px 0 !important
    }

    .mgmenu .menubar_icon ul {
        width: 100%;
        padding: 0 0 9px 0 !important
    }

    .mgmenu .menubar_icon ul>li {
        padding-left: 2%;
        padding-right: 2%
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
    .mgmenu>li .mgmenu_drop {
        background-size: 9px 5px;
        background-image: url(../image/downArrow@2x.png)
    }

    .mgmenu_footer .mgmenu>li .mgmenu_drop {
        background-size: 9px 5px;
        background-image: url(../image/upArrow@2x.png)
    }

    .mgmenu_container>.mgmenu>li.mgmenu_button,
    .mgmenu_fixed>.mgmenu>li.mgmenu_button,
    .mgmenu_footer>.mgmenu>li.mgmenu_button {
        background-size: 24px 24px;
        background-image: url(../image/menu-icon.png)
    }

    .mgmenu_trigger {
        background-size: 35px 35px;
        background-image: url(../img/button_up@2x.png)
    }

    .mgmenu_trigger.active {
        background-size: 35px 35px;
        background-image: url(../img/button_down@2x.png)
    }

    .mgmenu_footer~.mgmenu_trigger {
        background-size: 35px 35px;
        background-image: url(../img/button_down@2x.png)
    }

    .mgmenu_footer~.mgmenu_trigger.active {
        background-size: 35px 35px;
        background-image: url(../img/button_up@2x.png)
    }

    .mgmenu .dropdown_flyout .dropdown_parent {
        background-size: 5px 9px;
        background-image: url(../image/rightArrow@2x.png)
    }

    .mgmenu .dropdown_flyout .dropdown_parent_left {
        background-size: 5px 9px;
        background-image: url(../image/leftArrow@2x.png)
    }

    .mgmenu .mini_icon {
        background-image: url(../img/icons/mini-icons-white@2x.png);
        background-repeat: no-repeat;
        background-size: 304px 144px
    }

    .mgmenu .menubar_icon ul>li>a {
        background-size: 24px 24px
    }

    .mgmenu .icon_vimeo {
        background-image: url(../img/icons/icon_vimeo@2x.png)
    }

    .mgmenu .icon_dribbble {
        background-image: url(../img/icons/icon_dribbble@2x.png)
    }

    .mgmenu .icon_twitter {
        background-image: url(../img/icons/icon_twitter@2x.png)
    }

    .mgmenu .icon_facebook {
        background-image: url(../img/icons/icon_facebook@2x.png)
    }

    .mgmenu .icon_flickr {
        background-image: url(../img/icons/icon_flickr@2x.png)
    }
}

@media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {
    .mgmenu li .dropdown_flyout .dropdown_parent {
        background-size: 9px 5px;
        background-image: url(../image/downArrow-b@2x.png)
    }
}

.menu-tab-hd-icon {
    width: 55px;
    height: 55px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 10px;
    top: 8px;
    background: url(../image/features-tab-menu-icon.png) no-repeat
}

.menu-tab-hd-icon.retail-icon {
    background-position: 0 0
}

.menu-tab-hd-icon.industries-icon {
    background-position: -56px 0
}

.menu-tab-hd-icon.service-icon {
    background-position: -112px 0
}

.menu-tab-hd-icon.other-icon {
    background-position: -168px 0
}

.menu-tab-hd-icon.restaurants-icon {
    background-position: -224px 0
}

.menu-tab-hd-icon.manufacturing-icon {
    background-position: -280px 0
}

.menu-list-tab {
    margin: 0;
    padding: 0 0;
    width: auto;
    height: auto
}

.menu-list-tab ul {
    margin: 0 !important;
    padding: 0 !important;
    width: auto;
    height: auto
}

.menu-list-tab ul li {
    float: left;
    list-style: outside none none;
    height: auto;
    margin: 0 .5%;
    padding: 6px 0;
    width: 19%;
    position: relative
}

.menu-list-tab ul.retail li a {
    background: rgba(0, 0, 0, 0) url(../image/menu_image1.png) no-repeat left top;
    color: #555;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: 0 0 0 33px;
    text-decoration: none;
    width: 100%;
    line-height: 26px
}

.menu-list-tab ul.retail li a.retail1 {
    background-position: 0 0
}

.menu-list-tab ul.retail li a.retail2 {
    background-position: 0 -27px
}

.menu-list-tab ul.retail li a.retail3 {
    background-position: 0 -54px
}

.menu-list-tab ul.retail li a.retail4 {
    background-position: 0 -81px
}

.menu-list-tab ul.retail li a.retail5 {
    background-position: 0 -108px
}

.menu-list-tab ul.retail li a.retail6 {
    background-position: 0 -135px
}

.menu-list-tab ul.retail li a.retail7 {
    background-position: 0 -162px
}

.menu-list-tab ul.retail li a.retail8 {
    background-position: 0 -189px
}

.menu-list-tab ul.retail li a.retail9 {
    background-position: 0 -216px
}

.menu-list-tab ul.retail li a.retail10 {
    background-position: 0 -243px
}

.menu-list-tab ul.retail li a.retail11 {
    background-position: 0 -270px
}

.menu-list-tab ul.retail li a.retail12 {
    background-position: 0 -297px
}

.menu-list-tab ul.retail li a.retail13 {
    background-position: 0 -324px
}

.menu-list-tab ul.retail li a.retail14 {
    background-position: 0 -351px
}

.menu-list-tab ul.retail li a.retail15 {
    background-position: 0 -378px
}

.menu-list-tab ul.retail li a.retail16 {
    background-position: 0 -405px
}

.menu-list-tab ul.retail li a.retail17 {
    background-position: 0 -432px
}

.menu-list-tab ul.retail li a.retail18 {
    background-position: 0 -459px
}

.menu-list-tab ul.retail li a.retail19 {
    background-position: 0 -486px
}

.menu-list-tab ul.retail li a.retail20 {
    background-position: 0 -513px
}

.menu-list-tab ul.retail li a.retail21 {
    background-position: 0 -540px
}

.menu-list-tab ul.retail li a.retail22 {
    background-position: 0 -567px
}

.menu-list-tab ul.retail li a.retail23 {
    background-position: 0 -594px
}

.menu-list-tab ul.retail li a.retail24 {
    background-position: 0 -621px
}

.menu-list-tab ul.retail li a.retail25 {
    background-position: 0 -648px
}

.menu-list-tab ul.retail li a.retail26 {
    background-position: 0 -675px
}

.menu-list-tab ul.retail li a.retail27 {
    background-position: 0 -702px
}

.menu-list-tab ul.retail li a.retail28 {
    background-position: 0 -729px
}

.menu-list-tab ul.retail li a.retail29 {
    background-position: 0 -756px
}

.menu-list-tab ul.retail li a.retail30 {
    background-position: 0 -783px
}

.menu-list-tab ul.retail li a.retail31 {
    background-position: 0 -810px
}

.menu-list-tab ul.retail li a.retail32 {
    background-position: 0 -837px
}

.menu-list-tab ul.retail li a.retail33 {
    background-position: 0 -864px
}

.menu-list-tab ul.industries li a {
    background: rgba(0, 0, 0, 0) url(../image/menu_image4.png) no-repeat left top;
    color: #555;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: 0 0 0 33px;
    text-decoration: none;
    width: 100%;
    line-height: 26px
}

.menu-list-tab ul.industries li a.industries1 {
    background-position: 0 0
}

.menu-list-tab ul.industries li a.industries2 {
    background-position: 0 -27px
}

.menu-list-tab ul.industries li a.industries3 {
    background-position: 0 -54px
}

.menu-list-tab ul.industries li a.industries4 {
    background-position: 0 -81px
}

.menu-list-tab ul.industries li a.industries5 {
    background-position: 0 -108px
}

.menu-list-tab ul.industries li a.industries6 {
    background-position: 0 -135px
}

.menu-list-tab ul.industries li a.industries7 {
    background-position: 0 -162px
}

.menu-list-tab ul.industries li a.industries8 {
    background-position: 0 -189px
}

.menu-list-tab ul.industries li a.industries9 {
    background-position: 0 -216px
}

.menu-list-tab ul.industries li a.industries10 {
    background-position: 0 -243px
}

.menu-list-tab ul.industries li a.industries11 {
    background-position: 0 -270px
}

.menu-list-tab ul.industries li a.industries12 {
    background-position: 0 -297px
}

.menu-list-tab ul.industries li a.industries13 {
    background-position: 0 -324px
}

.menu-list-tab ul.industries li a.industries14 {
    background-position: 0 -351px
}

.menu-list-tab ul.industries li a.industries15 {
    background-position: 0 -378px
}

.menu-list-tab ul.industries li a.industries16 {
    background-position: 0 -405px
}

.menu-list-tab ul.industries li a.industries17 {
    background-position: 0 -432px
}

.menu-list-tab ul.industries li a.industries18 {
    background-position: 0 -459px
}

.menu-list-tab ul.industries li a.industries19 {
    background-position: 0 -486px
}

.menu-list-tab ul.industries li a.industries20 {
    background-position: 0 -513px
}

.menu-list-tab ul.industries li a.industries21 {
    background-position: 0 -540px
}

.menu-list-tab ul.industries li a.industries22 {
    background-position: 0 -567px
}

.menu-list-tab ul.industries li a.industries23 {
    background-position: 0 -594px
}

.menu-list-tab ul.industries li a.industries24 {
    background-position: 0 -621px
}

.menu-list-tab ul.industries li a.industries25 {
    background-position: 0 -648px
}

.menu-list-tab ul.industries li a.industries26 {
    background-position: 0 -675px
}

.menu-list-tab ul.industries li a.industries27 {
    background-position: 0 -702px
}

.menu-list-tab ul.industries li a.industries28 {
    background-position: 0 -729px
}

.menu-list-tab ul.industries li a.industries29 {
    background-position: 0 -756px
}

.menu-list-tab ul.industries li a.industries30 {
    background-position: 0 -783px
}

.menu-list-tab ul.industries li a.industries31 {
    background-position: 0 -810px
}

.menu-list-tab ul.industries li a.industries32 {
    background-position: 0 -837px
}

.menu-list-tab ul.industries li a.industries33 {
    background-position: 0 -864px
}

.menu-list-tab ul.industries li a.industries34 {
    background-position: 0 -891px
}

.menu-list-tab ul.industries li a.industries35 {
    background-position: 0 -918px
}

.menu-list-tab ul.industries li a.industries36 {
    background-position: 0 -945px
}

.menu-list-tab ul.industries li a.industries37 {
    background-position: 0 -972px
}

.menu-list-tab ul.industries li a.industries38 {
    background-position: 0 -999px
}

.menu-list-tab ul.industries li a.industries39 {
    background-position: 0 -1026px
}

.menu-list-tab ul.industries li a.industries40 {
    background-position: 0 -1053px
}

.menu-list-tab ul.industries li a.industries41 {
    background-position: 0 -1080px
}

.menu-list-tab ul.industries li a.industries42 {
    background-position: 0 -1107px
}

.menu-list-tab ul.industries li a.industries43 {
    background-position: 0 -1134px
}

.menu-list-tab ul.industries li a.industries44 {
    background-position: 0 -1161px
}

.menu-list-tab ul.industries li a.industries45 {
    background-position: 0 -1188px
}

.menu-list-tab ul.industries li a.industries46 {
    background-position: 0 -1215px
}

.menu-list-tab ul.industries li a.industries47 {
    background-position: 0 -1242px
}

.menu-list-tab ul.industries li a.industries48 {
    background-position: 0 -1269px
}

.menu-list-tab ul.industries li a.industries49 {
    background-position: 0 -1296px
}

.menu-list-tab ul.industries li a.industries50 {
    background-position: 0 -1327px
}

.menu-list-tab ul.industries li a.industries51 {
    background-position: 0 -1350px
}

.menu-list-tab ul.industries li a.industries52 {
    background-position: 0 -1377px
}

.menu-list-tab ul.other li a {
    background: rgba(0, 0, 0, 0) url(../image/menu_image2.png) no-repeat left top;
    color: #555;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: 0 0 0 33px;
    text-decoration: none;
    width: 100%;
    line-height: 26px
}

.menu-list-tab ul.other li a.other1 {
    background-position: 0 0
}

.menu-list-tab ul.other li a.other2 {
    background-position: 0 -27px
}

.menu-list-tab ul.other li a.other3 {
    background-position: 0 -54px
}

.menu-list-tab ul.other li a.other4 {
    background-position: 0 -81px
}

.menu-list-tab ul.other li a.other5 {
    background-position: 0 -108px
}

.menu-list-tab ul.other li a.other6 {
    background-position: 0 -135px
}

.menu-list-tab ul.other li a.other7 {
    background-position: 0 -162px
}

.menu-list-tab ul.other li a.other8 {
    background-position: 0 -189px
}

.menu-list-tab ul.other li a.other9 {
    background-position: 0 -216px
}

.menu-list-tab ul.other li a.other10 {
    background-position: 0 -243px
}

.menu-list-tab ul.other li a.other11 {
    background-position: 0 -270px
}

.menu-list-tab ul.other li a.other12 {
    background-position: 0 -297px
}

.menu-list-tab ul.service li a {
    background: rgba(0, 0, 0, 0) url(../image/menu_image3.png) no-repeat left top;
    color: #555;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: 0 0 0 33px;
    text-decoration: none;
    width: 100%;
    line-height: 26px
}

.menu-list-tab ul.service li a.service1 {
    background-position: 0 0
}

.menu-list-tab ul.service li a.service2 {
    background-position: 0 -27px
}

.menu-list-tab ul.service li a.service3 {
    background-position: 0 -54px
}

.menu-list-tab ul.service li a.service4 {
    background-position: 0 -81px
}

.menu-list-tab ul.service li a.service5 {
    background-position: 0 -108px
}

.menu-list-tab ul.service li a.service6 {
    background-position: 0 -135px
}

.menu-list-tab ul.service li a.service7 {
    background-position: 0 -162px
}

.menu-list-tab ul.service li a.service8 {
    background-position: 0 -189px
}

.menu-list-tab ul.service li a.service9 {
    background-position: 0 -216px
}

.menu-list-tab ul.service li a.service10 {
    background-position: 0 -243px
}

.menu-list-tab ul.service li a.service11 {
    background-position: 0 -270px
}

.menu-list-tab ul.service li a.service12 {
    background-position: 0 -297px
}

.menu-list-tab ul.service li a.service13 {
    background-position: 0 -324px
}

.menu-list-tab ul.service li a.service14 {
    background-position: 0 -351px
}

.menu-list-tab ul.service li a.service15 {
    background-position: 0 -378px
}

.menu-list-tab ul.service li a.service16 {
    background-position: 0 -405px
}

.menu-list-tab ul.service li a.service17 {
    background-position: 0 -432px
}

.menu-list-tab ul.service li a.service18 {
    background-position: 0 -459px
}

.menu-list-tab ul.service li a.service19 {
    background-position: 0 -486px
}

.menu-list-tab ul.service li a.service20 {
    background-position: 0 -513px
}

.menu-list-tab ul.service li a.service21 {
    background-position: 0 -540px
}

.menu-list-tab ul.service li a.service22 {
    background-position: 0 -567px
}

.menu-list-tab ul.service li a.service23 {
    background-position: 0 -594px
}

.menu-list-tab ul.service li a.service24 {
    background-position: 0 -621px
}

.menu-list-tab ul.service li a.service25 {
    background-position: 0 -648px
}

.menu-list-tab ul.service li a.service26 {
    background-position: 0 -675px
}

.menu-list-tab ul.service li a.service27 {
    background-position: 0 -702px
}

.menu-list-tab ul.service li a.service28 {
    background-position: 0 -729px
}

.menu-list-tab ul.service li a.service29 {
    background-position: 0 -756px
}

.menu-list-tab ul.service li a.service30 {
    background-position: 0 -783px
}

.menu-list-tab ul.service li a.service31 {
    background-position: 0 -810px
}

.menu-list-tab ul.service li a.service32 {
    background-position: 0 -837px
}

.menu-list-tab ul li a:hover {
    text-decoration: none;
    color: #31aff5
}

.menu-list-div {
    margin: 0;
    padding: 0 0;
    width: auto;
    height: auto
}

.menu-list-div ul {
    margin: 0 !important;
    padding: 0 !important;
    width: auto;
    height: auto
}

.menu-list-div ul li {
    width: auto;
    border-bottom: 1px solid #dcdcdc;
    float: none;
    height: auto;
    list-style: outside none none;
    padding: 10px;
    position: relative
}

.menu-list-div ul.enterprise li a {
    background: rgba(0, 0, 0, 0) url(../image/menu_image5.png) no-repeat left top;
    color: #000;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    padding: 0 0 0 33px;
    text-decoration: none;
    width: 100%;
    line-height: 26px
}

.menu-list-div ul.enterprise li a.enterprise1 {
    background-position: 0 0
}

.menu-list-div ul.enterprise li a.enterprise2 {
    background-position: 0 -27px
}

.menu-list-div ul.enterprise li a.enterprise3 {
    background-position: 0 -54px
}

.menu-list-div ul.enterprise li a.enterprise4 {
    background-position: 0 -81px
}

.menu-list-div ul.enterprise li a.enterprise5 {
    background-position: 0 -108px
}

.menu-list-div ul.enterprise li a.enterprise6 {
    background-position: 0 -135px
}

.menu-list-div ul.enterprise li a.enterprise7 {
    background-position: 0 -162px
}

.menu-list-div ul.enterprise li a.enterprise8 {
    background-position: 0 -189px
}

.menu-list-div ul.enterprise li a.enterprise9 {
    background-position: 0 -216px
}

.menu-list-div ul li a:hover {
    text-decoration: none;
    color: #31aff5
}

ul.mgmenu li:last-child a.btn-gradiant {
    padding: 12px
}

ul.mgmenu li:last-child a.btn-gradiant:hover {
    background-color: #000;
    color: #fff
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.b-r-none {
    border-right: none !important;
}

.mail a,
.phone a {
    display: block;
    height: 40px;
    position: relative;
}

.ind-box p {
    margin-top: 0px;
}

.rounded {
    border-radius: 1rem !important;
}

div#requestdemomobmodalbody .form-control {
    height: 30px;
}

div#requestdemomobmodalbody .form-group {
    margin-bottom: 10px;
}

div#requestdemomobmodalbody {
    padding-bottom: 0px;
}

div#formdemo {
    z-index: 999999 !important;
}

a.scrollup {
    display: none !important;
}

..con-input-filled {
    z-index: 999999 !important;
}

.btn-dark {
    color: #fff !important;
    background-color: #343a40;
    border-color: #343a40;
    padding: 9.24px 12px !important;
}

.carousel-caption {
    text-align: left !important;
}

.copyright-terms p {
    margin: 0px;
    color: #fff;
}

.social-links a {
    color: #fff;
    height: 30px;
    width: 29px;
    text-align: center;
    display: inline-block;
    border: 1px solid #ddd;
    line-height: 30px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    border-radius: 5px;
}

.social-links a:hover {
    background-color: #fff;
    color: #000;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
}

.p-b-30 {
    padding-bottom: 30px;
}

.erp-step .tabcontent h3 {
    font-size: 20px;
}

.p-0 {
    padding: 0px;
}

.d-none {
    display: none !important;
}

div#inquiry-pg input {
    height: 31px;
}

.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}

div#click-hide1 .col-xs-4,
div#click-show1 .col-xs-4 {
    padding-right: 0px;
}

div#click-hide1 .col-xs-4 .btn,
div#click-show1 .col-xs-4 .btn {
    width: 100%;
}