#topBar.dark {
    color: #ccc;
    background-color: #19b5fe;
    border-bottom-color: rgba(255, 255, 255, .1)
}

section.engage {
    padding: 44px 0 0 0 !important
}

#topNav .navbar-collapse.center {
    margin-right: 23%
}

.social-icon {
    margin: 0 2px 2px 0;
    width: 30px;
    height: 30px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    border-color: transparent;
    overflow: hidden;
    display: inline-block;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
    font-style: normal;
    letter-spacing: 0 !important;
    color: #000 !important;
    border-radius: 50% !important
}

a.social-icon.social-icon-border {
    color: #000 !important;
    text-shadow: none
}

a.social-icon.social-icon-border {
    background-color: transparent;
    border: #fff 1px solid;
    color: #fff !important;
    text-shadow: none;
    line-height: 1.4em
}


body {
    color: #000;
    font-size: 16px;
    line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-font-smoothing: antialiased !important;
    font-weight: 500;
}

.size-23 {
    font-size: 23px
}

.lead-18 {
    font-size: 18px
}

.btn-info {
    color: #fff;
    background-color: #19b5fe !important;
    border-color: #46b8da
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5 !important;
    border-color: #269abc
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 5px 30px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0
}

.btn-warning {
    color: #fff;
    background-color: #f28c13;
    border-color: transparent !important
}

#topMain.nav-pills>li.menu-head>a {
    font-family: Museo-300, Arial, sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important
}

.tp-bannertimer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    height: 2px !important
}

.tp-caption {
    text-shadow: 0 0 0 #000
}

.tp-caption.large_bold_black {
    font-size: 58px;
    line-height: 60px;
    font-weight: 400;
    font-family: Alice !important;
    color: #000;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: #ffd658;
    border-style: none
}

.info-bar div.row>div i {
    color: #333;
    font-size: 16px;
    line-height: 1.2;
    margin-right: 0;
    float: left
}

.info-bar h1,
.info-bar h2,
.info-bar h3,
.info-bar h4,
.info-bar h5,
.info-bar h6,
.info-bar p {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
    padding: 0
}

.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 15px;
    line-height: 1.42857;
    color: #000;
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    border: 2px solid #f1f1f1;
    box-shadow: 1px 0 4px rgba(0, 0, 0, .025) inset;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s
}

.form-control.order {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.42857;
    color: #dedede;
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    border: 2px solid #f1f1f1;
    box-shadow: 1px 0 4px rgba(0, 0, 0, .025) inset;
    transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
    font-family: 'Museo 500', Arial, sans-serif
}

.info-bar div.row>div {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0 !important;
    border-right: none !important
}

.info-bar.info-bar-bordered {
    margin: 30px 0;
    border: rgba(0, 0, 0, .1) 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0 !important
}

.info-bar-border-left {
    border-right: 10px solid #fff !important
}

.info-bar .btn {
    padding: 4px 12px !important
}

.info-bar .btn {
    height: 30px !important
}

.latest-head {
    font-family: Alice !important;
    font-size: 50px !important;
    color: #000 !important
}

ul.process-steps li a {
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    color: #fff !important;
    background: #000 !important;
    border: #000 1px solid !important;
    background-color: #fff;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important
}

ul.process-steps li.active a,
ul.process-steps li.active a:focus,
ul.process-steps li.active:hover>a {
    background-color: #000 !important;
    border-color: #000 !important
}

div.shop-item>.thumbnail {
    background-color: transparent !important;
    border-color: #ddd !important;
    margin-bottom: 6px;
    position: relative
}

.thumbnail {
    display: block;
    padding: 0 !important;
    padding-bottom: 20px !important;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #fff;
    border: 0 solid #ddd !important;
    border-radius: 0;
    box-shadow: 2px 0 10px #e0dfe0 !important;
    transition: border .2s ease-in-out 0s
}

div.shop-item>.thumbnail>a.shop-item-image>img {
    border-radius: 0 !important
}

.product-name {
    font-family: Alice !important;
    font-size: 32px !important;
    color: #000 !important;
    font-weight: 400 !important
}

.product-desc {
    font-family: Roboto !important;
    font-size: 15px !important;
    color: #000 !important
}

div.shop-item-details {
    font-size: 15px;
    margin-top: 20px;
    font-weight: 700
}

div.shop-item-details>span {
    color: #000;
    font-size: 13px;
    display: inline-block;
    padding: 0 15px;
    font-weight: 400;
    border: 1px solid #ececec !important
}

.hid-margin {
    margin-top: 10px !important
}

@media (min-width:320px) and (max-width:767px) {
    .hid-margin {
        margin-top: -40px !important
    }

    .main-sub-heading.ft-se {
        font-size: 16px !important
    }

    .sn-he {
        margin-top: 16% !important
    }
}

.margin-bottom-30 {
    margin-bottom: 30px !important
}

.padding-left-10 {
    padding-left: 10px
}

.padding-left-20 {
    padding-left: 20px
}

.padding-left-30 {
    padding-left: 30px
}

.padding-right-10 {
    padding-right: 10px
}

.padding-right-20 {
    padding-right: 20px
}

.padding-right-30 {
    padding-right: 30px
}

img.img-round {
    border-radius: 50% !important
}

.bg-red {
    background: #19b5fe !important
}

.color-white {
    color: #fff !important
}

.color-black {
    color: #000 !important
}

.color-red {
    color: #19b5fe !important
}

.color-yellow {
    color: #f4f100 !important
}

.btn-engage {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    box-shadow: 2px 2px 3px #000;
    padding: 6px 30px;
    height: 35px !important
}

.btn-grey {
    color: #333;
    border-color: #efefef !important;
    background-color: #efefef !important
}

.btn-grey:hover {
    background-color: #dadada !important
}

.btn-white-low {
    border: 0 none;
    background-color: rgba(255, 255, 255, .4) !important;
    color: #fff !important;
    font-size: 35px;
    padding: 12px 30px;
    height: 50px
}

.btn-white-gradient {
    background: #fff;
    background: -webkit-linear-gradient(left top, #d5d5d5, #818181, .8);
    background: -o-linear-gradient(bottom right, #d5d5d5, #818181, .8);
    background: -moz-linear-gradient(bottom right, #d5d5d5, #818181, .8);
    background: linear-gradient(to bottom right, #d5d5d5, #818181, .8)
}

.box-shadow {
    box-shadow: 1px 2px 8px #212020
}

.text-shadow {
    text-shadow: 0 0 0 #141414
}

.margin-border {
    border-radius: 50px;
    border: 4px solid #fff;
    display: block;
    height: 58px;
    width: 290px;
    margin-left: 420px;
    font-size: 32px !important
}

@media (max-width:768px) {
    .margin-border {
        border-radius: 50px;
        border: 4px solid #fff;
        display: block;
        height: 58px;
        width: 290px;
        margin-left: 200px;
        font-size: 32px !important
    }
}

@media (max-width:320px) {
    .margin-border {
        border-radius: 50px;
        border: 4px solid #fff;
        display: block;
        height: 58px;
        width: 290px;
        margin-left: 0;
        font-size: 32px !important
    }
}

@media (max-width:360px) {
    .margin-border {
        border-radius: 50px;
        border: 4px solid #fff;
        display: block;
        height: 58px;
        width: 290px;
        margin-left: 0;
        font-size: 32px !important
    }
}

div.shop-item>.thumbnail>.shop-item-info {
    position: absolute !important;
    top: 20px !important;
    left: 242px !important;
    z-index: 20;
    width: 70px;
    float: right !important
}

@media (max-width:320px) {
    div.shop-item>.thumbnail>.shop-item-info {
        position: absolute !important;
        top: 20px !important;
        left: 152px !important;
        z-index: 20;
        width: 70px
    }
}

@media (min-width:360px) {
    div.shop-item>.thumbnail>.shop-item-info {
        position: absolute !important;
        top: 20px !important;
        left: 192px !important;
        z-index: 20;
        width: 70px
    }
}

@media (min-width:768px) {
    div.shop-item>.thumbnail>.shop-item-info {
        position: absolute !important;
        top: 20px !important;
        left: 102px !important;
        z-index: 20;
        width: 70px
    }
}

@media (min-width:1170px) {
    div.shop-item>.thumbnail>.shop-item-info {
        position: absolute !important;
        top: 20px !important;
        left: 242px !important;
        z-index: 20;
        width: 70px
    }
}

div.shop-item>.thumbnail>.shop-item-info>.label {
    min-width: 50px;
    text-align: center;
    font-size: 14px !important;
    margin-bottom: 3px;
    display: initial !important
}

.label {
    padding: .4em .6em
}

.badge,
.label {
    font-weight: 400
}

.label-danger {
    background-color: #19b5fe
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0
}

#footer {
    background: #232323 !important
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
    font-family: proxima_nova_ltbold, Museo-300, Arial, sans-serif !important;
    color: rgba(255, 255, 255, 1) !important
}

#footer p {
    color: #fff !important;
    line-height: 32px !important;
    font-size: 16px;
    font-family: ProximaNova-Regular, Museo-300, Arial, sans-serif !important;
    text-align: justify !important;
    margin-bottom: 0
}

#footer li a {
    color: #fff !important;
    font-family: ProximaNova-Regular, Museo-300, Arial, sans-serif !important;
    line-height: 22px
}

#footer address .footer-sprite {
    height: 30px !important
}

a.social-icon>i[class*=" icon-"],
a.social-icon>i[class^=icon-] {
    font-size: 15px
}

body:not(.device-touch) .social-icon i {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.social-icon i {
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    margin-top: 4px;
    font-size: 27px
}

.get-done a {
    top: 2px;
    background: #d14e11;
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 24px;
    border-radius: 3px;
    color: #fff;
    padding: 8px 30px;
    display: inline-block;
    margin-left: 36px;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    -o-transition: .5s ease-in
}

.get-done a:hover {
    background: #000;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    -o-transition: .5s ease-in
}

.pop-up-none .pop-up-block {
    display: none
}

.pop-up-block {
    width: 230px;
    position: fixed;
    z-index: 999;
    left: -240px;
    bottom: 0;
    transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -webkit-transition: all .5s ease-in-out 0s
}

.pop-up-block a {
    display: block
}

.pop-up-block.pop-up-show {
    left: 0
}

.pop-up-block .close-icon {
    width: 24px;
    height: 24px;
    background: url(../images/close-icon.png) no-repeat 0 0;
    position: absolute;
    top: -11px;
    right: -10px;
    cursor: pointer
}

.pop-up-block .title {
    padding: 10px 46px;
    background: #000;
    text-align: center;
    font-family: Lato, sans-serif;
    font-size: 32px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 35px
}

.pop-up-block .title span {
    display: block;
    color: #e6b705;
    font-weight: 700
}

.pop-up-block .title em {
    display: block;
    color: #fff;
    font-style: normal;
    font-weight: 300;
    position: relative
}

.pop-up-block .title em:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 12px;
    background: url(../images/explore-icon-yellow.png) no-repeat 0 0;
    top: 7px;
    left: 50%;
    margin-left: -1px
}

.pop-up-block .gif-mobile {
    background: #fff;
    text-align: center;
    padding-top: 11px
}

.pop-up-block .gif-mobile .gif-image {
    height: 160px;
    overflow: hidden
}

.pop-up-block .know-more {
    padding: 15px 0 15px 0;
    background: #000;
    text-align: center
}

.pop-up-block .know-more span {
    font-size: 24px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    font-family: Lato, sans-serif
}

.pop-up-block .know-more span i {
    background: url(../images/icon.png) no-repeat 0 0;
    display: inline-block;
    height: 15px;
    width: 14px;
    vertical-align: middle
}

#mid-container {
    background: #e6b705;
    width: 100%;
    float: left
}

#mid-get-done {
    background: #fff;
    width: 100%;
    clear: both
}

.browse-template {
    width: 100%;
    float: left;
    border: 3px solid #cba102;
    padding: 12px 70px 21px 70px
}

.browse-left {
    width: 50%;
    float: left
}

.browse-left p {
    font-size: 18px;
    color: #000;
    line-height: 44px;
    background: url(../images/dotted.png) repeat-x bottom;
    text-align: left;
    padding-left: 35px
}

.browse-left p:last-child {
    background: 0 0
}

.browse-left p span {
    color: #fff;
    font-size: 24px;
    font-family: pt_sansbold, arial, sans-serif
}

.browse-left p em {
    font-style: normal;
    color: #000;
    font-weight: 400;
    font-size: 24px
}

.browse-right {
    float: right;
    width: auto;
    margin-top: 20px
}

.browse-right a {
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 24px;
    border-radius: 3px;
    color: #000;
    line-height: 42px;
    width: 425px;
    border: 2px solid #000;
    display: block;
    text-align: center;
    background-image: url(../images/browse-template-arrow.png);
    background-position: 78% 16px;
    background-repeat: no-repeat;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    -o-transition: .5s ease-in
}

.browse-right a:hover {
    background-image: url(../images/browse-template-arrow-hover.png);
    background-color: #000;
    background-repeat: no-repeat;
    color: #fff
}

.browse-note {
    background: url(../images/dotted.png) repeat-x top;
    float: left;
    width: 100%;
    line-height: 20px;
    font-size: 15px;
    color: #000;
    padding-top: 15px;
    text-align: left;
    padding-left: 35px
}

.our-blessing {
    width: 100%;
    padding: 40px 100px 0
}

.our-blessing ul {
    width: 33.33%;
    float: left;
    padding: 0 50px;
    background: url(../images/dotted-y.png) repeat-y right;
    min-height: 110px
}

.our-blessing ul:last-child {
    background: 0 0
}

.our-blessing ul li {
    width: 100%;
    float: left;
    font-size: 16px;
    line-height: 30px;
    color: #000;
    position: relative
}

.our-blessing ul li:before {
    content: "";
    background: url(../images/icon.png) no-repeat;
    background-position: -162px -34px;
    width: 10px;
    height: 10px;
    position: absolute;
    left: -15px;
    top: 9px
}

.yellow-bg {
    background: #e6b705
}

#mid-container.white-bg,
.white-bg {
    background: #fff;
    clear: both
}

ul.resp-tabs-list {
    font-size: 0;
    border: 2px solid #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 30px;
    padding: 0
}

#ChildTab ul.resp-tabs-list {
    font-size: 0;
    border: 2px solid #e6b705;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 30px
}

.resp-tabs-list li {
    display: inline-block;
    padding: 18px 0;
    margin: 0;
    list-style: none;
    cursor: pointer;
    font-weight: 700;
    width: 100%;
    font-size: 26px;
    color: #000;
    font-weight: 400;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 78% center;
    position: relative;
    vertical-align: top
}

#ChildTab .resp-tabs-list li {
    background-image: none
}

#ChildTab .resp-tabs-list li img {
    height: 33px !important;
    width: auto !important
}

#ChildTab .resp-tabs-list li .click-img {
    background-image: url(../images/tab-black-click-child-inn.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    vertical-align: middle;
    display: inline-block;
    zoom: 1
}

#ChildTab .resp-tabs-list li.resp-tab-active .click-img {
    background-image: url(../images/tab-black-click-child-inn-hover.png)
}

.resp-tabs-list li a {
    color: #000
}

.resp-tabs-list li.last {
    background-position: 71% center
}

.resp-tabs-container {
    padding: 0;
    background-color: #fff;
    clear: left;
    font-size: 14px
}

h2.resp-accordion {
    font-size: 14px;
    cursor: pointer;
    padding: 5px;
    display: none
}

.resp-tab-content {
    display: none;
    padding: 15px
}

.resp-tab-active {
    background-color: #fff
}

.resp-tab-active span {
    color: #fff !important
}

.resp-tab-active .btm-arrow {
    background-image: url(../images/tab-title-hover.png);
    background-repeat: no-repeat;
    bottom: -12px;
    left: 277px;
    width: 27px;
    height: 12px;
    position: absolute
}

.resp-accordion-active,
.resp-content-active {
    display: block
}

.resp-tab-content {
    border: 0 dotted #000;
    padding: 50px 68px 20px 68px;
    position: relative
}

.pricing-main .resp-tab-content {
    padding: 40px 30px
}

.pricing-main .only-coding-main .only-coding-block-main {
    margin-top: 0
}

.resp-tab-content-active .content-arrow {
    background-image: url(../img/pricing-tab-content-arrow.png);
    background-repeat: no-repeat;
    top: -12px;
    left: 274px;
    width: 32px;
    height: 12px;
    position: absolute
}

.tab2-tab .content-arrow {
    right: 277px;
    left: auto
}

h2.resp-accordion {
    border: 4px solid #e2e2e2;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 20px;
    padding: 10px 15px;
    color: #000;
    font-size: 25px;
    font-weight: 400;
    font-family: patua_oneregular, arial, sans-serif;
    text-align: center
}

h2.resp-accordion a {
    color: #000
}

h2.resp-accordion span {
    color: #e6b705
}

h2.resp-tab-active {
    border-bottom: 0 solid #c1c1c1 !important;
    margin-bottom: 0 !important;
    padding: 10px 15px !important
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: #00f
}

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none
}

.resp-vtabs .resp-tabs-container {
    padding: 0;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none
}

.resp-vtabs .resp-tab-content {
    border: none
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 12px !important;
    border-left: 4px solid #71afff
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 11px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #e6b705
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #fff
}

h2.resp-tab-active {
    background: #e6b705 !important;
    border: 4px solid #e6b705 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.resp-easy-accordion h2.resp-accordion {
    display: block
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important
}

.resp-jfit {
    width: 100%;
    margin: 0
}

.resp-tab-content-active {
    display: block
}

.resp-tab-content h3 {
    font-size: 26px;
    text-align: center;
    color: #000;
    font-family: patua_oneregular, arial, sans-serif;
    line-height: 30px;
    background: url(../images/dotted.png) repeat-x bottom;
    padding-bottom: 35px;
    margin-bottom: 30px
}

.top-bullet {
    margin-bottom: 50px;
    font-size: 0
}

.top-bullet ul {
    display: inline-block;
    vertical-align: top;
    width: 49%
}

.top-bullet li {
    background: url(../images/blacktab-bullet.png) no-repeat left 5px;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    font-family: pt_sansbold, arial, sans-serif;
    margin-bottom: 18px
}

.tab1-content .hrs-rate {
    font-size: 0
}

.tab1-content .coding-main {
    width: 536px;
    float: left;
    margin-right: 34px
}

.tab1-content .design-main {
    width: 536px;
    float: left
}

.resp-tab-content .yellow-border {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #e6b705;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.yellow-border .section-title h2,
.yellow-border .section-title h3 {
    margin-top: -23px
}

.resp-tab-content .yellow-border .rate-detail {
    padding: 36px 50px;
    font-size: 16px;
    font-weight: 700;
    font-family: pt_sansbold, arial, sans-serif;
    font-weight: 400;
    line-height: 20px
}

.resp-tab-content .yellow-border .col-pd {
    padding: 16px 45px 12px 45px;
    float: left;
    width: 100%;
    border-top: 1px dotted #9e9d9d
}

.resp-tab-content .yellow-border .col-pd.last {
    border-bottom: 1px dotted #9e9d9d
}

.resp-tab-content .yellow-border .odd-col {
    background: #f8f7f7
}

.resp-tab-content .yellow-border .hrs-detail {
    float: left
}

.resp-tab-content .yellow-border .price-detail {
    float: right
}

.resp-tab-content .yellow-border .price-detail span {
    font-size: 20px;
    color: #c74309
}

.resp-tab-content .get-it-done {
    padding: 30px 0;
    width: 300px;
    text-align: center;
    margin: 0 auto
}

.tab2-tab .top-bullet {
    margin-bottom: 20px
}

#ChildTab {
    width: 100%
}

.resp-tabs-list li span {
    color: #e6b705
}

#ChildTab .resp-tabs-list li {
    background-position: 88% center
}

#ChildTab .resp-tabs-list li.last {
    background-position: 84% center
}

#ChildTab .resp-tab-content {
    background: #f2c310;
    border: 2px solid #e6b705
}

.pricing-main #ChildTab .resp-tab-content .arrow {
    position: absolute;
    top: -13px;
    left: 25%
}

.pricing-main #ChildTab .child-tab-2 .arrow {
    position: absolute;
    top: -13px;
    right: 22%;
    left: auto
}

.samples-right {
    float: right;
    width: 770px;
    margin-left: 20px
}

.sample-img-block {
    background: url(../images/dotted.png) bottom repeat-x;
    padding-bottom: 40px;
    margin-bottom: 40px;
    width: 100%
}

.sample-img-block.last {
    padding: 0;
    margin: 0;
    background: 0 0
}

.sample-img-block ul {
    font-size: 0
}

.sample-img-block li {
    display: inline-block;
    margin-right: 15px;
    border: 5px solid #000;
    overflow: hidden;
    position: relative
}

.sample-img-block li a {
    display: block
}

.sample-img-block li.last {
    margin-right: 0 !important
}

.sample-img-block li .hover-img {
    background: url(../images/img-hover-bg.png) repeat;
    height: 287px;
    width: 236px;
    transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    opacity: 1;
    position: absolute;
    top: 287px
}

.sample-img-block li .hover-img .serarch-icon {
    transition: all .3s ease-out .2s;
    -webkit-transition: all .3s ease-out .2s;
    -moz-transition: all .3s ease-out .2s;
    -ms-transition: all .3s ease-out .2s;
    -o-transition: all .3s ease-out .2s;
    text-align: center;
    width: 44px;
    height: 44px;
    margin: -44px auto 0;
    opacity: 0
}

.sample-img-block li .hover-img:hover .serarch-icon {
    opacity: 1;
    margin-top: 50%
}

.sample-img-block li a:hover .hover-img {
    top: 0
}

.tab2-tab .sample-img-block li {
    margin-right: 53px
}

.tab2-tab .sample-img-block li .hover-img:hover .serarch-icon {
    margin-top: 42%
}

.sample-img-block .sample-img {
    overflow: hidden;
    position: relative;
    width: 236px;
    height: 287px
}

.sample-img-block .sample-img .box-shadow {
    box-shadow: 0 0 2px #141414 !important
}

.sample-img-block .sample-img a {
    display: block
}

.sample-img-block .sample-img.last {
    margin-right: 0 !important
}

.sample-img-block .sample-img .hover-img {
    background: url(../img/overlay.png) repeat;
    height: 287px;
    width: 236px;
    transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    opacity: 1;
    position: absolute;
    top: 287px
}

.sample-img-block .sample-img .hover-img .serarch-icon {
    transition: all .3s ease-out .2s;
    -webkit-transition: aall .3s ease-out .2s;
    -moz-transition: all .3s ease-out .2s;
    -ms-transition: all .3s ease-out .2s;
    -o-transition: all .3s ease-out .2s;
    text-align: center;
    width: 44px;
    height: 44px;
    margin: -44px auto 0;
    opacity: 0
}

.no-touch .sample-img-block .sample-img .hover-img:hover .serarch-icon {
    opacity: 1;
    margin-top: 50%
}

.no-touch .sample-img-block .sample-img a:hover .hover-img {
    top: 0
}

.tab2-tab .sample-img-block li .hover-img {
    width: 298px !important
}

.sample-viewmore {
    width: 165px;
    margin: 0 auto
}

.up-arrow {
    position: absolute;
    bottom: 150px;
    right: -33px
}

.samples-main .custom-scroll {
    width: 1030px;
    margin: 0 auto;
    height: auto
}

@media (max-width:1024px) {
    .samples-main .resp-tab-content {
        padding: 20px 0
    }
}

.samples-main .tab1-content .sample-img-block {
    background: 0 0
}

.mobile-menu {
    float: left;
    display: none;
    width: 50px;
    position: relative;
    z-index: 2
}

.mobile-menu i {
    width: 67px;
    height: 29px;
    display: block;
    background: url(../images/menu-icon.png) no-repeat
}

.mobile-menu a {
    display: block
}

.news-container {
    padding: 53px 0 32px 0
}

.all-newsletter {
    padding-bottom: 1px;
    background: url(../images/dotted.png) repeat-x center bottom
}

.newscontent-left {
    float: left;
    margin-left: 20px;
    width: 21%;
    margin-top: 5px
}

.compatibleclient-left {
    float: left;
    margin-left: 0;
    width: 25.5%;
    margin-top: 5px
}

.newscontent-right {
    float: right;
    width: 69.5%;
    text-align: left
}

.news-title {
    color: #000;
    font-family: pt_sansbold, arial, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 35px;
    padding-right: 181px;
    margin-bottom: 11px
}

.hlight {
    background: #fff;
    padding: 1px 2px 0;
    height: 31px;
    display: inline-block
}

.newscontent-right p {
    font-size: 18px;
    padding-right: 171px;
    line-height: 23px
}

.bdbtm {
    border-bottom: dotted 1px #000
}

.bdtop {
    border-top: dotted 1px #000
}

.all-usp {
    padding-top: 27px;
    margin-top: 27px
}

.all-usp h3 {
    font-family: pt_sansbold, arial, sans-serif
}

.nl-block1 {
    clear: both;
    padding-bottom: 24px
}

.all-usp ul li {
    background: url(../images/blacktab-bullet.png) no-repeat left 8px;
    font-size: 18px;
    line-height: 25px;
    padding-left: 13px;
    margin-top: 9px;
    width: 370px;
    float: left
}

.news-note {
    background: url(../images/dotted.png) repeat-x center top;
    font-size: 24px;
    font-family: pt_sansbold, arial, sans-serif;
    padding: 34px 0 29px 0;
    text-align: center
}

.news-note h2 {
    font-size: 24px;
    font-family: pt_sansbold, arial, sans-serif;
    padding: 0 0;
    text-align: center
}

.mb20 {
    margin-bottom: 20px
}

.news-block2 {
    padding: 49px 0 0 0
}

.newstab-left {
    width: 74.5%;
    float: left
}

.landingpage .resp-tab-content {
    border: 2px solid #e6b705;
    padding: 70px 35px;
    position: relative
}

.landing-tab-left .resp-tab-content {
    padding: 50px 35px
}

.newsletter .resp-tab-content {
    padding: 80px 35px;
    border: 2px solid #e6b705;
    position: relative
}

.mrt71 {
    margin-right: 71px
}

.landingpage .resp-tab-content-active .content-arrow,
.newsletter .resp-tab-content-active .content-arrow {
    left: 205px
}

.landingpage .resp-tab-active .btm-arrow,
.newsletter .resp-tab-active .btm-arrow {
    left: 208px
}

.landingpage .tab2-tab .content-arrow,
.newsletter .tab2-tab .content-arrow {
    right: 197px;
    left: auto
}

.landingpage ul.resp-tabs-list {
    font-size: 0;
    border: 2px solid #e6b705;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 30px
}

.newsletter ul.resp-tabs-list {
    font-size: 0;
    border: 2px solid #e6b705;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 35px
}

.landingpage .resp-tabs-list li,
.newsletter .resp-tabs-list li {
    height: 74px;
    display: inline-block;
    padding: 18px 0;
    margin: 0;
    list-style: none;
    cursor: pointer;
    font-weight: 700;
    width: 50%;
    font-family: patua_oneregular;
    font-size: 26px;
    color: #000;
    font-weight: 400;
    text-align: center;
    background-image: url(../images/tab-gray-click.png);
    background-repeat: no-repeat;
    background-position: 88% 16px;
    position: relative;
    vertical-align: top
}

.win.safari .newsletter .resp-tabs-list li {
    width: 49.8%
}

.landingpage .resp-tabs-list li a,
.newsletter .resp-tabs-list li a {
    color: #000;
    margin-left: -40px
}

.newsletter .resp-tabs-list li.last {
    background-position: 73% 16px !important
}

.landingpage .resp-tab-active,
.newsletter .resp-tab-active {
    background-image: url(../images/tab-black-click.png) !important;
    background-repeat: no-repeat !important
}

.newsletter .resp-tabs-container {
    padding: 0;
    background-color: #fff;
    clear: left;
    font-size: 14px
}

.wdt50 {
    width: 53%;
    float: left;
    box-sizing: border-box;
    padding-right: 71px
}

.wdt501 {
    width: 47%;
    float: right;
    box-sizing: border-box;
    padding-right: 0
}

.step-block1 {
    width: 100%;
    min-height: 300px
}

.step-title {
    float: left;
    font-family: pt_sansbold, arial, sans-serif
}

.step-right-details {
    margin-left: 11px;
    float: left;
    width: 90%
}

.step-line {
    font-size: 20px;
    color: #000;
    display: block
}

.num {
    font-size: 16px;
    background: #f2c310;
    width: 22px;
    height: 22px;
    line-height: 24px;
    border-radius: 50%;
    float: left;
    text-align: center;
    color: #fff
}

.step-block1 p {
    line-height: 24px
}

.newstab-right {
    float: right;
    width: 23%
}

.moneyguarantee-block {
    text-align: center
}

.moneyguarantee-block img {
    border: solid 2px #d9d9d9;
    border-radius: 5px;
    max-width: 100%
}

.landingpage .get-it-done,
.newsletter .get-it-done {
    padding: 19px 0 0 0;
    text-align: center;
    margin: 0 auto
}

.landingpage .service-button,
.newsletter .service-button {
    font-size: 24px;
    line-height: 56px
}

.or-line {
    font-family: pt_sansbold, arial, sans-serif;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    padding: 16px 0 11px;
    background: url(../images/dotted.png) repeat-x center top;
    text-align: center
}

.row1 {
    padding-bottom: 6px;
    position: relative
}

.form-block {
    margin-bottom: 13px
}

.sbt-btn {
    font-family: patua_oneregular, arial, sans-serif;
    background: #e6e6e6;
    border: solid 2px #d9d9d9;
    outline: 0;
    height: 47px;
    text-align: center;
    font-size: 24px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: all .3s ease-in-out 0s;
    color: #000;
    width: 100%
}

.sbt-btn:active,
.sbt-btn:focus {
    background-color: #d14e11;
    color: #fff;
    border: solid 2px #d14e11
}

.sbt-btn:hover {
    background-color: #d14e11;
    color: #fff;
    border: solid 2px #d14e11
}

.row1 i {
    background: url(../images/icon.png) no-repeat;
    width: 15px;
    height: 14px;
    background-position: -119px -530px;
    position: absolute;
    right: 76px;
    top: 17px
}

.fileupload {
    margin-bottom: 10px;
    position: relative
}

.fileupload .file {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 46px;
    width: 100%;
    z-index: 1;
    cursor: pointer
}

.fileupload .txtbox {
    width: 68%;
    border: solid 2px #e2e2e2;
    border-right: none;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    height: 46px;
    font-size: 14px;
    color: #000;
    padding-left: 10px;
    padding-right: 10px
}

.fileupload .txtbox.focus {
    border: 2px solid #e6b705;
    border-right: 0
}

.frm_personalized_quote .fileupload a {
    background: #ffc20e;
    border: solid 2px #e2e2e2;
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    height: 46px;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    font-size: 18px;
    padding: 0 17px;
    font-family: patua_oneregular, arial, sans-serif;
    line-height: 41px
}

.no-touch .frm_personalized_quote .fileupload:hover a {
    background: #e35e25;
    color: #fff
}

.frm_personalized_quote .fileupload a:active,
.no-touch .frm_personalized_quote .fileupload a.focus {
    background: #e35e25;
    color: #fff;
    border-color: #e6b705
}

.num-code {
    background: url(../images/dotted.png) repeat-x center top;
    padding-top: 9px
}

.num-code p {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 13px;
    color: #2d2d2d
}

.num-code .row .txtbox {
    width: 50%;
    background: 0 0
}

.num-code .row .txtbox:active,
.num-code .row .txtbox:focus {
    border: solid 2px #e6b705;
    background: 0 0
}

.fl {
    float: left
}

.fr {
    float: right
}

.num-code img {
    margin-top: 3px;
    border: solid 2px #e2e2e2
}

.num-code .row {
    padding-bottom: 7px
}

#asidefrm_personalized_quote .num-code img {
    margin-top: 0;
    border: none
}

#asidefrm_personalized_quote .num-code img#reload {
    margin: 0 15px
}

.news-call {
    font-size: 20px;
    text-align: center;
    padding: 15px 0 13px 0;
    text-transform: uppercase;
    background-image: url(../images/dotted.png), url(../images/dotted.png);
    background-position: left top, left bottom;
    background-repeat: repeat-x
}

.news-call span {
    font-family: pt_sansbold, arial, sans-serif;
    color: #efbe05
}

.news-call a {
    font-family: pt_sansbold, arial, sans-serif;
    color: #000
}

.news-call a:hover {
    color: #efbe05
}

.news-call .or-line {
    padding: 0 0 5px 0;
    background: url(../images/dotted.png) repeat-x scroll center bottom;
    margin-bottom: 12px
}

.compatibility-des {
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 24px;
    text-align: center;
    margin-top: 20px
}

.compatibility-des span {
    color: #c6550a
}

.compatibility-des a {
    font-size: 18px;
    font-style: italic;
    color: #000
}

.compatibility-des a:hover {
    color: #c6550a
}

.row .txtareabox:active,
.row .txtareabox:focus {
    border: solid 2px #e6b705
}

.row .txtbox:active,
.row .txtbox:focus {
    border: solid 2px #e6b705
}

.quote-form .row .txtbox.error {
    background: url(../images/input_arrow_fail.png) no-repeat 247px center;
    border-color: #f9080c
}

.quote-form .row .txtbox.inp_greenimg {
    background-image: url(../images/green-tick.png)
}

.news-block3 {
    padding: 20px 0 0 0
}

.news-block3 h3 {
    text-align: center;
    margin-top: 25px
}

.fbold {
    font-family: pt_sansbold, arial, sans-serif
}

.lightgray {
    color: grey
}

.clientlove {
    padding: 43px 98px 16px 98px
}

.clientlove-left {
    float: left;
    width: 523px;
    padding: 0 29px 0 0;
    border-right: 1px solid #ccc
}

.clientlove-left p {
    font-size: 15px;
    line-height: 17px
}

.clientlove-left ul {
    text-align: center
}

.clientlove-left li {
    display: inline-block;
    zoom: 1;
    width: 100%;
    padding-bottom: 16px;
    border-bottom: 1px dotted #000;
    margin-bottom: 16px
}

.clientlove-left li .left-img {
    padding-right: 35px;
    width: 156px;
    float: left
}

.clientlove-left li .left-txt {
    float: left;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: 22px;
    width: 335px;
    text-align: left;
    font-style: italic
}

.clientlove-left li .left-txt .name {
    font-family: pacificoregular, arial, sans-serif;
    font-size: 18px;
    color: #000;
    padding-top: 20px;
    font-style: normal
}

.clientlove-left li .left-txt .desti {
    color: grey;
    font-size: 14px;
    font-style: normal
}

.clientlove-left li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.clientlove-right {
    float: left;
    width: 451px;
    padding-left: 37px;
    padding-top: 12px
}

.clientlove-right li {
    display: inline-block;
    zoom: 1;
    padding-bottom: 30px;
    padding-right: 18px;
    width: 48%
}

.clientlove-right li a {
    display: block
}

.clientlove-right li:nth-child(2n+2) {
    margin-right: 0
}

.ourclient-love .clientlove-right li {
    display: inline-block;
    zoom: 1;
    padding-bottom: 50px;
    padding-right: 22px
}

.ourclient-love .clientlove-right li a {
    display: block
}

.ourclient-love .clientlove-right li:nth-child(3n+3),
.ourclient-love .clientlove-right li:nth-child(8) {
    padding-right: 0;
    float: right
}

.viewmore {
    text-align: center;
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 18px;
    position: relative;
    width: 193px;
    margin: 0 auto
}

.viewmore a {
    background: #e6e6e6;
    color: #000;
    border-radius: 3px;
    transition: .25s all linear;
    font-style: italic;
    display: block;
    padding: 8px 30px 8px 15px;
    margin-left: 60px
}

.viewmore i {
    background: url(../images/icon.png) no-repeat;
    width: 15px;
    height: 15px;
    background-position: -120px -530px;
    position: absolute;
    right: 11px;
    top: 13px
}

.viewmore a:hover {
    background: #d14e11
}

.news-block4 {
    padding: 60px 0 44px 0
}

.listing-container {
    padding: 10px 24px 0 100px
}

.list {
    float: left;
    width: 480px;
    margin-right: 35px;
    margin-bottom: 28px
}

.list-title {
    font-size: 20px;
    text-transform: uppercase;
    font-family: pt_sansbold, arial, sans-serif;
    margin-bottom: 9px
}

.list-des {
    font-size: 14px
}

.list-des a {
    font-style: italic;
    background: #ffcb05;
    color: #000;
    padding: 0 2px;
    text-decoration: underline
}

.newsletter .get-done-inner {
    background: 0 0
}

.newslettercost-main {
    text-align: center
}

.newslettercost-main .only-coding-block-main {
    margin-left: 0
}

.newslettercost-main .only-coding-block {
    width: 38%;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    text-align: center;
    font-family: pt_sansbold, arial, sans-serif;
    font-weight: 400;
    margin-right: 30px
}

.newslettercost-main .only-coding-block.last {
    margin-right: 0
}

.newslettercost-main .only-coding-block .top-cotent {
    height: 70px;
    background: #000;
    position: relative;
    padding: 22px 0 26px 0
}

.newslettercost-main .only-coding-block .top-cotent .btm-arrow {
    position: absolute;
    background: url(../images/childtab-btmarrow-black.jpg) no-repeat bottom center;
    width: 30px;
    height: 16px;
    bottom: -14px;
    left: 50%
}

.newslettercost-main .only-coding-block .top-cotent .img-title {
    font-size: 24px;
    font-weight: 400;
    font-family: patua_oneregular, arial, sans-serif;
    color: #f2c310;
    line-height: 28px
}

.newslettercost-main .only-coding-block .middle-content {
    padding: 20px 0;
    border-left: 2px solid #e4e4e4;
    border-right: 2px solid #e4e4e4;
    border-bottom: 2px solid #e4e4e4
}

.newslettercost-main .only-coding-block .middle-wd {
    width: 239px;
    margin: 0 auto
}

ul.time-cost {
    min-height: 333px
}

ul.time-cost li {
    text-align: left;
    font-size: 18px;
    font-family: pt_sansbold, arial, sans-serif;
    padding: 13px 0;
    background: url(../images/dotted-gray.png) repeat-x left bottom
}

ul.time-cost li.last {
    background: 0 0;
    padding: 13px 0 0 0
}

ul.time-cost li i {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    font-style: normal;
    width: 77%
}

ul.time-cost li span {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    color: #c6550a;
    width: 20%
}

.newslettercost-main .price-txt {
    font-size: 20px;
    line-height: 24px;
    color: #b64b1e
}

.newslettercost-main .price-txt span {
    font-size: 18px;
    line-height: 22px;
    color: #000
}

.newslettercost-main .delivery-txt {
    font-size: 18px;
    font-weight: 700
}

.newslettercost-main .delivery-txt span {
    font-size: 14px;
    color: #505050;
    font-family: pt_sansregular, arial, sans-serif;
    font-weight: 400
}

.newslettercost-main .gray-bg {
    background: #f8f7f7
}

ul.scalable-list li {
    text-align: left;
    font-size: 18px;
    font-family: pt_sansbold, arial, sans-serif;
    padding: 0 0 17px 0
}

ul.scalable-list li i {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    font-style: normal;
    width: 77%
}

ul.scalable-list li i img {
    margin-left: 8px
}

ul.scalable-list li span {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    color: #c6550a;
    width: 20%
}

ul.scalable-list li.last {
    padding: 0 0
}

.wrkpic {
    padding: 17px 0 16px 0
}

.landingpage .news-title,
.landingpage .newscontent-right p {
    padding-right: 0
}

.landingpage .newscontent-right {
    margin-top: 32px
}

.landingpage #ChildTab {
    margin-left: 34px !important;
    width: 730px !important
}

.landingpage .resp-tabs-list li span {
    color: #e6b705
}

.landingpage #ChildTab ul.resp-tabs-list {
    border: none
}

.landingpage #ChildTab .only-coding-main .only-coding-block .top-cotent {
    border: 2px solid #000
}

.landingpage #ChildTab .only-coding-block .top-cotent .btm-arrow {
    bottom: -16px
}

.landingpage #ChildTab .resp-tabs-list li {
    height: 56px;
    border: solid 2px #e6b705;
    border-radius: 3px 3px;
    background-position: 88% center;
    display: inline-block;
    padding: 9px 10px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    font-weight: 700;
    font-family: pt_sansbold, arial, sans-serif;
    margin-right: 8px;
    width: 32.6%;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    text-align: left;
    background-image: url(../images/tab-black-click-child-inn.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    position: relative;
    vertical-align: top;
    line-height: 30px
}

.landingpage #ChildTab .resp-tabs-list li.last {
    margin-right: 0;
    background-position: 96% center
}

.landingpage #ChildTab .resp-tabs-list li.resp-tab-active {
    background-color: #f2c310;
    background-image: url(../images/tab-black-click-child-inn-hover.png);
    background-position: 96% 8px !important
}

.landingpage #ChildTab .resp-tabs-list li img {
    height: 31px
}

.landingpage #ChildTab .resp-tab-active .btm-arrow {
    background-image: url(../images/inn-childtab-title-hover.png);
    background-repeat: no-repeat;
    bottom: -10px;
    left: 111px;
    width: 20px;
    height: 10px;
    position: absolute
}

.landingpage #ChildTab .resp-tab-content {
    background: #f2c310;
    border: 2px solid #e6b705;
    padding: 0 0 29px 0 !important
}

.landingpage #ChildTab .only-coding-block .middle-content {
    background: #fff;
    padding: 20px 0;
    border-bottom: 2px solid #e4e4e4;
    border-left: none;
    border-right: none
}

.landingpage #ChildTab .only-coding-block .middle-content {
    padding: 37px 0 20px 0
}

.landingpage #ChildTab .only-coding-block .gray-bg {
    background: #f8f7f7;
    padding: 20px 0 37px 0;
    border-bottom: none
}

.landingpage #ChildTab .resp-tab-content-active .content-arrow {
    background-image: url(../images/child-inn-arrow.png);
    background-repeat: no-repeat;
    top: -13px;
    left: 105px;
    width: 31px;
    height: 14px;
    position: absolute
}

.inner-tab2-tab,
.inner-tab3-tab {
    position: relative
}

.landingpage #ChildTab .inner-tab2-tab .content-arrow {
    left: 350px
}

.landingpage #ChildTab .inner-tab3-tab .content-arrow {
    left: 596px
}

.adaption {
    font-size: 18px;
    color: #000;
    text-align: center;
    font-family: patua_oneregular, arial, sans-serif;
    margin-top: 33px
}

.sl-lay {
    font-size: 24px;
    color: #000;
    font-family: pt_sansbold, arial, sans-serif;
    margin-left: 34px;
    margin-bottom: 19px
}

.landingpage .get-done-inner {
    background: 0 0
}

.step-block1.email-design-service {
    min-height: 192px
}

.order-customize {
    display: block;
    width: 100%
}

.order-customize h2 {
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 45px;
    line-height: 50px;
    color: #000
}

.order-customize h3 {
    font-size: 35px;
    line-height: 45px;
    color: #000;
    padding: 20px 0
}

.order-customize .top-txt li {
    margin: 0 auto;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    font-weight: 400
}

.order-customize .top-txt li .bullet {
    background: url(../images/temp-cust-bullet.png) no-repeat;
    width: 11px;
    height: 11px;
    margin: 0 auto;
    margin-top: 7px;
    margin-bottom: 7px
}

.order-cust-middle {
    padding: 50px 0 20px 0
}

.order-cust-middle .order-cust-middle-container {
    width: 1030px;
    margin: 0 auto
}

.order-cust-middle .order-cust-middle-container .order-cust-left {
    float: left;
    width: 460px
}

.back-sel {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #000
}

.back-sel a {
    color: #000
}

.back-sel a:hover {
    text-decoration: underline
}

.order-cust-left .place-order {
    color: #000;
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 23px;
    line-height: 29px;
    padding: 20px 0
}

.order-cust-left .hrs-calc-mobile {
    display: none
}

.order-cust-left .hrs-calc-mobile .sbHolder {
    margin-top: 20px
}

.order-cust-left .hrs-calc {
    padding: 12px 0 29px 0;
    background: url(../images/dotted.png) repeat-x bottom
}

.order-cust-left .delivery-cost {
    color: #000;
    font-size: 18px;
    line-height: 22px;
    font-family: pt_sansbold, arial, sans-serif
}

.order-cust-left .delivery-cost span {
    font-family: pacificoregular, arial, sans-serif;
    font-size: 24px;
    color: #000;
    line-height: 29px
}

.order-cust-left .delivery-cost .marron-font {
    font-size: 22px;
    line-height: 28px;
    color: #ce3900
}

.order-cust-left .template-integration {
    padding: 29px 0;
    background: url(../images/dotted.png) repeat-x bottom
}

.order-cust-left .template-integration h3 {
    color: #000;
    font-size: 17px;
    font-family: pt_sansbold, arial, sans-serif;
    line-height: 22px;
    padding-bottom: 15px
}

.order-cust-left .template-integration>p {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    font-weight: 400
}

.order-cust-left .template-integration .esp-check-container {
    border: 2px solid #e6b705;
    background: #f2cf13;
    padding: 17px 28px 13px 12px;
    margin-top: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.esp-check-container .left-esp {
    float: left;
    width: 221px
}

.esp-check-container .right-esp {
    float: left;
    width: 165px;
    margin-left: 30px
}

.esp-check-container li {
    margin-bottom: 15px
}

.esp-check-container li:last-child {
    margin-bottom: 0
}

.esp-check-container li label {
    background-image: url(../images/customer-checklist.png);
    background-position: top left;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    padding-left: 30px;
    cursor: pointer;
    width: 100%;
    font-family: pt_sansbold, arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    zoom: 1
}

.esp-check-container li label span {
    font-size: 16px;
    font-family: pt_sansbold, arial, sans-serif;
    float: right;
    font-weight: 400
}

.esp-check-container li.change label {
    background-position: 0 -45px
}

.esp-check-container li input[type=checkbox] {
    opacity: 0;
    position: absolute
}

.esp-check-container .any-other-txt {
    margin-top: 15px;
    float: left;
    width: 100%
}

.esp-check-container .any-other-txt .input-box {
    border: 2px solid #d9d9d9;
    width: 242px;
    padding: 5px 8px 3px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    opacity: 1;
    margin-left: 20px;
    position: relative
}

.esp-check-container .any-other-txt li label {
    background-position: 0 8px
}

.esp-check-container .any-other-txt li.change label {
    background-position: 0 -37px
}

.esp-check-container .any-other-txt li label span {
    margin-top: 8px
}

.order-cust-left .btm-box {
    margin-top: 20px
}

.order-cust-left .btm-box .guarantee-box {
    float: left
}

.order-cust-left .btm-box .guarantee-box .title {
    font-size: 18px;
    color: #000;
    font-family: pt_sansbold, arial, sans-serif;
    font-weight: 400;
    padding-bottom: 14px;
    line-height: 22px
}

.order-cust-left .btm-box .guarantee-box .guarantee-innner {
    background: #d14e11;
    padding: 33px 19px;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    width: 203px;
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.order-cust-left .btm-box .testi-box {
    margin-left: 40px;
    float: right;
    width: 202px
}

.order-cust-left .btm-box .testi-box .title {
    font-size: 18px;
    color: #000;
    font-family: pt_sansbold, arial, sans-serif;
    font-weight: 400;
    padding-bottom: 14px;
    line-height: 22px
}

.order-cust-left .btm-box .testi-box .testi-top {
    background: url(../images/testi-top.png) no-repeat;
    width: 202px;
    height: 17px
}

.order-cust-left .btm-box .testi-box .testi-middle {
    background: url(../images/testi-middle.png) repeat-y;
    width: 202px
}

.order-cust-left .btm-box .testi-box .testi-middle>p {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    text-align: center;
    padding: 10px 20px
}

.order-cust-left .btm-box .testi-box .testi-btm {
    background: url(../images/testi-bottom.png) no-repeat;
    width: 202px;
    height: 17px
}

.order-cust-left .btm-box .testi-box .testi-middle span {
    color: #e25a26
}

.order-cust-left .btm-box .testi-box .singnature {
    margin-top: 4px
}

.order-cust-left .btm-box .testi-box .cust-name {
    font-family: pacificoregular, arial, sans-serif;
    color: #000;
    font-size: 19px;
    line-height: 22px;
    float: right;
    margin-right: 8px
}

.order-cust-left .btm-box .testi-box .cust-desi {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    float: right;
    margin-top: 7px
}

.order-cust-left .btm-box .testi-box .com-name {
    font-size: 14px;
    line-height: 17px;
    color: #000;
    float: right;
    margin-top: 7px;
    width: 100%;
    text-align: right;
    margin-top: 3px
}

.order-cust-middle .order-cust-middle-container .order-cust-right {
    float: right;
    width: 300px;
    margin-top: 50px
}

.order-cust-right .order-summary {
    position: relative
}

.order-cust-right .order-summary .title {
    margin-bottom: 20px;
    font-size: 18px;
    font-family: pt_sansbold, arial, sans-serif;
    font-weight: 400;
    line-height: 22px
}

.order-summary .order-border {
    padding: 8px;
    border: 2px solid #e6b705;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px
}

.order-summary .order-img-left {
    float: left;
    width: 151px
}

.order-summary .order-img-left .order-final-img {
    border: 1px solid #b9b9b9
}

.order-summary .order-img-left .img-view {
    float: right;
    margin-top: 10px
}

.order-summary .order-img-left .img-view .mobile-view {
    float: right
}

.order-summary .order-img-left .img-view .zoom-view {
    float: right;
    margin-right: 10px
}

.order-summary .order-img-right {
    bottom: 10px;
    position: absolute;
    right: 10px
}

.order-summary .order-img-right .select-temp-txt {
    font-weight: 400;
    font-size: 13px;
    color: #000;
    line-height: 18px
}

.order-summary .order-img-right .select-temp-txt span {
    font-family: pt_sansbold, arial, sans-serif
}

.template-selection {
    margin-top: 20px;
    border: 2px solid #e6b705;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    padding: 28px 15px 15px 15px;
    background: #f2cf13;
    border-bottom: 0
}

.template-selection .pdm25 {
    padding-bottom: 25px
}

.template-selection .order-cust-txt {
    float: left;
    font-family: pt_sansbold, arial, sans-serif;
    color: #000;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    width: 82%
}

.template-selection .order-cust-txt span {
    margin-right: 6px
}

.template-selection .order-cust-price {
    float: right;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    width: 16%;
    margin-left: 1%
}

.template-selection .order-cust-delivery {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #000;
    margin-top: 0;
    margin-bottom: 5px
}

.template-selection .order-cust-total {
    border-top: 1px solid #494949;
    font-family: pt_sansbold, arial, sans-serif;
    font-weight: 400;
    padding-top: 10px
}

.template-selection .order-cust-total .total-txt {
    float: left;
    color: #000;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    width: 82%;
    text-align: right
}

.template-selection .order-cust-total .total-amt {
    float: right;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    width: 16%;
    margin-left: 1%;
    color: #d75923
}

.summary-details .delivery-time {
    background: #000;
    padding: 5px 5px 5px 15px
}

.summary-details .delivery-time>p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #fff
}

.have-coupon-main {
    margin: 12px 0 18px 0
}

.have-coupon-main .discount-label {
    float: left;
    text-align: right;
    width: 106px;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    margin-right: 7px;
    margin-top: 5px
}

.have-coupon-main .coupon-box {
    float: left;
    width: 117px;
    margin-right: 4px
}

.have-coupon-main .coupon-inputbox {
    padding: 6px 5px 2px 7px;
    font-size: 14px;
    line-height: 18px;
    color: #2f2f2f;
    font-weight: 400;
    background: #f2cf13;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%
}

.have-coupon-main .coupon-btn-left {
    float: left;
    width: 66px
}

.have-coupon-main .coupon-btn {
    padding: 5px 5px 5px 7px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    background: #2f2f2f;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    text-align: center;
    font-family: patua_oneregular, arial, sans-serif;
    color: #fff;
    cursor: pointer
}

.have-coupon-main .coupon-btn:hover {
    background: #d14e11
}

.discount-box {
    margin-top: 15px
}

.discount-box .discount-label {
    float: left;
    color: #000;
    width: 100px;
    text-align: left;
    padding-top: 2px
}

.discount-box .discount-label a {
    color: #000;
    text-decoration: none
}

.discount-box .discount-label a:hover {
    text-decoration: underline
}

.discount-box .discount-right {
    float: left;
    display: none
}

.discount-box .discount-txtbox {
    float: left;
    width: 120px
}

.discount-box .discount-txtbox input {
    background: #f2cf13;
    height: 20px;
    padding: 0 4px;
    width: 110px;
    padding-top: 3px
}

.discount-box .discount-btn {
    float: left
}

.discount-box .discount-btn input {
    background: #000;
    color: #fff;
    border: medium none;
    padding: 1px 6px;
    font-size: 12px;
    font-weight: 700
}

.discount-box .disc-message {
    color: #000;
    text-align: center;
    padding-top: 5px;
    display: none
}

.discount-box .disc-message.error {
    color: red
}

.discount-box .disc-message.success {
    color: #7ba042
}

.order-cust-right .order-contact-detail {
    margin-top: 20px;
    width: 100%
}

.order-cust-right .order-contact-detail .row {
    margin-bottom: 14px;
    padding-bottom: 0;
    display: block
}

.order-cust-right .order-contact-detail .txt-box {
    border: 2px solid #e2e2e2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #2f2f2f;
    padding: 7px 5px 5px 10px;
    width: 100%
}

.order-cust-right .order-contact-detail textarea {
    border: 2px solid #e2e2e2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px;
    line-height: 18px;
    color: #2f2f2f;
    padding: 7px 5px 5px 10px;
    width: 100%;
    height: 90px
}

.order-cust-right .order-contact-detail .order-btn {
    background: url(../images/ordernow_arrow.png) no-repeat scroll 189px 19px #d9490a;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 24px;
    height: 46px;
    width: 85%;
    margin: 25px 7%
}

.order-cust-right .order-contact-detail .order-btn:hover {
    background-color: #000
}

.order-cust-right .accept-visa .accept-txt {
    color: #cd5521;
    font-size: 16px;
    font-family: pt_sansbold, arial, sans-serif;
    font-weight: 400;
    line-height: 22px;
    float: left;
    margin-right: 17px
}

.order-cust-right .accept-visa .accept-card {
    float: left
}

.buy-template-border {
    margin-top: 42px;
    padding-top: 55px;
    background: url(../images/dotted.png) repeat-x top
}

.buy-template-main {
    width: 1000px;
    margin: 0 auto
}

.buy-template-main .title {
    color: #000;
    font-size: 24px;
    line-height: 30px;
    font-family: patua_oneregular, arial, sans-serif;
    margin-bottom: 15px
}

.buy-template-main .buy-template-bg {
    background: #f2cf13;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 20px 11px 20px 20px
}

.buy-template-main .buy-template-bg ul {
    list-style: decimal;
    list-style-position: outside;
    width: 97%;
    margin: 0 auto;
    clear: both;
    color: #c75320;
    font-family: pt_sansbold, arial, sans-serif;
    font-size: 14px
}

.buy-template-main .buy-template-bg li {
    width: 24%;
    vertical-align: top;
    margin-right: 1%;
    float: left;
    list-style: decimal;
    list-style-position: outside
}

.buy-template-main .buy-template-bg li:last-child {
    margin-right: 0
}

.buy-template-main .buy-template-bg li .title {
    font-size: 14px;
    line-height: 19px;
    color: #c75320;
    font-family: pt_sansbold, arial, sans-serif;
    margin-bottom: 10px
}

.buy-template-main .buy-template-bg li>p {
    font-size: 14px;
    line-height: 19px;
    color: #000;
    font-family: pt_sansregular, arial, sans-serif;
    font-weight: 400
}

.upload-content-header {
    padding: 0 70px 0 0
}

.upload-content-header ul {
    padding-bottom: 15px
}

.upload-content-header li {
    float: left;
    width: 33%;
    text-align: center;
    border-right: 3px solid #cda200;
    background: 0 0;
    padding-left: 0
}

.upload-content-header .info-img {
    margin-bottom: 18px;
    display: block
}

.upload-content-header .info-txt {
    font-family: patua_oneregular, arial, sans-serif;
    text-align: center;
    font-size: 26px;
    line-height: 32px
}

.upload-content-header li:last-child {
    border-right: 0
}

.upload-content-main {
    padding: 50px 0 20px 0;
    width: 1030px;
    margin: 0 auto
}

.upload-content-main .upload-content-left {
    float: left;
    width: 300px
}

.upload-content-main .upload-content-left .upload-img-preview {
    background: #e9e9e9;
    width: 302px;
    height: auto;
    -moz-box-shadow: 5px 5px 3px 0 #d2d2d2;
    -webkit-box-shadow: 5px 5px 3px 0 #d2d2d2;
    box-shadow: 5px 5px 3px 0 #d2d2d2;
    padding: 9px 12px 35px 12px;
    margin: 35px 0 42px 0
}

.upload-content-left .upload-img-preview .img-box {
    text-align: center
}

.upload-content-left .upload-img-preview .review-img {
    float: right;
    width: 20%;
    margin-top: 10px
}

.upload-content-left .upload-img-preview .review-img .zoom-icon {
    float: right;
    margin-right: 7px;
    cursor: pointer
}

.upload-content-left .upload-img-preview .review-img .fav-icon {
    float: left;
    margin-right: 7px;
    cursor: pointer
}

.upload-content-left .upload-img-preview .review-img .mobile-icon {
    float: left;
    cursor: pointer
}

.upload-content-left .template-comp {
    font-size: 16px;
    line-height: 23px;
    color: #2f2f2f;
    font-family: pt_sansbold, arial, sans-serif;
    font-weight: 400
}

.upload-content-left .template-comp span {
    color: #c75001
}

.upload-content-left .template-comp a {
    text-decoration: underline;
    color: #c03500
}

.upload-content-left .template-comp a:hover {
    color: #c75001
}

.upload-content-left .view-litmus {
    display: block;
    margin-top: 5px;
    color: #2f2f2f !important
}

.upload-content-left .view-litmus img {
    padding: 0 4px 0 2px;
    margin-top: -2px
}

.upload-content-left .template-details {
    margin: 20px 0 28px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.upload-content-left .template-details .title-bg {
    background: #000;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    font-family: patua_oneregular, arial, sans-serif;
    padding: 18px 0 18px 16px;
    overflow: hidden;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px
}

.upload-content-left .template-details .template-details-main {
    padding: 18px 16px 18px 16px;
    background: #f2cf13;
    border: 2px solid #e6b705;
    border-top: 0;
    overflow: hidden;
    border-bottom-left-radius: 5px;
    -moz-bottom-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px
}

.upload-content-left .template-details .template-details-main ul {
    display: block;
    width: 100%
}

.upload-content-left .template-details .template-details-main li {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6b705;
    font-family: pt_sansbold, arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400
}

.upload-content-left .template-details .template-details-main li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.upload-content-left .template-details .template-details-main li .template-detail-left {
    float: left;
    width: 50%;
    text-align: left
}

.template-details .template-details-main li .template-detail-right {
    float: right;
    width: 48%;
    margin-left: 2%;
    text-align: right
}

.upload-content-left .imp-content {
    padding: 18px 16px 18px 16px;
    background: #f2cf13;
    border: 2px solid #e6b705;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.upload-content-left .imp-content ul {
    display: block;
    width: 100%
}

.upload-content-left .imp-content li {
    float: left;
    background: url(../images/imp-point-bullet.png) no-repeat top left;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    font-family: patua_oneregular, arial, sans-serif;
    margin-bottom: 20px;
    padding-left: 14px;
    background-position: 0 9px
}

.upload-content-left .imp-content li:last-child {
    margin-bottom: 0
}

.upload-content-main .upload-content-right {
    float: left;
    width: 630px;
    margin-left: 100px
}

.upload-content-right .upload-content-info {
    width: 360px
}

.upload-content-right .upload-content-info .title {
    font-size: 23px;
    line-height: 27px;
    color: #000;
    font-family: patua_oneregular, arial, sans-serif;
    margin-bottom: 15px
}

.upload-content-right .upload-content-info .row {
    margin-bottom: 8px
}

.upload-content-right .upload-content-info .inputbox {
    border: 2px solid #e2e2e2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 11px 10px;
    font-size: 14px;
    line-height: 19px;
    color: #2f2f2f;
    width: 269px
}

.upload-content-right .upload-content-info .inputbox:active,
.upload-content-right .upload-content-info .inputbox:focus {
    border: 2px solid #e6b705
}

.upload-content-right .upload-content-info .fileupload {
    margin-bottom: 10px;
    position: relative;
    width: 400px;
    float: left
}

.upload-content-right .upload-content-info .fileupload .file {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 46px;
    width: 100%;
    z-index: 1;
    cursor: pointer
}

.upload-content-right .upload-content-info .fileupload .txtbox {
    border: 2px solid #e2e2e2;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    padding: 11px 10px;
    font-size: 14px;
    line-height: 19px;
    color: #2f2f2f;
    width: 269px;
    border-bottom-left-radius: 5px;
    -webkit-bottom-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    background: 0 0
}

.upload-content-right .upload-content-info .fileupload .txtbox.focus {
    border: 2px solid #e6b705
}

.upload-content-right .upload-content-info .fileupload a.focus {
    background: #000
}

.upload-content-right .upload-content-info .fileupload:hover a {
    background: #e35e25
}

.upload-content-right .upload-content-info .fileupload-main .plus-icon {
    width: 29px;
    padding: 0 0 5px 0;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 29px;
    line-height: 26px;
    font-family: patua_oneregular, arial, sans-serif;
    color: #fff;
    font-weight: 400;
    float: left;
    margin-left: 11px;
    background: #d14e11;
    margin-top: 4px
}

.upload-content-right .upload-content-info .proceed-btn {
    background: url(../images/ordernow_arrow.png) no-repeat scroll 110px 19px #d9490a;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 24px;
    height: 46px;
    width: 42%;
    margin: 10px 0 0 0;
    padding-right: 25px
}

.upload-content-right .upload-content-info .proceed-btn:active,
.upload-content-right .upload-content-info .proceed-btn:focus,
.upload-content-right .upload-content-info .proceed-btn:hover {
    background-color: #000
}

.upload-content-right .more-info-deliver-txt {
    padding: 40px 0;
    background: url(../images/dotted.png) repeat-x bottom left;
    width: 100%
}

.upload-content-right .more-info-deliver-txt .title {
    font-size: 19px;
    line-height: 24px;
    color: #000;
    font-family: pt_sansbold, arial, sans-serif;
    color: #000;
    margin-bottom: 30px
}

.upload-content-right .more-info-deliver-txt li {
    background: url(../images/deliver-bullet.png) no-repeat top left;
    padding-left: 30px;
    color: #000;
    line-height: 22px;
    margin-bottom: 20px;
    background-position: 0 7px
}

.upload-content-right .more-info-deliver-txt li:last-child {
    margin-bottom: 0
}

.upload-content-right .more-info-deliver-txt li span {
    font-family: pt_sansbold, arial, sans-serif;
    font-weight: 400
}

.upload-content-right .when-buy-template {
    margin-top: 40px
}

.upload-content-right .when-buy-template .title {
    font-size: 24px;
    line-height: 30px;
    color: #000;
    font-family: patua_oneregular, arial, sans-serif;
    color: #000;
    margin-bottom: 25px
}

.upload-content-right .when-buy-template ul {
    list-style: decimal;
    list-style-position: inside;
    width: 100%;
    margin: 0 auto;
    clear: both;
    color: #000;
    font-family: pt_sansbold, arial, sans-serif;
    font-size: 18px
}

.upload-content-right .when-buy-template li {
    width: 100%;
    vertical-align: top;
    float: left;
    list-style: decimal;
    list-style-position: inside;
    margin-bottom: 25px
}

.upload-content-right .when-buy-template li:last-child {
    margin-right: 0
}

.upload-content-right .when-buy-template li .title {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-family: pt_sansbold, arial, sans-serif;
    float: right;
    width: 96%;
    margin-bottom: 0
}

.upload-content-right .when-buy-template li>p {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-family: pt_sansregular, arial, sans-serif;
    font-weight: 400;
    float: left;
    width: 100%
}

.litmus {
    background: #e6e6e6;
    padding: 34px 14px 34px 24px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-top: 40px
}

.litmus .litmus-top {
    margin-bottom: 17px
}

.litmus .litmus-top .litmus-logo {
    float: left
}

.litmus .litmus-top .title {
    float: left;
    font-size: 18px;
    color: #000;
    font-family: patua_oneregular, arial, sans-serif;
    line-height: 22px;
    margin-left: 10px
}

.litmus>p {
    font-size: 14px;
    line-height: 20px;
    color: #000;
    margin-bottom: 15px
}

.litmus li {
    float: left;
    background: url(../images/dotted.png) repeat-x top left;
    width: 82%;
    padding: 10px 0 10px 7px;
    font-size: 14px;
    line-height: 20px
}

.litmus li a {
    color: #000
}

.litmus li a:hover {
    color: #e6b705
}

.samples-right {
    margin-left: 0
}

.sample-img-block .sample-img {
    overflow: hidden;
    position: relative;
    width: 21%;
    float: left;
    margin: 0 2% 40px;
    height: auto;
    border: 1px solid #f1f1f1
}

.sample-img-block .sample-img .hover-img {
    width: 100%;
    height: 100%;
    top: -100%
}

.email-scroll {
    position: relative
}

#infscr-loading {
    position: fixed;
    text-align: center;
    bottom: 160px;
    left: 53%;
    z-index: 100;
    color: #000;
    font-size: 16px
}

.jspContainer {
    overflow: hidden;
    position: relative
}

.jspPane {
    position: absolute
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 6px;
    height: 100%
}

.jspCap {
    display: none
}

.jspHorizontalBar .jspCap {
    float: left
}

.jspTrack {
    position: relative
}

.jspDrag {
    background: #e6b705;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer
}

.jspHorizontalBar .jspDrag,
.jspHorizontalBar .jspTrack {
    float: left;
    height: 100%
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%
}

* html .jspCorner {
    margin: 0 -3px 0 0
}

.samples-main .sample-email {
    padding: 50px 0 50px;
    position: relative
}

.sample-email .samples-left {
    position: absolute;
    left: 68px
}

.sample-email .jspPane {
    margin-left: -15px;
    left: 0 !important
}

.sample-email .samples-right {
    width: 1080px
}

.template-main .template-img {
    overflow: hidden;
    position: relative;
    width: 29%;
    float: left;
    margin: 0 2% 40px;
    height: auto
}

.template-main .sample-img {
    overflow: hidden;
    position: relative;
    width: 100% !important;
    float: left;
    margin: 0 0 30px;
    height: auto
}

.sample-img-block .sample-img img,
.template-main .sample-img img {
    height: 275px;
    width: 100%
}

.template-main .sample-img .hover-img {
    width: 100%;
    height: 100%;
    top: -100%
}

.sample-img .hover-img img {
    width: auto;
    height: auto
}

.template-main .template-btm-detail {
    display: block;
    clear: both
}

.template-main .template-btm-detail .template-no {
    font-size: 14px;
    font-family: pt_sansbold, arial, sans-serif;
    color: #000;
    font-weight: 400;
    margin-bottom: 4px;
    line-height: 18px
}

.template-main .template-btm-detail .template-cost {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 18px
}

.template-main .template-btm-detail .template-cost span {
    color: #af3100;
    font-family: pt_sansbold, arial, sans-serif
}

.template-main .template-btm-detail .select-btn {
    width: 71px
}

.template-main .template-btm-detail .select-btn a {
    background: url(../images/yellow-arrow.png) #d9490a no-repeat 52px center;
    color: #000;
    font-size: 14px;
    line-height: 19px;
    font-family: patua_oneregular, arial, sans-serif;
    color: #fff;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 6px 10px;
    text-transform: capitalize
}

.template-main .template-btm-detail .select-btn a:hover {
    background-color: #e6b705;
    color: #000
}

.msie7 .sample-img-block .sample-img {
    width: 28%
}

.msie7 .btm-arrow {
    display: none;
    background-image: url(../img/tab-title-hover.png);
    background-repeat: no-repeat;
    bottom: -12px;
    left: 0;
    width: 27px;
    height: 12px;
    position: relative;
    top: 20px
}

.msie7 .resp-tab-active .btm-arrow {
    display: block
}

.msie7 .resp-tabs-list li {
    display: block;
    float: left;
    height: 68px
}

.msie7 .content-arrow {
    display: none;
    background-image: url(../images/pricing-tab-content-arrow.png);
    background-repeat: no-repeat;
    top: -12px;
    left: 277px;
    width: 32px;
    height: 12px;
    position: absolute
}

.msie7 .resp-tab-content-active .content-arrow {
    display: block
}

.msie7 .tab2-tab .content-arrow {
    left: auto;
    right: 277px
}

.msie7 .only-coding-main .only-coding-block .top-cotent .btm-arrow {
    background: url(../images/childtab-btmarrow.jpg) no-repeat center bottom;
    left: 5px;
    top: 16px;
    display: block;
    position: relative
}

.msie7 .middle-content,
.msie7 .only-coding-main .only-coding-block,
.msie7 .only-coding-main .only-coding-block .top-cotent {
    display: block;
    float: left;
    height: auto
}

.msie7 .pricing-main .only-coding-main .only-coding-block .middle-content {
    width: 100%
}

.msie7 .pricing-main #ChildTab .resp-tab-content .arrow {
    left: 23.6%
}

.msie7 .pricing-main #ChildTab .child-tab-2 .arrow {
    left: auto;
    right: 264px
}

.msie7 .only-coding-main .only-coding-block .top-cotent {
    width: 100%
}

.msie7 .only-coding-main .only-coding-block .middle-wd {
    width: 140px
}

.msie7 UL.resp-tabs-list {
    width: 100%;
    float: left
}

.msie7 .resp-tab-content H3 {
    margin-top: -70px
}

.msie7 .top-bullet UL {
    display: inline;
    zoom: 1
}

.msie7 #ChildTab .resp-tab-content {
    clear: both
}

.msie7 #ChildTab .resp-tabs-list LI {
    height: 32px !important
}

.msie7 .top-bullet ul {
    margin-left: 0
}

.msie7 .resp-tab-content .get-it-done {
    width: 300px !important
}

.msie7 .resp-tab-content .get-it-done34 {
    margin: 0
}

.msie7 .software-integration .soft-inte-right {
    padding-left: 12px;
    margin-top: 10px
}

.msie7 .form-submit css3-container {
    top: auto !important
}

.msie7 .form-submit I {
    right: 25px
}

.msie7 .software-integration .soft-inte-pd {
    padding-bottom: 13px
}

.msie7 #ChildTab .resp-tab-content {
    float: left;
    width: 95% !important
}

.msie7 .only-coding-main .only-coding-block {
    width: 319px !important
}

.msie8 .only-coding-main .only-coding-block-main {
    margin-top: 30px
}

.msie7 .nbs-flexisel-ul {
    overflow: hidden !important;
    height: 234px !important;
    width: 100% !important;
    left: 0 !important
}

.msie7 .nbs-flexisel-container {
    float: left;
    width: 100%
}

.msie7 .nbs-flexisel-item {
    height: 234px !important;
    float: left;
    width: 278px !important
}

.msie7 .client-logo-wrap UL LI.nbs-flexisel-item {
    height: 70px !important
}

.msie7 .nbs-flexisel-ul.client-logo-slider {
    height: 70px !important
}

.msie7 .faq-accordion .accordion-txt {
    height: auto !important;
    width: 87%px !important
}

.msie7 .faq-accordion .accordion-txt li {
    width: 42% !important
}

.msie7 .banner,
.msie7 .get-done {
    width: 1170px
}

.msie7 .form-submit button {
    height: 46px
}

.win.safari .resp-tabs-list li {
    width: 49%
}

.win.safari .top-bullet ul {
    margin-left: 0
}

.tab2-tab .sample-img-block li {
    margin-right: 5% !important;
    width: 30%;
    margin-bottom: 60px
}

.tab2-tab .sample-img-block li:nth-child(3n+3) {
    margin-right: 0 !important
}

.form-submit button {
    height: 36px
}

.msie8 .top-monks-left ul li.first:after {
    display: none
}

.loadmoreajaxloader {
    display: none;
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0
}

.sample-example .tab2-tab .sample-img-block li .hover-img {
    width: 100% !important;
    height: 104%;
    top: -104%
}

.sample-example .sample-img-block li a:hover .hover-img {
    top: 0
}

#loadmoreajaxloader,
.mload {
    width: 100%;
    float: left;
    text-align: center
}

#loadmoreajaxloader {
    font-size: 22px;
    color: #000;
    margin-top: -20px
}

.msie7 .row .txtbox {
    width: 87%
}

.msie7 .row .txtareabox {
    width: 93%
}

.msie7 .num-code .row .txtbox {
    width: 45%
}

.msie7 .clientlove-right li:nth-child(3n+3),
.msie7 .clientlove-right li:nth-child(8) {
    float: none
}

.msie7 ul.time-cost li {
    float: left;
    display: block;
    width: 100%
}

.msie7 ul.time-cost li span {
    text-align: right;
    float: none;
    zoom: 1
}

.msie7 .tab2-tab .sample-img-block li {
    margin-right: 3% !important
}

.sample-email {
    display: block !important;
    opacity: 0;
    position: absolute !important;
    z-index: -999
}

.template-main .sample-email {
    display: block !important;
    opacity: 1;
    position: relative !important;
    z-index: 1;
    border: 2px solid #e6b705
}

.sample-email.resp-tab-content-active {
    opacity: 1;
    position: relative !important;
    z-index: 1
}

.master-slider img {
    height: 70px !important;
    width: 200px !important;
    margin-top: 0 !important;
    margin-left: 0 !important
}

.privacy-title .text-content {
    background: 0 0;
    padding-top: 0
}

.win.safari .landingpage #ChildTab .inner-tab2-tab .content-arrow {
    left: 353px
}

.win.safari .landingpage .resp-tabs-list li {
    width: 49.8%
}

.win.safari .landingpage #ChildTab .resp-tabs-list li {
    width: 32.32%
}

.win.safari .landingpage #ChildTab .inner-tab3-tab .content-arrow {
    left: 600px
}

.msie7 .landingpage .resp-tab-active .btm-arrow {
    left: 3px
}

.msie7 .landingpage #ChildTab {
    margin-left: 0 !important;
    width: 100% !important
}

.msie7 .newslettercost-main .only-coding-block .top-cotent .btm-arrow {
    background: url(../images/childtab-btmarrow-black.jpg) no-repeat bottom center;
    left: 5px;
    top: 39px;
    display: block;
    position: relative
}

.msie7 .newslettercost-main .only-coding-block .top-cotent {
    height: auto;
    padding: 18px 0 25px 0
}

.msie7 .landingpage #ChildTab .only-coding-block .top-cotent .btm-arrow {
    bottom: -14px;
    top: auto;
    position: absolute;
    width: 30px;
    height: 14px;
    left: 44%
}

.msie7 .landingpage .only-coding-main .only-coding-block .middle-wd {
    width: 273px !important
}

.msie7 .landingpage #ChildTab .inner-tab2-tab .content-arrow {
    left: 373px;
    top: -12px
}

.msie7 .landingpage ul.resp-tabs-list {
    width: 99.5%
}

.msie7 .landingpage #ChildTab .only-coding-main .only-coding-block .top-cotent {
    border: none
}

.msie7 .landingpage #ChildTab .inner-tab3-tab .content-arrow {
    left: 639px;
    top: -12px
}

.msie7 .viewmore i {
    top: 13px;
    right: 20px
}

.msie7 .viewmore {
    width: 170px;
    margin: 0 auto
}

.msie7 .viewmore a {
    margin-left: 0
}

.msie7 .top-header {
    padding: 10px 0 7px 0
}

.msie7 .top-monks-left ul li {
    font-size: 14px
}

.msie7 .newsletter .tab2-tab .content-arrow {
    left: auto;
    right: 195px
}

.newslettercost-main .only-coding-block .top-cotent .img-title {
    line-height: 18px
}

.msie7 .viewmore a {
    display: block
}

.msie7 .news-title {
    line-height: 32px
}

.msie7 .hlight {
    display: inline;
    padding: 5px 5px 0 5px;
    height: auto
}

.msie7 .landingpage .resp-tab-active .btm-arrow {
    left: 4px
}

.msie7 .newsletter .resp-tab-active .btm-arrow {
    left: 4px
}

.msie7 .fileupload {
    clear: both
}

.msie7 .newslettercost-main .only-coding-block-main {
    margin-bottom: 16px
}

.msie7 .landingpage .tab2-tab .content-arrow {
    right: 198px
}

.msie7 .fileupload span {
    width: 100%
}

.msie7 .fileupload .file {
    float: left;
    width: 50%
}

.msie7 .row {
    float: left
}

.msie7 .fileupload .txtbox {
    float: left
}

.msie7 .sbt-btn {
    position: relative;
    clear: both;
    display: inline
}

.msie7 .row1 i {
    top: 15px
}

.msie7 .landingpage .service-button i {
    top: 23px;
    position: absolute
}

.msie7 .newsletter .service-button i {
    top: 23px;
    position: absolute
}

.msie7 .wdt50 {
    width: 51%;
    padding-right: 26px
}

.msie7 .landingpage #ChildTab .resp-tabs-list li {
    width: 29.2% !important
}

.msie7 .landingpage #ChildTab .resp-tabs-container {
    float: left;
    width: 100%;
    display: inline
}

.msie7 .newsletter .resp-tab-content {
    padding: 20px 35px
}

.msie7 .landingpage #ChildTab .resp-tab-content {
    padding: 20px 35px;
    width: 98% !important
}

.msie7 .newslettercost-main #ChildTab .only-coding-block {
    width: 49%;
    margin-right: 2%
}

.msie7 .newslettercost-main #ChildTab .only-coding-block.last {
    margin-right: 0 !important
}

.msie7 .landingpage .newslettercost-main #ChildTab .only-coding-block-main {
    margin-left: 0;
    text-align: left;
    width: 85%;
    margin: 31px auto 0 auto
}

.msie7 .landingpage #ChildTab .resp-tab-active .btm-arrow {
    top: auto !important
}

.msie7 .num {
    width: 20px !important;
    height: 20px !important;
    line-height: 22px;
    position: relative
}

.msie7 .fileupload css3-container {
    left: 0 !important
}

span.center-align {
    font-size: 24px;
    line-height: 44px;
    padding: 0;
    float: left;
    width: 100%
}

.msie7 .form-contact-submit i {
    top: 23px
}

.msie7 #ChildTab .resp-tabs-list li .click-img {
    height: 33px !important;
    width: 33px !important
}

.msie7 #contact-mail:hover i.hover-icon,
.msie7 #contact-skype:hover i.hover-icon,
.msie7 .contact-detail li.contact-phone i.hover-icon {
    top: 0
}

.msie .order-customize h2 {
    font-size: 44px
}

.msie7 .service-order p {
    width: 260px
}

.win.safari .tab2-tab .sample-img-block li {
    margin-right: 4.5% !important
}

.win.safari .tab2-tab .sample-img-block li:nth-child(3n+3) {
    margin-right: 0 !important
}

.msie7 .infographic-wrapper .infographic-lab li {
    margin-right: 32px
}

.msie7 .infographic-wrapper .infographic-lab li:nth-child(4n+4) {
    margin-right: 0 !important
}

.chrome3 .top-monks-left ul li:after {
    margin-top: -4px
}

.msie8 .template-header .top-txt ul {
    float: left !important;
    display: block !important;
    width: 100% !important
}

.msie8 .template-header .top-txt li {
    float: left !important;
    width: 100% !important;
    display: block !important
}

.msie8 .template-header .delivery-detail {
    float: left;
    width: 100%
}

.gecko1 .form-contact textarea {
    height: 101px !important
}

.msie7 .form-contact textarea {
    height: 73px !important
}

.msie7 .section-about-client {
    width: 100% !important;
    float: left !important
}

.firefox3 .how-it-work-detail .mr-82 {
    margin-top: 80px
}

.msie8 .landingpage #ParentTab,
.msie8 .newsletter #ParentTab {
    padding: 0
}

.msie8 .order-cust-left .btm-box .testi-box .testi-top {
    float: left;
    background: url(../images/testi-top.png) no-repeat;
    width: 202px;
    height: 17px
}

.msie8 .template-selection {
    margin-top: 20px;
    border: 2px solid #e6b705;
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    padding: 28px 15px 15px 15px;
    background: #f2cf13;
    border-bottom: 0
}

.msie8 .order-cust-left .place-order {
    color: #000;
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 23px;
    line-height: 29px;
    padding: 20px 0
}

.msie7 .template-header .process-simple .arrow-1,
.msie7 .template-header .process-simple .arrow-2 {
    top: -17px
}

.msie7 .order-cust-right .order-contact-detail .txt-box {
    width: 94%
}

.msie7 .order-cust-right .order-contact-detail textarea {
    width: 94%
}

.msie7 .have-coupon-main .coupon-txt {
    width: 90px;
    font-size: 13px
}

.msie7 .have-coupon-main .coupon-btn-left {
    float: right
}

.msie7 .order-cust-left .btm-box .testi-box .cust-name {
    font-size: 17px;
    line-height: 27px
}

.msie7 .esp-check-container li label {
    width: 87%;
    float: left
}

.msie7 .esp-check-container .left-esp ul {
    float: left;
    width: 100%
}

.msie7 .esp-check-container li label img {
    float: left;
    zoom: 1
}

.gecko1 .upload-content-right .when-buy-template li .title {
    width: 94%
}

.msie8 .upload-content-right .upload-content-info {
    width: 365px
}

.msie7 .upload-content-right .upload-content-info {
    width: 370px
}

.msie8 .upload-content-right .more-info-deliver-txt ul {
    float: left
}

.msie8 .upload-content-right .more-info-deliver-txt li {
    background: url(../images/deliver-bullet.png) no-repeat 0 7px;
    color: #000;
    line-height: 22px;
    margin-bottom: 20px;
    padding-left: 30px
}

.msie8 .upload-content-right .more-info-deliver-txt {
    float: left
}

.msie8 .upload-content-right .when-buy-template {
    float: left
}

.msie7 .upload-content-right .when-buy-template li .title {
    width: 100%
}

.msie7 .esp-check-container .any-other-txt li label {
    width: 96%
}

.msie7 .esp-check-container li label span {
    float: none
}

.msie7 .landingpage .resp-tab-content {
    padding: 40px 35px 50px 45px
}

.mid-section {
    padding: 87px 0 100px 0;
    background: #fff
}

.mid-section .left-section {
    margin: 0 0 0 130px;
    width: 410px;
    display: inline-block;
    vertical-align: top
}

.mid-section .right-section {
    margin: 0 0 0 105px;
    width: 380px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding-top: 95px
}

.mid-section .left-section .title {
    margin: 0 0 30px 30px
}

.mid-section .left-section .title .icon {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px
}

.mid-section .left-section .title .text {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #000;
    padding: 0 0 0 22px;
    margin: 0 0 0 12px
}

.mid-section .left-section .title .text span {
    font-size: 30px;
    font-weight: 400;
    line-height: 35px;
    color: #000
}

.mid-section .left-section .title .text span strong {
    font-weight: 700
}

.mid-section .left-section .section-image {
    height: auto
}

.mid-section .left-section .section-image img {
    border: 6px solid #000
}

.mid-section .left-section .form-submit-btn {
    width: 205px;
    margin: 38px auto auto auto
}

.mid-section .left-section .form-submit-btn button {
    background: #e6b705;
    border: 1px solid #e6b705;
    border-radius: 3px;
    color: #000;
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 22px;
    line-height: 45px;
    padding-left: 25px;
    padding-right: 62px;
    position: relative;
    text-align: center;
    transition: all .5s ease-in 0s;
    width: 100%;
    height: 45px
}

.mid-section .left-section .form-submit-btn button i {
    background: url(../images/icon.png) no-repeat;
    width: 20px;
    height: 16px;
    background-position: -7px -609px;
    position: absolute;
    right: 32px;
    top: 14px
}

.mid-section .left-section .form-submit-btn button:active,
.mid-section .left-section .form-submit-btn button:focus,
.mid-section .left-section .form-submit-btn button:hover {
    background: none repeat scroll 0 0 #d14e11;
    border-color: #d14e11
}

.mid-section .right-section .text {
    padding: 0 0 28px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #000
}

.mid-section .right-section h2 {
    font-size: 36px;
    color: #000;
    line-height: 39px;
    text-align: center;
    font-weight: 400
}

.mid-section .right-section h2 strong {
    font-size: 50px;
    font-weight: 700
}

.mid-section .right-section h2 span {
    font-size: 46px;
    font-weight: 700;
    line-height: 53px
}

.mid-section .right-section p {
    font-size: 24px;
    color: #000;
    line-height: 30px
}

.mid-section .right-section p em {
    font-weight: 700;
    color: #e25a26
}

.mid-section .right-section .email-block {
    padding: 0 0 35px 0;
    width: 190px;
    margin: 0 auto
}

.mid-section .right-section .email-block .title {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 9px;
    padding-left: 37px
}

.mid-section .right-section .email-block .title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 52px;
    width: 28px;
    height: 19px;
    background: url(../images/icon.png) no-repeat -40px -606px
}

.mid-section .right-section .email-block a {
    font-size: 18px;
    color: #000
}

.mid-section .right-section .email-block a:hover {
    color: #959595
}

.mid-section .right-section .talk-to-us {
    width: 190px;
    margin: 0 auto
}

.mid-section .right-section .talk-to-us .title {
    position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 14px;
    padding-left: 37px
}

.mid-section .right-section .talk-to-us .title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 40px;
    width: 25px;
    height: 23px;
    background: url(../images/icon.png) no-repeat -88px -605px
}

.mid-section .right-section .talk-to-us a {
    font-size: 18px;
    color: #000;
    margin-bottom: 9px;
    display: inline-block
}

.mid-section .right-section .talk-to-us a:hover {
    color: #959595
}

.mid-section .right-section .or-txt {
    display: block;
    padding: 12px 0 14px 0;
    font-size: 36px;
    color: #000;
    font-weight: 700
}

.mid-section .right-section .chat-with-monks-btn {
    width: 230px;
    margin: 0 auto
}

.mid-section .right-section .chat-with-monks-btn button {
    background: #e25a26;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 19px;
    line-height: 45px;
    padding-left: 38px;
    position: relative;
    text-align: center;
    transition: all .5s ease-in 0s;
    width: 100%;
    height: 45px
}

.mid-section .right-section .chat-with-monks-btn button i {
    background: url(../images/icon.png) no-repeat;
    width: 26px;
    height: 23px;
    background-position: -122px -606px;
    position: absolute;
    left: 24px;
    top: 9px
}

.mid-section .right-section .chat-with-monks-btn button:active,
.mid-section .right-section .chat-with-monks-btn button:focus,
.mid-section .right-section .chat-with-monks-btn button:hover {
    background: #000
}

.mid-section .left-section .section-box .input-box {
    display: inline-block;
    float: left;
    width: 28%;
    margin-right: 3%;
    margin-bottom: 2%;
    border: 2px solid #e2e2e2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: url(../images/input_arrow.png) no-repeat;
    background-position: 95% 14px
}

.mid-section .left-section .section-box .input-box.error {
    border: 2px solid #f9080c
}

.mid-section .left-section .section-box .input-box.success {
    border: 2px solid #e2e2e2;
    background: url(../images/input_arrow_success.png) no-repeat;
    background-position: 97% 14px
}

.mid-section .left-section .section-box .input-box.last {
    margin-right: 0;
    background: 0 0
}

.mid-section .left-section .section-box .input-box input[type=text] {
    padding: 0 10px;
    height: 34px;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    width: 90%;
    color: #000;
    line-height: 34px;
    border-radius: 6px;
    float: left
}

.mid-section .left-section .section-box .input-box input[type=text] {
    line-height: normal
}

.mid-section .left-section .section-box .input-box.active {
    border-color: #e6b705
}

.mid-section .left-section .error-box {
    padding-top: 5px;
    color: #f9080c;
    font-size: 12px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: left
}

.mid-section .left-section .section-box .service-box {
    float: left;
    width: 48%;
    border: 2px solid #e6b705;
    margin-right: 4%;
    padding: 20px 50px;
    padding-bottom: 30px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative
}

.mid-section .left-section .disable .section-box .service-box {
    border-color: #d9d9d9
}

.mid-section .left-section .section-box .service-box.last {
    margin-right: 0
}

.ppc-landingpage .main {
    width: 1170px;
    margin: 0 auto
}

.ppcbanner-wrap {
    background: #e6b705;
    padding: 72px 0 74px 0;
    text-align: center
}

.ppcbanner-wrap h1 {
    font-size: 40px;
    color: #000;
    text-transform: uppercase;
    font-family: pt_sansbold;
    line-height: 44px
}

.ppc-landingpage .yemonks-block {
    width: 1100px;
    margin: 20px auto 0 auto
}

.ppc-landingpage .yemonks-block p {
    font-size: 22px;
    line-height: 26px
}

.ppc-landingpage .yemonks-block p span {
    font-family: pt_sansbold
}

.ymonks-leftblock {
    float: left;
    margin-top: 46px;
    width: 52%;
    text-align: left
}

.ymonks-rightblock {
    float: left;
    margin-top: 54px;
    width: 30%;
    text-align: left;
    margin-left: 76px
}

.tryemonks-block .get-done {
    text-align: left;
    margin: 16px auto 0 auto
}

.ymonks-rightblock h3 {
    font-size: 22px;
    color: #000;
    font-family: pt_sansbold;
    margin-bottom: 6px
}

.ymonks-rightblock ul li {
    font-size: 18px;
    line-height: 30px;
    background: url(../images/ppctrue-tick.png) no-repeat left 8px;
    padding-left: 28px
}

.ymonks-rightblock ul li span {
    font-family: pt_sansbold
}

.tryemonks-block {
    padding-top: 32px;
    margin-top: 35px;
    border-top: solid 3px #d6a900
}

.trytitle {
    font-size: 30px;
    font-family: patua_oneregular, arial, sans-serif
}

.tryemonks-block p {
    font-size: 20px;
    font-family: pt_sansbold;
    margin-top: 8px
}

.tryemonks-block .get-done a {
    top: 2px;
    background: #000;
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 24px;
    border-radius: 3px;
    color: #fff;
    padding: 0 60px;
    position: relative;
    display: inline-block;
    margin-left: 0;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    width: 270px;
    margin-top: 0
}

.tryemonks-block .get-done a:hover {
    background: #d14e11
}

.tryemonks-block .get-done a i {
    background: url(../images/icon.png) no-repeat;
    width: 20px;
    height: 15px;
    display: inline-block;
    background-position: -45px 0
}

.ppcwork-block {
    background: #f5f5f5;
    padding: 50px 0 60px 0;
    text-align: center
}

.ppcwork-block p {
    font-family: pt_sansbold;
    font-size: 24px;
    color: #808285
}

.ppcwork-block p span {
    color: #000
}

.ppc-landingpage .our-client {
    background: #fff;
    padding: 0
}

.ppc-landingpage .section-title h2 {
    font-size: 36px;
    text-transform: uppercase;
    color: #000
}

.ppc-landingpage .section-name {
    background-color: #dbd9d9;
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0 52px;
    height: 57px;
    display: inline-block
}

.ppc-landingpage .section-name:before {
    content: "";
    width: 30px;
    height: 57px;
    position: absolute;
    left: -20px;
    top: 0;
    background: url(../images/icon.png);
    background-position: -179px -529px
}

.ppc-landingpage .section-name:after {
    content: "";
    width: 30px;
    height: 57px;
    position: absolute;
    right: -30px;
    top: 0;
    background: url(../images/icon.png);
    background-position: -239px -529px
}

.ppc-landingpage span.center-align {
    font-size: 36px;
    line-height: 57px
}

.ppc-landingpage .ms-staff-carousel .ms-nav-next,
.ppc-landingpage .ms-staff-carousel .ms-nav-prev {
    background-color: #fff
}

.ppc-landingpage .ms-slide-info.ms-dir-h {
    width: 100%;
    border: 3px solid #e6b705;
    padding: 20px 0 15px 0;
    position: relative;
    margin-top: 10px;
    min-height: 163px
}

.ppc-landingpage .ms-slide-info.ms-dir-h:before {
    position: absolute;
    background: url(../images/icon.png) no-repeat;
    background-position: -312px -528px;
    content: "";
    top: -17px;
    left: 47%;
    width: 43px;
    height: 24px
}

.ppc-landingpage .left_quote {
    width: 22px;
    height: 20px;
    display: inline-block;
    background: url(../images/icon.png) no-repeat;
    background-position: -390px -530px;
    margin-left: -2px;
    margin-right: 3px
}

.ppc-landingpage .right_quote {
    width: 22px;
    height: 20px;
    display: inline-block;
    background: url(../images/icon.png) no-repeat;
    background-position: -390px -564px;
    position: absolute;
    bottom: -4px;
    margin-left: 10px
}

.ppc-landingpage .ms-staff-carousel {
    margin: 50px auto 90px auto
}

.ppc-landingpage .awards-details {
    clear: both
}

.ppc-landingpage .quote-wrap {
    clear: both;
    background: #f5f5f5;
    position: relative
}

.ppc-landingpage .quote-wrap .section-title {
    margin-top: -22px;
    margin-left: -166px;
    position: absolute;
    left: 50%
}

.ppc-landingpage .quote-wrap span.center-align {
    font-size: 24px;
    line-height: 44px;
    color: #fff;
    text-transform: none
}

.ppc-landingpage .quote-wrap .section-name {
    background-color: #000;
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0 54px;
    height: 44px;
    display: inline-block
}

.ppc-landingpage .quote-wrap .section-name:before {
    content: "";
    width: 10px;
    height: 44px;
    position: absolute;
    left: -10px;
    top: 0;
    background: url(../images/icon.png);
    background-position: -88px -5px
}

.ppc-landingpage .quote-wrap .section-name:after {
    content: "";
    width: 10px;
    height: 44px;
    position: absolute;
    right: -9px;
    top: 0;
    background: url(../images/icon.png);
    background-position: -108px -5px
}

.ppc-landingpage .quoteform {
    clear: both;
    padding: 70px 0 54px 0;
    text-align: center
}

.ppc-landingpage .quoteform p {
    font-size: 18px;
    line-height: 24px
}

.quoteformblock {
    margin: 26px 8px 0 188px
}

.ppc-landingpage .quoteformblock .quote-leftblock {
    float: left;
    width: 27.8%
}

.ppc-landingpage .quoteformblock .quote-rightblock {
    float: left;
    margin-left: 30px;
    width: 54.4%
}

.ppc-landingpage .quoteformblock .quote-rightblock .fl {
    float: left;
    width: 158px
}

.ppc-landingpage .quoteformblock .quote-rightblock .fr {
    float: left;
    width: 96px;
    border: solid 2px #e2e2e2;
    margin-left: 13px;
    margin-top: 4px
}

.ppc-landingpage .form-group input,
.ppc-landingpage .form-group textarea {
    background: #fff;
    border: solid 2px #e2e2e2;
    height: 46px;
    font-size: 13px;
    color: #2d2d2d;
    padding: 2px 18px 0 12px
}

.ppc-landingpage .form-group textarea {
    height: 101px;
    padding: 14px 12px
}

.ppc-landingpage .form-submit {
    width: 250px;
    margin-top: 0
}

.ppc-landingpage .form-submit button {
    font-size: 24px;
    color: #fff;
    background: #000;
    height: 46px;
    border: solid 1px #000
}

.ppc-landingpage .form-submit i {
    right: 70px;
    top: 17px;
    background-position: -48px -1px
}

.ppc-landingpage .form-submit button:active,
.ppc-landingpage .form-submit button:focus,
.ppc-landingpage .form-submit button:hover {
    background: #d14e11;
    border: solid 1px #d14e11
}

.ppc-landingpage .fileupload .txtbox.focus {
    border: solid 2px #e2e2e2;
    border-right: solid 2px #e2e2e2
}

.ppc-landingpage .fileupload .txtbox {
    width: 100%;
    border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px
}

.ppc-landingpage .fileupload a {
    background: url(../images/quote-uploadbg.jpg) no-repeat left center;
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    height: 46px;
    border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    font-size: 18px;
    padding: 0;
    font-family: patua_oneregular, arial, sans-serif;
    line-height: 41px;
    width: 46px
}

.quoteformblock .form-group input:active,
.quoteformblock .form-group input:focus,
.quoteformblock .form-group textarea:active,
.quoteformblock .form-group textarea:focus {
    border: 2px solid #e6b705
}

.quoteformblock .form-group input.inp_red {
    border: 2px solid #d24e10;
    border-radius: 3px 3px 0 0
}

.quoteformblock .form-group input.inp_green {
    border: 2px solid #779816;
    border-radius: 3px 3px 0 0
}

.quoteformblock .form-group .green,
.quoteformblock .form-group .red {
    text-align: left
}

.emaildesignssamples-block {
    padding: 44px 0;
    text-align: center
}

.emaildesignstitle h2 {
    color: #000;
    text-transform: uppercase;
    font-family: patua_oneregular, arial, sans-serif;
    font-size: 30px;
    display: inline-block
}

.emaildesignstitle h2 span {
    color: #e6b705
}

.emaildesignstitle a {
    display: inline-block;
    font-family: patua_oneregular, arial, sans-serif;
    margin-left: 10px;
    font-size: 24px;
    color: #000
}

.emaildesignstitle a i {
    background: url(../images/icon.png) no-repeat;
    width: 20px;
    height: 15px;
    display: inline-block;
    background-position: -321px -570px
}

.ppc-landingpage .samplePage {
    width: 160px;
    border: solid 5px #000;
    height: 199px
}

.ppc-landingpage .samplePage .hover-img {
    width: 160px;
    height: 199px
}

.ppc-landingpage .nbs-flexisel-inner {
    width: 66%
}

.ppc-landingpage .successmsg {
    color: #000 !important
}

.flexslider-controls {
    clear: both;
    display: inline-block;
    margin-top: 26px
}

.flex-control-nav li {
    background: #d2d2d2;
    color: #fff;
    cursor: pointer;
    float: left;
    margin: 0 10px 0 0;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ppc-landingpageeds .ymonks-rightblock {
    width: 42%;
    margin-left: 60px
}

.ppc-landingpageeds .ppcwork-block {
    padding: 50px 0;
    clear: both;
    margin-bottom: 58px
}

.ppc-landingpageeds .quote-wrap {
    background: #fff
}

.ppc-landingpageeds .ms-staff-carousel {
    margin: 50px auto 60px auto
}

.ppc-landingpageeds .quote-wrap .section-title {
    margin-top: 0
}

.ppc-landingpageeds .dotted-line {
    background: url(../images/dottedppc.png) repeat-x;
    position: absolute;
    height: 2px;
    display: block;
    top: 21px;
    width: 100%
}

.ppc-landingpageeds .section-name {
    background-color: #000;
    z-index: 20;
    position: relative;
    text-align: center;
    padding: 0 75px;
    height: 44px;
    display: inline-block
}

.ppc-landingpageeds .section-name:before {
    content: "";
    width: 10px;
    height: 44px;
    position: absolute;
    left: -10px;
    top: 0;
    background: url(../images/icon.png);
    background-position: -88px -5px
}

.ppc-landingpageeds .section-name:after {
    content: "";
    width: 10px;
    height: 44px;
    position: absolute;
    right: -9px;
    top: 0;
    background: url(../images/icon.png);
    background-position: -108px -5px
}

.ppc-landingpageeds .section-name-color {
    color: #f1c005
}

.ppc-landingpageeds .section-title h2 {
    color: #fff
}

.ppc-landingpageeds span.center-align {
    font-size: 24px;
    line-height: 44px
}

.ppc-landingpageeds .section-title h2 {
    text-transform: none
}

.flex-control-nav {
    display: inline-block;
    margin-top: 26px
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, .5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3)
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, .7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, .9);
    cursor: default
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 0
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 0
    }
}

.news-note h2 {
    font-size: 24px
}

.landingpage .pb0 {
    padding-bottom: 0
}

.ppc-landingpageeds .owl-carousel {
    width: 65%
}

.ppc-landingpageeds .owl-theme .owl-controls .owl-page span {
    width: 15px;
    height: 15px;
    margin: 2px 5px
}

.ppc-landingpageeds .owl-theme .owl-controls .owl-page.active span,
.ppc-landingpageeds .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #e6b705;
    opacity: 1
}

.emaildesignstitle a:hover {
    color: #e6b705
}

.ppc-landingpage .side-requestbtn {
    position: fixed;
    right: 0;
    top: 280px;
    z-index: 9
}

.ppc-landingpage .side-requestbtn a {
    font-family: pt_sansbold;
    color: #e6b705;
    font-size: 15px;
    text-transform: uppercase;
    background: #000;
    line-height: 53px;
    display: inline-block;
    height: 53px;
    padding: 0 12px
}

.ppc-landingpage .side-requestbtn a i {
    margin-right: 6px
}

.ppc-landingpage .side-requestbtn a i img {
    vertical-align: middle
}

.triangle-left {
    width: 18px;
    height: 53px
}

.triangle-left img {
    vertical-align: top
}

.mailchimp-landing .custom-mailChimp-templates h2 a {
    color: #d14e11
}

.mailchimp-landing .custom-mailChimp-templates h2 a:hover {
    color: #000
}

.card {
    width: 23.5%;
    min-height: 271px;
    display: inline-block
}

.back,
.front {
    padding: 10px
}

.side-bar-popup p a {
    font-size: 18px;
    color: #fff;
    font-family: pt_sansregular, arial, sans-serif;
    background: #000;
    text-transform: uppercase;
    text-align: center;
    position: fixed;
    right: 0;
    top: 258px;
    padding: 12px 0 7px;
    width: 92px;
    z-index: 99999
}

.side-bar-popup p a::before {
    content: "";
    position: absolute;
    left: -17px;
    top: 0;
    background: url(../images/popup-arrow.png) no-repeat;
    background-size: 17px 59px;
    height: 59px;
    width: 17px
}

.side-bar-popup p a span {
    font-family: pt_sansbold;
    color: #e6b705;
    font-weight: 400;
    display: block
}

.side-bar-popup p a:hover span {
    color: #fff;
    transition: .5s ease-in;
    -webkit-transition: .5s ease-in;
    -moz-transition: .5s ease-in;
    -ms-transition: .5s ease-in;
    -o-transition: .5s ease-in
}

.popup-content {
    border: 2px solid #000;
    width: 264px;
    position: fixed;
    top: 258px;
    right: 0;
    z-index: 99999999999;
    display: none
}

.popup-content .title {
    background: #000;
    text-align: center;
    padding-bottom: 98px;
    position: relative;
    padding-top: 22px;
    line-height: 24px;
    margin-bottom: 2px
}

.popup-content .title h2 {
    text-transform: uppercase;
    font-size: 24px;
    font-family: pt_sansregular, arial, sans-serif;
    color: #fff
}

.popup-content .title h2 span {
    display: block;
    color: #e6b705;
    font-size: 20px;
    font-family: pt_sansbold;
    font-weight: 400
}

.popup-content img {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 104px
}

.apply-now {
    background: #e6b705;
    padding-top: 122px;
    text-align: center;
    padding-bottom: 30px
}

.apply-now h3 {
    font-family: pt_sansbold;
    color: #000;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase
}

.apply-now h3 span {
    display: block
}

.apply-now a {
    width: 104px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    line-height: 35px
}

.divider {
    width: 168px;
    margin: 0 auto;
    height: 3px;
    background: #cba102;
    margin-bottom: 17px;
    display: block;
    margin-top: 19px
}

.close-popup {
    background: url(../images/popup-close.png) no-repeat;
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
    position: absolute;
    top: -1px;
    left: -1px;
    text-indent: -99999px
}

#pop_up_buttons {
    width: 712px;
    float: left;
    margin: 0 auto
}

.button_area {
    margin: 0 0 0 240px
}

.button_area .icon_p {
    text-align: center;
    padding: 0 20px
}

.button_area .icon_p {
    text-align: center
}

.button_area {
    margin: 0 0 0 240px
}

.button_area .icon_p {
    text-align: center;
    padding: 0 20px
}

.preview {
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #d1d1d1;
    clear: both;
    margin: 0 auto;
    padding-top: 10px;
    text-align: center
}

.preview-mobile {
    width: 350px;
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #d1d1d1;
    border: 5px solid #d1d1d1;
    clear: both;
    margin: 0 auto
}

.CTA {
    clear: both;
    z-index: 1
}

.pop_bg {
    width: 100%;
    min-height: 920px;
    background: url(../img/overlay.png) fixed repeat;
    margin: 0 auto;
    z-index: 9999;
    position: fixed;
    top: 0;
    display: none;
    height: 100%
}

.pop_container {
    margin: 0 auto;
    max-width: 970px;
    margin-top: 5%;
    border: 15px solid #fff;
    background: #fff
}

#view {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.close {
    text-align: center;
    float: right;
    margin-top: 10px;
    opacity: 1 !important
}

.close a {
    cursor: pointer
}

#pop_up_logo {
    width: 180px;
    float: left
}

#pop_up_buttons {
    width: 712px;
    float: left;
    margin: 0 auto
}

#pop_up_hearder {
    clear: both;
    margin-bottom: 20px
}

#loading {
    display: block;
    height: 400px;
    width: 400px;
    text-align: center;
    margin: 0 auto;
    background: url(../images/templateloading.gif) no-repeat
}

@media (max-width:950px) {
    ul.resp-tabs-list {
        display: none
    }

    h2.resp-accordion {
        display: block
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #c1c1c1
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none
    }

    .resp-accordion-closed {
        display: none !important
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important
    }

    .resp-tab-active .btm-arrow,
    .resp-tab-content-active .content-arrow {
        display: none
    }

    .tab2-tab .top-bullet ul,
    .tab2-tab .top-bullet ul:last-child,
    .top-bullet ul,
    .top-bullet ul:last-child {
        width: 100%
    }

    .top-bullet li {
        font-size: 21px;
        line-height: 25px
    }

    .resp-tab-content h3 {
        font-size: 24px;
        line-height: 29px
    }

    .tab1-content .coding-main {
        width: 100%
    }

    .tab1-content .design-main {
        width: 100%;
        float: left;
        margin-top: 60px
    }

    .resp-tab-content {
        margin-bottom: 20px
    }

    .resp-tabs-list li {
        font-size: 23px
    }

    .top-bullet ul:last-child {
        width: 50%
    }

    .tab2-tab .top-bullet ul:last-child {
        width: 53%
    }

    .tab2-tab .top-bullet ul {
        width: 44%
    }

    .tab1-tab .content-arrow {
        left: 197px
    }

    .tab2-tab .content-arrow {
        right: 197px
    }

    .resp-tabs-list li {
        background-position: 85% center
    }

    .resp-tabs-list li.last {
        background-position: 78% center
    }

    .top-bullet li {
        font-size: 17px;
        line-height: 20px;
        margin-bottom: 13px
    }

    .tab1-content .coding-main {
        margin-right: 13px
    }

    .tab1-content .design-main {
        width: 49%
    }

    .addons .addons-block {
        margin-right: 10px
    }

    .addons .addons-block {
        width: 30%
    }

    .addons .addons-block .top-content h4 {
        font-size: 17px
    }

    .addons .addones-right {
        padding-left: 1%
    }

    .addons .addones-left {
        width: 50%;
        padding-right: 1%
    }

    .resp-tab-content h3 {
        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 22px;
        line-height: 26px
    }

    .software-integration .soft-inte-left li {
        width: 25%
    }

    .software-integration .soft-inte-right {
        padding-top: 0
    }

    #ChildTab .resp-tabs-list li {
        font-size: 20px
    }

    .samples-main .get-done {
        display: block;
        padding: 0
    }

    .samples-main .get-done a {
        width: 136px
    }
}

.wrapper {
    margin: 0 auto
}

* {
    padding: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.get-done a,
.service-button,
button,
input,
textarea {
    behavior: url(../pie.htc);
    position: relative
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

img {
    max-width: 100%;
    vertical-align: middle
}

img {
    border: 0 none;
    max-width: 100%
}

.left-75 {
    left: -75px
}

.btn-upload {
    border-top-right-radius: 0;
    background: #f38e1e;
    height: 30px;
    border-bottom-right-radius: 0;
    border: 0 solid #000;
    font-family: 'Museo 500', Arial, sans-serif;
    color: #fff
}

.btn-proceed {
    background: #f38e1e;
    font-family: 'Museo 500', Arial, sans-serif;
    color: #fff;
    border: 0 solid #000;
    border-radius: 0;
    padding: 5px 25px;
    height: 50px
}

.template-head {
    border: 1px solid;
    padding: 20px;
    color: #000;
    size: 25px
}

tr.template-details td {
    font-size: 14px;
    color: #000;
    font-weight: 400
}

.border-top {
    border-top: 1px solid #f1f1f1
}

.border-bottom {
    border-bottom: 1px solid #f1f1f1
}

.sub-title {
    font-size: 40px;
    font-family: 'Museo 700', Arial, sans-serif;
    color: #000;
    line-height: normal
}

p.sub-title {
    font-size: 15px;
    font-family: 'Museo 300', Arial, sans-serif;
    color: #000;
    line-height: 26px
}

.col-head {
    font-size: 32px;
    font-family: 'Museo 500', Arial, sans-serif;
    color: #000;
    line-height: normal
}

p.col-head {
    font-size: 17px;
    font-family: 'Museo 300', Arial, sans-serif;
    color: #000;
    line-height: 29px
}

label.urgency {
    color: #000;
    font-size: 15px
}

.p-title {
    font-size: 17px;
    font-family: 'Museo 300', Arial, sans-serif;
    color: #000;
    line-height: 29px
}

.checkbox.email {
    color: #fff
}

.checkbox.email i {
    border-color: #fff;
    background: #fff
}

ul.email-integrate li {
    display: inline-block;
    padding: 10px
}

.price-detail {
    font-size: 14px;
    color: #fff;
    font-family: 'Museo 500', Arial, sans-serif
}

.price-detail span {
    color: #fff;
    font-family: 'Museo 300', Arial, sans-serif
}

.color-orange {
    color: #f15c25
}

.home-head {
    font-size: 40px;
    font-family: museo_slab500, Arial, sans-serif;
    line-height: 65px;
    letter-spacing: .025em
}

.border-line {
    background-image: url(../img/index/line.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 3px
}

#header.noshadow {
    box-shadow: none !important;
    text-shadow: none !important
}

.page-title {
    font-family: Museo-700, Arial, sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #000
}

ul.nav-border-left li {
    border-left: 1px solid #f1f1f1
}

ul.nav-border-left li.first,
ul.nav-border-left li.last {
    border-left: 0 solid #f1f1f1
}

.nav-tabs.nav-bottom-border.nav-border-left>li>a {
    font-size: 24px
}

.boxed {
    margin-top: 50px;
    padding: 20px;
    background: #f9f9f9
}

.boxed h3 {
    font-family: Museo-700, Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #000;
    margin-top: 20px;
    margin-bottom: 0
}

.boxed p {
    font-family: Museo-500, Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #000
}

.latest h3 {
    font-family: Museo-300, Arial, sans-serif;
    font-size: 22px;
    font-weight: 400;
    color: #000
}

.latest h3 span {
    font-family: Museo-700, Arial, sans-serif;
    font-size: 24px;
    color: #000 !important
}

ul.updates {
    margin-left: 10px
}

ul.updates li {
    font-family: Museo-300, Arial, sans-serif;
    font-size: 15px;
    color: #000;
    padding: 10px 5px;
    list-style: url(../img/index/bullets.png)
}

.color-blue {
    color: #19b5fe
}

.border-right {
    border-right: 1px solid #f1f1f1
}

.highlights h3 {
    font-size: 30px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 0
}

.highlights p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    color: #000
}

.bg-grey {
    background: #fafafa
}

ul.new li {
    font-size: 20px;
    padding: 10px 5px 20px;
    margin-left: 15px;
    list-style: url(../img/index/bullets.png)
}

.content-head {
    font-family: Museo-700, Arial, sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #000
}

.pi-border-bottom {
    background: url(../img/crm/black.png) bottom center no-repeat
}

.pi-border-bottom-left {
    background: url(../img/crm/black.png) bottom left no-repeat
}

.flv-head {
    font-family: Museo-300, Arial, sans-serif;
    font-size: 22px;
    line-height: 40px;
    font-weight: 400;
    color: #000
}

.faq h2 {
    font-family: Museo-700, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0
}

.faq p {
    font-family: Museo-300, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #000
}

.star {
    background: url(../img/flv/stars.png);
    background-repeat: no-repeat;
    height: 30px;
    background-position: left
}

.review h2 {
    font-family: Museo-700, Arial, sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #000;
    margin-bottom: 10px
}

.review h3 {
    font-family: Museo-300, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #000
}

.sights h2 {
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0
}

.sights p {
    font-family: ProximaNova-Regular, Arial, sans-serif;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
    color: #000;
    text-align: justify
}

ul.customer-features li {
    display: list-item;
    list-style: disc;
    font-size: 16px;
    padding: 10px 5px;
    font-family: ProximaNova-Regular, Arial, sans-serif
}

ul.admin li a {
    padding: 10px 50px
}

.border-tab {
    border-bottom: 1px solid #f1f1f1 !important;
    border-top: 1px solid #f1f1f1 !important;
    padding: 20px 0
}

.store .form-control {
    padding: 11px 15px;
    border-radius: 10px;
    border: 1px solid #c8c8c8;
    font-size: 13px;
    color: #313131 !important
}

.store .btn-info {
    font-size: 20px;
    padding: 10px 30px;
    height: 52px
}

.line-border {
    background: url(../img/startup/line.png) center;
    background-repeat: no-repeat;
    height: 3px;
    margin-bottom: 10px
}

.layout-1 h3,
.layout-1 img {
    display: inline-block;
    margin-bottom: 12px;
    margin-left: 5px
}

.wcomm-head {
    font-family: ProximaNova-Regular, Arial, sans-serif;
    font-size: 18px;
    line-height: 40px;
    font-weight: 400;
    color: #000
}

.sub-head h2 {
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #000;
    margin-top: 20px;
    margin-bottom: 30px
}

.super-sub h3 {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 0
}

.super-sub p {
    font-size: 18px;
    margin-bottom: 20px
}

ul.start li {
    font-family: ProximaNova-Regular, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .015em;
    color: #000;
    padding: 10px 5px;
    margin-left: 50px;
    list-style: url(../img/index/bullets.png)
}

.full-border-tab {
    border: 1px solid #f1f1f1 !important
}

.arrow-tab {
    background: url(../img/smb/arrow.png) right no-repeat
}

.nav-tabs>li.arrow-tab.active>a,
.nav-tabs>li.arrow-tab.active>a:focus,
.nav-tabs>li.arrow-tab.active>a:hover {
    color: #555;
    cursor: default;
    background: url(../img/smb/arrow.png) right no-repeat;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.border-wrapper {
    border: 1px solid #f1f1f1;
    padding: 15px 30px
}

.bg-grey {
    background: #f5f5f5
}

.border-circle {
    border-radius: 50%;
    box-shadow: 0 0 15px #dedede;
    padding: 25px
}

ul.pricing li {
    display: inline-block !important;
    width: 22%;
    margin: 24px 55px;
    text-align: center;
    box-shadow: 0 0 15px #d6d1d1;
    border-radius: 5px
}

@media(max-width:1023px) and (min-width:768px) {
    .super-sub h3 {
        font-size: 17px
    }

    .super-sub p {
        font-size: 14px
    }

    .p-padding-25 {
        padding-bottom: 25px
    }
}

@media(max-width:767px) {
    ul.pricing li {
        width: 100%;
        margin: 24px 5px
    }
}

.pricing-head.bg-blue {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #4662c3;
    background: -webkit-linear-gradient(left, #4662c3, #5b76cc, #6e87d4);
    background: -o-linear-gradient(right, #4662c3, #5b76cc, #6e87d4);
    background: -moz-linear-gradient(right, #4662c3, #5b76cc, #6e87d4);
    background: linear-gradient(to right, #4662c3, #5b76cc, #6e87d4)
}

.pricing-head.bg-redd {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #e0625c;
    background: -webkit-linear-gradient(left, #e0625c, #e67673, #e98280);
    background: -o-linear-gradient(right, #e0625c, #e67673, #e98280);
    background: -moz-linear-gradient(right, #e0625c, #e67673, #e98280);
    background: linear-gradient(to right, #e0625c, #e67673, #e98280)
}

.pricing-head.bg-turquoise {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background: #40ada7;
    background: -webkit-linear-gradient(left, #40ada7, #45bab5, #49c6c2);
    background: -o-linear-gradient(right, #40ada7, #45bab5, #49c6c2);
    background: -moz-linear-gradient(right, #40ada7, #45bab5, #49c6c2);
    background: linear-gradient(to right, #40ada7, #45bab5, #49c6c2)
}

.pricing-head.bg-blue h3,
.pricing-head.bg-redd h3,
.pricing-head.bg-turquoise h3 {
    color: #fff;
    text-align: center
}

.price-blue {
    border: 5px solid #e1e1e1;
    background: #4863bc;
    border-radius: 50%;
    color: #fff;
    margin: 40px;
    font-size: 22px;
    text-shadow: 0 0 1px #1b1b1b;
    padding: 60px 20px !important;
    height: 170px;
    font-family: 'Museo 500', Arial, sans-serif
}

.price-red {
    border: 5px solid #e1e1e1;
    background: #e0625c;
    border-radius: 50%;
    color: #fff;
    margin: 40px;
    font-size: 22px;
    text-shadow: 0 0 1px #1b1b1b;
    padding: 60px 20px !important;
    height: 170px;
    font-family: 'Museo 500', Arial, sans-serif
}

.price-turquoise {
    border: 5px solid #e1e1e1;
    background: #40aea8;
    border-radius: 50%;
    color: #fff;
    margin: 40px;
    font-size: 22px;
    text-shadow: 0 0 1px #1b1b1b;
    padding: 60px 20px !important;
    height: 170px;
    font-family: 'Museo 500', Arial, sans-serif
}

.price-blue span,
.price-red span,
.price-turquoise span {
    font-size: 21px;
    font-family: 'Museo 500', Arial, sans-serif
}

.buy-price-blue,
.buy-price-red,
.buy-price-turquoise {
    padding: 10px 20px;
    color: #141414;
    border: 0;
    box-shadow: 0 0 15px #e1e1e1;
    background: #fff;
    background: -webkit-linear-gradient(#fff, #f5f5f5);
    background: -o-linear-gradient(#fff, #f5f5f5);
    background: -moz-linear-gradient(#fff, #f5f5f5);
    background: linear-gradient(#fff, #f5f5f5)
}

.box-shadow-full {
    box-shadow: 1px 2px 10px #e5e5e5
}

.box-wrapper {
    border: 1px solid #f1f1f1;
    padding: 50px 30px;
    box-shadow: 1px 2px 10px #e5e5e5
}

.super-sub.box-wrapper p {
    margin-bottom: 0
}

.noborder-white {
    background: #fff;
    border: 0 !important
}

.table-blue {
    color: #5d5d5d;
    font-size: 25px
}

.blue-tab {
    color: #646464
}

.table-pad tbody tr td {
    padding: 15px
}

@media(max-width:1023px) and (min-width:768px) {
    ul.pricing li {
        display: inline-block !important;
        width: 27%;
        margin: 20px 15px;
        text-align: center;
        box-shadow: 0 0 15px #d6d1d1;
        border-radius: 5px
    }

    .price-blue,
    .price-red,
    .price-turquoise {
        margin: 10px
    }
}

@media(max-width:375px) and (min-width:361px) {

    .price-blue,
    .price-red,
    .price-turquoise {
        margin: 60px
    }
}

@media(max-width:475px) and (min-width:376px) {

    .price-blue,
    .price-red,
    .price-turquoise {
        margin: 80px
    }
}

@media(max-width:360px) and (min-width:321px) {

    .price-blue,
    .price-red,
    .price-turquoise {
        margin: 50px
    }
}

@media(max-width:320px) {

    .price-blue,
    .price-red,
    .price-turquoise {
        margin: 30px
    }
}

ul.enterprise-tab li {
    border: 1px solid #f1f1f1
}

ul.enterprise-tab li.noborder {
    border: 0 solid #f1f1f1 !important;
    margin-right: -4px !important
}

.nav-tabs.nav-stacked.enterprise-tab>li>a {
    padding: 35px 0
}

.in-num img {
    background: #fff;
    border-radius: 50%;
    padding: 30px;
    box-shadow: 0 0 10px #d8d8d8
}

.success-bg {
    background: url(../img/about-us/section-bg.png) center no-repeat;
    background-position: 450px 32px
}

.success-top-50 {
    padding-top: 50px
}

.success-top-80 {
    padding-top: 80px
}

.success-top-200 {
    padding-top: 200px
}

.success-bottom-200 {
    padding-bottom: 200px
}

.success img {
    margin-bottom: 30px !important
}

.success h2 {
    font-size: 25px;
    font-family: proxima_nova_ltbold;
    line-height: 33px;
    color: #30373b
}

.success p {
    font-size: 15px;
    font-family: ProximaNova-Regular;
    line-height: 33px;
    color: #767676
}

@media(max-width:1023px) and (min-width:0px) {
    .success-bg {
        background: 0 0
    }

    .success-border {
        border-bottom: 1px solid #f1f1f1
    }

    .nobor {
        border-bottom: 0 solid #f1f1f1
    }

    .success-top-50 {
        padding-top: 20px
    }

    .success-top-80 {
        padding-top: 20px
    }

    .success-top-200 {
        padding-top: 20px
    }

    .success-bottom-200 {
        padding-bottom: 0
    }
}

.privacy-policy h1 {
    font-family: 'Museo 700', Arial, sans-serif;
    font-size: 20px;
    font-weight: 400px;
    line-height: 30px;
    margin-bottom: 20px
}

.privacy-policy p {
    font-family: 'Museo 500', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400px;
    line-height: 25px;
    margin-bottom: 40px
}

.filter-bg {
    background: #fff;
    border-bottom: 3px solid #cacaca;
    padding-top: 20px;
    margin-bottom: 50px
}

.plan {
    display: inline-block;
    line-height: 20px
}

.checkbox.blue,
.radio.blue {
    color: #4863bc
}

.checkbox.red,
.radio.red {
    color: #e0625c
}

.checkbox.turq,
.radio.turq {
    color: #40aea8
}

.price-blue small,
.price-red small,
.price-turquoise small {
    color: #fff
}

.box-plan {
    background: #fff;
    padding: 20px;
    box-shadow: 0 5px 0 #d8d8d8;
    margin-top: 20px;
    border-top: 2px Solid #d8d8d8;
    width: 98%
}

@media(max-width:767px) {
    .box-plan {
        width: 100%
    }
}

#slider .btn.btn-info-orange {
    color: #fff !important;
    background-color: #f28c13 !important;
    border-color: #f28c13;
    height: 45px;
    padding: 10px 25px
}

.margin-top-80 {
    margin-top: 35px !important
}

.padding-left-15 {
    padding-left: 15px
}

.btn-demo {
    padding: 10px 30px;
    background: #00a651;
    border-radius: 5px;
    font-size: 22px;
    width: 180px;
    margin-right: 10px
}

#slider .btn-addon,
.slider .btn-addon {
    padding: 10px 30px;
    border: #50bf3f;
    background: #fff;
    color: #000 !important;
    border-radius: 5px;
    font-size: 22px;
    width: 180px;
    height: 50px;
    font-family: Museo-500, Arial, sans-serif
}

#slider .btn-contact,
.slider .btn-contact {
    padding: 10px 30px;
    border: #19b5fe;
    background: #19b5fe;
    color: #fff !important;
    border-radius: 5px;
    font-size: 22px;
    width: 180px;
    margin-right: 10px
}

.review {
    background: url(../img/stars.png) no-repeat
}

.review.star-icon {
    width: 140px;
    height: 26px;
    background-position: 0;
    margin: 15px 10px 0;
    display: inline-block
}

.border-bottom-r {
    border-bottom: 1px solid #959595;
    padding-bottom: 50px
}

.bg-black {
    background: #313131;
    top: -70px
}

.count-client {
    font-family: 'Museo 500', sans-serif;
    font-size: 45px;
    color: #434343;
    line-height: 40px;
    border-right: 1px solid #ebebeb;
    padding-right: 20px
}

.count-client span {
    font-family: proxima_nova_ltbold, 'Museo 500', sans-serif;
    font-size: 14px;
    color: #434343;
    display: block;
    text-shadow: 0 1px 1px #cbcbcb
}

ul.client li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    padding: 0 14px
}

ul.client li i {
    margin-right: 0;
    border-right: 1px solid #ebebeb
}

ul.client li i.last {
    margin-right: 0;
    border-right: 0 solid #ccc
}

.client-bg {
    background: url(../img/client-bg.png) no-repeat
}

.client-bg.nam {
    width: 161px;
    height: 83px;
    background-position: -36px -2px;
    display: inline-block
}

.client-bg.hal {
    width: 160px;
    height: 84px;
    background-position: -273px -86px;
    display: inline-block
}

.client-bg.tas {
    width: 170px;
    height: 84px;
    background-position: -26px -86px;
    display: inline-block
}

.client-bg.tre {
    width: 140px;
    height: 73px;
    background-position: -34px -167px;
    display: inline-block
}

.client-bg.chat {
    width: 180px;
    height: 84px;
    background-position: -262px -6px;
    display: inline-block
}

ul.addon li {
    border-bottom: 1px solid #d8d8d8;
    text-align: center
}

ul.addon li a {
    padding: 5px 10px;
    font-family: 'Museo 500', Arial, sans-serif;
    font-size: 10.3px;
    color: #000
}

ul.addon li a:hover {
    color: #19b5fe !important
}

ul.addon li.last {
    border-bottom: 0
}

a.chat-fixed {
    font-size: 14px;
    color: #50bf3f;
    text-transform: capitalize;
    padding: 0 10px;
    outline: 0;
    text-decoration: none;
    position: fixed;
    top: 220px;
    left: 0
}

a.contact-fixed {
    font-size: 14px;
    color: #50bf3f;
    text-transform: capitalize;
    padding: 0 10px;
    outline: 0;
    text-decoration: none;
    position: fixed;
    top: 320px;
    left: 0;
    height: 40px;
    line-height: 45px
}

.cf-bg {
    background: url(../img/chat.png) no-repeat
}

.cf-bg.chat {
    width: 110px;
    height: 84px;
    background-position: -5px 0;
    display: block;
    text-align: center;
    z-index: 9999
}

.cf-bg.contact {
    width: 110px;
    height: 88px;
    background-position: -5px -80px;
    display: block;
    text-align: center;
    z-index: 9999
}

.cf-bg.chat span,
.contact_btn span {
    line-height: 26px;
    width: 100px;
    padding: 0 3px;
    display: block;
    text-align: center;
    border-radius: 3px
}

.cf-bg.chat span,
.contact_btn span {
    color: #549d37;
    font-weight: 400
}

.chat-position {
    top: 56px
}

.chat-position {
    top: 75px;
    position: relative
}

@media (max-width:767px) {
    ul.client li {
        display: inline-block;
        margin: 0 -8px !important;
        text-align: center
    }

    ul.client li.first {
        display: block
    }

    .m-center {
        text-align: center
    }
}

.p-padding-80 {
    padding: 80px 0
}

.push-menu {
    background: rgba(0, 0, 0, .97);
    position: fixed;
    border-right: 1px solid #37bcfa
}

#topMain.left-menu>li>a {
    height: 50px;
    line-height: 30px;
    color: #fff !important
}

#topMain.left-menu>li>a.img {
    height: 80px;
    text-align: center
}

.push-menu h3 {
    color: #afdefa;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #0d77b6
}

.push-menu a {
    display: block;
    color: #fff;
    font-size: 1.1em;
    font-weight: 300
}

.push-menu a:hover {
    background: #258ecd
}

.push-menu a:active {
    background: #afdefa;
    color: #47a3da
}

.push-menu-vertical {
    width: 270px;
    height: 100%;
    top: 0;
    z-index: 9999999
}

.push-menu-vertical a {
    border-bottom: 1px solid #258ecd;
    padding: 1em
}

.push-menu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden
}

.push-menu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left
}

.push-menu-horizontal a {
    float: left;
    width: 20%;
    padding: .8em;
    border-left: 1px solid #258ecd
}

.push-menu-left {
    left: -270px
}

.push-menu-left.push-menu-open {
    left: 0
}

.push-menu {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width:55.1875em) {
    .push-menu-horizontal {
        font-size: 75%;
        height: 110px
    }

    .push-menu-top {
        top: -110px
    }

    .push-menu-bottom {
        bottom: -110px
    }
}

@media screen and (max-height:26.375em) {
    .push-menu-vertical {
        font-size: 90%;
        width: 190px
    }

    .push-menu-left,
    .push-menu-push-toleft {
        left: -190px
    }

    .push-menu-right {
        right: -190px
    }

    .push-menu-push-toright {
        left: 190px
    }
}

@media (max-width:479px) {
    .hidden-2xs {
        display: none !important
    }

    .visible-2xs {
        display: block !important
    }

    .center-text-2xs {
        text-align: center !important
    }

    .center-text-2xs.row-block {
        float: left
    }

    .center-text-2xs.pull-right {
        float: none !important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }

    .visible-xs {
        display: block !important
    }

    .center-text-xs {
        text-align: center !important
    }

    .center-text-xs.row-block {
        float: left
    }

    .center-text-xs.pull-right {
        float: none !important
    }
}

@media (max-width:991px) {
    .hidden-sm {
        display: none !important
    }

    .visible-sm {
        display: block !important
    }

    .center-text-sm {
        text-align: center !important
    }

    .center-text-sm.row-block {
        float: left
    }

    .center-text-sm.pull-right {
        float: none !important
    }
}

@media (max-width:1119px) {
    .hidden-md {
        display: none !important
    }

    .visible-md {
        display: block !important
    }

    .center-text-md {
        text-align: center !important
    }

    .center-text-md.row-block {
        float: left
    }

    .center-text-md.pull-right {
        float: none !important
    }
}

@media (min-width:1120px) {
    .hidden-lg {
        display: none !important
    }

    .center-text-lg {
        text-align: center !important
    }

    .center-text-lg.row-block {
        float: left
    }

    .center-text-lg.pull-right {
        float: none !important
    }
}

.m-top-80 {
    margin-top: 80px
}

.m-padding-50 {
    padding: 50px
}

.m-padding-top-20 {
    padding-top: 20px
}

.m-padding-bottom-20 {
    padding-bottom: 20px
}

.process-head {
    font-size: 40px;
    text-align: center
}

@media (max-width:767px) {
    .home-head {
        font-size: 16px;
        font-family: museo_slab500, Arial, sans-serif;
        line-height: 30px;
        letter-spacing: .025em;
        text-align: center;
        margin-bottom: 5px
    }

    .p-padding-80 {
        padding: 20px 0
    }

    .m-top-80 {
        margin-top: 0
    }

    .page-title {
        font-size: 30px
    }

    .nopadding-top-m {
        padding-top: 0 !important
    }

    .nomargin-bottom-m {
        margin-bottom: 0 !important
    }

    .bg-black {
        background: #313131;
        top: 0
    }

    .faq h2 {
        font-size: 20px
    }

    .faq p {
        font-size: 15px
    }

    .highlights h3 {
        font-family: proxima_nova_ltbold, Arial, sans-serif;
        font-size: 24px
    }

    .highlights p {
        font-family: ProximaNova-Regular, Arial, sans-serif;
        font-size: 14px
    }

    .flv-head {
        font-size: 15px;
        line-height: 30px;
        text-align: justify
    }

    .wcomm-head {
        font-size: 15px;
        line-height: 30px;
        text-align: justify
    }

    .pad-left-30 {
        padding: 0 30px
    }

    .m-padding-50 {
        padding: 0
    }

    .m-padding-top-20 {
        padding-top: 0
    }

    .m-padding-bottom-20 {
        padding-bottom: 0
    }

    .process-block.nav>li {
        display: inline-block
    }

    .col-head {
        font-size: 24px
    }

    p.col-head {
        font-size: 15px;
        text-align: justify
    }
}

@media(max-width:1023px) and (min-width:768px) {
    .p-padding-80 {
        padding: 30px 0
    }

    .home-head {
        font-size: 25px;
        font-family: museo_slab500, Arial, sans-serif;
        line-height: 40px;
        letter-spacing: .025em;
        text-align: center;
        margin-bottom: 5px
    }

    .m-padding-50 {
        padding: 0
    }

    .m-padding-top-20 {
        padding-top: 0
    }

    .m-padding-bottom-20 {
        padding-bottom: 0
    }

    .process-head {
        font-size: 60px
    }
}

.vertical-align-bottom {
    vertical-align: bottom
}

ul.store-features li {
    border: 1px solid #d8d8d8;
    box-shadow: 0 0 10px #dcdcdc;
    padding: 5px 30px;
    width: 35%;
    text-align: center
}

ul.store-features li a {
    background: #fff !important
}

ul.nav-tabs.nav-button-tabs.store-features li a {
    color: #30373b !important;
    font-family: proxima_nova_ltbold;
    font-size: 22px
}

ul.nav-tabs.nav-button-tabs.store-features li.active a {
    color: #30373b !important;
    background: #f8f8f8 !important
}

ul.nav-tabs.nav-button-tabs.store-features li.active a {
    color: #30373b !important;
    background: #f8f8f8 !important
}

ul.nav-tabs.nav-button-tabs.store-features li.active {
    color: #000 !important;
    background: #f8f8f8 !important
}

.feature-cont h1 {
    font-family: proxima_nova_ltbold;
    color: #30373b !important;
    font-size: 50px;
    line-height: 40px;
    margin-bottom: 10px
}

.feature-cont h2 {
    font-family: proxima_nova_ltbold;
    color: #30373b !important;
    font-size: 25px;
    line-height: 40px;
    margin-bottom: 10px
}

.feature-cont p {
    font-family: ProximaNova-Regular;
    color: #767676 !important;
    font-size: 16px;
    line-height: 30px
}

.stroke1 {
    position: absolute;
    left: 523px;
    top: 169px;
    width: 11%
}

.stroke2 {
    position: absolute;
    left: 376px;
    top: 275px;
    height: 75%
}

.stroke3 {
    position: absolute;
    left: 764px;
    top: 275px;
    height: 75%
}

.our_fea {
    padding-right: 30px
}

.fea_hd {
    padding-bottom: 50px
}

.client_fea {
    margin-top: -20px;
    margin-bottom: -20px
}

.feature-sprite {
    background: url(../img/feature-sprite.png) no-repeat
}

.feature-sprite.gr {
    background-position: -33px -52px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.ps {
    background-position: -215px -52px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.cr {
    background-position: -367px -52px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.ih {
    background-position: -526px -52px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.bl {
    background-position: -680px -52px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.ct {
    background-position: -785px -52px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.cs {
    background-position: -1211px -52px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.st {
    background-position: -1087px -52px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.sp {
    background-position: -930px -52px;
    width: 110px;
    height: 100px;
    display: inline-block
}

.feature-sprite.ns {
    background-position: -40px -220px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.cp {
    background-position: -176px -220px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.sm {
    background-position: -326px -220px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.mm {
    background-position: -504px -220px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.ms {
    background-position: -620px -220px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.ua {
    background-position: -784px -220px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.am {
    background-position: -1236px -220px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.de {
    background-position: -1072px -220px;
    width: 115px;
    height: 100px;
    display: inline-block
}

.feature-sprite.dr {
    background-position: -940px -220px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.mi {
    background-position: -41px -390px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.ds {
    background-position: -190px -390px;
    width: 115px;
    height: 100px;
    display: inline-block
}

.feature-sprite.eo {
    background-position: -334px -390px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.ec {
    background-position: -504px -390px;
    width: 100px;
    height: 100px;
    display: inline-block
}

.feature-sprite.ep {
    background-position: -680px -390px;
    width: 115px;
    height: 100px;
    display: inline-block
}

.feature-sprite.zop {
    background-position: -30px -606px;
    width: 245px;
    height: 120px;
    display: inline-block
}

.feature-sprite.wchat {
    background-position: -1120px -386px;
    width: 245px;
    height: 120px;
    display: inline-block
}

.feature-sprite.payu {
    background-position: -827px -386px;
    width: 245px;
    height: 120px;
    display: inline-block
}

.feature-sprite.ebs {
    background-position: -354px -601px;
    width: 100px;
    height: 120px;
    display: inline-block
}

.feature-sprite.dp {
    background-position: -542px -589px;
    width: 235px;
    height: 120px;
    display: inline-block
}

.feature-sprite.pt {
    background-position: -813px -602px;
    width: 245px;
    height: 120px;
    display: inline-block
}

.feature-sprite.pp {
    background-position: -43px -788px;
    width: 265px;
    height: 120px;
    display: inline-block
}

.feature-sprite.mv {
    background-position: -389px -788px;
    width: 245px;
    height: 120px;
    display: inline-block
}

.feature-sprite.aff {
    background-position: -723px -794px;
    width: 180px;
    height: 120px;
    display: inline-block
}

.feature-sprite.rb {
    background-position: -1056px -615px;
    width: 275px;
    height: 120px;
    display: inline-block
}

.feature-sprite.auc {
    background-position: -993px -805px;
    width: 295px;
    height: 120px;
    display: inline-block
}

a.feature-scroll {
    font-size: 12px;
    color: #fff;
    text-transform: capitalize;
    padding: 0;
    outline: 0;
    text-decoration: none;
    position: fixed;
    top: 280px;
    right: 0;
    line-height: 25px
}

.feature-scroll span {
    display: block;
    padding: 10px 10px 10px 35px;
    text-align: center;
    font-size: 15px
}

.feature-scroll span.first {
    padding-top: 10px
}

.feature-scroll span.last {
    padding-bottom: 10px
}

.btn-take {
    padding: 15px 30px;
    background: #fff;
    border-radius: 5px;
    font-size: 22px;
    margin-right: 10px;
    color: #19b5fe !important;
    border: 2px solid #19b5fe;
    box-shadow: 0 0 16px #e4e4e4;
    font-family: ProximaNova-Regular
}

#topBar.dark-bgcolor {
    background-color: #f5f5f5 !important
}

#topBar.dark-bgcolor .dropdown-menu a,
#topBar.dark-bgcolor ul.top-links>li>a {
    color: #6e6e6e !important;
    font-size: 12px;
    font-family: Museo-700, sans-serif
}

.font-color {
    color: #6e6e6e;
    font-size: 15px;
    font-family: museo-500, sans-serif;
    padding-top: 5px;
    padding-bottom: 5px
}

ul.aff-menu-color li a {
    color: #6e6e6e !important
}

heading-color {
    color: #6e6e6e
}

.heading-align {
    font-size: 50px;
    text-align: center;
    color: #19b5fe;
    font-weight: 700;
    margin-bottom: 50px
}

.second-text {
    font-size: 25px;
    text-align: center;
    color: #6e6e6e;
    font-weight: 500;
    margin-bottom: 50px
}

.margin-aling {
    margin-top: 50px
}

.letter-align {
    font-size: 15px;
    color: #6e6e6e !important;
    font-weight: 500;
    line-height: 30px
}

.line-color {
    background-image: none;
    background-repeat: no-repeat;
    background-position: bottom
}

.line-color:hover {
    background-image: url(../img/affiliate/line.png);
    background-repeat: no-repeat;
    background-position: 0 36px;
    height: 60px;
    display: block
}

.pad-top {
    padding-top: 20px
}

div.toggle>.txt-col>label {
    font-size: 16px;
    color: #6e6e6e !important
}

.but-alg {
    color: #fff;
    font-size: 25px;
    background-color: #19b5fe !important;
    border-color: #46b8da;
    border-radius: 5px;
    padding: 10px 30px
}

.button1 {
    border: 2px solid #17a5e7;
    border-radius: 4px;
    padding: 10px 30px;
    position: absolute;
    left: 42%
}

#footer.aff-footer .copyright {
    background: #fff !important;
    border-top: 1px solid #f5f5f5
}

#footer.aff-footer p {
    color: #000 !important;
    font-family: Museo-500, arial, sans-serif !important
}

#footer.aff-footer li a {
    color: #000 !important;
    font-family: Museo-300, arial, sans-serif !important
}

.fnt-c {
    color: #fff
}

.circle-col {
    border-radius: 50%;
    box-shadow: 0 0 2px #dedede;
    padding: 35px
}

.circle-col:hover {
    background-color: #ebebeb !important
}

.font-cont {
    font-size: 17px;
    font-weight: 500
}

.font-head {
    font-size: 30px;
    font-weight: 700
}

.line-ht {
    line-height: 20px
}

.margin-top {
    margin-top: 3%
}

.fnt-weight {
    font-weight: 700 !important
}

.font-color {
    color: #6e6e6e;
    font-size: 15px;
    font-family: museo-500, sans-serif;
    padding-top: 5px;
    padding-bottom: 5px
}

ul.aff-menu-color li a {
    color: #6e6e6e !important
}

heading-color {
    color: #6e6e6e
}

.heading-align {
    font-size: 50px;
    text-align: center;
    color: #19b5fe;
    font-weight: 700;
    margin-bottom: 50px;
    text-shadow: 1px 2px
}

@media(max-width:767px) {
    .heading-align {
        font-size: 30px;
        margin-bottom: 20px
    }
}

.second-text {
    font-size: 25px;
    text-align: center;
    color: #6e6e6e;
    font-weight: 500;
    margin-bottom: 50px
}

@media(max-width:767px) {
    .second-text {
        font-size: 20px
    }
}

.margin-aling {
    margin-top: 50px
}

@media(max-width:767px) {
    .margin-aling {
        margin-top: 5px
    }
}

.letter-align {
    font-size: 15px;
    color: #6e6e6e !important;
    font-weight: 500;
    line-height: 30px
}

.line-color {
    background-image: url(../img/affiliate/line.png);
    background-repeat: no-repeat;
    background-position: 0 36px;
    display: block
}

.pad-top {
    padding-top: 20px
}

div.toggle>.txt-col>label {
    font-size: 16px;
    color: #6e6e6e !important
}

.but-alg {
    color: #fff;
    font-size: 25px;
    background-color: #19b5fe !important;
    border-color: #46b8da;
    border-radius: 5px;
    padding: 10px 30px
}

.button1 {
    border: 2px solid #17a5e7;
    border-radius: 4px;
    padding: 10px 30px
}

#footer.aff-footer .copyright {
    background: #fff !important;
    border-top: 1px solid #f5f5f5
}

#footer.aff-footer p {
    color: #000 !important;
    font-family: Museo-500, arial, sans-serif !important
}

#footer.aff-footer li a {
    color: #000 !important;
    font-family: Museo-300, arial, sans-serif !important
}

.input:focus {
    outline: 0
}

.txt-alg {
    font-size: 20px;
    font-weight: 500;
    color: #b9b9b9;
    font-family: museo-500, sans-serif
}

.end-lin {
    font-family: museo-500, sans-serif;
    font-size: 13px;
    color: #b9b9b9;
    font-weight: 500
}

.but-siz {
    font-size: 25px;
    border: 2px solid #17a5e7;
    border-radius: 5px;
    padding: 5px 50px
}

.faq-ln {
    background-image: url(../img/affiliate/line.png);
    background-repeat: no-repeat;
    background-position: 384px 36px;
    height: 60px;
    display: block
}

@media(max-width:767px) {
    .faq-ln {
        background-position: 0 56px
    }
}

.line {
    background-image: url(../img/affiliate/line.png);
    background-repeat: no-repeat;
    background-position: 100px 36px;
    height: 60px;
    display: block
}

@media(max-width:767px) {
    .line {
        background-image: url(../img/affiliate/line.png);
        background-position: 0 36px
    }
}

.bor-line {
    background-image: url(../img/affiliate/line.png);
    background-repeat: no-repeat;
    background-position: 384px 36px;
    height: 60px;
    display: block
}

@media(max-width:767px) {
    .bor-line {
        background-position: 0 56px
    }
}

.bx-sh {
    background-color: #fff;
    box-shadow: 0 0 19px #ddd;
    padding-top: 70px;
    padding-bottom: 0
}

@media(max-width:767px) {
    .bx-sh {
        padding: 10px 15px;
        margin: 0;
        padding-top: 60px
    }
}

.text-cl {
    font-family: museo-500, sans-serif;
    font-size: 16px;
    color: #b9b9b9 !important
}

.sky-form.brd-wd .input input {
    border-width: 1px !important
}

.mar-tp {
    margin-top: -15px
}

.form-control.cnt {
    border: 1px solid #f1f1f1
}

.box {
    background-color: #fff;
    box-shadow: 0 0 19px #ddd;
    padding-top: 25px;
    padding-bottom: 10px
}

.form-control.bpx {
    border: 1px solid #f1f1f1
}

.box-men {
    font-size: 16px;
    font-weight: 500;
    color: #999;
    font-family: museo-500, sans-serif
}

.bg-ln {
    background-image: url(../img/affiliate/barline.png);
    background-repeat: no-repeat;
    background-position: 23px 1px;
    height: 34px
}

.ln {
    background-image: url(../img/affiliate/line.png);
    background-repeat: no-repeat;
    background-position: 384px 36px;
    height: 60px;
    display: block
}

@media(max-width:767px) {
    .ln {
        background-position: 0 36px
    }
}

.lin {
    background-image: url(../img/affiliate/line.png);
    background-repeat: no-repeat;
    background-position: 384px 36px;
    height: 60px;
    display: block
}

@media(max-width:767px) {
    .lin {
        background-position: 0 56px
    }
}

.ba-co {
    background-color: #ffc900
}

.nav-tabs.tb li a {
    color: #fff
}

.nav-tabs.tb li.active a {
    color: #000 !important
}

.tab-bor {
    border: #ccc 1px solid
}

.bb-colo {
    background: #fff;
    border: #ebebeb 2px solid
}

.nav-tabs.tb li {
    text-align: center;
    width: 18%
}

.nav-tabs.tb li.last {
    text-align: center;
    width: 22%
}

@media(max-width:767px) {
    .nav-tabs.tb li {
        width: 100%
    }

    .nav-tabs.tb li.last {
        width: 100%
    }
}

.sh {
    background-color: #fff;
    box-shadow: 0 0 19px #ddd;
    padding-top: 70px;
    padding-bottom: 70px
}

.line.pos {
    background-position: 390px 36px
}

@media(max-width:767px) {
    .line.pos {
        background-position: 0 36px
    }
}

.head {
    font-size: 16px;
    color: #6e6e6e;
    font-weight: 700
}

.p {
    color: #6e6e6e
}

.page-header.head {
    background-color: #b7b7b7
}

.hed-cl {
    font-family: museo-500, sans-serif;
    font-size: 16px;
    color: #fff;
    background-color: #b7b7b7
}

.tab-tex {
    color: #ababab
}

#slider h1.siz {
    font-size: 50px;
    line-height: 76px
}

.text-size {
    font-family: museo-700, sans-serif;
    font-size: 60px
}

.sub-head {
    font-family: museo-700, sans-serif;
    font-size: 25px
}

.la-head {
    font-family: museo-500, sans-serif;
    font-size: 18px
}

.super-sub p.para {
    font-family: ProximaNova-Regular, sans-serif;
    font-size: 15px
}

.mr-bt {
    margin-bottom: 5px
}

.db {
    font-family: museo-700, sans-serif;
    font-size: 40px
}

.m-tp {
    margin-top: 30px
}

.text-dec {
    border-bottom: 1px solid #19b5fe;
    width: 25%
}

.text-dec.wid {
    width: 18%
}

.user {
    border-bottom: 1px solid #19b5fe;
    width: 42%
}

.coupon {
    border-bottom: 1px solid #19b5fe;
    width: 50%
}

.card-man {
    border-bottom: 1px solid #19b5fe;
    width: 42%
}

.mem-manage {
    border-bottom: 1px solid #19b5fe;
    width: 60%
}

.order-management {
    border-bottom: 1px solid #19b5fe;
    width: 45%
}

.ScrollStyle {
    max-height: 400px;
    overflow-y: scroll
}

.food-tab-ht {
    min-height: 400px
}

.merchant {
    border-bottom: 1px solid #19b5fe;
    width: 53%
}

.Restaurants {
    border-bottom: 1px solid #19b5fe;
    width: 59%
}

.newsletter {
    border-bottom: 1px solid #19b5fe;
    width: 44%
}

.cms {
    border-bottom: 1px solid #19b5fe;
    width: 11%
}

.email-tem {
    border-bottom: 1px solid #19b5fe;
    width: 38%
}

.URL-Management {
    border-bottom: 1px solid #19b5fe;
    width: 41%
}

.Static-Text-Management {
    border-bottom: 1px solid #19b5fe;
    width: 55%
}

nav-tabs.nav-left-border>li>a {
    border-left: transparent 3px solid !important
}

.nav-tabs.nav-left-border>li.active>a,
.nav-tabs.nav-left-border>li.active>a:hover {
    border-left: #92d5fe 3px solid !important
}

.menu-bor {
    border-bottom: 1px solid #eee
}

.style-fnt {
    font-family: museo-500, sans-serif;
    font-size: 30px
}

.button-price {
    background-color: #f0f0f0;
    border: 1px solid;
    border-radius: 5px;
    color: #ababab !important;
    padding: 10px 90px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    margin: 30px 2px;
    cursor: pointer
}

.button-price:hover {
    background-color: #19b5fe;
    color: #fff !important
}

.ft {
    font-family: museo-700, sans-serif;
    font-size: 54px
}

#slider h1.top-hd {
    font-size: 45px !important
}

.font-sf {
    font-family: museo-500, sans-serif;
    font-size: 17px
}

section.t-tp {
    padding: 0;
    margin: 0
}

.hig-fe {
    font-size: 55px
}

.super-sub p.custom {
    font-family: ProximaNova-Regular, sans-serif;
    font-size: 15px
}

.shdw {
    box-shadow: 0 20px 50px #f5e9e9;
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.bounce {
    animation-name: bounce;
    -webkit-animation-name: bounce;
    animation-duration: 1.6s;
    -webkit-animation-duration: 1.6s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}

@keyframes bounce {
    0% {
        transform: translateY(0) scaleY(.6)
    }

    60% {
        transform: translateY(-100%) scaleY(1.1)
    }

    70% {
        transform: translateY(0) scaleY(.95) scaleX(1.05)
    }

    80% {
        transform: translateY(0) scaleY(1.05) scaleX(1)
    }

    90% {
        transform: translateY(0) scaleY(.95) scaleX(1)
    }

    100% {
        transform: translateY(0) scaleY(1) scaleX(1)
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0) scaleY(.6)
    }

    60% {
        -webkit-transform: translateY(-100%) scaleY(1.1)
    }

    70% {
        -webkit-transform: translateY(0) scaleY(.95) scaleX(1.05)
    }

    80% {
        -webkit-transform: translateY(0) scaleY(1.05) scaleX(1)
    }

    90% {
        -webkit-transform: translateY(0) scaleY(.95) scaleX(1)
    }

    100% {
        -webkit-transform: translateY(0) scaleY(1) scaleX(1)
    }
}

.box-wrapper.wi {
    padding: 10px 0
}

.margin-lr-15 {
    margin: 0 15px
}

.super-sub h3.sz {
    font-size: 17px
}

.bc {
    background-color: #424242
}

.font-c {
    color: #fff !important;
    font-size: 25px
}

.price-clean h4 {
    font-size: 50px;
    margin-top: 17px
}

.price-clean h4 {
    color: #50bf3f
}

.p-c {
    color: #a3a3a3
}

.price-clean p {
    color: #a3a3a3
}

.button-tp {
    background-color: #373942;
    border: 1px solid;
    border-radius: 30px;
    color: #fff !important;
    padding: 10px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 30px 2px;
    cursor: pointer
}

.button-tp:hover {
    background-color: #fff;
    color: #373942 !important
}

.box-wrapper.bg-w {
    background: #fff !important;
    border-top: 2px solid #e1e1e1
}

.mt {
    margin-top: 70px
}

.he {
    height: 327px
}

.h-tp {
    padding-top: 82px
}

.mp {
    margin-top: -245px;
    position: absolute
}

.ma-l {
    margin-left: 20%
}

.ma-r {
    margin-left: 47%
}

.ml-tp {
    margin-left: 35%;
    margin-top: -5%
}

.p-d {
    padding-bottom: 12%
}

.mtl {
    margin-top: -36%;
    margin-left: 20%
}

.f-s {
    font-size: 46px;
    font-weight: 700
}

.w-a {
    font-family: museo-700, sans-serif;
    font-size: 50px
}

.web-f {
    font-family: museo-500, sans-serif;
    font-size: 15px
}

.pos {
    position: absolute;
    margin-left: 55%;
    margin-top: 3%
}

.top-posi {
    margin-top: 7%
}

.top-poi {
    margin-top: 9%
}

.m-tp-sz {
    margin-top: -8%
}

.ft-sze {
    font-size: 28px !important
}

.tp-le {
    margin-top: 15%;
    margin-left: 20%
}

.tp-margin {
    margin-top: 24%
}

ul.footer-partners li {
    display: inline-block
}

.in-bl {
    display: inline-block;
    margin-left: 10%
}

.inline-b {
    display: inline-block
}

ul.footer-partners li img {
    width: 70%
}

.scr {
    width: auto;
    height: 210px;
    border: 10px solid #bed5cd;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

.nav-tabs.nav-bottom-border.col>li.active>a,
.nav-tabs.nav-bottom-border>li.active>a:hover {
    border-bottom-color: #2e96db !important
}

#slider h1.font-siz {
    font-size: 55px
}

.bx-sh-ticker {
    background-color: #fff;
    box-shadow: 0 0 19px #ddd;
    padding-top: 70px;
    padding-bottom: 70px
}

.d-btn {
    padding: 10px 30px;
    border: #19b5fe;
    background: #19b5fe;
    color: #fff !important;
    border-radius: 5px;
    font-size: 22px;
    width: 180px;
    margin-right: 10px
}

.bk-color {
    background-color: #000
}

.fnt-c {
    color: #fff
}

.circle-col {
    border-radius: 50%;
    box-shadow: 0 0 2px #dedede;
    padding: 35px
}

.circle-col:hover {
    background-color: #ebebeb !important
}

.font-cont {
    font-size: 17px;
    font-weight: 500
}

.font-head {
    font-size: 30px;
    font-weight: 700
}

.line-ht {
    line-height: 20px
}

.margin-top {
    margin-top: 3%
}

.fnt-weight {
    font-weight: 700 !important;
    margin-bottom: 10px
}

.box-wrapper.max-height {
    max-height: 194px
}

@media(max-width:767px) {
    .box-wrapper.max-height {
        max-height: 9%
    }
}

@media(max-width:1023px) and (min-width:768px) {
    .box-wrapper.max-height {
        max-height: 0%
    }
}

.box-wrapper.wi.width {
    padding: 10px 15px
}

.para-top {
    margin-top: 15px
}

.btn-demo.color {
    background: #67dde0
}

#slider .btn-contact,
.slider .btn-col {
    padding: 10px 30px;
    border: #19b5fe;
    background: #ebb129;
    color: #fff !important;
    border-radius: 5px;
    font-size: 22px;
    width: 200px;
    margin-right: 10px
}

.btn-info.co {
    background-color: #67dde0 !important;
    border-color: #67dde0
}

a.feature-scroll.bag-col {
    box-shadow: 0 0 0;
    background-image: url(../img/startup/features.png);
    background-repeat: no-repeat;
    background-color: transparent
}

.ft-s {
    font-family: museo-500, sans-serif !important
}

.pull-right {
    float: right
}

.m-l {
    margin-left: 84%
}

.m-top-80.r-s {
    margin-top: 30px
}

.bg-black.tp {
    top: -108px
}

.btn-group.pull-right.mar,
.btn.pull-right {
    margin: 14px 0 5px 5px
}

.btn-demo.cl {
    background: #67dde0
}

.border-circle.pading {
    padding: 50px;
    box-shadow: 0 0 10px #dedede
}

.mar-sec-top {
    margin-top: 18%
}

.second-par {
    margin-top: 14% !important
}

.side-part {
    margin-top: 10% !important
}

.last-part {
    margin-top: 17% !important
}

.bg-cl {
    background: #f9fafa !important
}

.float-right {
    float: right
}

@media(max-width:767px) {
    .float-right {
        float: none !important
    }
}

.pad-rl {
    padding-right: 0;
    padding-left: 0
}

.head-pos {
    margin-right: 25%;
    margin-top: 7% !important
}

.para-pt {
    padding-top: 14px
}

@media(max-width:767px) {
    .para-pt {
        padding-top: 50px
    }
}

.head-pos.price {
    margin-right: 43% !important
}

.min-fir {
    min-height: 354px
}

.back-col {
    background: #f9fafa
}

.font-size-head {
    font-size: 15px;
    line-height: 25px
}

.font-size-25 {
    font-size: 25px !important
}

.ft-si {
    font-family: museo-500, sans-serif !important;
    font-size: 15px !important
}

.down-bg {
    background: #f6f6f6
}

ul.downloadable-products li {
    width: 49%;
    display: inline-block
}

ul.downloadable-products {
    background-color: transparent !important
}

ul.downloadable-products li.firt {
    border-bottom: 0;
    border-right: 0
}

ul.downloadable-products li.lat {
    border-top: 0;
    border-left: 0
}

.page-title.font-size {
    font-size: 27px
}

.pading-tp {
    padding-top: 10px
}

.padding-top-50 {
    padding-top: 50px
}

.box-border {
    border-left: 1px solid #ebebeb
}

.bor-top {
    border-top: 1px solid #ebebeb
}

.bx-sh.pad {
    padding: 55px 38px
}

.mrg-tp-bx {
    margin-top: 4% !important
}

.text-color {
    color: #5d5d5d
}

@media(max-width:767px) {
    .box-border.mob {
        border-left: 0 solid #ebebeb
    }
}

@media(max-width:767px) {
    .bor-top.mob {
        border-top: 0 solid #ebebeb
    }
}

.sliderv-wrapper.wrp,
.ui-slider-vertical {
    width: .1em
}

.ui-slider-vertical .ui-slider-handle.hand {
    left: -.45em;
    margin-left: 0;
    margin-bottom: -.6em
}

.backgr-col {
    background: #b7b7b7
}

#slider-vertical.ui-slider .ui-slider-handle {
    background: #19b5fe;
    border-radius: 13px;
    left: -10px !important
}

.ui-slider .ui-slider-range but {
    background-color: #b7b7b7
}

.margin-left-scrol {
    margin-left: 40%
}

.mrg-tp-line {
    margin-top: 49%
}

.anim-line {
    border: 1px solid #e8e8e8;
    width: 1px !important;
    margin: 100px 50%;
    height: 600px
}

.anim-round {
    border: 2px solid #e8e8e8;
    width: 30px;
    margin: 0 36%;
    position: absolute;
    top: 10%;
    height: 30px;
    border-radius: 25px;
    background: #fff none repeat scroll 0 0
}

@media (min-width:768px) and (max-width:1023px) {
    .anim-round {
        margin: 0 26%
    }
}

.anim-round1 {
    border: 2px solid #e8e8e8;
    width: 30px;
    margin: 0 36%;
    position: absolute;
    top: 50%;
    height: 30px;
    border-radius: 25px;
    background: #fff none repeat scroll 0 0
}

@media (min-width:768px) and (max-width:1023px) {
    .anim-round1 {
        margin: 0 26%
    }
}

.anim-round2 {
    border: 2px solid #e8e8e8;
    width: 30px;
    margin: 0 36%;
    position: absolute;
    top: 85%;
    height: 30px;
    border-radius: 25px;
    background: #fff none repeat scroll 0 0
}

@media (min-width:768px) and (max-width:1023px) {
    .anim-round2 {
        margin: 0 26%
    }
}

.round-animation a.active {
    background: #19b5fe
}

.heading {
    font-family: Museo-700, Arial, sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #000
}

.sub-heading {
    font-family: Museo-700, Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    color: #000 !important;
    margin-top: 20px;
    margin-bottom: 0 !important
}

.img-heading {
    display: inline-block;
    margin-bottom: 12px;
    margin-left: 5px
}

.p-bl {
    background: #ebebeb;
    border-radius: 50%;
    color: #000;
    margin: 40px;
    font-size: 23px;
    padding: 60px 20px !important;
    height: 170px;
    font-family: proxima_nova_ltbold, 'Museo 700', Arial, sans-serif
}

@media(max-width:767px) {
    .p-bl {
        margin: 33px;
        padding: 60px 19px !important
    }
}

.but-color {
    background: #5a5a5a none repeat scroll 0 0;
    color: #fff;
    padding: 7px 55px
}

.pricing-head.bg-redd.col {
    background: #f28c13
}

.pricing-head.bg-redd.colo {
    background: #edf1f4
}

.but-color.middle-but-color {
    background: #f28c13 !important
}

.but-color.middle-but-colo {
    background: #67dde0 !important
}

.top-heading-pad {
    padding: 13%
}

.top-box-cl {
    background: #5a5a5a !important
}

.top-bt {
    border-radius: 35px;
    background: #f4f4f4;
    padding: 5px
}

.pricing-head.bg-blue h3,
.pricing-head.bg-redd h3,
.pricing-head.bg-turquoise h3.black {
    color: #000
}

.btn-demo.width {
    width: 200px
}

#slider .btn-contact,
.slider .btn-col.wid {
    width: 200px
}

#slider .btn-addon,
.slider .btn-addon.wh-wid {
    width: 200px
}

.dropdown-menu.white-bt-pad {
    padding: 5px 10px
}

.bg-black.clientpad {
    top: -85px;
    box-shadow: 4px -10px 40px #4e4e4e;
    background-color: #fff !important
}

.full-border-tab.no-border-side {
    border: 0 solid #f1f1f1 !important
}

.full-border-tab.bor-dw {
    border-bottom: 1px solid #ebebeb !important
}

.drop-shadow {
    position: relative;
    float: left;
    width: 100%;
    padding: 1em;
    margin: 6em 10px 4em;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(140, 140, 140, .1) inset -moz-box-shadow:0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(140, 140, 140, .1) inset;
    box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(140, 140, 140, .1) inset
}

@media (min-width:768px) and (max-width:1023px) {
    .drop-shadow {
        padding: .42em
    }
}

.drop-shadow:after,
.drop-shadow:before {
    content: "";
    position: absolute;
    z-index: -2
}

.lifted {
    -moz-border-radius: 0;
    border-radius: 0
}

.lifted:after,
.lifted:before {
    bottom: 10px;
    left: 5px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    max-height: 100px;
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
    box-shadow: 0 15px 5px rgba(0, 0, 0, .7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.lifted:after {
    right: 5px;
    left: auto;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    transform: rotate(3deg)
}

.bs-min-he {
    min-height: 269px
}

.font-weight {
    font-family: Museo-500, Arial, sans-serif !important
}

.mtop {
    margin-top: -15%
}

.mb {
    margin-bottom: -6%
}

.ft-sie {
    font-size: 12px
}

.sybmbol-price {
    font-size: 76%;
    color: #000
}

.box-shad {
    box-shadow: 0 6px #d9d9d9
}

.margin-box-top {
    margin: 0
}

@media(max-width:767px) {
    .left-mar {
        margin-left: 27%
    }

    .margin-le-img {
        margin-left: 8% !important
    }

    .align-jus {
        text-align: justify !important
    }

    .text-al-cen {
        text-align: center
    }

    .star-cen {
        margin-left: 26% !important
    }

    .pri {
        margin-left: 36%
    }

    .cre-com {
        margin-left: 14%
    }

    .display {
        margin-left: 25% !important
    }

    .dis-text {
        margin-left: 28%
    }

    .pic-mr {
        margin-top: -258%
    }

    .pic {
        margin-top: 70px
    }
}

.part-rev {
    float: left
}

.part-toppad {
    margin-top: -19px
}

.part-right {
    margin-right: 15%
}

@media(max-width:767px) {
    .part-right {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .social-top {
        margin-top: 8%
    }
}

@media(max-width:767px) {
    .fot-bt-sp {
        margin-bottom: 38px !important
    }
}

.download-pading {
    padding: 0 14%
}

.deal-pading {
    padding: 0 10%;
    line-height: 28px
}

@media(min-width:768px) and (max-width:1023px) {
    .tab-social {
        margin-right: -7%
    }

    .price-mobile-view {
        margin: 33px;
        font-size: 17px;
        padding: 39px 9px !important;
        height: 120px
    }

    .price-plan-button {
        padding: 7px 33px
    }

    .rev-head-size {
        font-size: 18px !important
    }

    .text-cen {
        text-align: center
    }

    .mar-left-review {
        margin-left: 25% !important
    }

    .cus-rev {
        text-align: justify
    }

    .m-top-pic {
        margin-top: -70%
    }

    .download-product {
        font-size: 15px !important
    }

    .dis-ct {
        font-size: 23px !important
    }

    .tex-price {
        padding-top: 18%
    }

    .ft-siz-bundle {
        font-size: 23px !important
    }

    .icon-mob {
        margin-left: 33%
    }

    .single-prod {
        font-size: 20px !important
    }

    .bundled-product {
        font-size: 14px !important
    }

    .off-dis {
        line-height: 174% !important
    }

    .par-top {
        padding-top: 18%
    }

    .cr-ma {
        height: 65px
    }

    .super-sub p.para.f-sez {
        font-size: 13px
    }

    .se-ic-mov {
        height: 63px;
        margin-left: 3%
    }

    .m-bg {
        margin-top: -3%
    }

    .image-move-blg {
        margin-top: -6%
    }

    .sin-ct {
        margin-top: 4px !important
    }
}

.bg-black {
    background-image: url(../img/client-bg_03.png);
    background-repeat: repeat
}

.client-head {
    font-family: Museo-700, Arial, sans-serif;
    font-size: 22px;
    color: #434343;
    margin-top: 15px !important
}

.client-space {
    margin-top: -25px !important;
    margin-bottom: -17px !important
}

.client-mar {
    margin-left: -13px !important
}

@media(max-width:767px) {
    .mob-client-space {
        margin-top: -20% !important;
        margin-bottom: 20px !important
    }
}

@media(max-width:767px) {
    .mobile-bundle {
        font-size: 30px
    }
}

.downloable-section {
    background: #f6f6f6
}

.deal-mangement-font {
    font-size: 18px
}

.count-top {
    margin-top: 20px
}

.critical-based {
    margin-left: 13%
}

.cart-rule {
    font-size: 25px !important
}

.font-product-size {
    font-size: 23px
}

.bundle-height {
    max-height: 169px
}

.pading-deal {
    padding: 0 14%
}

.pricing-head.bg-redd.color {
    background: #f28c13
}

.top-but-shadow {
    box-shadow: 0 6px #d57b11
}

.top-but-head {
    box-shadow: 0 6px #4f4f4f
}

.but-color.middle-but-color {
    background: #f28c13
}

.downloable-product-font {
    font-family: 'museo 700', Arial, sans-serif !important;
    font-size: 25px !important;
    line-height: 35px !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important
}

.marketing-font {
    font-family: Museo-700, Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    color: #000 !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important
}

.deal-section {
    font-family: Museo-700, Arial, sans-serif !important;
    color: #000 !important;
    margin-bottom: 0 !important
}

@media(max-width:767px) {
    .review-left {
        margin-left: 20% !important
    }

    .review-heading {
        font-size: 18px !important;
        text-align: center
    }

    .rev-main-size {
        font-size: 25px !important
    }

    .image-center {
        margin-left: 23%
    }

    .top-section {
        margin-top: -25%
    }

    .text-align {
        text-align: justify
    }

    .bundle {
        max-height: 24%
    }

    .ft-size-head {
        font-size: 23px !important
    }

    .image-up {
        margin-top: -8%
    }

    .image-siz {
        margin-top: 8%
    }

    .products-sec {
        margin-top: -30%
    }

    .main-head {
        font-size: 30px !important
    }
}

@media(min-width:768px) and (max-width:1023px) {
    .client-sec {
        margin-top: -2px !important;
        margin-bottom: 0 !important
    }

    ul.client.move {
        margin: 2px
    }

    .price-height {
        min-height: 277px
    }

    #slider h1.top-hd.top-head-ft {
        font-size: 30px !important;
        line-height: 50px
    }

    .client-space.bot {
        margin-bottom: -5px !important
    }

    .first-main {
        font-size: 29px !important
    }

    .image-down {
        margin-top: 16%
    }

    .mar-img-left {
        margin-left: 0 !important
    }

    .sub-heading-size {
        font-size: 15px !important
    }

    .fnt-size {
        font-size: 40px !important
    }

    .client-down {
        margin-bottom: -2px !important
    }

    .min-sec {
        min-height: 192px
    }

    .check-easy {
        min-height: 290px !important
    }

    .gate-way {
        min-height: 266px !important
    }

    .cir-img-move.icon-img {
        margin-left: 5px !important
    }

    .fin-fnt {
        font-size: 15px !important
    }

    .fon-align {
        text-align: center !important
    }

    .check {
        min-height: 220px !important
    }

    .min-text {
        min-height: 249px !important
    }

    .last-one {
        min-height: 428px !important
    }

    .margin-dw {
        margin-top: 8%
    }

    div.row.pricetable-container.wi-pri {
        padding: 0 0
    }

    .button-tp.ftn {
        font-size: 12px
    }

    .anim-car {
        margin-left: 0 !important
    }

    .img-an-move {
        margin-top: -303px
    }

    .img-firt {
        margin-bottom: -63% !important
    }

    .no-mar-lef {
        margin-left: 0 !important
    }

    .client-space.mar-bt-zero {
        margin-bottom: 0 !important
    }

    .arrow-mov {
        margin-left: 15%;
        margin-top: -11%
    }

    .bik-ani-move {
        margin-left: 12%;
        margin-top: -24%
    }

    .fr-ar-move {
        margin-top: -39%;
        margin-left: 3%
    }

    .jus-align {
        text-align: justify
    }

    .car-img-move {
        margin-left: -8%
    }

    .img-text-size {
        font-size: 32px
    }

    .mr-text {
        margin-left: -74px
    }

    .main-head-move {
        margin-left: -33px
    }

    .price-width {
        width: 281px;
        margin-left: -12%
    }
}

.coupon-align {
    text-align: center
}

.img-align {
    margin-left: 32%
}

.img-align-final {
    margin-left: 43%
}

.cen-line {
    border: 1px solid #e8e8e8;
    width: 1px !important;
    margin: 160px 50%;
    height: 200px
}

.sec-up {
    margin-top: -8%
}

.line-hei {
    line-height: 31px
}

.pad-head {
    margin-top: 17%
}

.box-wrapper.pad {
    padding: 15px 30px
}

.sec-mov {
    margin-top: 4%
}

.controlls-over.s-stats .owl-pagination {
    position: relative
}

@media(max-width:767px) {
    .img-move {
        margin-left: 17%;
        margin-top: 8%
    }

    .move-img {
        margin-left: 17%
    }

    .cont-hide {
        display: none
    }

    .mobile-img-view {
        margin-left: 64px;
        margin-bottom: 28px;
        margin-top: 24px
    }
}

.owl-theme.controlls-over.s-stats .owl-controls .owl-page {
    background: 0 0
}

.owl-theme.controlls-over.s-stats .owl-controls .owl-page span {
    background: #959595;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 50px
}

.text-align-le {
    text-align: left !important
}

.bun-pad {
    padding: 0 17%
}

.coup-man {
    text-align: center;
    padding: 0 13%
}

.store-stats {
    text-align: center;
    padding: 0 8%;
    line-height: 27px
}

.tab-font {
    font-family: proxima_nova_rgregular, sans-serif !important;
    font-size: 14px !important
}

.nav-tabs.bor {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.nav-tabs>li.active.noborder>a,
.nav-tabs>li.active.noborder>a:focus,
.nav-tabs>li.active.noborder>a:hover {
    border: 0 solid #ddd
}

.nav-tabs>li.wid-nav {
    width: 2%
}

.nav-tabs.bor>li a {
    padding: 10px 0
}

.right-border {
    border-right: 2px solid #ddd !important;
    height: 41px
}

.back-col-stats {
    background: #ebebeb none repeat scroll 0 0;
    box-shadow: 0 3px 2px #e3e3e3
}

.nav-tabs.tab-font>li.active>a {
    color: #30373b !important
}

.text-lef {
    margin-left: 15%
}

.bg-black.auto-parts {
    top: -40px !important;
    box-shadow: 4px -10px 40px #4e4e4e;
    background-color: #fff !important
}

.im-move-cen {
    margin-left: 35%
}

.des-view {
    text-align: justify !important
}

.customizable {
    padding: 0 22%
}

.sec-align {
    text-align: justify;
    letter-spacing: .5px
}

.bg-black.auto-parts.rent-client {
    top: -69px !important;
    box-shadow: 4px -10px 40px #4e4e4e;
    background-color: #fff !important
}

@media(max-width:767px) {
    .font-rental {
        font-size: 26px
    }

    .pad-top-sec {
        padding-top: 0 !important
    }

    .big-head {
        font-size: 30px
    }

    .mar-lef {
        margin-left: 0 !important
    }

    .rent-back {
        margin-top: 12%;
        font-size: 26px
    }

    .pro-left {
        text-align: center !important;
        margin-left: 12% !important
    }

    .pro-left.lef {
        margin-left: 17% !important
    }

    .pri-head {
        margin-left: 15% !important
    }

    .cus-mov {
        text-align: center !important;
        margin-left: 20% !important
    }

    #slider h1.top-hd.main-hed {
        font-size: 25px !important
    }

    .no-margin-top {
        margin-top: -16px !important
    }

    .based-star {
        margin-top: 7px !important
    }

    .bg-black.auto-parts.st-up {
        top: -71px !important
    }

    .fir-sec {
        font-size: 24px !important
    }

    .inner-text {
        text-align: justify
    }

    .sec-la-tp {
        margin-top: 15%
    }

    .sec-two {
        margin-top: 28%
    }

    .t-cen {
        text-align: center !important
    }

    .mob-head {
        margin-top: 16px;
        text-align: justify
    }

    .cir-img-move.m-left {
        margin-left: 50px !important
    }

    .last-sec.lt-sec-up {
        margin-top: 63% !important
    }

    .bg-black.auto-parts.prt {
        top: -71px !important
    }

    .auto-web {
        font-size: 35px
    }

    .auto-prt {
        margin-left: 0;
        margin-top: -74px
    }

    .mt-no {
        margin-left: 0 !important
    }

    .ani-bike {
        margin-top: 0;
        margin-left: 26px
    }

    .rent-sal {
        margin-top: -56%;
        margin-left: 0
    }

    .mr-top-sec {
        margin-top: 30%
    }

    .third-sec-text {
        padding: 0 6%
    }

    .sec-tp {
        margin-top: 70% !important
    }

    .text-mrg {
        margin-top: -18%
    }

    .no-mar-tp {
        margin-top: 0;
        margin-left: 0
    }

    .frt-up {
        margin-top: -11%
    }

    .img-tog {
        margin-left: 37%
    }

    .text-size.head-font {
        font-size: 28px
    }

    .image-move {
        margin-left: 31%
    }

    div.toggle>label.tab-col {
        background: #f5f5f5
    }

    .tog-img-move {
        margin-left: 26%
    }

    .tog-cont {
        margin-top: 3%
    }

    #slider h1.head-main {
        font-size: 20px;
        line-height: 35px;
        text-align: center
    }

    .but-move {
        margin-top: -20px !important
    }

    .ma-tp-head {
        font-size: 19px !important;
        line-height: 26px !important
    }

    .sec-mv {
        margin-top: -14%
    }
}

.pad-text {
    padding: 0 13%
}

.image-sec {
    margin-top: 38px
}

.wrp-wd {
    padding: 0 1%
}

.bx-wrp-min {
    min-height: 205px
}

.marg-img {
    margin-top: -120px;
    background-color: #fff
}

.content-space {
    margin-top: 15px !important
}

.cir-img-move {
    margin-left: 70px !important
}

.last-sec {
    margin-top: 110px
}

.t-al {
    text-align: left !important
}

.main-con {
    padding: 0 11%
}

.pad-bottom-price {
    padding-bottom: 30px !important
}

.hea-pad-top {
    padding-top: 25px !important
}

.seo-sec {
    font-size: 14px;
    font-family: Museo-700, Arial, sans-serif !important
}

.nav-tabs>li.active.section>a {
    color: #000 !important
}

.nav-tabs.nav-left-border.section>li.active>a {
    border-left: #f26503 3px solid !important
}

div.tab-content.tab-stacked.colour {
    background: #fff
}

.user-sec {
    padding: 0 23%
}

.bg-black.res-scr {
    top: -83px !important;
    box-shadow: 4px -10px 40px #4e4e4e;
    background-color: #fff !important
}

.sec-section {
    margin-top: -2%
}

.page-title.heading-cl {
    color: #30373b;
    font-family: 'quattrocento_sansbold';
    font-size: 50px
}

.sub-heading-col {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 18px !important;
    line-height: 30px;
    letter-spacing: .0050em
}

.new-ft {
    font-family: 'quattrocento_sansbold' !important;
    font-size: 18px !important;
    color: #30373b !important
}

.font-sub {
    font-size: 25px !important
}

.nav-tabs.nav-clean.border-new>li.active {
    border-bottom: 2px solid #00a651 !important
}

.nav-tabs>li.active.col-active>a {
    color: #00a651 !important;
    background: url(../img/smb/lin-br.png) bottom center;
    background-repeat: no-repeat;
    width: 100%;
    transition: none
}

.full-border-tab.se-sec-bg {
    background: #f8f8f8 none repeat scroll 0 0
}

.nav-tabs>li.active.col-active-white>a {
    color: #fff !important;
    background: #30373b
}

.nav-tabs.text-in>li>a {
    color: #a1a1a1;
    font-weight: 400
}

ul.enterprise-tab li.border-nw {
    border: 3px solid #ebebeb;
    margin-right: -6px !important;
    margin-top: 0
}

.nav-tabs.nav-stacked>li.active.product-man>a {
    background-color: #edf1f4 !important
}

ul.enterprise-tab li.border-nw.first {
    border-right: 0 !important;
    border-bottom: 0 !important
}

.bg-image {
    background-image: url(../img/smb/cr-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 480px;
    margin-top: -35px
}

.bundle-col {
    padding: 0 11%;
    color: #fff !important
}

.secon-text {
    padding-top: 20% !important
}

.bx-sh.wrp {
    padding-top: 0 !important;
    box-shadow: 0 0 0 #ddd
}

ul.enterprise-tab li.noborder.br-rig {
    margin-right: 3px !important
}

ul.enterprise-tab li.noborder.up-space {
    margin-top: 8px
}

.nav-tabs>li>a.ba-col {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 5px #e1e1e1
}

.bx-sh.box-wrp {
    padding-bottom: 18.8%;
    margin-top: -12px;
    width: 98%
}

.dw-inner {
    padding: 0 2%
}

.bx-sh.box-days {
    padding-bottom: 19%;
    margin-top: -12px;
    width: 98%
}

.bx-sh.box-download {
    padding-bottom: 13.8%;
    margin-top: -12px;
    width: 98%
}

.bx-sh.box-file {
    margin-top: -12px;
    width: 98%;
    min-height: 430px;
    background: #fff;
    box-shadow: 0 0 20px #d4d4d4;
    padding: 10%
}

.text-tp {
    margin-top: 13% !important
}

.dp-pad {
    padding: 0 14%
}

.bacg-dp {
    background: #f9f9f9
}

.pad-bu {
    padding: 0 8%
}

.bg-image.second-img {
    margin-top: -15px
}

.se-cont {
    padding-top: 10%
}

.third-content {
    margin-top: -15px
}

.img-bx-shadow {
    box-shadow: 0 0 25px #999
}

.single-product {
    padding: 0 10%
}

.sub-ft {
    font-family: ProximaNova-Regular !important;
    font-size: 20px !important
}

.man-grp {
    padding: 0 21%
}

.bx-sh.bx-wrp-border {
    border: 10px solid #e1e1e1
}

.manage-invoice {
    padding: 0 9%
}

.slip {
    padding: 0 8%
}

.two-sec-dw {
    margin-top: 13%
}

.border-rt {
    border-left: 1px solid #e1e1e1;
    height: 251px
}

.pad-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.deal-image {
    background-image: url(../img/smb/deal-bg.png);
    background-repeat: no-repeat;
    background-position: center
}

.flip-container {
    perspective: 1000px;
    -webkit-perspective: 1000px
}

.flip-container.hover .flipper,
.flip-container:hover .flipper {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.back,
.flip-container,
.front {
    width: 320px;
    height: 480px
}

.flipper {
    transition: .6s;
    -webkit-transition: .6s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    position: relative
}

.back,
.front {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.front {
    z-index: 2;
    transform: rotateY(0);
    -webkit-transform: rotateY(0)
}

.back {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.bx-sh.pt {
    padding-top: 128% !important
}

.image-pd {
    padding-top: 6% !important
}

.tex-des {
    padding-top: 12%
}

.crt-rule {
    margin-top: 3%
}

.img-rt {
    margin-top: 6%
}

.cart-sec-bor {
    border-bottom: 0
}

.arrow_box {
    position: relative
}

.arrow_box.active:before {
    top: 100%;
    left: 50%;
    content: " ";
    height: 12px;
    width: 15px;
    position: absolute;
    pointer-events: none;
    border-width: 10px;
    margin-left: -12px;
    background: url(../img/smb/arrow_04.png) bottom center
}

.order-sec {
    margin-top: 2% !important
}

.pos-ab {
    position: absolute
}

.sec-height {
    height: 520px !important
}

.cou-man {
    position: relative;
    margin-top: 10%
}

.web-image {
    background-image: url(../img/smb/webnexs-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 280px
}

.page-title.heading-cl.t-c {
    color: #fff
}

.sub-heading-col.text-white {
    color: #fff !important
}

.image-sec-text {
    padding-top: 12%
}

.image-sec-pt {
    padding-top: 10%
}

.sub-heading-col.part-cl {
    font-size: 50px !important;
    color: #fff !important
}

.border-rit {
    border-right: 1px solid #fff;
    height: 238px;
    margin-right: 31px
}

.bx-sh.market {
    padding-top: 34px;
    width: 30%;
    margin-left: 2%
}

.sec-img {
    margin-top: 23px
}

.sec-top {
    margin-top: 28px
}

.report-image {
    background-image: url(../img/smb/report-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 700px
}

.depeth {
    padding: 0 11%
}

.new-ft.cop {
    color: #5d5d5d !important
}

ul.enterprise-tab li.noborder.border-n {
    border: 1px solid #ebebeb !important;
    margin-right: -7px !important;
    margin-top: 0
}

.tab-content.mar {
    padding: 0 14px
}

.bx {
    background-color: #fff;
    padding-top: 24px;
    padding-bottom: 34px
}

.box-text {
    margin-top: 21%
}

.first-bx {
    margin-top: 12%
}

.ft-siz-in {
    font-size: 40px !important
}

.mr-image {
    margin-top: -28% !important
}

.mr-ime {
    margin-top: -3% !important
}

.first-pos {
    margin-top: 14%
}

.crt-rep {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 0
}

.con-re-por {
    margin-top: -29px !important
}

.ct-rep {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 38px
}

.or-rp {
    margin-top: 27px !important
}

.filter-img {
    margin-top: -23%
}

.filt {
    margin-top: -1% !important
}

.conver-tet {
    padding: 0 12%
}

.cart-con {
    padding: 0 13%
}

.pri-pl {
    margin-top: 7% !important
}

.bx-sh-all {
    box-shadow: 0 10px 50px #e4e4e4
}

.menu-shadow {
    box-shadow: 0 1px 3px
}

.meta-in {
    margin-top: 35px
}

.he-pad {
    padding-top: 14%
}

.se-in {
    padding-top: 7%
}

.lt-dw {
    padding-top: 5%
}

.tex-ds {
    padding-top: 13% !important
}

.tab-content.pa {
    padding: 16px 34px
}

nav-tabs.nav-stacked>li.active.product>a {
    background-color: #edeeee !important
}

.bx.google {
    padding-bottom: 38px
}

ul.downloadable-products.width li {
    width: 33%;
    display: inline-block
}

ul.enterprise-tab li.nobor {
    border: 0 solid #f1f1f1 !important;
    margin-right: -5px !important
}

.nav-tabs.n-br {
    border-bottom: 0 solid #ddd
}

.nav-tabs.nav-stacked.enterprise-tab.pading>li>a {
    padding: 19px 0
}

.te-sli {
    margin-top: -5% !important
}

.te-up {
    margin-top: -5% !important
}

.mr-tp-can {
    margin-top: 0 !important
}

.text-t {
    margin-top: 8% !important
}

.nav-tabs.nav-stacked>li.active.product-cl>a {
    background-color: #edeeee !important
}

.nav-tabs>li>a.bac-co {
    background: #e1e1e1
}

ul.payment-tab li {
    display: inline-block;
    width: 16%;
    border: 0 solid !important
}

.nav-tabs.nav-bottom-border.b-colo>li.active>a,
.nav-tabs.nav-bottom-border.b-colo>li.active>a:hover {
    border-bottom: 4px solid #30373b !important
}

.main-sub-heading {
    font-family: source_sans_proregular !important;
    font-size: 27px !important
}

btn-demo.clo {
    background: #00a651
}

#slider .btn-addon,
.slider .btn-addon.b-pa {
    padding: 6px 30px
}

.page-title.heading-cl.tex-colour {
    color: #fff;
    font-size: 25px;
    padding-top: 15%;
    padding-right: 20px
}

@media(max-width:767px) {
    .main-hea {
        font-family: source_sans_prosemibold !important;
        font-size: 23px !important;
        padding: 0 8%
    }

    .f-sec {
        margin-top: 7% !important
    }

    .se-mo {
        padding-top: 11%
    }

    .th-se {
        margin-top: -15% !important
    }

    .border-re {
        border-left: 0 solid #e1e1e1
    }

    .set-up {
        margin-top: -23%
    }

    .mo-up {
        margin-top: 25% !important
    }

    .pad-70.pad-m {
        padding-bottom: 97px !important
    }

    .bx-sh.market.wit {
        width: 100%
    }

    .image-rt {
        margin-left: 26%
    }

    .last-se-al {
        margin-left: 27%;
        margin-top: 6%
    }

    .he-sz {
        font-size: 40px !important
    }

    .meta-mob {
        margin-top: -15%
    }

    .auto-prt {
        margin-left: 16%
    }

    .auto-pt {
        margin-left: 3%
    }

    .auto-pr {
        margin-left: 23%
    }

    .ship-pad {
        padding: 0 3%
    }

    .man-grp.pe {
        padding: 0 0
    }

    .co-se {
        margin-top: 389% !important
    }

    .box-mv {
        margin-left: -7%
    }

    .border-mb {
        border-right: 0 solid #fff
    }

    .we-gd {
        font-size: 18px !important;
        text-align: justify
    }

    .in-te {
        margin-top: -59%
    }

    .img-we {
        margin-top: -10%
    }

    .we-in {
        font-size: 14px !important
    }

    .mo-d {
        margin-top: 6%
    }

    #slider h1.line-sp {
        line-height: 28px !important
    }

    .margin-top-he {
        margin-top: 10px !important
    }

    .margin-top-rate {
        margin-top: -30px !important
    }

    .margin-up {
        margin-top: 16px !important
    }

    .catr-align {
        text-align: center
    }

    #header.transparent+#slider h1 {
        margin-top: 1px !important
    }

    .border-bottom-r {
        border-bottom: 1px solid #959595;
        padding-bottom: 19px
    }

    .in-tet {
        font-size: 17px !important
    }

    #slider h1.ft-top {
        font-size: 18px;
        line-height: 32px
    }

    ul.client li i {
        margin-right: 0;
        border-right: 0 solid #ccc
    }

    .count-client {
        border-right: 0 solid #ccc
    }
}

ul.enterprise-tab li.noborder.border-nil {
    border: 1px solid #ebebeb !important;
    margin-right: -6px !important;
    margin-top: 1px;
    background: #fff
}

ul.enterprise-tab li.active.shadow-but {
    box-shadow: 0 0 20px #b4b4b4 !important;
    z-index: 1
}

@media(min-width:768px) and (max-width:1023px) {
    .tab-ft {
        font-size: 36px !important
    }

    .c-sec {
        margin-top: 22%
    }

    .back,
    .flip-container,
    .front {
        width: 220px;
        height: 300px
    }

    .font-sub {
        font-size: 15px !important
    }

    .c-sec {
        margin-top: 5%
    }

    .tab-font {
        font-family: proxima_nova_rgregular, sans-serif !important;
        font-size: 12px !important
    }

    .nav-tabs.bor>li a {
        padding: 4px 0
    }

    .page-title.heading-cl.tex-colour {
        color: #fff;
        font-size: 24px
    }

    .sub-heading-col.org {
        font-family: ProximaNova-Regular !important;
        font-size: 10px !important;
        line-height: 22px;
        text-align: justify
    }

    .sub-heading-col.org1 {
        font-family: ProximaNova-Regular !important;
        font-size: 16px !important;
        line-height: 22px;
        text-align: justify
    }

    .bx-sh {
        padding-top: 10px
    }

    .sub-heading-col.tab-r {
        font-size: 13px !important;
        line-height: 20px
    }

    .downloadable-products.width img {
        width: 75%
    }

    .nav>li>a>img {
        max-width: 100%
    }

    .thir-ft {
        font-size: 16px !important;
        line-height: 22px !important;
        margin-top: 17%
    }

    .first-ct {
        font-size: 16px !important
    }

    .th-head {
        padding-top: 13%
    }

    .ft-siz-in {
        font-size: 25px !important
    }

    .mr-image {
        margin-top: -18% !important
    }

    .filter-img {
        margin-top: -15%
    }

    .con-re-por {
        margin-top: 3px !important
    }

    .filt {
        margin-top: 1% !important
    }

    .google-up {
        line-height: 25px !important
    }

    .m-image {
        margin-top: -23% !important
    }

    .mr-ime {
        margin-top: 0 !important
    }

    .googl-up {
        line-height: 21px !important
    }

    .se-in {
        padding-top: 0
    }

    .lt-he {
        min-height: 394px
    }

    .meta-in {
        margin-top: 35px
    }

    .thi-se {
        line-height: 143% !important
    }

    .se-cont {
        padding-top: 22%
    }

    .two-se-tp {
        margin-top: -25px
    }

    .pad-70 {
        padding-top: 36px !important;
        padding-bottom: 7px !important
    }

    .border-rt {
        border-left: 1px solid #e1e1e1;
        height: 329px
    }

    .new-ft {
        font-family: 'quattrocento_sansbold' !important;
        font-size: 15px !important
    }

    .third-content {
        margin-top: -36px !important
    }

    .bg-image.second-img {
        margin-top: -35px
    }

    .nav-tabs {
        border-bottom: 0 solid #ddd
    }

    ul.enterprise-tab li.noborder.br-rig.min {
        margin-right: 0 !important
    }

    .bx-sh.box-file.net {
        padding-bottom: 34.2%;
        margin-top: -12px;
        width: 90%;
        margin-left: 6%
    }

    .bx-sh.box-wrp {
        padding-bottom: 32%;
        margin-top: -10px;
        width: 90%;
        margin-left: 6%
    }

    .bx-sh.box-download {
        padding-bottom: 24%;
        margin-top: -10px;
        width: 90%;
        margin-left: 6%
    }

    .bx-sh.box-days {
        padding-bottom: 39%;
        margin-top: -10px;
        width: 90%;
        margin-left: 6%
    }

    .bg-image.ima-id {
        width: 93%;
        margin-left: 2%
    }

    .image-siz-re {
        width: 43%
    }

    .border-widt {
        width: 260px
    }

    .bx.google {
        padding-bottom: 4px
    }

    .ct-rep {
        background-color: #fff;
        padding-top: 30px;
        padding-bottom: 3px
    }

    .te-up {
        margin-top: 1% !important
    }

    .text-t {
        margin-top: 1% !important
    }

    .te-up.mol {
        margin-top: 7% !important
    }

    .te-sli {
        margin-top: -2% !important
    }

    slider h1.line-sp {
        line-height: 60px
    }

    #slider h1.line-sp {
        line-height: 54px !important;
        padding: 0 8% !important
    }

    .li-we {
        line-height: 19px !important
    }

    .li-we.er {
        line-height: 19px !important
    }
}

#slider h1.line-sp {
    line-height: 64px;
    padding: 0 9%;
    font-size: 50px;
    font-family: source_sans_prosemibold !important
}

.back-colo {
    background: #f6f6f6
}

.price-sec-dw {
    margin-top: 4%
}

.nav-bottom-border.bt {
    border-bottom: 1px solid #e1e1e1 !important
}

.cont-sp {
    padding-top: 19%
}

.ship-immer-sec {
    margin-top: -17px
}

.ship-align {
    margin-top: 2%
}

.ship-alig {
    margin-bottom: 2%
}

.back-img {
    margin-top: 46px
}

.coup-shadow {
    box-shadow: 0 19px 17px #e4e4e4
}

.deal-down {
    margin-top: 3%
}

.sin-sec {
    padding-top: 2%
}

.cli-sh {
    box-shadow: 0 3px 8px #ececec !important
}

.sn-he {
    margin-top: 6%
}

.li-we {
    line-height: 25px !important
}

.center-bt {
    margin-right: 8px !important
}

.main-sub-head {
    font-family: latobold !important;
    font-size: 27px !important
}

a.btn.height {
    line-height: 29px
}

.new-cl {
    font-family: proxima_nova_ltbold !important;
    font-size: 25px !important;
    color: ##00a651 !important
}

.no-border {
    border: 0 solid #f1f1f1 !important
}

.cou-sec-br {
    border-bottom: 1px solid #e1e1e1
}

.new-cl {
    font-family: proxima_nova_ltbold !important;
    font-size: 25px !important
}

.nav-tabs>li.wite>a {
    color: #30373b;
    font-weight: 400
}

.sub-heading-col.flip {
    font-size: 16px !important;
    line-height: 32px
}

.sub-heading-col.fnt-third {
    font-size: 16px !important
}

.sub-heading-col.bx-line {
    font-size: 16px !important;
    line-height: 36px
}

.deal-sec {
    margin-left: 40px
}

.store-in {
    padding-top: 2px
}

.order-shadow {
    box-shadow: 0 11px 22px #959595
}

.slider-sec {
    margin-left: 5%
}

.slider-tet {
    margin-top: 2%
}

.star-align {
    font-family: museo-500, sans-serif;
    font-size: 18px
}

.slider-tp {
    margin-top: 1%
}

.st-pad-text {
    padding: 0 7%
}

.bx-sh.pading-shadow {
    padding: 4px 22px 36px 19px;
    margin-top: -2%
}

.bx-sh.layout-spa {
    padding: 24px 54px 39px 19px;
    margin-top: -2%
}

.bx-sh.promote-pro {
    padding: 16px 46px 23px 18px;
    margin-top: -2%
}

.bx-sh.easy {
    padding: 1px 20px 35px 20px;
    margin-top: -2%
}

.top-sec {
    background: url(../img/smb/lin-br.png) center;
    background-repeat: no-repeat;
    height: 20px;
    position: absolute;
    display: block;
    width: 90%
}

.new-cl.ft-sz {
    font-size: 19px !important;
    border-right: 1px solid #ccc;
    margin-top: 20px
}

.new-cl.ft-sz.last {
    border-right: 0 solid #ccc
}

.plus-clients {
    padding: 10px 0 0
}

ul.sing-pro-tab {
    background: #f8f8f8 none repeat scroll 0 0;
    margin-top: 30px
}

ul.sing-pro-tab li {
    width: 32.33333%;
    padding: 0 4%;
    text-align: center;
    margin-left: 10px
}

.nav-tabs.sing-pro-tab>li>a {
    padding: 20px 0;
    font-family: proxima_nova_ltbold;
    font-size: 20px
}

.nav-tabs.sing-pro-tab>li.active>a {
    color: #30373b !important;
    background: #eaeaea;
    border-radius: 0 !important;
    padding: 20px 0
}

.arrow-box {
    position: relative
}

.arrow-box.active:before {
    top: 100%;
    left: 50%;
    content: " ";
    height: 12px;
    width: 15px;
    position: absolute;
    pointer-events: none;
    border-width: 10px;
    margin-left: -12px;
    background: url(../img/smb/arrow_03.png) bottom center
}

.sing-prod-p {
    color: #767676;
    font-family: ProximaNova-Regular;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
    margin-top: 15px;
    letter-spacing: .0015em
}

ul.coupon-man-tab li {
    width: 30%;
    border-radius: 0;
    margin-right: 20px;
    text-align: center
}

ul.coupon-man-tab li a {
    border-radius: 0 !important
}

ul.coupon-man-tab li.active.cou-sec-br {
    border: 0 !important
}

.text-justify {
    text-align: justify !important
}

.price-smb {
    font-family: proxima_nova_rgregular !important;
    font-size: 25px !important;
    color: #30373b !important
}

.price-sym {
    font-family: proxima_nova_rgregular !important;
    font-size: 21px;
    color: #30373b !important
}

.price-sym.tax {
    font-size: 12px
}

.buy-bt {
    font-family: proxima_nova_rgregular !important;
    font-size: 20px
}

.smb-features {
    font-family: proxima_nova_rgregular !important;
    font-size: 16px;
    font-weight: 400
}

.features {
    font-family: proxima_nova_ltbold !important;
    font-size: 21px !important
}

.smb-features-ct {
    font-family: proxima_nova_rgregular !important;
    font-size: 19px;
    font-weight: 400
}

.faq-sec {
    font-family: proxima_nova_rgregular !important;
    font-size: 16px;
    font-weight: 300;
    color: #333
}

.faq-sec.colour-text {
    color: #000
}

.new-cl.feature-size {
    font-size: 19px !important;
    margin-top: 6px
}

.header-sec {
    margin-top: 9%
}

.case-head {
    font-size: 50px !important;
    font-family: source_sans_prosemibold !important;
    text-shadow: 0 4px 3px #000 !important;
    line-height: 50px !important
}

.text-pad {
    padding: 0 29%
}

.main-sub-head {
    font-family: source_sans_proregular !important;
    font-size: 21px !important
}

.responsive {
    padding: 0 10%
}

.lt-align {
    padding-top: 9% !important
}

.bor-right {
    border-right: 1px solid #ebebeb
}

.seo-section {
    padding: 0 9% !important
}

.first-line {
    margin-left: 4%;
    margin-top: 10%
}

.sub-heading.font-feature {
    font-size: 20px !important
}

.divider-left {
    margin-left: 43%
}

.start-cont {
    margin-top: 8% !important
}

.toggle-img {
    margin-left: 32%;
    margin-bottom: 7%
}

.case-main {
    font-size: 45px !important;
    font-family: source_sans_prosemibold !important;
    margin-bottom: 9px
}

.study {
    font-family: proxima_nova_ltbold !important;
    font-size: 45px !important;
    color: #30373b !important;
    margin-top: 0 !important
}

.sub-cont {
    color: #000 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 14px !important
}

.text-pading {
    padding: 0 15%
}

#slider h1.smb-theme {
    font-size: 50px;
    margin-top: 26px !important;
    line-height: 1.2;
    padding: 0 10%
}

.btn-info-new {
    color: #fff;
    background-color: #00a651 !important;
    border-color: #00a651
}

.but-size {
    padding: 10px 34px;
    border-radius: 5px
}

.theme-but {
    font-size: 22px !important;
    margin-top: 4% !important
}

.theme-smb {
    background-color: #fff;
    padding-top: 4px;
    padding-bottom: 17px;
    box-shadow: 0 5px 10px #ddd
}

.select-plan {
    font-family: proxima_nova_rgregular, sans-serif !important;
    color: #30373b !important
}

.radio input.hov+i::after {
    background-color: #00a651
}

.view-more {
    font-size: 16px !important
}

.img-alig {
    margin-left: 20px
}

.btn-default.theme {
    color: #fff;
    background-color: #00a651;
    border-color: #00a651;
    font-family: latobold !important;
    font-size: 20px !important;
    margin-left: 43%;
    padding: 0 31px 1px
}

.demo-space {
    margin-top: 30px
}

.radio input+i.pointer::after {
    background-color: #00a651
}

.container.width {
    width: 100%
}

.test-hfont {
    font-family: source_sans_prosemibold;
    font-size: 60px;
    color: #30373b
}

.test-pfont {
    font-family: ProximaNova-Regular;
    font-size: 16px;
    color: #30373b
}

.plus-clients {
    padding: 0 0 0
}

.how_hh {
    position: relative;
    right: 14px
}

.how_pp {
    position: relative;
    right: 14px
}

.cl_ln1 {
    position: absolute;
    top: 27px;
    left: 332px
}

.cl_ln2 {
    position: absolute;
    top: 27px;
    left: 516px
}

.cl_ln3 {
    position: absolute;
    top: 27px;
    left: 710px
}

.cl_ln4 {
    position: absolute;
    top: 27px;
    left: 877px
}

.cl_ln5 {
    position: absolute;
    top: 27px;
    left: 175px
}

@media (max-width:767px) {
    .cl_ln1 {
        position: absolute;
        width: 0
    }

    .cl_ln2 {
        position: absolute;
        width: 0
    }

    .cl_ln3 {
        position: absolute;
        width: 0
    }

    .cl_ln4 {
        position: absolute;
        width: 0
    }

    .cl_ln5 {
        position: absolute;
        width: 0
    }

    .clt_mar {
        margin-top: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .cl_ln1 {
        position: absolute;
        top: 35px;
        left: 436px;
        width: 0
    }

    .cl_ln2 {
        position: absolute;
        top: 35px;
        left: 614px;
        width: 0
    }

    .cl_ln3 {
        position: absolute;
        top: 160px;
        left: 312px;
        width: 0
    }

    .cl_ln4 {
        position: absolute;
        top: 160px;
        left: 476px;
        width: 0
    }

    .cl_ln5 {
        position: absolute;
        width: 0
    }
}

.webdes_title {
    font-family: source_sans_prosemibold;
    font-size: 50px !important;
    color: #30373b
}

.webdes_regluar {
    font-family: source_sans_proregular;
    font-size: 21px;
    color: #767676
}

.webdes_rg {
    font-family: ProximaNova-Regular;
    font-size: 16px;
    color: #767676
}

.ds_para {
    width: 93%
}

@media (max-width:767px) {
    .webdes_rg {
        font-family: ProximaNova-Regular;
        font-size: 14px;
        color: #767676
    }

    .webdes_title {
        font-family: source_sans_prosemibold;
        font-size: 35px !important;
        color: #30373b
    }
}

@media (max-width:767px) {
    .mar_gin {
        margin-top: -57px
    }
}

.head_title {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 0 0 25px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 50px;
    text-transform: capitalize
}

.font_rg {
    font-family: ProximaNova-Regular;
    font-size: 16px;
    color: #767676
}

.pra_rg {
    font-family: ProximaNova-Regular;
    font-size: 13px;
    line-height: 28px;
    color: #000;
    margin-bottom: 14px;
    color: #767676
}

.pra_rg2 {
    font-family: ProximaNova-Regular;
    font-size: 13px;
    line-height: 28px;
    color: #000;
    margin-bottom: 42px;
    color: #767676
}

.pra_rg3 {
    font-family: ProximaNova-Regular;
    font-size: 13px;
    line-height: 28px;
    color: #000;
    margin-bottom: 14px;
    color: #767676
}

.head_small {
    font-family: proxima_nova_ltbold;
    font-size: 27px;
    text-transform: capitalize;
    color: #30373b
}

.custom_sol {
    margin-left: -462px
}

.cus_fod {
    position: relative;
    right: -190px
}

@media (max-width:767px) {
    .custom_sol {
        margin-left: 0
    }

    .cus_fod {
        position: relative;
        right: 0
    }

    .sol_img {
        max-width: 200px;
        position: relative;
        left: 30px
    }
}

.temp_wd {
    width: 92%
}

.uni_wd {
    width: 688px
}

.tm_pb {
    padding-bottom: 60px
}

.cu_pad {
    padding-right: 52px
}

.enga_pad {
    padding-top: 22px;
    padding-bottom: 100px
}

.enga_para {
    margin-left: 63px;
    margin-right: 67px
}

@media (min-width:768px) and (max-width:1023px) {
    .webdes_title {
        font-family: source_sans_prosemibold;
        font-size: 40px !important;
        color: #30373b
    }

    .custom_sol {
        margin-left: 0
    }

    .cus_fod {
        position: relative;
        right: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .head_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 35px
    }
}

.small_head {
    font-family: proxima_nova_ltbold;
    font-size: 30px;
    font-weight: 400;
    color: #30373b
}

@media (min-width:768px) and (max-width:1023px) {
    .small_head {
        font-family: proxima_nova_ltbold;
        font-size: 23px;
        font-weight: 400;
        color: #30373b
    }
}

.middle_head {
    font-family: proxima_nova_ltbold;
    font-size: 40px;
    font-weight: 400;
    color: #30373b
}

.triangle {
    background-image: url(../img/design/triangle2.png);
    background-repeat: no-repeat;
    position: absolute;
    top: -27px;
    left: 1199px;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: -1
}

.wbde_para {
    width: 95%;
    margin-top: -20px
}

.trans2 {
    background-image: url(../img/design/trans3.png)
}

.mob_hpos {
    position: relative;
    left: -51px;
    top: -12px
}

.groove1 {
    border: 1px solid #ebebeb;
    padding: 28px;
    height: 415px
}

@media (max-width:767px) {
    .groove1 {
        border: 1px solid #ebebeb;
        padding: 17px;
        min-height: 394px
    }

    .txt_just {
        text-align: justify
    }

    .web_margin {
        margin-bottom: 5px
    }

    label.inline_img>span>img {
        display: inline-block;
        width: 20%
    }

    label.inline_p>p {
        display: inline-block;
        padding: 0 10px;
        width: 80%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .groove1 {
        border: 1px solid #ebebeb;
        padding: 7px;
        min-height: 415px
    }

    label.inline_img>span>img {
        display: inline-block;
        width: 10%
    }

    label.inline_p>p {
        display: inline-block;
        padding: 0 10px;
        width: 80%
    }
}

.groove2 {
    background-color: #f9fafa
}

.groove1.first {
    border-bottom: 0;
    border-right: 0
}

.groove1.last {
    border-top: 0;
    border-left: 0
}

.pos-pad {
    position: absolute;
    margin-left: 0;
    margin-top: 15%
}

.shadow {
    border-radius: 50%;
    box-shadow: 0 0 30px #dedede
}

.groove3 {
    border-top: 0;
    border-bottom: 4px solid #999;
    border-right: 0;
    border-left: 0;
    border-color: #f9fafa;
    padding: 30px;
    box-shadow: 0 -12px 34px #ebebeb
}

@media (min-width:768px) and (max-width:1023px) {
    .groove3 {
        border-top: 0;
        border-bottom: 50px;
        border-right: 0;
        border-left: 0;
        border-color: #f9fafa;
        padding: 30px;
        min-height: 0;
        box-shadow: 0 -7px 26px #dedede
    }
}

.groove4 {
    border-top: 0;
    border-bottom: 50px;
    border-right: 0;
    border-left: 0;
    border-color: #f9fafa;
    padding: 30px;
    box-shadow: 1px 15px 24px #ebebeb
}

@media (min-width:768px) and (max-width:1023px) {
    .groove4 {
        border-top: 0;
        border-bottom: 50px;
        border-right: 0;
        border-left: 0;
        border-color: #f9fafa;
        padding: 30px;
        min-height: 0;
        box-shadow: 0 10px 24px #dedede
    }
}

.wrap {
    padding: 25px;
    box-shadow: 2px 2px 18px #ccc;
    border: 1px solid #ddd
}

.pad {
    padding-bottom: 234px
}

@media (max-width:676px) {
    .pad {
        padding-bottom: 80px
    }
}

.wrap2 {
    box-shadow: 0 0 30px #dedede
}

.col {
    color: #fff
}

.imge {
    padding-left: 162px;
    padding-top: 14px
}

@media (max-width:767px) {
    .imge {
        padding-left: 51px;
        max-width: 65%;
        margin-left: 27px
    }

    .testi_h {
        padding-top: 19px;
        margin-top: -8px;
        padding-bottom: 0;
        margin-bottom: -14px
    }

    .image_size {
        max-width: 100%;
        height: 200px
    }

    .txt_cen {
        text-align: center
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .imge {
        padding-left: 95px;
        position: absolute;
        top: 24px;
        left: -25px
    }
}

.backg {
    background-image: url(../img/design/squares.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 102px;
    left: -269px;
    width: 100%;
    height: 115%
}

.backgr {
    background-image: url(../img/design/mobile.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 241px;
    background-position: 40px 0;
    width: 100%;
    height: 100%
}

.computer {
    position: absolute;
    margin-top: -22%;
    margin-left: 138px
}

@media (max-width:767px) {
    .computer {
        position: absolute;
        margin-top: -33%;
        margin-left: -13%
    }

    .test_font {
        margin-top: -4px;
        line-height: 26px;
        font-size: 13px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .computer {
        position: absolute;
        margin-top: -34%;
        margin-left: -6%
    }
}

.line-het {
    line-height: 30px
}

@media (max-width:767px) {
    .line-het {
        line-height: 20px
    }
}

.centre {
    text-align: center
}

.centre_img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pad2 {
    padding-top: 20px
}

@media (max-width:767px) {
    .pad2 {
        padding-top: 5px
    }

    .pad2_1 {
        padding-bottom: 120px
    }
}

.pad3 {
    padding-top: 69px
}

ul.wid li {
    width: 36%;
    margin-left: 33%
}

.pad4 {
    padding-bottom: 20px
}

.pad5 {
    padding-bottom: 73px
}

.pad6 {
    padding-top: 155px;
    padding-bottom: 145px
}

@media (max-width:767px) {
    .pad6 {
        padding-top: 0;
        padding-bottom: 275px;
        margin-top: -5px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .pad6 {
        padding-top: 67px;
        padding-bottom: 81px
    }
}

.pad7 {
    padding-bottom: 237px
}

@media (max-width:767px) {
    .pad7 {
        padding-bottom: 107px
    }

    .pad13 {
        padding-top: 10px;
        font-size: 31px;
        margin: 0 0 10px 0
    }

    .noborder_m {
        border-bottom: 1px solid #ebebeb
    }
}

.pad8 {
    padding-top: 18px
}

@media (min-width:768px) and (max-width:1023px) {
    .pad8 {
        padding-top: 20px
    }
}

.pad9 {
    padding-top: 65px;
    padding-bottom: 45px;
    margin-top: -47px
}

@media (max-width:767px) {
    .pad9 {
        padding-top: 0;
        padding-bottom: 25px
    }

    .padding-top-50 {
        padding-top: 10px !important
    }

    .pad20 {
        padding-top: 10px;
        padding-bottom: 50px
    }

    .pad21 {
        padding-top: 35px;
        padding-bottom: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .pad10 {
        padding-top: 0;
        padding-bottom: 45px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .pad11 {
        padding-bottom: 0
    }
}

.mar_pad {
    margin-top: -45px
}

.nav.wid>li>a:focus,
.nav.wid>li>a:hover {
    text-decoration: none;
    background-color: #4dcccf
}

.tab {
    position: absolute;
    top: 4px;
    left: -42px;
    max-width: 117%
}

@media (max-width:767px) {
    .tab {
        position: absolute;
        top: -119px;
        right: -56px;
        left: 16px;
        max-width: 90%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .tab {
        position: absolute;
        top: -4px;
        left: -42px;
        max-width: 121%
    }

    .line_foc {
        line-height: 20px
    }

    .foc_hp {
        position: relative;
        top: 46px
    }
}

.comp {
    position: absolute;
    top: 11px;
    left: -50px;
    max-width: 125%
}

.foc_wd {
    width: 90%
}

.how_wd {
    width: 88%
}

.how_tt {
    width: 85%
}

.how_mar {
    margin-top: 33px;
    margin-left: 521px
}

@media (max-width:767px) {
    .comp {
        position: absolute;
        top: 387px;
        left: 1px;
        max-width: 98%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .comp {
        position: absolute;
        top: -5px;
        left: -25px;
        max-width: 126%
    }

    .mob_txt {
        font-size: 14px
    }
}

.index {
    border-style: solid;
    background-color: #ebebeb;
    position: absolute;
    top: 196px;
    z-index: -1;
    height: 360px;
    width: 100%;
    border-width: 1px;
    border-color: #ebebeb
}

@media (max-width:767px) {
    .index {
        border-style: solid;
        background-color: #ebebeb;
        position: absolute;
        top: 145px;
        z-index: -1;
        height: 360px;
        width: 100%;
        border-width: 1px;
        border-color: #ebebeb
    }
}

@media (min-width:767px) and (max-width:1023px) {
    .index {
        border-style: solid;
        background-color: #ebebeb;
        position: absolute;
        top: 145px;
        z-index: -1;
        height: 360px;
        width: 100%;
        border-width: 1px;
        border-color: #ebebeb
    }
}

.msas {
    position: absolute;
    top: -114px;
    left: -11px
}

@media (max-width:767px) {
    .msas {
        position: absolute;
        top: -11px;
        left: 16px;
        max-width: 90%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .msas {
        position: absolute;
        top: -34px;
        left: -7px
    }
}

@media (max-width:767px) {
    .trendz {
        padding-top: 5px
    }
}

@media (max-width:767px) {
    .trendz2 {
        padding-bottom: 145px
    }
}

.index2 {
    border-style: solid;
    position: absolute;
    top: 170px;
    z-index: -1;
    height: 270px;
    width: 100%;
    border-width: 1px;
    border-color: #ebebeb
}

@media (max-width:767px) {
    .index2 {
        border-style: solid;
        position: absolute;
        top: 65px;
        z-index: -1;
        height: 231px;
        width: 100%;
        border-width: 1px;
        border-color: #ebebeb
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .index2 {
        border-style: solid;
        position: absolute;
        top: 104px;
        z-index: 0;
        height: 232px;
        width: 100%;
        border-width: 1px;
        border-color: #ebebeb
    }
}

.index3 {
    border-style: solid;
    background-color: #ebebeb;
    position: absolute;
    top: 110px;
    left: 1012px;
    z-index: -1;
    height: 299px;
    width: 25%;
    border-width: 1px;
    border-color: #ebebeb
}

@media (max-width:767px) {
    .index3 {
        border-style: solid;
        background-color: #ebebeb;
        position: absolute;
        top: 65px;
        left: -143px;
        z-index: -1;
        height: 0;
        width: 0%;
        border-width: 1px;
        border-color: #ebebeb
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .index3 {
        border-style: solid;
        background-color: #aaa;
        position: absolute;
        top: 77px;
        left: 0;
        z-index: -1;
        height: 150px;
        width: 0%;
        border-width: 1px;
        border-color: #fff
    }
}

.gro1 {
    box-shadow: -2px -2px 5px #dedede
}

.gro2 {
    box-shadow: 2px -2px 5px #dededf
}

.gro3 {
    box-shadow: -2px 2px 5px #dedede
}

.gro4 {
    box-shadow: 2px 2px 5px #dedede
}

@media (min-width:768px) and (max-width:1023px) {
    .hidden-td {
        display: none !important
    }

    .visible-td {
        display: block !important
    }

    .size-20 {
        font-size: 14px !important;
        line-height: 26px !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .page-title {
        font-family: proxima_nova_ltbold;
        font-size: 29px;
        font-weight: 400;
        color: #30373b
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .font_text {
        color: #767676;
        font-family: proxima_nova_ltbold;
        font-size: 14px
    }
}

@media (max-width:767px) {
    .font_text {
        color: #767676;
        font-family: proxima_nova_ltbold;
        font-size: 14px;
        text-align: justify
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .font_text2 {
        color: #30373b;
        font-family: proxima_nova_ltbold;
        font-size: 12px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .padding-top-50 {
        padding-top: 10px !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .font_text3 {
        color: #30373b;
        margin: 0 0 10px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 500 !important
    }
}

@media(max-width:767px) {
    .head_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 800 !important;
        font-size: 29px
    }

    .social_pos {
        position: relative;
        left: 92px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .page_title {
        font-family: proxima_nova_ltbold;
        font-size: 24px;
        font-weight: 400;
        color: #30373b
    }

    .font_text4 {
        font-size: 29px
    }

    .font_text5 {
        font-size: 12px
    }

    .eng_pic {
        position: relative;
        top: 11px
    }
}

@media (max-width:767px) {
    .font_text5 {
        font-size: 12px
    }

    .font_text6 {
        font-size: 13px
    }

    .font_text4 {
        font-size: 22px
    }

    .tog {
        text-align: justify;
        font-size: 13px
    }

    .tog2 {
        font-size: 73%
    }
}

@media (max-width:767px) {
    .heading_font {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 800 !important;
        font-size: 27px
    }

    .heading_font2 {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 800 !important;
        font-size: 25px;
        padding-top: 27px
    }
}

.mar_soc {
    margin-right: 42px;
    position: relative;
    left: 30px
}

.fou_mar {
    margin-top: 35px
}

.foc_rel {
    position: relative;
    left: -34px
}

.foc_rel2 {
    position: relative;
    top: 22px;
    padding-left: 9%
}

.stores_wd {
    width: 85%;
    position: relative;
    left: 75px;
    top: -10px
}

.hier_wd {
    width: 86%;
    position: relative;
    top: -14px
}

.rec_wd {
    width: 81%;
    position: relative;
    left: 101px
}

.mob_para {
    width: 90%;
    position: relative;
    left: 67px
}

ul.enterprise-tab li.mob_bb {
    border-bottom: 0
}

ul.wid li.wd_d {
    width: 29%;
    margin-left: 128px
}

.easy_pos {
    position: relative;
    top: 4px
}

.easy_pos2 {
    position: relative;
    top: 0
}

.easy_pos3 {
    position: relative;
    top: -2px
}

.mob_bet {
    width: 102%
}

.mob_gt {
    width: 101%
}

.seo_para {
    width: 90%;
    position: relative;
    left: 70px
}

.nav>li>a.seo_padd {
    padding: 20px
}

.opt_pad {
    padding-top: 24px
}

.seo_rel {
    position: relative;
    top: -11px
}

.prd_tt {
    width: 79%;
    position: relative;
    left: 127px
}

.stoe_pad {
    padding-top: 14px;
    margin-top: -19px
}

.hie_head {
    font-family: proxima_nova_ltbold;
    font-size: 30px;
    text-transform: capitalize;
    color: #30373b
}

.reca_line {
    line-height: 50px
}

.rec_padd {
    padding-top: 25px;
    padding-bottom: 40px
}

.rec_padd2 {
    padding-top: 20px;
    padding-bottom: 45px
}

.seo_bord {
    border: 1px solid #ddd
}

.cuto {
    margin-right: 46px;
    position: relative;
    left: 20px
}

.give_wd {
    width: 64%;
    position: relative;
    left: 214px
}

.ppr {
    width: 64%;
    position: relative;
    left: 204px
}

.st_lh {
    line-height: 30px
}

@media (max-width:767px) {
    .first_hed {
        margin-top: 122px;
        margin-left: -14px;
        margin-right: -22px
    }

    .hie_head {
        font-family: proxima_nova_ltbold;
        font-size: 26px;
        text-transform: capitalize;
        color: #30373b
    }

    .reca_line {
        line-height: 28px;
        width: 98%
    }

    .stores_wd {
        width: 85%;
        position: relative;
        left: 20px;
        top: -10px;
        line-height: 29px
    }

    .foc_rel {
        position: relative;
        left: 0
    }

    .foc_rel2 {
        position: relative;
        left: 0;
        top: 0
    }

    .first_pa {
        margin-left: 10px
    }

    .tmp_f {
        margin-left: 14px;
        margin-top: -17px
    }

    .tmp_ig {
        max-width: 60%
    }

    .uni_pa {
        width: 90%;
        margin-left: 19px;
        margin-top: -15px
    }

    .stuff_p {
        width: 90%;
        position: relative;
        left: -13px;
        top: -15px;
        margin-bottom: 10px
    }

    .custo_p {
        position: relative;
        left: 21px;
        width: 105%;
        top: -15px;
        margin-bottom: 40px
    }

    .tm_pb {
        padding-bottom: 0
    }

    .engg_p {
        width: 90%;
        position: relative;
        left: -43px
    }

    .engg_pad {
        margin-bottom: 52px
    }

    .foc_wd {
        width: 114%;
        position: relative;
        left: -15px
    }

    .how_mar {
        margin-top: 0;
        margin-left: -53px
    }

    .how_tt {
        width: 97%;
        position: relative;
        left: 48px;
        top: -6px
    }

    .how_para {
        position: relative;
        left: 23px;
        width: 100%
    }

    .mar_soc {
        margin-right: 48px;
        width: 97%;
        left: 6px
    }

    .hier_wd {
        width: 100%
    }

    .rec_wd {
        width: 111%;
        position: relative;
        left: -16px
    }

    .location {
        text-align: center
    }

    .mob_para {
        position: relative;
        left: 18px
    }

    .seo_para {
        width: 90%;
        position: relative;
        left: 19px
    }

    .stoe_pad {
        padding-top: 20px
    }

    .cuto {
        margin-right: 26px;
        position: relative;
        left: 3px;
        width: 99%
    }

    .test-hfont {
        font-family: source_sans_prosemibold;
        font-size: 50px;
        color: #30373b
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .eco_mar {
        margin-left: 16px
    }

    .stores_wd {
        width: 90%;
        position: relative;
        left: 30px;
        top: -10px
    }

    .foc_rel {
        position: relative;
        left: 0
    }

    .foc_rel2 {
        position: relative;
        left: 0;
        top: 0
    }

    .tm_mar {
        margin-left: -17px
    }

    .uni_pa {
        width: 94%;
        margin-left: 2px
    }

    .uni_h {
        margin-left: 2px
    }

    .custo_p {
        line-height: 28px;
        margin-top: -15px
    }

    .tm_pb {
        padding-bottom: 25px
    }

    .mar_soc {
        margin-right: 32px;
        position: relative;
        left: 19px
    }

    .how_mar {
        margin-top: -59px;
        margin-left: 319px
    }

    .foc_wd {
        width: 90%
    }

    .fou_mar {
        margin-top: -41px
    }

    .foc_pr {
        position: relative;
        top: 30px
    }

    .how_tt {
        width: 108%
    }

    .how_head {
        position: relative;
        left: -5px;
        top: 50px
    }

    .hw_pr {
        line-height: 20px;
        position: relative;
        top: 34px;
        left: -5px
    }

    .how_wd {
        width: 96%
    }

    .hier_wd {
        width: 99%;
        position: relative;
        top: -14px;
        line-height: 24px
    }

    .rec_wd {
        width: 94%;
        position: relative;
        left: 21px
    }

    .mob_para {
        position: relative;
        left: 16px;
        width: 97%
    }

    .seo_para {
        width: 92%;
        position: relative;
        left: 32px
    }

    .prd_tt {
        width: 79%;
        position: relative;
        left: 86px
    }

    .stoe_pad {
        padding-top: 15px
    }

    .give_wd {
        width: 64%;
        position: relative;
        left: 130px
    }

    .ppr {
        width: 64%;
        position: relative;
        left: 135px
    }
}

.head-banner-top {
    padding-top: 6%
}

@media (max-width:767px) {
    .head-banner-top {
        padding-top: 0
    }
}

.temp_maar {
    margin-top: 40px
}

.store_pda {
    padding-top: 100px
}

.seo_tp {
    padding-top: 2px
}

.seo_mr {
    margin-bottom: 13px
}

.seo_pp {
    padding-bottom: 25px
}

.tmp_marr {
    margin-top: -3px
}

.testi_h {
    padding-top: 5px;
    margin-top: -8px
}

.why_h {
    margin-left: 6px
}

.why_p {
    margin-left: 28px
}

.wd_bg {
    height: 500px
}

@media (max-width:767px) {
    .wd_bg {
        height: 535px
    }

    .temp_maar {
        margin-top: 25px
    }

    .store_pda {
        padding-top: 45px
    }

    .seo_tp {
        padding-top: 10px
    }

    .tmp_marr {
        margin-top: 17px
    }

    .why_h {
        margin-left: -21px
    }

    .why_p {
        margin-left: 9px
    }

    .client-bg.hal {
        width: 160px;
        height: 54px;
        background-position: -269px -95px;
        display: inline-block;
        position: relative
    }

    .client-bg.tas {
        width: 162px;
        height: 54px;
        background-position: -27px -97px;
        display: inline-block;
        position: relative
    }

    .client-bg.chat {
        width: 180px;
        height: 84px;
        background-position: -255px 8px;
        display: inline-block;
        position: absolute;
        top: 191px;
        left: 4px
    }

    .client-bg.nam {
        width: 152px;
        height: 84px;
        background-position: -25px 8px;
        display: inline-block;
        position: absolute;
        top: 203px;
        right: 28px
    }

    .client-bg.tre {
        width: 140px;
        height: 84px;
        background-position: -40px -167px;
        display: inline-block;
        position: relative;
        top: -41px;
        left: 0
    }

    .clus_mar {
        margin-top: 12px
    }

    .clus_mar2 {
        margin-top: 0
    }

    .shadow {
        border-radius: 50%;
        box-shadow: 0 0 10px #dedede
    }

    .gro1 {
        box-shadow: 0 0 0 #dedede
    }

    .gro2 {
        box-shadow: 0 0 0 #dededf
    }

    .gro3 {
        box-shadow: 0 0 0 #dedede
    }

    .gro4 {
        box-shadow: 0 0 0 #dedede
    }

    .custo_rv {
        min-height: 328px !important
    }

    .endv {
        margin-bottom: -44px !important
    }

    .en_paras {
        width: 97%;
        margin-right: 4px;
        margin-top: -21px
    }

    .groove3 {
        border-top: 0;
        border-bottom: 4px solid #999;
        border-right: 0;
        border-left: 0;
        border-color: #f9fafa;
        padding: 30px;
        box-shadow: 0 -8px 18px #ebebeb
    }

    .groove4 {
        border-top: 0;
        border-bottom: 50px;
        border-right: 0;
        border-left: 0;
        border-color: #f9fafa;
        padding: 30px;
        box-shadow: 0 8px 18px #ebebeb
    }

    .fou_mar {
        margin-top: 0
    }

    .rec_padd {
        padding-top: 23px;
        padding-bottom: 21px
    }

    .rec_padd2 {
        padding-top: 4px;
        padding-bottom: 40px
    }

    .clent {
        margin-bottom: -17px
    }

    .count-client {
        font-family: 'Museo 500', sans-serif;
        font-size: 45px;
        color: #434343;
        line-height: 40px;
        border-right: 0 solid #ccc;
        padding-right: 0
    }

    ul.client li i {
        margin-right: 0;
        border-right: 0 solid #ccc
    }

    .review.star-icon {
        width: 140px;
        height: 26px;
        background-position: 0;
        margin: -2px 71px;
        display: inline-block
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .temp_maar {
        margin-top: 13px
    }

    .store_pda {
        padding-top: 60px
    }

    .pad7 {
        padding-bottom: 200px
    }

    .seo_tp {
        padding-top: 15px
    }

    .client-bg.chat {
        width: 180px;
        height: 84px;
        background-position: -255px 8px;
        display: inline-block;
        position: absolute;
        top: 34px;
        left: 565px
    }

    .client-bg.nam {
        width: 152px;
        height: 84px;
        background-position: -25px 8px;
        display: inline-block;
        position: relative;
        top: -16px;
        left: 270px
    }

    .client-bg.tre {
        width: 140px;
        height: 84px;
        background-position: -40px -167px;
        display: inline-block;
        position: relative;
        top: -10px;
        left: 296px
    }

    .pad9 {
        padding-top: 65px;
        padding-bottom: 15px;
        margin-top: -47px
    }

    .shadow {
        border-radius: 50%;
        box-shadow: 0 0 11px #dedede
    }

    .gro1 {
        box-shadow: 0 0 0 #dedede
    }

    .gro2 {
        box-shadow: 0 0 0 #dededf
    }

    .gro3 {
        box-shadow: 0 0 0 #dededf
    }

    .gro4 {
        box-shadow: 0 0 0 #dedede
    }

    .margi_mar {
        margin-bottom: -1px !important
    }

    .enga_pad {
        padding-top: 22px;
        padding-bottom: 65px
    }

    .rec_padd {
        padding-top: 16px;
        padding-bottom: 19px
    }

    .rec_padd2 {
        padding-top: 17px;
        padding-bottom: 16px
    }

    .tmp_marr {
        margin-top: 24px
    }

    .count-client {
        font-family: 'Museo 500', sans-serif;
        font-size: 45px;
        color: #434343;
        line-height: 40px;
        border-right: 0 solid #ccc;
        padding-right: 20px
    }

    ul.client li i {
        margin-right: 0;
        border-right: 0 solid #ccc
    }
}

.size_h {
    font-size: 18px !important;
    line-height: 23px !important
}

.headings {
    padding: 0 10%
}

.part-rev {
    float: left
}

.part-toppad {
    margin-top: -19px
}

.part-right {
    margin-right: 15%
}

@media(max-width:767px) {
    .part-right {
        margin-right: 0
    }
}

@media(max-width:767px) {
    .social-top {
        margin-top: 8%
    }
}

@media(max-width:767px) {
    .fot-bt-sp {
        margin-bottom: 38px !important
    }
}

.download-pading {
    padding: 0 5%
}

.deal-pading {
    padding: 0 10%
}

@media(min-width:768px) and (max-width:1023px) {
    .tab-social {
        margin-right: -7%
    }

    .price-mobile-view {
        margin: 33px;
        font-size: 17px;
        padding: 39px 9px !important;
        height: 120px
    }

    .price-plan-button {
        padding: 7px 33px
    }

    .rev-head-size {
        font-size: 18px !important
    }

    .text-cen {
        text-align: center
    }

    .mar-left-review {
        margin-left: 25% !important
    }

    .cus-rev {
        text-align: justify
    }

    .m-top-pic {
        margin-top: -70%
    }

    .download-product {
        font-size: 15px !important
    }

    .dis-ct {
        font-size: 23px !important
    }

    .tex-price {
        padding-top: 18%
    }

    .ft-siz-bundle {
        font-size: 23px !important
    }

    .icon-mob {
        margin-left: 33%
    }

    .single-prod {
        font-size: 20px !important
    }

    .bundled-product {
        font-size: 14px !important
    }

    .off-dis {
        line-height: 174% !important
    }

    .par-top {
        padding-top: 18%
    }
}

@media (max-width:767px) {
    .pad_top {
        padding-top: 40px;
        padding-bottom: 0
    }

    .engae_pad {
        margin-top: -22px
    }
}

.coup-man {
    padding: 0 15%
}

.cust_pad {
    padding-top: 20px
}

.padd1 {
    padding-bottom: 35px
}

.pad_n {
    padding-bottom: 90px
}

.pad_n1 {
    padding-bottom: 25px
}

.pad_n2 {
    padding-bottom: 70px
}

.i_mar {
    margin-top: -13px
}

.slid_pad {
    padding-bottom: 0
}

.cust_eco {
    height: 600px
}

.i_mar2 {
    margin-bottom: -40px
}

.controlls-over.pagi_pad .owl-pagination {
    padding-bottom: 40px
}

@media (max-width:767px) {
    .padd1 {
        padding-bottom: 20px
    }

    .cust_eco {
        height: 677px
    }

    .pad_n {
        padding-bottom: 44px
    }

    .i_mar {
        margin-top: 8px
    }

    .head_small {
        font-family: proxima_nova_ltbold;
        font-size: 25px;
        text-transform: capitalize;
        color: #30373b
    }

    .tx_al {
        text-align: center
    }

    .pad_tp {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .cust_eco {
        height: 560px
    }

    .happ_clt {
        margin-top: -464px
    }

    .i_mar {
        margin-top: 14px
    }

    .i_pmar {
        margin-top: -35px
    }

    .head_small {
        font-size: 18px !important
    }

    .pa_mag {
        margin-top: -22px
    }
}

.padd2 {
    padding-top: 50px
}

.paddi1 {
    padding-top: 80px
}

.cus_marr {
    margin-bottom: -13px
}

@media (max-width:767px) {
    .padd2 {
        padding-top: 20px
    }

    .padd3 {
        padding-top: 55px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .padd4 {
        padding-top: 75px
    }
}

.cost {
    float: right;
    margin-top: -55px;
    margin-right: 32px
}

@media (max-width:767px) {
    .cost {
        float: right;
        margin-top: -51px
    }

    .cost_padd {
        padding-bottom: 75px
    }

    .cost_padtop {
        padding-top: 50px
    }
}

.bor {
    border-style: solid;
    border-width: 5px;
    border-color: #f6f6f6;
    padding: 35px 22px;
    height: 290px
}

@media (max-width:767px) {
    .bor {
        border-style: solid;
        border-width: 5px;
        border-color: #f6f6f6;
        padding: 20px 18px;
        height: auto
    }
}

.para {
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 28px;
    font-weight: 900;
    color: #000;
    margin-bottom: 14px
}

@media (max-width:767px) {
    .para {
        font-family: Arial, sans-serif;
        font-size: 11px;
        line-height: 21px;
        font-weight: 900;
        color: #000;
        margin-bottom: 14px
    }
}

.padg {
    padding-bottom: 15px
}

@media (min-width:768px) and (max-width:1023px) {
    .para {
        font-family: Arial, sans-serif;
        font-size: 11px;
        line-height: 25px;
        font-weight: 900;
        color: #000;
        margin-bottom: 5px
    }

    .para_1 {
        font-family: Arial, sans-serif;
        font-size: 11px;
        line-height: 25px;
        font-weight: 900;
        color: #000;
        margin-bottom: 30px
    }
}

.para2 {
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 28px;
    font-weight: 900;
    color: #000;
    margin-bottom: -15px
}

@media (max-width:767px) {
    .para2 {
        font-family: Arial, sans-serif;
        font-size: 11px;
        line-height: 21px;
        font-weight: 900;
        color: #000;
        margin-bottom: 14px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .para2 {
        font-family: Arial, sans-serif;
        font-size: 11px;
        line-height: 25px;
        font-weight: 900;
        color: #000;
        margin-bottom: 5px
    }
}

.headd {
    font-family: Arial, sans-serif;
    font-size: 30px;
    font-weight: 400;
    color: #000
}

.headd2 {
    font-family: Arial, sans-serif;
    font-size: 32px;
    font-weight: 400;
    color: #000
}

.sol_hed {
    font-family: Arial, sans-serif;
    font-size: 25px;
    font-weight: 400;
    color: #000
}

@media (max-width:767px) {
    .sol_hed {
        font-family: Arial, sans-serif;
        font-size: 22px;
        text-align: center;
        font-weight: 400;
        color: #000
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .sol_hed {
        font-family: Arial, sans-serif;
        font-size: 23px;
        text-align: center;
        font-weight: 400;
        color: #000
    }
}

@media (max-width:767px) {
    .headd {
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: 400;
        color: #000
    }

    .headd2 {
        font-family: Arial, sans-serif;
        font-size: 18px;
        font-weight: 400;
        color: #000;
        margin-bottom: 7px;
        text-align: center
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .headd {
        font-family: Arial, sans-serif;
        font-size: 22px;
        font-weight: 400;
        color: #000;
        margin-bottom: 10px
    }

    .headd2 {
        font-family: Arial, sans-serif;
        font-size: 25px;
        font-weight: 400;
        color: #000;
        margin-bottom: 10px;
        text-align: center
    }
}

.line_h {
    line-height: 28px
}

.row-n {
    margin-right: -15px;
    margin-left: -15px
}

.padd5 {
    padding-left: 265px;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-right: 39px
}

.bord {
    border-style: solid;
    background-color: #fff;
    position: absolute;
    left: -139px;
    top: 32px;
    z-index: -1;
    height: 323px;
    width: 800px;
    border-width: 1px;
    border-color: #ebebeb;
    box-shadow: 0 0 13px #ccc
}

.hed {
    font-size: 28px
}

.poss1 {
    position: absolute;
    max-width: 100px;
    top: 69px;
    left: -52px
}

.poss2 {
    position: absolute;
    max-width: 100px;
    top: 47px;
    left: 89px
}

.poss3 {
    position: absolute;
    top: 25px;
    left: 239px;
    max-width: 100px
}

.poss4 {
    position: absolute;
    top: 114px;
    left: 16px;
    max-width: 100px
}

.poss5 {
    position: absolute;
    top: 92px;
    left: 161px;
    max-width: 100px
}

.nav.hov>li>a {
    background: 0 0
}

.nav.hov>li.active>a img,
.nav.hov>li>a:focus img,
.nav.hov>li>a:hover img {
    box-shadow: 0 0 7px #ccc;
    border-radius: 50px
}

.tech_font {
    font-size: 13px
}

.sol_font {
    font-size: 15px
}

@media (max-width:767px) {
    .sol_font {
        font-size: 12px;
        text-align: justify
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .sol_font {
        font-size: 12px;
        text-align: justify
    }
}

.tech_mar {
    margin-bottom: 16px
}

@media (max-width:767px) {
    .tg {
        font-size: 13px;
        line-height: 16px;
        text-align: justify
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .tg {
        line-height: 25px
    }

    .advan_pad {
        padding: 35px
    }
}

.image_size {
    width: 56px;
    height: 56px
}

.midd {
    top: 93px;
    position: absolute;
    left: 40px
}

.bigline {
    top: 100px;
    left: 542px;
    position: absolute
}

@media (max-width:767px) {
    .midd {
        top: 110px;
        position: absolute;
        width: 0
    }

    .bigline {
        top: 130px;
        left: 55px;
        position: absolute;
        width: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .lef {
        left: 111px
    }

    .fs {
        font-size: 10px
    }

    .hs {
        font-size: 23px
    }

    .midd {
        top: 110px;
        position: absolute;
        width: 0
    }

    .bigline {
        top: 130px;
        left: 55px;
        position: absolute;
        width: 0
    }
}

.para3 {
    font-family: Museo-300, Arial, sans-serif;
    font-size: 13px;
    line-height: 25px;
    font-weight: 900;
    color: #000;
    margin-bottom: 5px;
    text-align: left
}

@media (max-width:767px) {
    .para3 {
        font-family: Museo-300, Arial, sans-serif;
        font-size: 12px;
        line-height: 25px;
        font-weight: 900;
        color: #000;
        margin-bottom: 5px;
        text-align: justify
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .para3 {
        font-family: Museo-300, Arial, sans-serif;
        font-size: 12px;
        line-height: 25px;
        font-weight: 900;
        color: #000;
        margin-bottom: 5px;
        text-align: justify
    }
}

.h_font {
    font-family: Museo-700, Arial, sans-serif;
    font-size: 40px;
    font-weight: 400;
    color: #000
}

@media (max-width:767px) {
    .h_font {
        font-family: Museo-700, Arial, sans-serif;
        font-size: 21px;
        font-weight: 400;
        color: #000
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .h_font {
        font-family: Museo-700, Arial, sans-serif;
        font-size: 29px;
        font-weight: 400;
        color: #000
    }
}

.p_font {
    color: #000;
    font-family: Museo-500, Arial, Helvetica, sans-serif !important;
    font-size: 16px
}

@media (max-width:767px) {
    .p_font {
        color: #000;
        font-family: Museo-500, Arial, Helvetica, sans-serif !important;
        font-size: 12px;
        text-align: justify
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .p_font {
        color: #000;
        font-family: Museo-500, Arial, Helvetica, sans-serif !important;
        font-size: 14px
    }
}

.device {
    padding-top: 156px;
    padding-bottom: 35px
}

@media (max-width:767px) {
    .device {
        padding-top: 0;
        padding-bottom: 30px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .device {
        padding-top: 60px;
        padding-bottom: 35px
    }
}

.trangle {
    position: absolute;
    top: 325px;
    left: -155px
}

@media (max-width:767px) {
    .trangle {
        position: absolute;
        top: 269px;
        left: -155px;
        max-width: 0
    }
}

.blue {
    border-style: solid;
    background-color: #67dde0;
    position: absolute;
    left: -94px;
    top: 371px;
    z-index: -1;
    height: 322px;
    width: 107%;
    border-width: 1px;
    border-color: #67dde0
}

@media (min-width:768px) and (max-width:1023px) {
    .blue {
        border-style: solid;
        background-color: #67dde0;
        position: absolute;
        left: -734px;
        top: 308px;
        z-index: -1;
        height: 195px;
        width: 1500px;
        border-width: 1px;
        border-color: #67dde0
    }

    .trangle {
        position: absolute;
        top: 193px;
        left: -155px
    }
}

@media (max-width:767px) {
    .blue {
        border-style: solid;
        background-color: #67dde0;
        position: absolute;
        left: -105px;
        top: 371px;
        z-index: -1;
        height: 322px;
        width: 0;
        border-width: 1px;
        border-color: #67dde0
    }
}

.alg {
    text-align: left
}

.box-wrap {
    border: 1px solid #ccc;
    padding: 20px 30px
}

.img_posi {
    position: absolute;
    left: 5px;
    top: 8px
}

@media (max-width:767px) {
    .box-wrap {
        border: 1px solid #ccc;
        padding: 253px 30px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .box-wrap {
        border: 1px solid #ccc;
        padding: 20px 10px
    }

    .img_posi {
        position: absolute;
        left: 5px;
        top: 42px
    }
}

.controlls-over.s-stats .owl-pagination {
    position: relative
}

.owl-theme.controlls-over.s-stats .owl-controls .owl-page {
    background: 0 0
}

.owl-theme.controlls-over.s-stats .owl-controls .owl-page span {
    background: #959595;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 50px
}

.super_f h3 {
    font-family: proxima_nova_ltbold;
    font-size: 23px;
    font-weight: 400;
    color: #000;
    margin-top: 20px;
    margin-bottom: 0
}

@media (max-width:767px) {
    .super_f h3 {
        font-family: proxima_nova_ltbold;
        font-size: 22px;
        font-weight: 400;
        color: #000;
        margin-top: 20px;
        margin-bottom: 0;
        position: relative;
        top: -140px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .super_f h3 {
        font-family: proxima_nova_ltbold;
        font-size: 20px;
        font-weight: 400;
        color: #000;
        margin-top: 20px;
        margin-bottom: 0
    }
}

.super_f p {
    font-family: ProximaNova-Regular;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .super_f p {
        font-family: ProximaNova-Regular;
        font-size: 12px;
        line-height: 28px;
        font-weight: 400;
        color: #000;
        margin-bottom: 20px;
        text-align: justify;
        position: relative;
        top: -136px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .super_f p {
        font-family: ProximaNova-Regular;
        font-size: 12px;
        line-height: 28px;
        font-weight: 400;
        color: #000;
        margin-bottom: 20px
    }

    .mobile_new {
        width: 95%
    }
}

.shsh {
    border-style: solid;
    background-color: #ebebeb;
    position: absolute;
    left: -109px;
    top: -36px;
    z-index: -1;
    height: 365px;
    width: 117%;
    border-width: 1px;
    border-color: #ebebeb
}

@media (max-width:767px) {
    .shsh {
        border-style: solid;
        background-color: #ebebeb;
        position: absolute;
        left: -104px;
        top: -13px;
        z-index: -1;
        height: 365px;
        width: 129%;
        border-width: 1px;
        border-color: #ebebeb
    }

    .space_pad1 {
        padding-bottom: 66px
    }

    .space_pad2 {
        padding-bottom: 56px
    }

    .space_pad4 {
        padding-bottom: 56px
    }

    .space_pad5 {
        padding-bottom: 28px
    }

    .imge_max {
        max-width: 35%
    }
}

@media (min-width:320px) and (max-width:359px) {
    .space_pad1 {
        padding-bottom: 10px
    }

    .space_pad2 {
        padding-bottom: 0
    }

    .space_pad3 {
        padding-bottom: 6px
    }

    .space_pad4 {
        padding-bottom: 34px
    }

    .space_pad5 {
        padding-bottom: 34px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .shsh {
        border-style: solid;
        background-color: #ebebeb;
        position: absolute;
        left: -100px;
        top: -13px;
        z-index: -1;
        height: 365px;
        width: 113%;
        border-width: 1px;
        border-color: #ebebeb
    }

    .space_pad2 {
        padding-bottom: 28px
    }

    .imge_max {
        max-width: 85px
    }
}

@media (max-width:767px) {
    .slid {
        padding-top: 0
    }
}

.price_span {
    font-size: 19px;
    padding-right: 6px
}

.price_pad {
    padding-top: 45px;
    padding-bottom: 15px
}

.price_rad {
    border-radius: 10px
}

.price_pic {
    border-radius: 10px 10px 0 0;
    position: relative;
    top: -3px
}

.price_button {
    padding: 24px 31px
}

.button_pr:hover {
    background-color: #fff;
    color: #51c9cc !important
}

.button_hd {
    background-color: #51c9cc;
    border: 1px solid;
    border-radius: 30px;
    color: #fff !important;
    padding: 10px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 30px 2px;
    cursor: pointer;
    padding-top: 19px;
    padding-bottom: 19px
}

.price_col h4 {
    color: #51c9cc
}

.price_co a {
    color: #51c9cc
}

.price_white {
    white-space: nowrap
}

.price_bg {
    background-color: #51c9cc
}

.price_padd {
    padding-left: 50px;
    padding-right: 34px
}

@media (max-width:767px) {
    .price_padd {
        padding-left: 40px;
        padding-right: 40px
    }

    .mar1 {
        margin-bottom: -44px
    }

    .paad {
        padding-top: 60px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .price_padd {
        padding-left: 15px;
        padding-right: 15px
    }

    .f_siz {
        font-size: 12px
    }

    .f_hs {
        font-size: 35px
    }

    .price_button {
        padding: 18px 20px
    }
}

.line_cus {
    line-height: 24px;
    font-size: 14px
}

.cus_paad {
    padding-top: 110px
}

.rectangle {
    background-image: url(../img/custom/rectangle.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 303px;
    left: -300px;
    width: 850px;
    height: 450px
}

@media (min-width:768px) and (max-width:1023px) {
    .rectangle {
        background-image: url(../img/custom/rectangle.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 218px;
        left: -465px;
        width: 850px;
        height: 526px
    }

    .line_cus {
        line-height: 24px;
        font-size: 12px
    }
}

.triangle_pos {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.triangle_pos1 {
    top: 223px;
    left: 468px;
    z-index: 1
}

@media (min-width:768px) and (max-width:1023px) {
    .tri_small {
        position: relative;
        top: 143px;
        left: 272px
    }

    .triangle_pos {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1
    }

    .triangle_pos1 {
        top: 117px;
        left: 322px;
        z-index: 1
    }
}

.cus_head {
    font-family: Museo-700, Arial, sans-serif;
    font-size: 23px;
    font-weight: 400;
    color: #000;
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 25px
}

@media (min-width:768px) and (max-width:1023px) {
    .cus_head {
        font-family: Museo-700, Arial, sans-serif;
        font-size: 21px;
        font-weight: 400;
        color: #000;
        margin-top: 20px;
        margin-bottom: 0;
        padding-bottom: 25px
    }
}

.cus_para {
    font-family: Museo-300, Arial, sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px
}

@media (min-width:768px) and (max-width:1023px) {
    .cus_para {
        font-family: Museo-300, Arial, sans-serif;
        font-size: 12px;
        line-height: 28px;
        font-weight: 400;
        color: #000;
        margin-bottom: 50px
    }
}

.cus_dec {
    background-color: #19b5fe
}

.cus_imgpos {
    position: relative;
    max-width: 27%;
    left: 277px;
    top: -36px
}

.cus_headpos {
    position: relative;
    top: 80px;
    left: -26px
}

@media (min-width:768px) and (max-width:1023px) {
    .cus_headpos {
        position: relative;
        top: 67px;
        left: -26px
    }

    .cus_imgpos {
        position: relative;
        max-width: 27%;
        left: 191px;
        top: -20px
    }

    .res_para {
        width: 105%
    }

    .frame_para {
        width: 98%
    }

    .home_para {
        width: 113%
    }

    .drop_para {
        width: 106%
    }

    .produ_para {
        width: 111%
    }

    .cate_para {
        width: 112%
    }

    .thak_para {
        width: 101%
    }

    .view_para {
        width: 106%
    }

    .conct_para {
        width: 99%
    }

    .check_para {
        width: 112% !important
    }

    .for_para {
        width: 108%
    }

    .blog_para {
        width: 110%
    }
}

.cus h3 {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 0 0 30px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important
}

.cus_had {
    position: relative;
    top: -40px
}

.line_u1 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u1 {
        position: relative;
        top: -31px;
        left: 1px;
        width: 83%
    }
}

.line_u2 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u2 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 140px
    }
}

.line_u3 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u3 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 193px
    }
}

.line_u4 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u4 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 172px
    }
}

.line_u5 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u5 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 145px
    }
}

.line_u6 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u6 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 182px
    }
}

.line_u7 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u7 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 211px
    }
}

.line_u8 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u8 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 225px
    }
}

.line_u9 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u9 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 239px
    }
}

.line_u10 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u10 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 241px
    }
}

.line_u11 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u11 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 230px
    }
}

.line_u12 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u12 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 228px
    }
}

.line_u13 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u13 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 224px
    }
}

.line_u14 {
    position: relative;
    top: -21px;
    left: -2px;
    width: 284px
}

@media (min-width:768px) and (max-width:1023px) {
    .line_u14 {
        position: relative;
        top: -21px;
        left: 1px;
        width: 122px
    }
}

.side_h {
    position: absolute;
    top: 98px;
    left: -598px
}

@media (min-width:768px) and (max-width:1023px) {
    .side_h {
        position: absolute;
        top: 22px;
        left: -318px
    }
}

.side_p {
    position: absolute;
    top: 49px;
    left: -296px;
    max-width: 28%;
    height: 163px
}

@media (min-width:768px) and (max-width:1023px) {
    .side_p {
        position: absolute;
        top: 93px;
        left: -284px;
        max-width: 35%;
        max-height: 129px
    }
}

.cus_padd {
    padding-bottom: 80px
}

@media (max-width:767px) {
    .cus_padd {
        padding-bottom: 0;
        margin-bottom: -44px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .cus_padd {
        padding-bottom: 0;
        margin-bottom: 60px
    }

    .sol_img {
        max-width: 200px;
        position: relative;
        top: 31px
    }
}

.cus_mar {
    margin-bottom: -55px
}

@media (max-width:767px) {
    .cus_mar {
        margin-bottom: 10px
    }

    .lab_font {
        font-size: 13px
    }

    .lab_para {
        font-size: 13px;
        text-align: justify
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .cus_mar {
        margin-bottom: 55px
    }
}

div.toggle>label.ip {
    color: #333;
    background: rgba(0, 0, 0, .1);
    cursor: pointer;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 20px;
    position: relative;
    display: block;
    border-bottom: rgba(0, 0, 0, .03) 1px solid;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width:767px) {
    div.toggle>label.ip {
        color: #333;
        background: rgba(0, 0, 0, .1);
        cursor: pointer;
        font-size: 13px;
        font-weight: 400;
        padding: 10px 20px;
        position: relative;
        display: block;
        border-bottom: rgba(0, 0, 0, .03) 1px solid;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .cus_min {
        min-height: 220px
    }

    .inter_pd {
        padding: 0
    }

    .tech_fonthd {
        font-size: 25px
    }

    .cus_paad {
        padding-top: 24px
    }

    .cus_con {
        margin-bottom: -35px
    }

    .line_h {
        line-height: 20px;
        margin-top: -18px
    }

    .hd_small {
        font-family: proxima_nova_ltbold;
        font-size: 25px !important;
        text-transform: capitalize;
        color: #30373b
    }

    .pad_n2 {
        padding-bottom: 40px
    }
}

.price_new sup {
    position: relative;
    font-size: 20px;
    line-height: 25px;
    vertical-align: bottom;
    top: -23px;
    padding-right: 10px
}

@media (max-width:767px) {
    .inter_img {
        position: absolute;
        top: -231px;
        left: 75px;
        max-width: 103px
    }

    .cust_txt {
        text-align: justify
    }

    .pad_n2 {
        padding-bottom: 40px
    }

    .pad_imp {
        padding-bottom: 45px !important
    }
}

.book_title {
    font-family: source_sans_prosemibold;
    font-size: 50px !important;
    color: #30373b
}

@media (max-width:767px) {
    .book_title {
        font-family: source_sans_prosemibold;
        font-size: 35px !important;
        color: #30373b
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .book_title {
        font-family: source_sans_prosemibold;
        font-size: 40px !important;
        color: #30373b
    }
}

.clt_padi {
    padding-top: 0;
    padding-bottom: 0
}

@media (min-width:768px) and (max-width:1023px) {
    .clt_padi {
        padding-top: 455px;
        padding-bottom: 0
    }
}

.trd_book {
    height: 486px
}

.tr_paad {
    padding-top: 80px
}

@media (max-width:767px) {
    .trd_book {
        height: 480px
    }

    .tr_paad {
        padding-top: 0
    }
}

.trend_title {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 0 0 30px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 35px
}

@media (max-width:767px) {
    .trend_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 24px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .trend_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 27px
    }
}

.trend_h {
    font-family: ProximaNova-Regular;
    color: #767676;
    line-height: 35px;
    font-size: 15px
}

@media (max-width:767px) {
    .trend_h {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 27px;
        font-size: 15px;
        text-align: justify
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .trend_h {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 29px;
        font-size: 14px
    }
}

.shade_bg {
    background-image: url(../img/trendzbook/shade.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 1349px;
    height: 525px;
    z-index: -1
}

.win_pos {
    position: relative;
    top: 0
}

.trend_pad {
    padding-top: 25px;
    padding-bottom: 0
}

.bea_h {
    font-family: 'proxima_nova_ltbold ';
    color: #30373b;
    margin: 0 0 15px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 25px
}

@media (max-width:767px) {
    .bea_h {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 15px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 23px;
        text-align: center
    }
}

.bea_p {
    font-family: ProximaNova-Regular;
    line-height: 35px;
    font-size: 12px
}

.p_pos {
    position: relative;
    top: 114px;
    left: -12px
}

@media (max-width:767px) {
    .p_pos {
        position: relative;
        top: 13px;
        left: 0
    }
}

.arrow_pos {
    position: absolute;
    top: 53px;
    left: 483px
}

.trnd_para {
    line-height: 24px;
    width: 532px
}

@media (max-width:767px) {
    .trnd_para {
        line-height: 24px;
        width: 300px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .trnd_para {
        line-height: 22px;
        width: 384px
    }

    .bea_h {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 15px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 23px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .p_pos {
        position: relative;
        top: 45px;
        left: -12px
    }

    .arrow_pos {
        position: absolute;
        top: 29px;
        left: 325px;
        max-width: 67px
    }
}

.pa_font {
    font-size: 15px;
    text-align: justify
}

.trnd_padb {
    padding-bottom: 75px
}

.blue_bg {
    position: absolute;
    top: 90px;
    right: -89px;
    z-index: -1;
    height: 200px
}

@media (max-width:767px) {
    .blue_bg {
        position: absolute;
        top: 90px;
        right: -89px;
        z-index: -1;
        height: 200px;
        width: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .blue_bg {
        position: absolute;
        top: 61px;
        right: 0;
        z-index: -1;
        height: 127px
    }

    .p_font {
        font-size: 12px;
        text-align: justify
    }
}

.sim_bor {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(111, 111, 111, .2) transparent transparent;
    box-shadow: 1px 0 43px #ccc
}

.sim_h {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 0 0 30px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 30px
}

.sim_p {
    font-family: ProximaNova-Regular;
    color: #767676;
    font-size: 14px;
    line-height: 25px;
    width: 669px
}

.sim_div {
    position: relative;
    top: 55px
}

.sim_img {
    position: relative;
    left: 90px
}

@media (max-width:767px) {
    .sim_img {
        position: relative;
        left: 65px;
        max-width: 137px
    }

    .sim_h {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 20px;
        position: relative;
        top: -54px;
        left: 47px
    }

    .sim_p {
        font-family: ProximaNova-Regular;
        color: #767676;
        font-size: 12px;
        line-height: 25px;
        width: 301px;
        position: relative;
        top: -63px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .sim_img {
        position: relative;
        left: 35px;
        top: 7px;
        max-width: 146px
    }

    .sim_h {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 23px;
        position: relative;
        top: -42px;
        left: -68px
    }

    .sim_p {
        font-family: ProximaNova-Regular;
        color: #767676;
        font-size: 12px;
        line-height: 25px;
        width: 435px;
        position: relative;
        top: -58px;
        left: -68px
    }
}

.flex_pos {
    position: relative;
    left: 144px
}

.flex_bor1 {
    border: 5px solid #ebebeb;
    padding: 38px 24px;
    box-shadow: 0 -5px 7px #ccc
}

.flex_bor2 {
    border: 5px solid #ebebeb;
    padding: 26px 36px;
    box-shadow: 0 -5px 7px #ccc
}

.fl_f {
    position: relative;
    left: -13px
}

.flex_p {
    font-family: ProximaNova-Regular;
    color: #767676;
    font-size: 14px;
    line-height: 25px;
    text-align: justify
}

@media (max-width:767px) {
    .flex_pos {
        position: relative;
        left: 74px;
        top: -4px
    }

    .fl_f {
        position: relative;
        left: -1px;
        top: 0
    }

    .th_f {
        position: relative;
        top: 0;
        left: 6px
    }

    .th_dv {
        margin-top: 110px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .flex_pos {
        position: relative;
        left: 67px
    }

    .fl_f {
        position: relative;
        left: -7px;
        top: 4px
    }

    .th_f {
        position: relative;
        top: 3px;
        left: 4px
    }

    .flex_bor1 {
        border: 5px solid #ebebeb;
        padding: 0 24px;
        box-shadow: -1px -5px 8px #ccc
    }

    .flex_bor2 {
        border: 5px solid #ebebeb;
        padding: 0 25px;
        box-shadow: -1px -5px 8px #ccc
    }

    .flx_hd {
        font-family: proxima_nova_ltbold;
        color: #000;
        margin: 0 0 10px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 21px;
        position: relative;
        top: 5px;
        left: -4px
    }

    .fx_p {
        font-family: ProximaNova-Regular;
        font-size: 14px;
        line-height: 25px;
        text-align: justify;
        position: relative;
        top: 24px
    }

    .fx_hd {
        font-family: proxima_nova_ltbold;
        color: #000;
        margin: 0 0 10px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 21px;
        position: relative;
        top: 29px;
        left: -4px
    }

    .fx_pos {
        position: relative;
        left: 62px;
        top: 23px
    }
}

.res_p {
    font-family: ProximaNova-Regular;
    color: #767676;
    font-size: 14px;
    line-height: 25px;
    width: 81%;
    position: relative;
    top: -46px;
    left: 60px
}

.res_h {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 0 0 30px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 30px;
    margin-bottom: 15px;
    position: relative;
    top: -37px;
    left: 60px
}

.resdes_img {
    position: absolute;
    left: 3px;
    top: 20px
}

@media (max-width:767px) {
    .res_h {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 24px;
        margin-bottom: 15px;
        position: relative;
        top: -86px;
        left: 39px
    }

    .res_p {
        font-family: ProximaNova-Regular;
        color: #767676;
        font-size: 11px;
        line-height: 25px;
        width: 267px;
        position: relative;
        top: -89px;
        left: 18px
    }

    .resdes_img {
        position: absolute;
        left: 3px;
        top: -38px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .res_h {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 26px;
        margin-bottom: 15px;
        position: relative;
        top: -59px;
        left: 12px
    }

    .res_p {
        font-family: ProximaNova-Regular;
        color: #767676;
        font-size: 14px;
        line-height: 25px;
        width: 446px;
        position: relative;
        top: -60px;
        left: 12px
    }

    .resdes_img {
        position: absolute;
        left: 102px;
        top: 108px;
        width: 85%
    }
}

.res_padb {
    padding-bottom: 147px
}

.userbor_top {
    border: 0 solid;
    border-top: 10px solid #ebebeb;
    box-shadow: 0 0 100px #cacaca
}

.userbor_bot {
    border: 0 solid;
    border-bottom: 10px solid #ebebeb;
    box-shadow: 0 0 100px #cacaca
}

.userd_pad {
    padding-top: 63px
}

.userd_pb {
    padding-bottom: 45px
}

.v_line {
    position: absolute;
    top: -8px;
    left: 567px;
    height: 307%;
    width: 3px
}

.h_line {
    position: relative;
    top: 19px;
    height: 3px;
    left: 0;
    width: 100%
}

.h2_line {
    position: relative;
    top: 0;
    height: 3px;
    left: 0;
    width: 0%
}

.us_f {
    position: relative;
    left: -2px
}

.us_pos {
    position: relative;
    left: 132px
}

.us_p {
    font-family: ProximaNova-Regular;
    color: #767676;
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    width: 103%
}

@media (max-width:767px) {
    .us_pos {
        position: relative;
        left: 59px;
        max-width: 53%
    }

    .us_f {
        position: relative;
        left: -2px;
        top: 5px
    }

    .v_line {
        position: absolute;
        top: -8px;
        left: 567px;
        height: 0%;
        width: 0
    }

    .h_line {
        position: relative;
        top: 19px;
        height: 11px;
        left: 0;
        width: 100%
    }

    .h2_line {
        position: relative;
        top: 19px;
        height: 11px;
        left: 0;
        width: 100%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .us_pos {
        position: relative;
        left: 55px;
        width: 55%
    }

    .us_f {
        position: relative;
        left: -5px;
        top: -3px
    }

    .us_p {
        font-family: ProximaNova-Regular;
        color: #767676;
        font-size: 13px;
        line-height: 24px;
        text-align: justify
    }

    .v_line {
        position: absolute;
        top: -8px;
        left: 367px;
        height: 301%;
        width: 3px
    }

    .h_line {
        position: relative;
        top: 0;
        height: 3px;
        left: 0;
        width: 100%
    }

    .h3_line {
        position: relative;
        top: 0;
        height: 3px;
        left: 0;
        width: 0%
    }
}

.con_pa {
    font-family: ProximaNova-Regular;
    color: #767676;
    line-height: 35px;
    font-size: 15px;
    width: 44%;
    position: relative;
    left: 310px;
    top: -15px
}

.con_lin {
    position: relative;
    top: -22px;
    height: 10px;
    left: 393px;
    width: 32%
}

.conc_title {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 0 0 30px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 18px;
    width: 40%;
    left: 348px;
    position: relative;
    top: 6px
}

.left_arw {
    position: absolute;
    top: 327px;
    left: 388px
}

.right_arw {
    position: absolute;
    top: 327px;
    left: 688px
}

.cond_pt {
    padding-top: 30px;
    padding-bottom: 30px
}

.box_sw {
    position: relative;
    float: left;
    width: 100%;
    padding: 2em;
    margin: 6em 0 3em;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(140, 140, 140, .1) inset -moz-box-shadow:0 1px 4px rgba(255, 255, 255, .3), 0 0 40px rgba(140, 140, 140, .1) inset;
    box-shadow: 0 10px 10px #7d6a5f
}

.box {
    width: 70%;
    height: 200px;
    background: #fff;
    margin: 40px auto
}

.effect2 {
    position: relative;
    background: #fff
}

.effect2:after,
.effect2:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: -10px;
    left: -5px;
    width: 100%;
    top: 80%;
    max-width: 830px;
    background: #777;
    box-shadow: 0 15px 5px #7c6a5e;
    transform: rotate(-3deg)
}

.effect2:after {
    transform: rotate(3deg);
    right: -5px;
    left: auto
}

.effect1 {
    position: relative
}

.effect1:after,
.effect1:before {
    z-index: -1;
    position: absolute;
    content: “”;
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.effect1:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

@media (max-width:767px) {
    .con_pa {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 35px;
        font-size: 13px;
        width: 105%;
        position: relative;
        left: -5px;
        top: -15px
    }

    .con_lin {
        position: relative;
        top: -45px;
        height: 3px;
        left: 28px;
        width: 83%
    }

    .conc_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 18px;
        width: 109%;
        left: -13px;
        position: relative;
        top: -25px
    }

    .but_ps {
        position: relative;
        top: -30px
    }

    .left_arw {
        position: absolute;
        top: 334px;
        left: 36px;
        width: 12%
    }

    .right_arw {
        position: absolute;
        top: 334px;
        left: 273px;
        width: 12%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .con_pa {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 35px;
        font-size: 15px;
        width: 70%;
        position: relative;
        left: 105px;
        top: -15px
    }

    .con_lin {
        position: relative;
        top: -33px;
        height: 10px;
        left: 159px;
        width: 59%
    }

    .conc_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 18px;
        width: 72%;
        left: 105px;
        position: relative;
        top: -3px
    }

    .left_arw {
        position: absolute;
        top: 310px;
        left: 195px;
        width: 11%
    }

    .right_arw {
        position: absolute;
        top: 310px;
        left: 478px;
        width: 11%
    }
}

.trds_h {
    margin-bottom: 10px !important
}

@media (max-width:767px) {
    .sim_div {
        position: relative;
        top: 69px
    }

    .con_mar {
        margin-top: -45px
    }

    .sta_cod {
        margin-bottom: -2px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .con_mar {
        margin-top: -50px
    }
}

.kou_pad {
    padding-top: 125px
}

.kou_para {
    margin-bottom: -25px
}

.kop_title {
    font-family: proxima_nova_ltbold;
    color: #000;
    margin: 0 0 30px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 22px;
    width: 124%
}

.kop_para {
    font-family: ProximaNova-Regular;
    line-height: 25px;
    font-size: 14px;
    width: 116%
}

.small_white {
    position: absolute;
    left: 105px
}

@media (max-width:767px) {
    .kop_title {
        font-family: proxima_nova_ltbold;
        color: #000;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 18px;
        width: 100%
    }

    .kop_para {
        font-family: ProximaNova-Regular;
        line-height: 25px;
        font-size: 12px;
        width: 107%
    }

    .small_white {
        position: absolute;
        left: 105px;
        width: 0
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .kop_title {
        font-family: proxima_nova_ltbold;
        color: #000;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 20px;
        width: 113%
    }

    .kop_para {
        font-family: ProximaNova-Regular;
        line-height: 25px;
        font-size: 13px;
        width: 115%;
        position: relative;
        left: -28px
    }

    .small_white {
        position: absolute;
        left: 64px
    }
}

.dgn_title {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 0 0 30px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 50px
}

.ds_ttl {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 0 0 10px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 25px
}

.ds_mt {
    margin-top: 90px
}

.ds_pr {
    font-family: ProximaNova-Regular;
    color: #767676;
    line-height: 25px;
    font-size: 14px;
    width: 86%
}

.wireframe {
    position: relative;
    left: -30px
}

.sq_bx {
    position: absolute;
    top: 60px;
    left: 695px;
    z-index: -1
}

.ds_ln {
    position: relative;
    top: 23px;
    left: 552px;
    width: 61%
}

.ds_pb {
    padding-bottom: 80px
}

.ellips {
    position: absolute;
    top: -33px;
    right: 893px;
    z-index: -1;
    max-width: 36%
}

.ds_temp {
    margin-top: 133px
}

@media (max-width:767px) {
    .ds_mt {
        margin-top: 0
    }

    .des_mb {
        text-align: center
    }

    .ds_pr {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 25px;
        font-size: 14px;
        width: 100%;
        text-align: justify
    }

    .wireframe {
        position: relative;
        left: -4px;
        top: -15px
    }

    .ds_temp {
        margin-top: 0
    }

    .ds_pb {
        padding-bottom: 0
    }

    .ellips {
        position: absolute;
        top: -33px;
        right: 893px;
        z-index: -1;
        max-width: 0%
    }

    .sq_bx {
        position: absolute;
        top: 60px;
        left: 695px;
        z-index: -1;
        width: 0
    }

    .ds_ln {
        position: relative;
        top: 23px;
        left: 552px;
        width: 0%
    }

    .dgn_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 10px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 40px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .ds_mt {
        margin-top: 20px
    }

    .ds_ttl {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 20 0 10px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 22px
    }

    .ds_pr {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 25px;
        font-size: 12px;
        width: 100%
    }

    .wireframe {
        position: relative;
        left: -30px;
        top: -7px
    }

    .sq_bx {
        position: absolute;
        top: 41px;
        left: 473px;
        z-index: -1;
        width: 38%
    }

    .ds_ln {
        position: relative;
        top: 6px;
        left: 349px;
        width: 61%
    }

    .de_tmp {
        position: relative;
        top: -44px
    }

    .ds_temp {
        margin-top: 0
    }

    .ellips {
        position: absolute;
        top: -60px;
        right: 579px;
        z-index: -1;
        max-width: 34%
    }
}

.dev_bx {
    box-shadow: 0 0 40px #ccc
}

.dev_title {
    font-family: proxima_nova_ltbold;
    color: #000;
    margin: 0 0 -50px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 50px
}

.two_pic {
    position: absolute;
    top: 110px;
    left: 173px
}

.main_pic {
    position: absolute;
    left: 202px;
    top: 68px
}

.right_ar {
    position: relative;
    top: 202px;
    left: 323px
}

.left_ar {
    position: relative;
    top: 202px;
    left: 132px
}

.triangle_lpos {
    position: relative;
    top: 150px;
    left: 122px;
    z-index: 1
}

.triangle_rpos {
    position: relative;
    top: 150px;
    left: 334px;
    z-index: 1
}

.dev_stle {
    font-family: proxima_nova_ltbold;
    color: #000;
    margin: 46px 0 10px -114px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 20px
}

.dev_spra {
    font-family: ProximaNova-Regular;
    line-height: 25px;
    font-size: 14px;
    margin-left: -114px;
    width: 129%
}

.dev2_spra {
    font-family: ProximaNova-Regular;
    line-height: 25px;
    font-size: 14px;
    margin-left: -114px;
    width: 120%
}

.dev_left {
    margin-left: 130px;
    margin-top: -18px
}

@media (max-width:767px) {
    .dev_title {
        font-family: proxima_nova_ltbold;
        color: #000;
        margin: 0 0 -50px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 30px
    }

    .dev_left {
        margin-left: 69px
    }

    div.toggle>label.dev {
        color: #333;
        background: rgba(0, 0, 0, .1);
        cursor: pointer;
        font-size: 12px;
        font-weight: 400;
        padding: 5px 9px;
        position: relative;
        display: block;
        border-bottom: rgba(0, 0, 0, .03) 1px solid;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transition: all .1s ease-out;
        -moz-transition: all .1s ease-out;
        -o-transition: all .1s ease-out;
        transition: all .1s ease-out;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .dev_spra {
        font-family: ProximaNova-Regular;
        font-size: 12px;
        width: 100%;
        position: relative;
        left: 117px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .dev_title {
        font-family: proxima_nova_ltbold;
        color: #000;
        margin: 0 0 -52px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 40px;
        position: relative;
        left: 62px
    }

    .des_pa {
        padding-bottom: 10px
    }

    .mar_mar {
        margin-top: -45px
    }

    .mar_para {
        margin-bottom: -22px
    }

    .two_pic {
        position: absolute;
        top: 110px;
        left: 28px
    }

    .triangle_lpos {
        position: relative;
        top: 150px;
        left: 4px;
        z-index: 1
    }

    .triangle_rpos {
        position: relative;
        top: 150px;
        left: 160px;
        z-index: 1
    }

    .main_pic {
        position: absolute;
        left: 56px;
        top: 65px
    }

    .dev_stle {
        font-family: proxima_nova_ltbold;
        color: #000;
        margin: 46px 0 3px -93px;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 18px
    }

    .dev_spra {
        font-family: ProximaNova-Regular;
        line-height: 25px;
        font-size: 13px;
        margin-left: -93px;
        width: 129%
    }

    .dev2_spra {
        font-family: ProximaNova-Regular;
        line-height: 25px;
        font-size: 13px;
        margin-left: -93px;
        width: 123%
    }
}

.opt_title {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 0 0 20px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 50px
}

.op_pos {
    position: relative;
    left: 102px
}

.op_f {
    position: relative;
    left: -7px
}

.verline {
    position: absolute;
    left: 574px;
    top: 127px
}

@media (max-width:767px) {
    .opt_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 20px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 40px
    }

    .op_pos {
        position: relative;
        left: 58px;
        top: -35px;
        width: 50%
    }

    .op_f {
        position: relative;
        left: -6px;
        top: -35px
    }

    .op_pra {
        position: relative;
        top: -60px
    }

    .op_marr {
        margin-top: -55px
    }

    .op_marr2 {
        margin-bottom: -65px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .op_pos {
        position: relative;
        left: 48px;
        width: 55%
    }

    .verline {
        position: absolute;
        left: 376px;
        top: 108px;
        height: 67%
    }
}

.mark_title {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 30px;
    margin-bottom: 10px
}

.mark_paad {
    margin-bottom: 45px;
    margin-top: -45px
}

.mark_para {
    font-family: ProximaNova-Regular;
    color: #767676;
    line-height: 25px;
    font-size: 14px;
    width: 89%
}

.mark_mar {
    margin-top: 60px
}

.reca {
    max-width: 156%;
    position: absolute;
    z-index: -1;
    top: -46px;
    left: -305px
}

.reca1 {
    position: absolute;
    z-index: -1;
    max-width: 156%;
    top: -47px;
    right: -301px
}

.social_md {
    position: relative;
    left: 5px;
    z-index: 1
}

.social_pad {
    position: relative;
    left: 34px
}

.social_h {
    padding-left: 20px
}

.social_p {
    padding-left: 20px
}

.meta_pad {
    padding-bottom: 35px
}

@media (max-width:767px) {
    .mark_paad {
        margin-bottom: -41px;
        margin-top: -45px
    }

    .reca {
        max-width: 156%;
        position: absolute;
        z-index: -1;
        top: -46px;
        left: -305px;
        width: 0
    }

    .mark_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 25px;
        margin-bottom: 10px
    }

    .meta_pd {
        margin-left: 39px
    }

    .mark_para {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 22px;
        font-size: 12px;
        width: 108%;
        text-align: justify
    }

    .reca1 {
        position: absolute;
        z-index: -1;
        max-width: 156%;
        top: -47px;
        right: -301px;
        width: 0
    }

    .soc_pad {
        margin-top: -60px
    }

    .soc_para {
        position: relative;
        left: -45px
    }

    .meta_para {
        position: relative;
        left: -13px
    }

    .social_head {
        padding-left: 26px;
        margin-top: -76px
    }

    .socl_para {
        position: relative;
        top: -6px;
        left: -53px
    }

    .social_md {
        position: relative;
        left: -2px;
        top: -14px
    }

    .mail_head {
        margin-top: -82px;
        margin-left: 49px
    }

    .mail_pic {
        margin-left: 5px;
        margin-top: -11px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .reca {
        max-width: 156%;
        position: absolute;
        z-index: -1;
        top: -46px;
        left: -305px;
        width: 0%
    }

    .reca1 {
        position: absolute;
        z-index: -1;
        max-width: 156%;
        top: -47px;
        right: -301px;
        width: 0%
    }

    .dgn_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 40px
    }

    .mark_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 25px;
        margin-bottom: 0
    }

    .mark_para {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 25px;
        font-size: 14px;
        width: 94%;
        text-align: justify
    }

    .mark_mar {
        margin-top: 3px
    }
}

.bg_ngrey {
    background-color: #dadfe3
}

.trs_title {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 0 0 25px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 27px;
    width: 104%
}

.trs_para {
    font-family: ProximaNova-Regular;
    color: #767676;
    line-height: 25px;
    font-size: 15px;
    width: 84%
}

.ts_shape {
    position: absolute;
    width: 792px;
    height: 116%;
    top: -30px;
    right: -110px;
    z-index: -1
}

.tb_pad {
    padding-bottom: 27px
}

.tb_box {
    box-shadow: 0 16px 17px #d8d8d8;
    border-bottom: 0
}

@media (max-width:767px) {
    .trs_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 25px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 20px;
        width: 108%;
        margin-left: -8px
    }

    .trs_para {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 25px;
        font-size: 13px;
        width: 107%;
        text-align: justify;
        margin-left: -8px
    }

    .ts_shape {
        position: absolute;
        width: 0;
        height: 116%;
        top: -30px;
        right: -116px;
        z-index: -1
    }

    .tb_box {
        box-shadow: 0 6px 20px #d8d8d8;
        border-bottom: 0
    }

    .ts_pic {
        position: relative;
        left: 8px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .ts_shape {
        position: absolute;
        width: 0;
        height: 116%;
        top: -30px;
        right: -116px;
        z-index: -1
    }

    .trs_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 25px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 23px;
        width: 115%
    }

    .trs_para {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 25px;
        font-size: 14px;
        width: 120%
    }

    .ts_pic {
        position: relative;
        left: 39px;
        top: 25px
    }
}

.lne {
    position: absolute;
    top: 336px;
    left: 461px;
    width: 24%;
    height: 2%
}

.ts_temp {
    margin-top: 69px
}

@media (max-width:767px) {
    .lne {
        position: absolute;
        top: 322px;
        left: 461px;
        width: 22%;
        height: 0%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .ts_tmp {
        position: relative;
        top: -2px
    }

    .lne {
        position: absolute;
        top: 230px;
        left: 280px;
        width: 22%;
        height: 2%
    }

    .ts_temp {
        margin-top: 1px
    }
}

.box1 {
    background-color: #dadfe3;
    width: 667px;
    border: 10px solid #fafafa;
    border-right-width: 0;
    padding: 25px;
    margin: 25px;
    height: 202px;
    position: absolute;
    top: -80px;
    left: 536px;
    z-index: 0
}

.box2 {
    background-color: #dadfe3;
    width: 688px;
    border: 10px solid #fafafa;
    padding: 25px;
    margin: 25px;
    height: 202px;
    position: absolute;
    top: -25px;
    margin-left: -26%
}

.box3 {
    background-color: #dadfe3;
    width: 670px;
    border: 10px solid #fafafa;
    border-right-width: 0;
    padding: 25px;
    margin: 25px;
    height: 202px;
    position: absolute;
    top: -26px;
    left: 548px;
    z-index: 0
}

.conc_maa {
    margin-top: -10px
}

.techi {
    position: absolute;
    max-width: 40%;
    margin-top: -125px;
    margin-left: 97px
}

.datab {
    position: absolute;
    max-width: 40%;
    margin-top: -125px;
    margin-left: 97px
}

.techi_par {
    padding-top: 80px
}

.nav.tra>li>a:focus,
.nav.tra>li>a:hover {
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0)
}

img.wid2:hover {
    text-decoration: none;
    background-color: rgba(77, 204, 207, 0);
    box-shadow: 0 0 10px #ccc
}

ul.wid li.op_w {
    width: 20%;
    margin-left: 100px
}

.opi_mob {
    position: absolute;
    max-width: 30%;
    margin-top: 31px
}

.opi_img {
    max-width: 316%;
    margin-top: 76px;
    margin-left: 38px
}

.opi_smal1 {
    max-width: 40%;
    position: absolute;
    margin-left: -336px;
    margin-top: -61px
}

.opi_smal2 {
    max-width: 40%;
    position: absolute;
    margin-left: -336px;
    margin-top: 109px
}

.opi_smal3 {
    max-width: 40%;
    position: absolute;
    margin-left: -336px;
    margin-top: 274px
}

.opi_para1 {
    width: 79%;
    text-align: left;
    position: absolute;
    margin-left: 195px;
    margin-top: -26px
}

.opi_para2 {
    width: 74%;
    text-align: left;
    position: absolute;
    margin-left: 195px;
    margin-top: 125px
}

.opi_para3 {
    width: 75%;
    text-align: left;
    position: absolute;
    margin-left: 195px;
    margin-top: 302px
}

.opi_hea1 {
    position: absolute;
    margin-top: -69px;
    margin-left: 195px
}

.opi_hea2 {
    position: absolute;
    margin-top: 85px;
    margin-left: 195px
}

.opi_hea3 {
    position: absolute;
    margin-top: 258px;
    margin-left: 195px
}

.opi_rg {
    font-family: ProximaNova-Regular;
    font-size: 14px;
    color: #767676
}

.opi_bor {
    border-bottom: 42px solid #dadfe3
}

.op_pad {
    padding-bottom: 148px
}

.op_box {
    box-shadow: 0 15px 28px #ccc
}

.bg-store {
    background: #dadfe3
}

.trst_pad {
    padding-top: 118px
}

.op_head {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 30px
}

@media (max-width:767px) {
    .box1 {
        background-color: #dadfe3;
        width: 0;
        border: 0 solid #fafafa;
        border-right-width: 0;
        padding: 25px;
        margin: 25px;
        height: 0;
        position: absolute;
        top: -80px;
        left: 217px;
        z-index: 0
    }

    .box3 {
        background-color: #dadfe3;
        width: 0%;
        border: 0 solid #fafafa;
        border-right-width: 0;
        padding: 25px;
        margin: 25px;
        height: 0;
        position: absolute;
        top: -26px;
        left: 241px;
        z-index: 1
    }

    .trst_pad {
        padding-top: 0
    }

    .trst_mar {
        margin-top: -10px !important
    }

    .techi {
        position: absolute;
        max-width: 40%;
        margin-top: -103px;
        margin-left: 61px
    }

    .techi_par {
        padding-top: 26px
    }

    .datab {
        position: absolute;
        max-width: 40%;
        margin-top: -102px;
        margin-left: 56px
    }

    .tec_ma {
        margin-top: -34px
    }

    .opi_img {
        max-width: 40%;
        margin-top: 12px;
        margin-left: 0;
        padding-bottom: 18px
    }

    .opt_tog {
        margin-top: 10px
    }

    .op_pad {
        padding-bottom: 0
    }

    .optima {
        padding-top: 27px
    }

    .on_page {
        width: 100%
    }

    .op_box {
        box-shadow: 0 13px 16px #ccc
    }

    .op_head {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 17px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .techi {
        position: absolute;
        max-width: 40%;
        margin-top: -57px;
        margin-left: 59px
    }

    .datab {
        position: absolute;
        max-width: 40%;
        margin-top: -66px;
        margin-left: 61px
    }

    .techi_par {
        padding-top: 66px
    }

    .datbs_hd {
        position: relative;
        top: 0
    }

    .dev_mar {
        margin-top: -47px;
        margin-bottom: 19px
    }

    .opi_img {
        max-width: 19%;
        margin-top: 12px;
        margin-left: 0;
        padding-bottom: 18px
    }

    .box1 {
        background-color: #dadfe3;
        width: 370px;
        border: 10px solid #fafafa;
        border-right-width: 0;
        padding: 25px;
        margin: 25px;
        height: 150px;
        position: absolute;
        top: -36px;
        left: 342px;
        z-index: 0
    }

    .box2 {
        background-color: #dadfe3;
        width: 688px;
        border: 10px solid #fafafa;
        padding: 25px;
        margin: 25px;
        height: 150px;
        position: absolute;
        top: -33px;
        margin-left: -99%
    }

    .box3 {
        background-color: #dadfe3;
        width: 377px;
        border: 10px solid #fafafa;
        border-right-width: 0;
        padding: 25px;
        margin: 25px;
        height: 150px;
        position: absolute;
        top: -36px;
        left: 350px;
        z-index: 0
    }

    .op_pad {
        padding-bottom: 10px
    }

    .mark_tp {
        position: relative;
        top: -39px
    }

    .op_head {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 23px
    }

    .sec_mar {
        margin-top: -408px
    }

    .tb_pad {
        padding-bottom: 5px
    }
}

.oyc_comp {
    max-width: 110%;
    margin-left: -25px;
    padding-top: 16px
}

.oyc_head {
    padding-top: 16px
}

.oyc_para {
    font-family: ProximaNova-Regular;
    color: #767676;
    line-height: 25px;
    font-size: 15px;
    width: 81%
}

.oyc_back {
    background-image: url(../img/oyc/bg2.png)
}

.oyc_tab {
    padding-bottom: 30px
}

.nav-tabs.nav-alternate.boldd>li.active>a {
    background-color: #fff !important;
    font-family: proxima_nova_ltbold;
    font-size: 18px;
    text-transform: capitalize;
    color: #30373b !important
}

.oyc_small {
    font-family: ProximaNova-Regular;
    font-size: 18px;
    text-transform: capitalize;
    color: #30373b !important
}

.oyc_pad1 {
    padding-top: 17px
}

.oyc_pad2 {
    padding-left: 55px
}

.oyc_pad3 {
    padding-left: 27%
}

.oyc_pad4 {
    padding: 0 75px
}

.oyc_pad5 {
    padding-left: 50px
}

.oyc_pad6 {
    padding-top: 60px
}

.oyc_mar1 {
    margin-top: 18px;
    margin-bottom: 18px !important
}

.oyc_mar2 {
    margin-left: -250px
}

.oyc_mar3 {
    width: 37%;
    margin-top: -15px
}

.oyc_mar4 {
    width: 52%;
    margin-top: -15px
}

.oyc_mar5 {
    margin-bottom: 0
}

.oyc_mar6 {
    margin-left: 181px;
    max-width: 65%
}

.oyc_hd {
    font-family: proxima_nova_ltbold;
    font-size: 25px;
    text-transform: capitalize;
    color: #30373b !important
}

.oyc_pr {
    font-family: ProximaNova-Regular;
    color: #767676;
    line-height: 25px;
    font-size: 14px;
    width: 76%
}

.oy_head {
    font-family: ProximaNova-Regular;
    font-size: 20px;
    text-transform: capitalize;
    color: #30373b !important
}

.oy_head2 {
    font-family: proxima_nova_ltbold;
    font-size: 30px;
    text-transform: capitalize;
    color: #30373b !important
}

.nav-tabs>li.active.col-active>a {
    background: url(../img/oyc/headb.png) bottom center;
    background-repeat: no-repeat;
    width: 100%;
    transition: none;
    font-family: proxima_nova_ltbold !important;
    font-size: 20px !important;
    color: #8e8e8e !important
}

.mark_bg {
    background: url(../img/oyc/back2.png)
}

.tri_l {
    position: relative;
    top: -389px;
    left: 80px
}

.tri_r {
    position: relative;
    top: -389px;
    left: 891px
}

.tri_lr {
    position: relative;
    top: 0;
    left: 0
}

.tri_rl {
    position: relative;
    top: 0;
    left: 0
}

.mark_hd {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 46px 0 10px -114px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-size: 30px
}

.mark_pra {
    font-family: ProximaNova-Regular;
    line-height: 25px;
    font-size: 15px;
    color: #767676 !important;
    margin-left: -114px;
    width: 85%;
    text-align: center
}

.mak_hpos {
    position: absolute;
    top: -450px;
    left: 0
}

.mak_ppos {
    position: absolute;
    top: -356px;
    left: -133px
}

.mark_img {
    position: absolute;
    top: -643px;
    left: 258px;
    max-width: 102%
}

.dev_wid {
    width: 170%
}

@media (max-width:767px) {
    .oyc_para {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 25px;
        font-size: 15px;
        width: 96%;
        text-align: center
    }

    .desi_pad {
        padding-top: 20px
    }

    .desi_mar {
        margin-left: 57px
    }

    .oyc_pr {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 25px;
        font-size: 14px;
        width: 94%;
        text-align: center
    }

    .oyc_mar7 {
        margin-left: 28px
    }

    .oyc_mar8 {
        margin-left: 74px
    }

    .oyc_mar9 {
        margin-left: 38px
    }

    .oyc_mar10 {
        margin-left: 12px
    }

    .oyc_mar11 {
        margin-left: 75px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .oyc_comp {
        max-width: 142%;
        margin-left: -80px;
        padding-top: 97px
    }

    .oyc_pad4 {
        padding: 0 0
    }

    .oyc_pad3 {
        padding-left: 24%
    }

    .oyc_pad5 {
        padding-left: 41px;
        max-width: 64%
    }

    .dev_wid {
        width: 183%
    }

    .sub-heading-col {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 12px !important;
        line-height: 25px;
        padding-top: 23px;
        padding-left: 54px
    }

    .dev_max {
        max-width: 59%
    }

    .oy_head2 {
        font-family: proxima_nova_ltbold;
        font-size: 25px;
        text-transform: capitalize;
        color: #30373b !important
    }

    .dev_th {
        position: relative;
        top: 43px;
        left: 54px
    }

    .oyc_mar4 {
        width: 67%;
        margin-top: 21px;
        position: relative;
        top: 21px;
        left: 57px
    }

    .oyc_mar3 {
        width: 47%;
        margin-top: -15px;
        position: relative;
        top: 36px;
        left: 55px
    }

    .mak_ppos {
        position: absolute;
        top: -257px;
        left: -28px
    }

    .mark_pra {
        font-family: ProximaNova-Regular;
        line-height: 15px;
        font-size: 12px;
        color: #767676 !important;
        margin-left: -114px;
        width: 86%;
        text-align: center
    }

    .mak_hpos {
        position: absolute;
        top: -337px;
        left: 50px
    }

    .mark_hd {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 46px 0 10px -114px;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-size: 20px
    }

    .mark_img {
        position: absolute;
        top: -442px;
        left: 182px;
        max-width: 102%
    }

    .tri_l {
        position: relative;
        top: -263px;
        left: 61px
    }

    .tri_r {
        position: relative;
        top: -263px;
        left: 549px
    }

    .oyc_mar6 {
        margin-left: 135px;
        max-width: 65%
    }
}

.know_more {
    font-family: latobold;
    font-size: 22px !important;
    background: #00a651 !important
}

.select-plan.smb-plan {
    font-size: 25px !important
}

.theme-name {
    color: #30373b !important;
    font-size: 22px !important
}

@media(max-width:767px) {
    #slider h1.smb-theme {
        font-size: 31px;
        font-family: source_sans_prosemibold !important
    }

    .theme-but {
        margin-top: 27% !important
    }

    .btn-default.theme {
        margin-left: 26%
    }
}

.button-more {
    padding: 10px 30px;
    background: #51c9cc;
    border-radius: 5px;
    font-size: 22px;
    width: 180px;
    color: #fff
}

.button-more:hover {
    color: #fff
}

.pad-10 {
    padding-bottom: 10px
}

.cont-pad {
    margin-top: 30px
}

.chart {
    margin-top: 3%
}

.case-pading {
    padding: 0 2%
}

.section-top {
    margin-top: -5%
}

.button-more.left-move {
    margin-left: 6px !important
}

.sub-content {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 14px !important
}

@media (max-width:767px) {
    .text-pad {
        padding: 0 0
    }

    .study {
        font-family: proxima_nova_ltbold !important;
        font-size: 30px !important
    }

    .cont-pad {
        margin-top: -5%
    }

    .button-more.left-move {
        margin-left: 22% !important
    }

    .image-mob {
        margin-top: -18%
    }

    .chart-img {
        margin-top: 6% !important
    }

    .button-more {
        margin-left: 21%
    }

    .hide-line {
        display: none
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .study {
        font-size: 25px !important
    }

    .case-pading {
        padding: 0 0
    }

    .cont-pad {
        margin-top: 0
    }

    .sub-content {
        font-size: 11px !important
    }

    .button-more {
        padding: 11px 21px;
        font-size: 17px
    }

    .chart {
        margin-top: 1%
    }

    .text-aline {
        line-height: 20px !important
    }

    .cont-he {
        margin-top: -8px
    }

    .image-align {
        margin-top: -4% !important
    }
}

.image-align {
    margin-top: -10%
}

.but-head {
    font-family: source_sans_bold !important;
    font-size: 21px !important
}

.button-know {
    font-family: latobold !important;
    font-size: 22px !important
}

.margin-top-90-m {
    margin-top: 90px !important
}

.stroke1 {
    position: absolute;
    left: 523px;
    top: 169px;
    width: 11%
}

.stroke2 {
    position: absolute;
    left: 376px;
    top: 275px;
    height: 75%
}

.stroke3 {
    position: absolute;
    left: 764px;
    top: 275px;
    height: 75%
}

.nav.borde li a {
    padding: 10px 5px
}

.abt_mar1 {
    margin-top: -14px
}

.abt_mar2 {
    margin-top: -17px;
    margin-right: 107px
}

.abt_mar3 {
    margin-top: 13px;
    margin-left: 7px
}

.abt_mar4 {
    margin-top: -12px;
    margin-left: 24px
}

.abt_mar6 {
    margin-left: 195px
}

.abt_mar7 {
    margin-left: 168px
}

.abt_pad1 {
    padding-top: 95px !important
}

.abt_pad2 {
    padding-top: 96px !important
}

.abt_pad3 {
    padding-bottom: 240px
}

.abt_pad4 {
    padding-top: 103px;
    margin-left: 44px
}

.abt_pad5 {
    padding-right: 78px
}

.abt_pad6 {
    padding-right: 65px
}

.abt_pad7 {
    padding-top: 60px;
    padding-bottom: 20px
}

.view_more {
    font-family: latobold;
    font-size: 22px !important;
    background: #ebb129 !important
}

.abtus_title {
    font-family: source_sans_prosemibold;
    font-size: 50px !important
}

.about_title {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    font-size: 50px;
    text-transform: capitalize
}

.theme_color {
    color: #30373b !important
}

.theme_text {
    font-family: ProximaNova-Regular;
    color: #767676
}

.pg_title {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    font-size: 50px
}

.abt_hd {
    font-size: 25px;
    font-family: proxima_nova_ltbold;
    line-height: 33px;
    color: #30373b
}

.abt_pr {
    font-size: 15px;
    font-family: ProximaNova-Regular;
    line-height: 33px;
    color: #767676
}

@media (max-width:767px) {
    .abt_mar1 {
        margin-top: 0
    }

    .abt_mar2 {
        margin-top: 0;
        margin-right: 0
    }

    .abt_mar3 {
        margin-top: 0;
        margin-left: 0
    }

    .abt_mar4 {
        margin-top: 0;
        margin-left: 0
    }

    .abt_mar6 {
        margin-left: 0
    }

    .abt_mar7 {
        margin-left: 0
    }

    .abt_pad1 {
        padding-top: 35px !important
    }

    .abt_pad2 {
        padding-top: 35px !important
    }

    .abt_pad3 {
        padding-bottom: 0
    }

    .abt_pad4 {
        padding-top: 35px;
        margin-left: 0
    }

    .abt_pad5 {
        padding-right: 0
    }

    .abt_pad6 {
        padding-right: 0
    }

    .abt_pad7 {
        padding-top: 0;
        padding-bottom: 0
    }

    .view_more {
        font-family: latobold;
        font-size: 22px !important;
        background: #ebb129 !important
    }

    .abtus_title {
        font-family: source_sans_prosemibold;
        font-size: 38px !important
    }

    .about_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        font-size: 35px;
        text-transform: capitalize
    }

    .theme_color {
        color: #30373b !important
    }

    .theme_text {
        font-family: ProximaNova-Regular;
        color: #767676
    }

    .pg_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        font-size: 37px
    }

    .abt_hd {
        font-size: 25px;
        font-family: proxima_nova_ltbold;
        line-height: 33px;
        color: #30373b
    }

    .abt_pr {
        font-size: 15px;
        font-family: ProximaNova-Regular;
        line-height: 33px;
        color: #767676
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .abt_mar1 {
        margin-top: 0
    }

    .abt_mar2 {
        margin-top: 0;
        margin-right: 0
    }

    .abt_mar3 {
        margin-top: 0;
        margin-left: 0
    }

    .abt_mar4 {
        margin-top: 0;
        margin-left: 0
    }

    .abt_mar6 {
        margin-left: 110px
    }

    .abt_mar7 {
        margin-left: 97px
    }

    .abt_pad1 {
        padding-top: 35px !important
    }

    .abt_pad2 {
        padding-top: 35px !important
    }

    .abt_pad3 {
        padding-bottom: 0
    }

    .abt_pad4 {
        padding-top: 35px;
        margin-left: 0
    }

    .abt_pad5 {
        padding-right: 0
    }

    .abt_pad6 {
        padding-right: 0;
        margin-left: 22px
    }

    .abt_pad7 {
        padding-top: 0;
        padding-bottom: 0
    }

    .view_more {
        font-family: latobold;
        font-size: 22px !important;
        background: #ebb129 !important
    }

    .abtus_title {
        font-family: source_sans_prosemibold;
        font-size: 38px !important
    }

    .about_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        font-size: 35px;
        text-transform: capitalize
    }

    .theme_color {
        color: #30373b !important
    }

    .theme_text {
        font-family: ProximaNova-Regular;
        color: #767676
    }

    .pg_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        font-size: 37px
    }

    .abt_hd {
        font-size: 25px;
        font-family: proxima_nova_ltbold;
        line-height: 33px;
        color: #30373b
    }

    .abt_pr {
        font-size: 15px;
        font-family: ProximaNova-Regular;
        line-height: 33px;
        color: #767676
    }
}

.scr_w1 {
    width: 106%
}

.scr_w2 {
    width: 112%
}

.scr_w3 {
    width: 104%
}

.scr_w4 {
    width: 95%
}

.scr_w {
    width: 100%
}

.cm-food {
    margin-top: 23%
}

.webdes_title {
    font-family: source_sans_prosemibold;
    font-size: 50px !important;
    color: #30373b;
    line-height: 64px !important
}

#slider .btn-contact,
.slider .btn-col {
    padding: 10px 30px;
    border: #19b5fe;
    background: #f28c13;
    color: #fff !important;
    border-radius: 5px;
    font-size: 22px;
    width: 180px;
    margin-right: 10px
}

.wt_mar {
    margin-bottom: -60px
}

.title_shaw {
    text-shadow: 0 4px 3px #000 !important
}

.flv-hd {
    font-size: 25px;
    line-height: 40px;
    font-weight: 400
}

.flv_p {
    font-family: ProximaNova-Regular !important
}

.flv-page {
    font-size: 40px
}

.highlight h3 {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 0
}

.highlight p {
    font-size: 18px
}

.faqs h2 {
    font-size: 30px;
    margin-bottom: 0
}

.faqs p {
    font-size: 20px;
    line-height: 1.5
}

.test-hfont {
    font-family: source_sans_prosemibold;
    font-size: 50px;
    color: #30373b;
    margin-bottom: 0
}

.testi_h {
    padding-top: 5px;
    margin-top: -8px;
    padding-top: 5px;
    margin-top: -8px;
    padding-bottom: 0;
    margin-bottom: -60px
}

.bod {
    font-family: latobold !important;
    font-weight: 700
}

.border-bottom-but {
    border-bottom: 1px solid #959595;
    padding-bottom: 50px;
    padding-top: 24px
}

.wt-page {
    font-family: proxima_nova_ltbold;
    font-size: 50px;
    font-weight: 400;
    color: #30373b;
    margin-bottom: 10px
}

.wt-para {
    font-family: ProximaNova-Regular;
    font-size: 20px;
    font-weight: 400;
    color: #767676
}

.super-su h3 {
    font-family: 'quattrocento_sansbold';
    font-size: 23px;
    color: #30373b;
    margin-top: 20px;
    margin-bottom: 0
}

.super-su p {
    font-family: 'quattrocento_sansregular';
    color: #767676;
    font-size: 16px;
    line-height: 1.5
}

.rest_head {
    font-family: proxima_nova_ltbold;
    font-size: 23px;
    color: #30373b;
    margin-top: 20px;
    margin-bottom: 0
}

.rest_para {
    font-family: ProximaNova-Regular;
    color: #767676;
    font-size: 16px;
    line-height: 1.5
}

.res_hd {
    font-family: proxima_nova_ltbold;
    font-size: 18px;
    color: #30373b !important
}

.res_pr {
    font-family: ProximaNova-Regular;
    color: #767676;
    font-size: 16px
}

.rest_pad {
    padding-top: 75px
}

.wauto_pad {
    padding-top: 79px
}

.sub-hd {
    font-family: proxima_nova_ltbold;
    font-size: 25px;
    color: #30373b
}

.la-hd {
    font-family: ProximaNova-Regular;
    font-size: 18px;
    color: #767676;
    width: 94%;
    margin-left: 35px
}

.db {
    font-family: proxima_nova_ltbold;
    font-size: 40px;
    color: #30373b
}

.r_pr {
    color: #767676;
    font-family: ProximaNova-Regular !important;
    font-size: 16px;
    line-height: 1.5
}

.hig-fe {
    font-size: 50px;
    color: #30373b
}

.hig-para {
    font-family: 'quattrocento_sansregular';
    font-size: 18px;
    font-weight: 400;
    color: #767676;
    width: 93%;
    margin-left: 23px
}

.pr_wd {
    width: 113%
}

.box-wrapper2 {
    border: 1px solid #f1f1f1;
    padding: 34px 30px;
    box-shadow: 1px 2px 10px #e5e5e5
}

.box-wrapper3 {
    border: 1px solid #f1f1f1;
    padding: 38px 30px;
    box-shadow: 1px 2px 10px #e5e5e5
}

.box-wrapper4 {
    border: 1px solid #f1f1f1;
    padding: 30px 30px;
    box-shadow: 1px 2px 10px #e5e5e5;
    min-height: 327px
}

.auto-text {
    font-size: 40px
}

.font-sf {
    font-family: ProximaNova-Regular !important;
    font-size: 17px;
    color: #767676
}

div.toggle>label.lis {
    font-size: 20px;
    font-family: 'quattrocento_sansregular' !important
}

.in-tx {
    font-size: 18px
}

.f-s {
    font-size: 46px;
    font-family: proxima_nova_ltbold;
    color: #30373b
}

.w-a {
    font-family: proxima_nova_ltbold;
    font-size: 50px;
    color: #30373b !important
}

.web-f {
    font-family: ProximaNova-Regular !important;
    font-size: 15px;
    color: #767676
}

.dedi_h {
    font-family: proxima_nova_ltbold;
    font-size: 28px !important;
    color: #30373b;
    margin-bottom: 20px
}

.dedi_p {
    font-family: ProximaNova-Regular;
    color: #767676;
    font-size: 15px;
    line-height: 1.5
}

.pag-tt {
    font-family: proxima_nova_ltbold;
    font-size: 40px;
    color: #30373b
}

.pag-tt2 {
    font-family: proxima_nova_ltbold;
    font-size: 20px;
    color: #30373b
}

.scrp_mar {
    margin-bottom: -20px
}

.scrp_pad {
    padding-top: 70px
}

.margi_top {
    margin-top: -15px
}

.tp-le {
    margin-top: 5%;
    margin-left: 20%
}

.tp-le2 {
    margin-top: -5%;
    margin-left: 20%
}

.tp-le3 {
    margin-top: 0;
    margin-left: 20%
}

.tp-margin {
    margin-top: 16%
}

.tp-margin2 {
    margin-top: 10%
}

.tp-margin3 {
    margin-top: -40% !important
}

.tp-margin4 {
    margin-top: 12%
}

.user_pad {
    padding: 12px 25px !important
}

.shdw {
    box-shadow: 0 20px 50px #ebebeb;
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

div.tab-content.tab-stacked.whitee {
    padding: 17px;
    background-color: #fff
}

.nav-tabs.nav-stacked.white {
    background-color: #fff
}

.nav-tabs.nav-stacked>li.active.wht>a {
    background-color: #fff
}

.nav-tabs.nav-stacked>li.wht>a {
    background-color: #fff
}

.box_shw {
    box-shadow: 0 0 4px #ccc
}

@media (max-width:767px) {
    .testi_h {
        padding-top: 19px;
        margin-top: -8px;
        padding-bottom: 0;
        margin-bottom: -14px
    }

    .webdes_title {
        font-family: source_sans_prosemibold;
        font-size: 35px !important;
        line-height: 42px !important;
        color: #30373b
    }

    .wauto_pad {
        padding-top: 53px
    }

    .border-bottom-but {
        border-bottom: 1px solid #959595;
        padding-bottom: 26px;
        padding-top: 0
    }

    .f-s {
        font-size: 35px;
        font-family: proxima_nova_ltbold;
        color: #30373b;
        padding-top: 15px
    }

    .w-a {
        font-family: proxima_nova_ltbold;
        font-size: 25px;
        color: #30373b !important
    }

    .hig-fe {
        font-family: proxima_nova_ltbold;
        font-size: 30px;
        color: #30373b
    }

    .hig-para {
        font-family: 'quattrocento_sansregular';
        font-size: 18px;
        font-weight: 400;
        color: #767676;
        width: 106%;
        margin-left: -7px
    }

    .pag-tt {
        font-family: proxima_nova_ltbold;
        font-size: 30px;
        color: #30373b
    }

    .pag-tt2 {
        font-family: proxima_nova_ltbold;
        font-size: 15px;
        color: #30373b
    }

    .dedi_h {
        font-family: proxima_nova_ltbold;
        font-size: 11px !important;
        color: #30373b !important;
        margin-bottom: 20px
    }

    .buy_mar {
        margin-top: -17px
    }

    .scrp_pad {
        padding-top: 17px
    }

    .rest_pad {
        padding-top: 43px
    }

    .lead {
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 300;
        line-height: 1.4
    }

    .wt-page {
        font-family: proxima_nova_ltbold;
        font-size: 40px;
        font-weight: 400;
        color: #30373b;
        margin-bottom: 10px
    }

    .la-hd {
        font-family: ProximaNova-Regular;
        font-size: 18px;
        color: #767676;
        width: 96%;
        margin-left: 8px
    }

    .r_pr {
        color: #767676;
        font-family: ProximaNova-Regular !important;
        font-size: 16px;
        line-height: 1.5;
        text-align: center
    }

    .mar_imp {
        margin-top: 11px !important
    }

    .client-bg.chat {
        width: 0;
        height: 0;
        background-position: -255px 8px;
        display: inline-block;
        position: absolute;
        top: 191px;
        left: 4px
    }

    .client-bg.nam {
        width: 0;
        height: 0;
        background-position: -25px 8px;
        display: inline-block;
        position: absolute;
        top: 203px;
        right: 28px
    }

    .client-bg.tre {
        width: 0;
        height: 0;
        background-position: -40px -167px;
        display: inline-block;
        position: relative;
        top: -41px;
        left: 0
    }

    .client-space {
        margin-top: -89px !important;
        margin-bottom: -117px !important
    }

    .padding-top-80 {
        padding-top: 45px !important
    }

    .pr_wd {
        width: 99%
    }

    .mar_top2 {
        padding-top: 35px
    }

    .mar_top3 {
        padding-top: 20px
    }

    .mar_top4 {
        padding-top: 40px !important
    }

    .sec-two2 {
        margin-top: 33%
    }

    .mar_top5 {
        padding-top: 50px !important
    }

    .pad_new {
        padding-top: 30px
    }

    .pad_new2 {
        padding-top: 15px
    }

    .sec-two4 {
        margin-top: 33%
    }

    .pad_new3 {
        padding-top: 40px
    }

    .pad_new4 {
        padding-top: 39px !important
    }

    .tp-le3 {
        margin-top: 0;
        margin-left: 3%;
        padding-bottom: 23px
    }

    .tp-le {
        margin-top: 5%;
        margin-left: 4%
    }

    .tp-le8 {
        padding-bottom: 34px;
        margin-left: -13px
    }

    .pad_new5 {
        padding-top: 100px !important
    }
}

@media (max-width:1023px) and (min-width:768px) {
    .happ_clt {
        margin-top: 0
    }

    .wauto_pad {
        padding-top: 0
    }

    .webdes_title {
        font-family: source_sans_prosemibold;
        font-size: 40px !important;
        color: #30373b
    }

    .count-client {
        font-family: proxima_nova_ltbold, 'Museo 500', sans-serif;
        font-size: 31px;
        color: #434343;
        line-height: 30px;
        border-right: 0 solid #ccc;
        padding-right: 0
    }

    .count-client span {
        font-family: proxima_nova_ltbold, 'Museo 500', sans-serif;
        font-size: 15px;
        color: #434343;
        display: block
    }

    .client-bg.hal {
        width: 140px;
        height: 90px;
        background-position: -253px -80px;
        display: inline-block
    }

    .client-bg.tas {
        width: 154px;
        height: 90px;
        width: 170px;
        height: 84px;
        background-position: -1px -86px;
        display: inline-block;
        display: inline-block
    }

    .client-bg.chat {
        width: 165px;
        height: 95px;
        background-position: -261px 9px;
        display: inline-block;
        position: absolute;
        top: -11px;
        left: 586px
    }

    .client-bg.nam {
        width: 152px;
        height: 84px;
        background-position: -25px 8px;
        display: inline-block;
        position: relative;
        top: -16px;
        left: 192px;
        display: none
    }

    .client-bg.tre {
        width: 140px;
        height: 84px;
        background-position: -40px -167px;
        display: inline-block;
        position: relative;
        top: -10px;
        left: 202px;
        display: none
    }
}

.border-bottom-bu {
    border-bottom: 1px solid #959595;
    padding-bottom: 40px
}

.start_hd {
    font-size: 40px
}

.rest_had {
    font-family: proxima_nova_ltbold;
    font-size: 22px;
    color: #30373b
}

.start_up {
    font-family: proxima_nova_ltbold;
    font-size: 25px;
    color: #30373b !important
}

.font-cont {
    font-size: 17px;
    font-weight: 500;
    font-family: ProximaNova-Regular;
    color: #767676
}

.fnt-weight {
    font-weight: 700 !important;
    margin-bottom: 10px;
    font-family: proxima_nova_ltbold;
    color: #30373b !important;
    font-size: 24px
}

.star-align {
    font-family: proxima_nova_ltbold;
    font-size: 18px;
    color: #30373b !important
}

.sub-headin {
    font-family: proxima_nova_ltbold !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    color: #30373b !important;
    margin-top: 20px;
    margin-bottom: 0 !important
}

.super-para {
    font-family: ProximaNova-Regular !important;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    color: #767676;
    margin-bottom: 20px
}

.super-para2 {
    font-family: ProximaNova-Regular !important;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #767676;
    margin-bottom: 20px
}

.sub-head {
    font-family: proxima_nova_ltbold !important;
    font-size: 25px;
    color: #30373b !important
}

.seo-sec {
    font-size: 14px;
    font-family: proxima_nova_ltbold !important;
    color: #30373b !important
}

.ft-s {
    font-family: ProximaNova-Regular !important;
    font-size: 16px !important;
    color: #767676 !important
}

.nav-tabs.nav-bottom-border>li>a>div.fon {
    font-size: 20px;
    font-family: proxima_nova_ltbold !important;
    color: #30373b !important
}

.size25 {
    font-size: 25px;
    font-family: proxima_nova_ltbold !important;
    color: #30373b !important
}

ul.start li {
    font-family: ProximaNova-Regular !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .015em;
    color: #767676 !important;
    padding: 10px 5px;
    margin-left: 50px;
    list-style: url(../img/index/bullets.png)
}

.star-para {
    font-family: proxima_nova_ltbold;
    font-size: 18px;
    color: #767676 !important
}

.sybmbol-price {
    font-size: 76%;
    color: #000
}

.ft-sie {
    font-size: 12px;
    font-family: proxima_nova_ltbold;
    color: #30373b !important
}

.proxima {
    font-family: proxima_nova_ltbold !important
}

.weight400 {
    font-weight: 400 !important;
    font-family: proxima_nova_ltbold !important;
    font-size: 18px;
    color: #30373b !important
}

.proreg {
    font-family: ProximaNova-Regular !important;
    font-size: 18px;
    color: #767676 !important
}

.pag-tt.font-siz {
    font-size: 27px
}

.padd_new {
    padding-top: 54px
}

.fonthd {
    font-family: proxima_nova_ltbold !important;
    color: #30373b !important;
    font-size: 18px !important
}

@media (max-width:767px) {

    #slider .btn-contact,
    .slider .btn-col.wid {
        width: 200px !important
    }

    .back_hgt {
        height: 648px !important
    }

    .im-move-cen {
        margin-left: 6%
    }
}

.in_block {
    display: inline-block !important;
    color: #fff !important;
    font-size: 21px
}

@media (max-width:767px) {
    .res-pad {
        padding-top: 60px
    }
}

.btn-demo {
    padding: 10px 30px;
    background: #00a651;
    border-radius: 5px;
    font-size: 22px;
    width: 200px;
    margin-right: 10px
}

.hal_title {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    margin: 0 0 8px 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 700 !important;
    font-size: 50px
}

.hal_pad {
    padding-bottom: 70px
}

.hal_para {
    font-family: ProximaNova-Regular;
    color: #767676;
    font-size: 18px
}

.para_wd {
    width: 99%;
    margin-left: 4px
}

.hal_bg {
    background-color: #ebebeb
}

.halw_hd {
    font-family: proxima_nova_ltbold;
    font-size: 25px;
    text-transform: capitalize;
    color: #30373b !important;
    margin-bottom: 10px
}

.halw_pr {
    font-family: ProximaNova-Regular;
    color: #767676;
    line-height: 25px;
    font-size: 14px;
    width: 97%
}

.hal_line {
    padding-top: 50px;
    padding-bottom: 15px;
    background: url(../img/halwakadai/line.png);
    background-repeat: no-repeat;
    margin-top: 59px
}

.blue_dot1 {
    max-width: 75%;
    margin-left: 27px
}

.blue_dot2 {
    max-width: 75%;
    margin-left: 27px;
    margin-top: 124%
}

.hal_line2 {
    height: 370px;
    background: url(../img/halwakadai/linee.png) 0 0 no-repeat;
    width: 100px;
    background-position: 40px 14px
}

.box_bg {
    background: url(../img/halwakadai/bg-box.png) 0 0 scroll;
    height: 675px;
    background-repeat: no-repeat
}

.tab-pos {
    position: absolute;
    top: -12px;
    max-width: 70%
}

.hal_hd {
    font-family: proxima_nova_ltbold;
    font-size: 25px;
    text-transform: capitalize;
    color: #30373b !important;
    margin-bottom: 10px
}

.hal_pr {
    font-family: ProximaNova-Regular;
    color: #767676;
    line-height: 25px;
    font-size: 14px;
    width: 102%
}

.hal_bg3 {
    background: url(../img/halwakadai/bg3.png);
    width: 118%;
    margin-left: -100px;
    box-shadow: 0 6px 5px #eee
}

.dev_box {
    box-shadow: 0 -5px 6px #eee
}

.dev_tech {
    max-width: 50%;
    position: relative;
    margin-left: 75px
}

.dev_data {
    max-width: 50%;
    position: relative;
    margin-left: 148px;
    padding-top: 25px;
    padding-bottom: 15px;
    margin-top: -4px
}

.dtech {
    margin-top: 33px
}

.ddata {
    margin-top: 52px;
    margin-left: -29px
}

.dtech_pad {
    padding-bottom: 25px
}

.opti_head {
    font-family: proxima_nova_ltbold;
    font-size: 30px;
    text-transform: capitalize;
    color: #f28c13;
    margin-bottom: 5px
}

.opti_para {
    font-family: ProximaNova-Regular;
    font-size: 14px;
    color: #767676;
    width: 110%
}

.opti_para2 {
    font-family: ProximaNova-Regular;
    font-size: 14px;
    color: #767676;
    width: 91%
}

.opti_mh {
    font-family: proxima_nova_ltbold;
    font-size: 30px;
    text-transform: capitalize;
    color: #67dde0;
    margin-bottom: 5px
}

.optimi_bg {
    background: url(../img/halwakadai/optimi.png);
    background-position: 0 -101px
}

.opti_mar {
    margin-top: 33px
}

.opti_mar2 {
    margin-left: 24px
}

.opti_mar3 {
    margin-top: -24px
}

.opti_pad {
    padding-bottom: 60px
}

.marke_box {
    box-shadow: 0 6px 5px #eee
}

.mark_head {
    font-family: proxima_nova_ltbold;
    font-size: 30px;
    text-transform: capitalize;
    color: #30373b;
    margin-bottom: 10px
}

.mark_pr {
    font-family: ProximaNova-Regular;
    font-size: 13px;
    color: #767676;
    line-height: 24px
}

.mark_im {
    max-width: 63%;
    margin-left: 63px;
    margin-top: -33px
}

.mark_bor {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 60px
}

.mark_bor2 {
    padding-bottom: 0
}

.mark_pd {
    padding-top: 0;
    padding-bottom: 40px
}

.mark_mar2 {
    margin-left: -36px
}

.mpara_wd1 {
    width: 107%
}

.mpara_wd2 {
    width: 94%
}

.mpara_wd3 {
    width: 90%
}

.nav-tabs.nav-alternate.trs>li>a {
    background-color: rgba(23, 155, 215, 0) !important
}

.nav-tabs.nav-alternate.trs>li.active>a {
    background-color: rgba(23, 155, 215, 0) !important
}

.circle_hal {
    height: 50px;
    width: 50px;
    background: #67dde0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #ebebeb;
    box-shadow: 0 0 10px #ccc
}

.nav-tabs.nav-alternate.trs>li.active>a .circle_hal {
    height: 50px;
    width: 50px;
    background: #fff;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 3px solid #67dde0;
    box-shadow: 0 0 10px #ccc
}

.hal_mar {
    margin-top: 256px !important
}

.tr_pd {
    padding-top: 80px
}

@media (max-width:767px) {
    .para_wd {
        width: 100%;
        margin-left: 2px
    }

    .dev_tech {
        max-width: 50%;
        position: relative;
        margin-left: 54px
    }

    .hal_hd {
        font-family: proxima_nova_ltbold;
        font-size: 25px;
        text-transform: capitalize;
        color: #30373b !important;
        margin-bottom: 10px;
        text-align: center
    }

    .dev_data {
        max-width: 44%;
        position: relative;
        margin-left: 89px;
        padding-top: 25px;
        margin-top: -4px;
        margin-bottom: -31px
    }

    .hal_bg3 {
        background: url(../img/halwakadai/bg3.png);
        width: 116%;
        margin-left: -40px;
        box-shadow: 0 6px 5px #eee
    }

    .hal_hd2 {
        font-family: proxima_nova_ltbold;
        font-size: 25px;
        text-transform: capitalize;
        color: #30373b !important;
        margin-bottom: 10px;
        margin-left: 37px;
        margin-top: -26px
    }

    .hal_pr2 {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 25px;
        font-size: 14px;
        width: 95%;
        margin-left: 44px
    }

    .optimi_bg {
        background: url(../img/halwakadai/optimi.png);
        background-position: -870px -20px
    }

    .mark_im {
        max-width: 57%;
        margin-left: 55px;
        margin-top: -33px
    }

    .opti_head {
        font-family: proxima_nova_ltbold;
        font-size: 20px;
        text-transform: capitalize;
        color: #f28c13;
        margin-bottom: 5px
    }

    .opti_mh {
        font-family: proxima_nova_ltbold;
        font-size: 20px;
        text-transform: capitalize;
        color: #67dde0;
        margin-bottom: 5px
    }

    .opti_mar3 {
        margin-top: 304px
    }

    .pad_hal {
        padding-bottom: 0
    }

    .pad_hal2 {
        padding-bottom: 30px
    }
}

@media(max-width:767px) {
    .head_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.2;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 800 !important;
        font-size: 30px !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .dev_tech {
        max-width: 50%;
        position: relative;
        margin-top: 68px;
        margin-left: 75px
    }

    .dev_data {
        max-width: 50%;
        position: relative;
        margin-left: 100px;
        padding-top: 40px;
        padding-bottom: 15px;
        margin-top: 40px
    }

    .ddata {
        margin-top: 52px;
        margin-left: 6px
    }

    .mark_im {
        max-width: 73%;
        margin-left: 25px;
        margin-top: 15px
    }

    .hal_pr {
        font-family: ProximaNova-Regular;
        color: #767676;
        line-height: 25px;
        font-size: 14px;
        width: 118%
    }

    .trend_title {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.5;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 700 !important;
        font-size: 35px
    }

    .mark_head {
        font-family: proxima_nova_ltbold;
        font-size: 25px;
        text-transform: capitalize;
        color: #30373b;
        margin-bottom: 10px
    }

    .pad_hal {
        padding-bottom: 0
    }

    .pad_hal3 {
        padding-top: 80px !important
    }

    .opti_para {
        font-family: ProximaNova-Regular;
        font-size: 14px;
        color: #767676;
        width: 88%
    }

    .opti_para2 {
        font-family: ProximaNova-Regular;
        font-size: 14px;
        color: #767676;
        width: 90%
    }

    .opti_mar4 {
        margin-left: 112px
    }

    .mark_pd {
        padding-top: 0;
        padding-bottom: 0
    }

    .hal_mar2 {
        margin-top: 0 !important
    }

    .tr_pd {
        padding-top: 0
    }
}

.hidden-dv {
    display: none !important
}

@media (max-width:1023px) and (min-width:768px) {
    .visible-tv {
        display: block !important
    }

    .vs_title {
        width: 91%;
        margin-left: 20px !important
    }

    .vs_pad {
        padding-bottom: 0 !important
    }

    .solu_dev {
        margin-top: 28px;
        margin-left: 145px;
        width: 83%
    }

    .solu_stream {
        position: absolute;
        top: 260px;
        left: 21px;
        max-width: 21%
    }

    .solu_mar {
        margin-left: 21px
    }

    .solu_mar1 {
        margin-left: 6px
    }

    .solu_wd {
        width: 117%
    }

    .solu_wd1 {
        width: 134%;
        margin-left: -24px;
        text-align: justify
    }

    .solu_wd2 {
        width: 126%;
        margin-left: -22px;
        text-align: justify
    }

    .solu_wd3 {
        width: 121%;
        margin-left: -6px;
        text-align: justify
    }

    .bor_pos1 {
        position: absolute;
        top: 1px;
        left: 329px;
        height: 0
    }

    .bor_pos2 {
        position: absolute;
        top: 1px;
        left: 329px;
        height: 0
    }

    .of_rb1 {
        position: absolute;
        left: 276px;
        top: 25px;
        height: 121px;
        width: 0
    }

    .of_rb {
        position: absolute;
        left: 284px;
        top: 25px;
        height: 121px;
        width: 0
    }

    .vs_pad2 {
        padding-bottom: 28px
    }

    .vs_pad3 {
        padding-bottom: 4px
    }

    .vs_pad4 {
        padding-top: 4px
    }

    .vs_pad5 {
        padding-top: 10px
    }

    .vs_pad6 {
        padding-bottom: 30px
    }

    .vs_pad7 {
        padding-bottom: 5px
    }

    .vs_pad8 {
        padding-left: 30px
    }

    .head_sm {
        font-family: proxima_nova_ltbold;
        font-size: 27px;
        text-transform: capitalize;
        color: #30373b;
        margin-bottom: 8px
    }

    .font_rg {
        font-family: ProximaNova-Regular;
        font-size: 14px;
        color: #767676
    }

    .of_mr {
        margin-left: -6px;
        padding-top: 40px;
        max-width: 113%
    }

    .vs_mar2 {
        margin-left: 52px
    }
}

.vs_title {
    width: 67%;
    margin-left: 187px !important
}

.border-bottom-vs {
    border-bottom: 1px solid #959595;
    padding-bottom: 81px
}

.vs_mar {
    margin-bottom: -61px
}

.live_bg {
    background: url(../img/solution/bg2.png);
    height: 530px;
    background-position: -60px 0
}

.live {
    width: 83%;
    margin-top: 39px
}

.live_para {
    margin-top: 66px;
    font-family: ProximaNova-Regular !important;
    font-size: 18px;
    color: #fff !important;
    width: 112%;
    margin-left: -62px;
    line-height: 1.7
}

.solu_pad {
    padding-bottom: 155px
}

.solu_dev {
    margin-top: -212px;
    margin-left: 406px;
    width: 73%
}

.solu_stream {
    position: absolute;
    top: 115px;
    left: 113px
}

.solu_h {
    font-family: proxima_nova_ltbold !important;
    color: #30373b !important;
    font-size: 27px !important;
    margin-bottom: 10px
}

.solu_p {
    font-family: ProximaNova-Regular !important;
    font-size: 16px;
    color: #767676 !important;
    line-height: 1.7
}

.solu_mar {
    margin-left: 42px
}

.solu_mar1 {
    margin-left: 42px
}

.solu_wd {
    width: 103%
}

.solu_wd1 {
    width: 123%;
    margin-left: -18px;
    text-align: center
}

.solu_wd2 {
    width: 120%;
    margin-left: -22px;
    text-align: center
}

.solu_wd3 {
    width: 121%;
    margin-left: -27px;
    text-align: center
}

.bor_pos1 {
    position: absolute;
    top: 1px;
    left: 329px;
    height: 309px
}

.bor_pos2 {
    position: absolute;
    top: 1px;
    left: 329px;
    height: 309px
}

.sol_box {
    box-shadow: 0 0 50px #ebebeb
}

.solu_mar2 {
    margin-left: 10px
}

.solu_p2 {
    font-family: proxima_nova_ltbold !important;
    font-size: 16px;
    color: #767676 !important
}

.v_more {
    padding: 10px 30px;
    border: #19b5fe;
    background: #ebb129;
    color: #fff !important;
    border-radius: 5px;
    font-size: 22px;
    width: 180px;
    margin-right: 10px
}

.solu_box2 {
    box-shadow: 0 15px 55px #ccc
}

.solu_bor {
    border: 10px solid #edf1f4;
    padding: 40px;
    box-shadow: 0 -7px 95px #ccc
}

.of_para {
    width: 63%;
    position: relative;
    left: 213px
}

.font_of {
    font-family: ProximaNova-Regular;
    font-size: 18px;
    color: #767676
}

.of_hd {
    font-family: proxima_nova_rgbold !important;
    color: #30373b !important;
    font-size: 50px !important
}

.cons_of {
    position: relative;
    top: -11px;
    left: -13px;
    width: 111%
}

.of_rb1 {
    position: absolute;
    left: 276px;
    top: 15px;
    height: 121px;
    width: 1px
}

.of_rb {
    position: absolute;
    left: 284px;
    top: 15px;
    height: 121px;
    width: 1px
}

.bg-g {
    background: #edf1f4
}

ul.hovr>li>:hover {
    background-color: #e6ebef !important;
    border-color: #e6ebef
}

ul>li>img:hover {
    color: #00a651
}

.head_sm {
    font-family: proxima_nova_ltbold;
    font-size: 27px;
    text-transform: capitalize;
    color: #30373b;
    margin-bottom: 15px
}

.of_mr {
    margin-left: 25px
}

.repo_pad {
    padding-bottom: 500px
}

ul.boxb>li {
    border: 1px solid #ccc;
    width: 33%;
    padding: 24px;
    max-height: 167px;
    background: #fff;
    display: inline-block
}

.repo_mar {
    margin-left: 22px
}

.nav-tabs.nav-stacked>li.active.prod>a {
    background-color: #fff !important
}

ul.enterprise-tab li.nbor {
    margin-right: -4px !important
}

.repo_box {
    box-shadow: 0 0 32px #ccc
}

.nav-tabs>li>a.bac {
    background: #fff
}

.nav-tabs.nav-stacked.enterprise-tab.padin>li>a {
    padding: 0 47px
}

ul.enterprise-tab li.no {
    border: 0 solid #f1f1f1;
    border-right: 1px solid #ebebeb !important;
    border-bottom: 1px solid #ebebeb !important
}

ul.enterprise-tab li.n2 {
    border: 0 solid #f1f1f1;
    border-bottom: 1px solid #ebebeb !important
}

ul.enterprise-tab li.n3 {
    border: 0 solid #f1f1f1;
    border-right: 1px solid #ebebeb !important
}

ul.enterprise-tab li.n1 {
    border: 0 solid #f1f1f1
}

ul.downloadable-products.widt li {
    width: 33.333333%;
    display: inline-block
}

.ft-pr {
    font-family: ProximaNova-Regular !important;
    font-size: 16px !important;
    color: #767676 !important;
    width: 118%;
    text-align: center
}

.rep_img {
    margin-top: -14px;
    max-width: 101%
}

.a_pad {
    padding-top: 18px !important;
    padding-right: 33px
}

.border-botom-vs {
    border-bottom: 1px solid #959595;
    padding-bottom: 92px
}

.hidden-dv {
    display: none !important
}

.trend2_pad {
    padding-top: 50px;
    padding-bottom: 0
}

.live_box {
    box-shadow: 0 4px 3px #ddd
}

.vod_img {
    max-width: 121%;
    margin-left: -93px
}

.ra_wd {
    width: 170% !important;
    margin-left: -23px !important
}

.of_pad {
    padding: 0 30px
}

.of_img1 {
    position: absolute;
    left: 110px;
    top: 14px;
    opacity: 0
}

.of_img2 {
    position: absolute;
    left: 106px;
    top: 14px;
    opacity: 0
}

.of_img3 {
    position: absolute;
    left: 110px;
    top: 9px;
    opacity: 0
}

.of_img4 {
    position: absolute;
    left: 106px;
    top: 15px;
    opacity: 0
}

.of_img1:active {
    position: absolute;
    left: 110px;
    top: 14px;
    opacity: 1 !important
}

.of_img2:active {
    position: absolute;
    left: 106px;
    top: 14px;
    opacity: 1 !important
}

.of_img3:active {
    position: absolute;
    left: 110px;
    top: 9px;
    opacity: 1 !important
}

.of_img4:active {
    position: absolute;
    left: 106px;
    top: 15px;
    opacity: 1 !important
}

ul.hovr>li.active>a>img.of_tra {
    opacity: 0
}

ul.hovr>li.active>a>img.of_img1 {
    opacity: 1
}

ul.hovr>li.active>a>img.of_img2 {
    opacity: 1
}

ul.hovr>li.active>a>img.of_img3 {
    opacity: 1
}

ul.hovr>li.active>a>img.of_img4 {
    opacity: 1
}

.font_sol {
    font-family: ProximaNova-Regular;
    font-size: 18px;
    color: #767676
}

.lacto_bold {
    font-family: latobold !important;
    font-size: 23px !important
}

.lat_bod {
    font-family: latobold !important;
    font-size: 18px !important
}

.dropdown-menu.white-bt-pad {
    padding: 5px 12.5px
}

.wcom-icon {
    background: url(../images/submenu_dark.png);
    height: 30px;
    width: 9px;
    margin-top: -31px;
    position: relative;
    left: 9px
}

@media (max-width:767px) {
    .vs-mob {
        padding-bottom: 60px
    }

    .vs_title {
        width: 84%;
        margin-left: 26px !important;
        margin-bottom: 0
    }

    .border-bottom-vs {
        border-bottom: 1px solid #959595;
        padding-bottom: 110px
    }

    .main-sub-heading.ft-s {
        font-size: 20px !important
    }

    .live_para {
        margin-top: 27px;
        font-family: ProximaNova-Regular !important;
        font-size: 16px;
        color: #fff !important;
        width: 112%;
        margin-left: -20px;
        line-height: 1.7;
        text-align: center
    }

    .solu_mar1 {
        margin-left: 57px
    }

    .solu_dev {
        margin-top: 31px;
        margin-left: 19px;
        width: 101%
    }

    .solu_stream {
        position: absolute;
        top: 150px;
        left: -13px;
        width: 18%
    }

    .solu_mar {
        margin-left: 30px
    }

    .solu_wd {
        width: 88%
    }

    .solu_wd3 {
        width: 121%;
        margin-left: -43px;
        text-align: center
    }

    .solu_wd1 {
        width: 123%;
        margin-left: -27px;
        text-align: center
    }

    .solu_wd2 {
        width: 120%;
        margin-left: -25px;
        text-align: center
    }

    .solu_h {
        font-family: proxima_nova_ltbold !important;
        color: #30373b !important;
        font-size: 22px !important;
        margin-bottom: 10px
    }

    .of_para {
        width: 85%;
        position: relative;
        left: 25px;
        text-align: center
    }

    .of_hd {
        font-family: proxima_nova_rgbold !important;
        color: #30373b !important;
        font-size: 30px !important
    }

    .ft-pr {
        font-family: ProximaNova-Regular !important;
        font-size: 16px !important;
        color: #767676 !important;
        width: 54%;
        text-align: center
    }

    .rep_mr {
        margin-left: -10px;
        width: 89% !important
    }

    .rep_mr2 {
        margin-left: -25px;
        width: 123% !important
    }

    ul.wdh>li {
        width: 49%;
        display: inline-block
    }

    .a_pad {
        padding-top: 0 !important;
        padding-right: 0
    }

    .repad {
        padding-left: 30px
    }

    .repad2 {
        padding-top: 20px
    }

    .vs_mar3 {
        margin-left: -12px
    }

    .vod_img {
        max-width: 140%;
        margin-left: -39px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .main-sub-heading.ft-se {
        font-size: 21px !important
    }
}

@media (max-width:1023px) and (min-width:768px) {
    .border-bottom-vs {
        border-bottom: 1px solid #959595;
        padding-bottom: 48px
    }

    .visible-tv {
        display: block !important
    }

    .vs_title {
        width: 91%;
        margin-left: 20px !important
    }

    .vs_pad {
        padding-bottom: 0 !important
    }

    .solu_dev {
        margin-top: 28px;
        margin-left: 145px;
        width: 83%
    }

    .solu_stream {
        position: absolute;
        top: 260px;
        left: 21px;
        max-width: 21%
    }

    .solu_mar {
        margin-left: 21px
    }

    .solu_mar1 {
        margin-left: 6px
    }

    .solu_wd {
        width: 117%
    }

    .solu_wd1 {
        width: 134%;
        margin-left: -24px;
        text-align: justify
    }

    .solu_wd2 {
        width: 126%;
        margin-left: -22px;
        text-align: justify
    }

    .solu_wd3 {
        width: 121%;
        margin-left: -6px;
        text-align: justify
    }

    .bor_pos1 {
        position: absolute;
        top: 1px;
        left: 329px;
        height: 0
    }

    .bor_pos2 {
        position: absolute;
        top: 1px;
        left: 329px;
        height: 0
    }

    .of_rb1 {
        position: absolute;
        left: 276px;
        top: 25px;
        height: 121px;
        width: 0
    }

    .of_rb {
        position: absolute;
        left: 284px;
        top: 25px;
        height: 121px;
        width: 0
    }

    .vs_pad2 {
        padding-bottom: 28px
    }

    .vs_pad3 {
        padding-bottom: 4px
    }

    .vs_pad4 {
        padding-top: 4px
    }

    .vs_pad5 {
        padding-top: 10px
    }

    .vs_pad6 {
        padding-bottom: 30px
    }

    .vs_pad7 {
        padding-bottom: 5px
    }

    .vs_pad8 {
        padding-left: 30px
    }

    .head_sm {
        font-family: proxima_nova_ltbold;
        font-size: 27px;
        text-transform: capitalize;
        color: #30373b;
        margin-bottom: 8px
    }

    .font_rg {
        font-family: ProximaNova-Regular;
        font-size: 14px;
        color: #767676
    }

    .of_mr {
        margin-left: -6px;
        padding-top: 40px;
        max-width: 113%
    }

    .vs_mar2 {
        margin-left: 52px
    }

    .vod_img {
        max-width: 125%;
        margin-left: -33px;
        margin-top: 66px
    }

    .lvs {
        margin-top: 55px
    }

    .of_img1 {
        position: absolute;
        left: 66px;
        top: 14px;
        opacity: 0
    }

    .of_img2 {
        position: absolute;
        left: 53px;
        top: 14px;
        opacity: 0
    }

    .of_img3 {
        position: absolute;
        left: 65px;
        top: 9px;
        opacity: 0
    }

    .of_img4 {
        position: absolute;
        left: 53px;
        top: 15px;
        opacity: 0
    }
}

ul.enterprise-tab.none>li>a {
    cursor: default
}

.controlls-over.single-p .owl-pagination {
    position: relative;
    bottom: 0;
    margin-top: 30px
}

.single-p .owl-carousel .owl-wrapper-outer {
    margin-bottom: 30px
}

.owl-theme.controlls-over.single-p .owl-controls .owl-page {
    margin-bottom: 0;
    background: 0 0
}

.owl-theme.controlls-over.single-p .owl-controls .owl-page span {
    background: #000;
    border-radius: 50%;
    height: 8px;
    width: 8px
}

.single-p.owl-theme .owl-controls .owl-page span {
    background: #179bd7 !important
}

.single-p.owl-carousel .owl-item img {
    width: 92%
}

ul.h_ft>li>a {
    font-size: 18px
}

ul.h_fts>li>a {
    font-size: 17px
}

.bg-ht {
    height: 486px;
    background-size: cover !important
}

.header-text {
    font-family: source_sans_prosemibold;
    font-size: 50px !important;
    color: #30373b;
    line-height: 64px !important;
    text-shadow: 0 4px 3px #000 !important
}

.contact-h3 {
    font-family: proxima_nova_ltbold !important;
    font-size: 25px !important;
    color: #30373b !important;
    margin-bottom: 5px !important
}

.contact-border {
    background-image: url(../img/contact/contact-line.png);
    background-repeat: no-repeat;
    background-position: 84px 0;
    height: 3px;
    margin-bottom: 50px
}

button.contact-btn {
    margin-top: 15px;
    font-family: proxima_nova_rgbold;
    border: 1px solid #ecb228;
    background: #ecb228;
    padding: 10px 20%;
    height: 50px;
    font-size: 20px
}

button.contact-btn:hover {
    border: 1px solid #f4b112;
    background: #f4b112
}

fieldset.contact-details label {
    color: #000 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 16px !important
}

.font-proxima-semi {
    font-family: proxima_nova_ltbold !important
}

.font-proxima-nova {
    font-family: ProximaNova-Regular !important
}

.footer-lg {
    height: 33px;
    margin-top: 10px
}

#footer address .footer-sprite.payment {
    background-position: -50px 0;
    display: block;
    margin-top: 20px;
    margin-left: 25%
}

.live_title {
    width: 77%;
    margin-left: 122px !important
}

.border-bottom-ls {
    border-bottom: 1px solid #959595;
    padding-bottom: 40px
}

.live_pad {
    padding-top: 14px !important
}

.lv_img {
    margin-left: 40px
}

.ls_p {
    font-family: ProximaNova-Regular !important;
    font-size: 16px;
    color: #30373b !important;
    line-height: 1.7;
    width: 102%
}

.lv_lg {
    margin-top: 24px;
    margin-left: -5px
}

.orange {
    border-style: solid;
    background-color: #ecb228;
    position: absolute;
    left: 391px;
    top: 32px;
    z-index: -1;
    height: 200px;
    width: 68%;
    border-width: 1px;
    border-color: #ecb228
}

.sp_lv {
    font-family: proxima_nova_ltbold;
    font-size: 16px;
    color: #30373b !important
}

.nav-bottom-border.top {
    border-top: 1px solid #e1e1e1 !important;
    border-bottom: 0 solid #e1e1e1 !important
}

.nav-tabs.nav-bottom-border.b-colo>li.active>a:hover,
.nav-tabs.nav-bottom-border.top.b-colo.wpl>li.active>a {
    border-top: 4px solid #00a651 !important;
    border-bottom: 0 solid rgba(242, 140, 19, 0) !important
}

.ls_img {
    margin-top: -198px;
    opacity: 0;
    margin-left: -6px
}

ul.hovr>li.active>a>img.ls_tra {
    opacity: 0
}

.nav-tabs.nav-bottom-border.b-colo>li.active>a:hover img.ls_img,
.nav-tabs.nav-bottom-border.top.b-colo>li.active>a img.ls_img {
    opacity: 1
}

.wp_wd {
    width: 69%;
    margin-left: 194px
}

.lv_back {
    background: url(../img/live-stream/wplayer-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 80% !important
}

.tit_wp {
    color: #fff !important;
    font-family: proxima_nova_ltbold;
    font-size: 50px;
    line-height: 1;
    padding-bottom: 30px;
    padding-top: 30px
}

.bx-sho {
    background-color: #fff;
    padding-top: 70px;
    padding-bottom: 0;
    -webkit-box-shadow: 0 8px 6px -6px #000;
    -moz-box-shadow: 0 8px 6px -6px #000;
    box-shadow: 0 10px 27px -2px #ccc
}

.lv_pad {
    padding-top: 30px !important
}

.nav-tabs.nav-bottom-border.b-colo>li.active>a:hover,
.nav-tabs.nav-bottom-border.top.b-colo.othr>li.active>a {
    border-top: 0 solid #00a651 !important;
    border-bottom: 0 solid #ccc !important
}

.nav-tabs.nav-bottom-border.b-colo.othr>li.active>a,
.nav-tabs.nav-bottom-border.b-colo>li.active>a:hover {
    border-bottom: 3px solid #ecb228 !important;
    color: #ecb228 !important
}

.othr_bx {
    box-shadow: 0 0 10px #aaa
}

.othr_hd {
    position: absolute;
    top: 173px;
    left: 137px;
    color: #fff;
    font-family: proxima_nova_ltbold;
    font-size: 25px
}

.othr_hd2 {
    position: absolute;
    top: 173px;
    left: 148px;
    color: #fff;
    font-family: proxima_nova_ltbold;
    font-size: 25px
}

.othr_hd3 {
    position: absolute;
    top: 173px;
    left: 95px;
    color: #fff;
    font-family: proxima_nova_ltbold;
    font-size: 25px
}

.nav-tabs.nav-bottom-border.b-colo.othr>li.active a h2.othr_hd {
    color: #ecb228
}

.nav-tabs.nav-bottom-border.b-colo.othr>li.active a h2.othr_hd2 {
    color: #ecb228
}

.nav-tabs.nav-bottom-border.b-colo.othr>li.active a h2.othr_hd3 {
    color: #ecb228
}

.head_ln {
    margin-left: 485px;
    margin-top: -20px
}

.othr_p1 {
    font-family: proxima_nova_ltbold;
    font-size: 25px;
    padding-top: 30px;
    margin-bottom: 13px;
    color: #30373b !important
}

.othr_p2 {
    font-family: ProximaNova-Regular;
    font-size: 17px;
    color: #767676 !important;
    width: 67%;
    margin-left: 191px
}

.o_mar {
    margin-left: -25px !important
}

.or_img {
    padding-top: 50px;
    padding-left: 261px
}

.nav-tabs.nav-bottom-border.b-colo.othr>li.active a img.othr_bx {
    box-shadow: 0 0 30px #aaa
}

.wp_pad {
    padding-bottom: 30px
}

.wp_workship {
    background: url(../img/live-stream/workship3.png);
    background-repeat: no-repeat;
    z-index: -1;
    height: 400px;
    width: 106%;
    background-size: cover
}

.wp_events {
    background: url(../img/live-stream/events3.png);
    background-repeat: no-repeat;
    z-index: -1;
    height: 400px;
    width: 106%;
    background-size: cover
}

.wp_sports {
    background: url(../img/live-stream/sports3.png);
    background-repeat: no-repeat;
    z-index: -1;
    height: 400px;
    width: 106%;
    background-size: cover
}

.wp_education {
    background: url(../img/live-stream/eduction3.png);
    background-repeat: no-repeat;
    z-index: -1;
    height: 400px;
    width: 106%;
    background-size: cover
}

.wp_game {
    background: url(../img/live-stream/game3.png);
    background-repeat: no-repeat;
    z-index: -1;
    height: 400px;
    width: 106%;
    background-size: cover
}

.down_odr {
    background: url(../img/live-stream/down.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 19px;
    position: relative;
    top: 392px;
    left: 112px
}

.down_odr:active {
    background: url(../img/live-stream/down.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 19px;
    opacity: 0;
    position: relative;
    top: 392px;
    left: 112px
}

button.act2:active {
    background: url(../img/live-stream/down2.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 19px;
    opacity: 1;
    position: relative;
    top: 392px;
    left: 112px
}

.up_odr {
    background: url(../img/live-stream/up.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 19px;
    position: relative;
    top: 38px;
    left: 140px;
    border: 0
}

.up_odr:active {
    background: url(../img/live-stream/up.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 19px;
    opacity: 0;
    position: relative;
    top: 38px;
    left: 140px;
    border: 0
}

button.act:active {
    background: url(../img/live-stream/up2.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 19px;
    opacity: 1;
    position: relative;
    top: 38px;
    left: 140px;
    border: 0
}

.lve_hd {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 27px;
    position: relative;
    top: 144px;
    left: -40px
}

.lve_hd2 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 17px;
    position: relative;
    top: 29px;
    left: 92px
}

.lve_hd3 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 17px;
    position: relative;
    top: 32px;
    left: 66px
}

.lve_hd31 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 15px;
    position: relative;
    top: 85px;
    left: 49px;
    opacity: .5
}

.lve_hd4 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 17px;
    position: relative;
    top: 31px;
    left: 105px
}

.lve_hd5 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 17px;
    position: relative;
    top: 30px;
    left: 64px
}

.lve_hd6 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 17px;
    position: relative;
    top: 30px;
    left: 87px
}

.lve_p {
    font-family: ProximaNova-Regular;
    font-size: 16px;
    color: #fff !important;
    position: relative;
    top: 127px;
    left: 10px
}

.lve_hd7 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 27px;
    position: relative;
    top: 144px;
    left: -79px
}

.lve_hd8 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 27px;
    position: relative;
    top: 144px;
    left: -19px
}

.lve_hd9 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 27px;
    position: relative;
    top: 144px;
    left: -89px
}

.lve_hd10 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 27px;
    position: relative;
    top: 144px;
    left: -51px
}

.lve_hd101 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 15px;
    position: relative;
    top: 88px;
    left: 69px;
    opacity: .5
}

.lve_img {
    max-width: 55%;
    margin-top: 90px
}

.lve_img2 {
    position: relative;
    top: 99px;
    left: 96px
}

.lve_img_o1 {
    position: absolute;
    top: 51px;
    left: 123px;
    max-width: 17%
}

.lve_img_o2 {
    position: absolute;
    top: 268px;
    left: 123px;
    max-width: 17%
}

.othr_pad {
    padding-top: 335px
}

.lower-opacity {
    opacity: .5
}

.img_opc {
    background: url(../img/live-stream/events2.png);
    width: 100%;
    height: 100%;
    position: relative;
    background-repeat: no-repeat
}

.lve_hd201 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 15px;
    position: relative;
    top: 88px;
    left: 65px;
    opacity: .5
}

.lve_hd32 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 15px;
    position: relative;
    top: 85px;
    left: 80px;
    opacity: .5
}

.lve_hd301 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 15px;
    position: relative;
    top: 88px;
    left: 47px;
    opacity: .5
}

.lve_hd42 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 15px;
    position: relative;
    top: 85px;
    left: 43px;
    opacity: .5
}

.lve_hd401 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 15px;
    position: relative;
    top: 88px;
    left: 80px;
    opacity: .5
}

.lve_hd52 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 15px;
    position: relative;
    top: 85px;
    left: 64px;
    opacity: .5
}

.lve_hd501 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 15px;
    position: relative;
    top: 88px;
    left: 42px;
    opacity: .5
}

.lve_hd62 {
    font-family: proxima_nova_ltbold;
    color: #fff;
    line-height: 1.5;
    font-size: 15px;
    position: relative;
    top: 85px;
    left: 69px;
    opacity: .5
}

.color-green {
    color: #00a651
}

.lv_paad {
    padding-left: 40px
}

.know_more {
    font-family: latobold;
    font-size: 22px !important;
    background: #00a651 !important
}

.know_more:hover {
    font-family: latobold;
    font-size: 22px !important;
    background: #00a651 !important
}

#slider .btn-contact,
.slider .btn-col:hover {
    background: #f28c13 !important
}

.faq_rev {
    color: #767676 !important
}

.faq-sec {
    font-family: proxima_nova_ltbold !important;
    font-size: 14px;
    font-weight: 100;
    color: #333
}

.cus_rv {
    width: 95%
}

.smb-features {
    font-family: 'quattrocento_sansregular' !important;
    font-size: 16px;
    font-weight: 400
}

@media (max-width:767px) {
    .live_title {
        width: 99%;
        margin-left: 3px !important
    }

    .vs-mob2 {
        padding-bottom: 34px !important
    }

    .lv_img {
        margin-left: 13px
    }

    .othr_pad {
        padding-top: 35px
    }

    .othr_p1 {
        font-family: proxima_nova_ltbold;
        font-size: 25px;
        padding-top: 0;
        margin-bottom: 13px;
        color: #30373b !important
    }

    .othr_p2 {
        font-family: ProximaNova-Regular;
        font-size: 16px;
        color: #767676 !important;
        width: 90%;
        margin-left: 19px
    }

    .nav-tabs.nav-bottom-border.b-colo.othr>li.active a img.othr_bx {
        box-shadow: 0 0 30px rgba(170, 170, 170, .03)
    }

    .othr_ig {
        max-width: 75% !important;
        margin-left: 21px
    }

    .othr_bx {
        box-shadow: 0 0 10px rgba(170, 170, 170, .05)
    }

    .othr_hd {
        position: absolute;
        top: 110px;
        left: 123px;
        color: #fff;
        font-family: proxima_nova_ltbold;
        font-size: 20px
    }

    .othr_hd2 {
        position: absolute;
        top: 110px;
        left: 134px;
        color: #fff;
        font-family: proxima_nova_ltbold;
        font-size: 20px
    }

    .othr_hd3 {
        position: absolute;
        top: 110px;
        left: 87px;
        color: #fff;
        font-family: proxima_nova_ltbold;
        font-size: 20px
    }

    .nav-tabs.nav-bottom-border.b-colo.othr>li.active>a,
    .nav-tabs.nav-bottom-border.b-colo>li.active>a:hover {
        border-bottom: 0 solid #ecb228 !important;
        color: #ecb228 !important
    }

    .nav-tabs.nav-bottom-border>li>a:hover {
        background-color: #fff !important;
        border-color: #fff !important
    }

    .nav-tabs>li,
    .nav-tabs>li>a {
        display: block !important;
        float: none !important;
        border: 0 !important;
        background-color: #fff
    }

    .nav-tabs>li.active>a,
    .nav-tabs>li>a:focus {
        background-color: #fff
    }

    .nav-bottom-border.bt {
        border-bottom: 0 solid #e1e1e1 !important
    }

    .or_img {
        padding-top: 0;
        padding-left: 0;
        max-width: 101% !important
    }

    .hd_ttl {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        margin: 0 0 30px 0;
        line-height: 1.2;
        -webkit-font-smoothing: antialiased !important;
        font-weight: 800 !important;
        font-size: 35px !important;
        text-align: center;
        width: 100%
    }

    .lve_img {
        max-width: 60% !important;
        margin-top: -11px !important;
        margin-left: 48px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .lve_img {
        max-width: 34%;
        margin-top: -15px;
        margin-left: 223px
    }

    .ls_p {
        font-family: ProximaNova-Regular !important;
        font-size: 15px;
        color: #30373b !important;
        line-height: 1.7;
        width: 132%
    }

    .lv_img {
        margin-left: 100px;
        margin-top: 94px;
        max-width: 90%
    }

    .orange {
        border-style: solid;
        background-color: #ecb228;
        position: absolute;
        left: 266px;
        top: 123px;
        z-index: -1;
        height: 100px;
        width: 50%;
        border-width: 1px;
        border-color: #ecb228
    }

    .head_ln {
        margin-left: 285px;
        margin-top: -20px
    }

    .othr_p2 {
        font-family: ProximaNova-Regular;
        font-size: 16px;
        color: #767676 !important;
        width: 67%;
        margin-left: 119px
    }

    .othr_hd {
        position: absolute;
        top: 103px;
        left: 72px;
        color: #fff;
        font-family: proxima_nova_ltbold;
        font-size: 17px
    }

    .othr_hd2 {
        position: absolute;
        top: 103px;
        left: 81px;
        color: #fff;
        font-family: proxima_nova_ltbold;
        font-size: 17px
    }

    .othr_hd3 {
        position: absolute;
        top: 103px;
        left: 50px;
        color: #fff;
        font-family: proxima_nova_ltbold;
        font-size: 17px
    }

    .or_img {
        padding-top: 23px;
        padding-left: 281px;
        margin-left: -160px
    }

    .live_pad {
        padding-top: 0 !important
    }

    .live_title {
        width: 82%;
        margin-left: 63px !important
    }

    .lv_line {
        line-height: 1 !important
    }

    .lv_maar {
        margin-top: 50px !important
    }
}

.bg_vod {
    background: #edf1f4;
    z-index: -1
}

.vod_title {
    font-family: proxima_nova_rgbold;
    color: #30373b;
    margin: 0 0 25px 0;
    font-size: 41px;
    width: 105%
}

.vod_p {
    font-family: ProximaNova-Regular;
    font-size: 16px;
    color: #767676 !important
}

.vod_mar {
    margin-left: 50px
}

.index4 {
    border-style: solid;
    background-color: #fff;
    position: absolute;
    top: 26px;
    left: -168px;
    z-index: 0;
    height: 250px;
    width: 137%;
    border-width: 0;
    border-color: #ebebeb;
    opacity: .2
}

.nav-tabs.org>li.active>a {
    background-color: #e4ab28
}

.nav-tabs.nav-justified.nobo>li>a {
    border-bottom: 0 solid #ddd;
    border-radius: 4px 4px 0 0
}

.bac-col-stat {
    background: rgba(255, 255, 255, .25) none repeat scroll 0 0;
    box-shadow: 0 0 1px #aaa
}

.box_inset {
    box-shadow: inset 0 0 12px #ebebeb
}

.heg {
    height: 51px
}

.vod_hp {
    font-family: ProximaNova-Regular;
    font-size: 17px;
    color: #30373b !important;
    padding-top: 12px !important
}

.right_bo {
    position: absolute;
    top: 14px
}

.vod_hd {
    font-family: proxima_nova_ltbold !important;
    font-size: 28px !important;
    color: #30373b !important;
    margin-top: 90px !important
}

.sub-para-col {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 16px !important;
    line-height: 30px
}

.vod_wd1 {
    width: 110%
}

.vod_wd2 {
    width: 97%
}

.vod_wd3 {
    width: 93%
}

.vod_wd4 {
    width: 114%
}

.scr_img {
    max-width: 95%;
    margin-left: 35px
}

.morecontent span {
    display: none
}

.morelink {
    display: block;
    float: right;
    background: url(../img/vod/arrow.png);
    height: 8px;
    width: 23px;
    background-repeat: no-repeat;
    position: relative;
    top: 17px;
    left: 13px
}

.bx_bor {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 10px 25px
}

.bene_pad {
    padding-top: 56px;
    padding-left: 33px
}

.bene_p {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 16px !important
}

.bene_img {
    max-width: 106%
}

.bene_box {
    box-shadow: 0 4px 10px #ccc
}

.dlvr_title {
    font-family: proxima_nova_rgbold;
    color: #30373b;
    margin: 0 0 25px 0;
    font-size: 45px;
    width: 87%;
    text-shadow: 0 4px 3px #ddd !important;
    line-height: 1.2
}

.dlvr_p {
    font-family: ProximaNova-Regular;
    font-size: 16px;
    color: #767676 !important;
    width: 90%;
    line-height: 1.9
}

.dlvr_img {
    position: relative;
    top: 51px;
    max-width: 109%
}

.or_f {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 16px !important
}

.or_h {
    color: #30373b;
    font-family: proxima_nova_rgbold;
    font-size: 50px;
    margin-left: -45px
}

.fe_ln {
    position: relative;
    top: 115px;
    left: 62px
}

.fe_eli {
    position: absolute;
    top: 367px;
    left: -23px
}

.fe_eli1 {
    position: absolute;
    top: 111px;
    left: -23px
}

.fe_eli2 {
    position: absolute;
    top: 187px;
    left: -23px
}

.fe_eli3 {
    position: absolute;
    top: 265px;
    left: -23px
}

.our_f3 {
    max-width: 120%;
    margin-left: -55px;
    margin-top: 35px
}

.or_f2 {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 16px !important;
    margin-top: 15px;
    margin-left: -45px;
    width: 110%;
    text-align: center;
    line-height: 1.9
}

.color-org {
    color: #ebb129
}

.vod_title2 {
    width: 56%;
    margin-left: 244px !important
}

@media (max-width:767px) {
    .vod_mar {
        margin-left: 0
    }

    .vod_paad {
        padding-top: 0 !important
    }

    .index4 {
        border-style: solid;
        background-color: #fff;
        position: absolute;
        top: 26px;
        left: -168px;
        z-index: 0;
        height: 250px;
        width: 0%;
        border-width: 0;
        border-color: #ebebeb;
        opacity: .2
    }

    .vod_title {
        font-family: proxima_nova_rgbold;
        color: #30373b;
        margin: 0 0 25px 0;
        font-size: 32px;
        width: 138%
    }

    .vod_p {
        font-family: ProximaNova-Regular;
        font-size: 16px;
        color: #767676 !important;
        text-align: center;
        width: 117%;
        margin-left: -20px
    }

    .page-title.heading-cl {
        color: #30373b;
        font-family: 'quattrocento_sansbold';
        font-size: 32px
    }

    .dlvr_title {
        font-family: proxima_nova_rgbold;
        color: #30373b;
        margin: 0 0 25px 0;
        font-size: 35px;
        width: 119%;
        text-shadow: 0 4px 3px #ddd !important;
        line-height: 1.2;
        text-align: center;
        margin-left: -23px
    }

    .dlvr_p {
        font-family: ProximaNova-Regular;
        font-size: 16px;
        color: #767676 !important;
        width: 118%;
        line-height: 1.9;
        text-align: center;
        margin-left: -20px
    }

    .dlvr_img {
        position: relative;
        top: 6px;
        max-width: 113%;
        left: -18px
    }

    .or_h {
        color: #30373b;
        font-family: proxima_nova_rgbold;
        font-size: 40px;
        margin-left: -2px;
        position: relative;
        top: -279px
    }

    .our_f3 {
        max-width: 120%;
        margin-left: -28px;
        margin-top: 35px
    }

    .fe_ln {
        position: absolute;
        top: 115px;
        left: 62px;
        width: 0
    }

    .f_paar {
        position: relative;
        left: 21px;
        top: -45px
    }

    .fe_eli1 {
        position: absolute;
        top: 95px;
        left: -16px
    }

    .fe_eli2 {
        position: absolute;
        top: 195px;
        left: -16px
    }

    .fe_eli3 {
        position: absolute;
        top: 296px;
        left: -16px
    }

    .fe_eli {
        position: absolute;
        top: 423px;
        left: -16px
    }

    .or_f2 {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 16px !important;
        margin-top: -45px;
        margin-left: -14px;
        width: 110%;
        text-align: center;
        line-height: 1.9
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .index4 {
        border-style: solid;
        background-color: #fff;
        position: absolute;
        top: 26px;
        left: -168px;
        z-index: 0;
        height: 250px;
        width: 0%;
        border-width: 0;
        border-color: #ebebeb;
        opacity: .2
    }

    .vod_title {
        font-family: proxima_nova_rgbold;
        color: #30373b;
        margin: -57px 0 16px 0;
        font-size: 30px;
        width: 140%
    }

    .vod_p {
        font-family: ProximaNova-Regular;
        font-size: 16px;
        color: #767676 !important;
        text-align: justify
    }

    .vod_img2 {
        position: relative;
        top: 32px;
        left: 8px
    }

    .vod_hp {
        font-family: ProximaNova-Regular;
        font-size: 16px;
        color: #30373b !important;
        padding-top: 12px !important
    }

    .heg {
        height: 65px
    }

    .right_bo {
        position: absolute;
        top: 15px;
        height: 57%
    }

    .vod_hd {
        font-family: proxima_nova_ltbold !important;
        font-size: 25px !important;
        color: #30373b !important;
        margin-top: 0 !important;
        width: 110%
    }

    .sub-para-col {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 15px !important;
        line-height: 20px !important;
        text-align: justify !important
    }

    .store-in {
        padding-top: 0
    }

    .scr_img {
        max-width: 95%;
        margin-left: 5px;
        margin-top: 16px
    }

    .bene_img {
        max-width: 120%;
        margin-top: 95px;
        margin-left: -6px
    }

    .dlvr_title {
        font-family: proxima_nova_rgbold;
        color: #30373b;
        margin: -42px 0 25px 0;
        font-size: 32px;
        width: 89%;
        text-shadow: 0 4px 3px #ddd !important;
        line-height: 1.2
    }

    .dlvr_p {
        font-family: ProximaNova-Regular;
        font-size: 14px;
        color: #767676 !important;
        width: 108%;
        line-height: 1.9
    }

    .dlvr_img {
        position: relative;
        top: 51px;
        max-width: 104%;
        left: 8px
    }

    .or_h {
        color: #30373b;
        font-family: proxima_nova_rgbold;
        font-size: 40px;
        margin-left: -208px;
        margin-top: -53px
    }

    .fe_ln {
        position: relative;
        top: 115px;
        left: 62px;
        width: 0%
    }

    .our_f3 {
        max-width: 115%;
        margin-left: -24px;
        margin-top: 35px
    }

    .or_f {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important
    }

    .fe_eli1 {
        position: absolute;
        top: 39px;
        left: -14px
    }

    .fe_eli2 {
        position: absolute;
        top: 133px;
        left: -14px
    }

    .fe_eli3 {
        position: absolute;
        top: 205px;
        left: -14px
    }

    .fe_eli {
        position: absolute;
        top: 297px;
        left: -14px
    }

    .or_f2 {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 16px !important;
        margin-top: 15px;
        margin-left: 56px;
        width: 82%;
        text-align: center;
        line-height: 1.9
    }
}

.know_mor {
    font-family: latobold;
    font-size: 22px !important;
    background: #ed4406 !important
}

.services-section {
    width: 100%;
    padding: 25px 0 0;
    border-bottom: 1px solid #f1f2f2;
    overflow: hidden
}

.serv-list {
    margin: 10px 0 20px;
    text-align: left !important
}

.hiden {
    top: -95px;
    transition: top .5s ease .2s;
    z-index: 1000
}

.serv-list a {
    border-right: none !important;
    font-family: Montserrat-Bold;
    font-size: 13px;
    line-height: 30px;
    padding: 5px 10px 5px 0;
    text-transform: uppercase;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 47%;
    float: left;
    text-align: center;
    margin: 0 5px 5px 0;
    line-height: 20px !important;
    min-height: 90px;
    padding: 15px 10px !important;
    vertical-align: text-top;
    color: #fff !important
}

.supri {
    background-color: rgba(227, 94, 77, .8)
}

.serv-list a.tr_p {
    border-right: none !important;
    font-family: Montserrat-Bold;
    font-size: 13px;
    line-height: 30px;
    padding: 5px 10px 5px 0;
    text-transform: uppercase;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 47%;
    float: left;
    text-align: center;
    margin: 0 5px 5px 0;
    line-height: 20px !important;
    min-height: 90px;
    padding: 15px 30px !important;
    vertical-align: text-top;
    color: #fff !important
}

.improd {
    background-color: rgba(108, 49, 98, .8)
}

.grtme {
    background-color: rgba(47, 177, 143, .8)
}

.serv-list a.fr_p {
    border-right: none !important;
    font-family: Montserrat-Bold;
    font-size: 13px;
    line-height: 30px;
    padding: 5px 10px 5px 0;
    text-transform: uppercase;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 47%;
    float: left;
    text-align: center;
    margin: 0 5px 5px 0;
    line-height: 20px !important;
    min-height: 90px;
    padding: 15px 30px !important;
    vertical-align: text-top;
    color: #fff !important
}

.acpi {
    background-color: rgba(133, 171, 71, .8)
}

.ehce {
    background-color: rgba(52, 165, 182, .8)
}

.incerm {
    background-color: rgba(233, 177, 79, .8)
}

.serv-list a.bb_p {
    border-right: none !important;
    font-family: Montserrat-Bold;
    font-size: 13px;
    line-height: 30px;
    padding: 5px 10px 5px 0;
    text-transform: uppercase;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    width: 47%;
    float: left;
    text-align: center;
    margin: 0 5px 5px 0;
    line-height: 20px !important;
    min-height: 90px;
    padding: 15px 19px !important;
    vertical-align: text-top;
    color: #fff !important
}

.our-serv-box {
    padding: 20px 0 0
}

.services-list {
    width: 100%;
    overflow: hidden;
    position: relative
}

.serv-overlay {
    top: 0;
    z-index: 1;
    position: absolute;
    left: 0;
    height: 100%;
    width: 80%;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -o-transform: skew(25deg);
    transform: skew(25deg)
}

.transform-origin {
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.services-list h3 {
    bottom: 35px;
    color: #fff;
    font-size: 25px;
    left: 18px;
    top: 120px;
    line-height: 34px;
    position: absolute;
    z-index: 1;
    font-family: proxima_nova_ltbold, Arial, sans-serif
}

.services-list h3.day {
    bottom: 35px;
    color: #fff;
    font-size: 15px;
    left: 18px;
    top: 40px;
    line-height: 24px;
    position: absolute;
    z-index: 999;
    font-family: proxima_nova_ltbold, Arial, sans-serif
}

.services-list h3.rev {
    bottom: 35px;
    color: #fff000;
    font-size: 18px;
    left: 18px;
    top: 295px;
    line-height: 24px;
    position: absolute;
    z-index: 1;
    font-family: proxima_nova_ltbold, Arial, sans-serif
}

.service-content {
    color: #fff;
    left: 0;
    padding: 50px 20px;
    position: absolute;
    top: 0;
    z-index: 1;
    font-family: Montserrat-Regular;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px)
}

.services-list h4.day {
    bottom: 35px;
    color: #fff;
    font-size: 15px;
    left: 18px;
    top: 40px;
    line-height: 24px;
    position: absolute;
    z-index: 999;
    font-family: proxima_nova_ltbold, Arial, sans-serif
}

.services-list h4.rev {
    bottom: 35px;
    color: #fff000;
    font-size: 18px;
    left: 18px;
    top: 295px;
    line-height: 24px;
    position: absolute;
    z-index: 999;
    font-family: proxima_nova_ltbold, Arial, sans-serif
}

.service-content h4 {
    bottom: 35px;
    color: #fff;
    font-size: 17px;
    top: 128px;
    left: 30px;
    line-height: 24px;
    position: absolute;
    z-index: 1;
    font-family: ProximaNova-Regular
}

.service-content h4.lead {
    bottom: 35px;
    color: #fff;
    font-size: 17px;
    top: 110px;
    left: 30px;
    line-height: 24px;
    position: absolute;
    z-index: 1;
    font-family: ProximaNova-Regular
}

.service-content h4.see {
    bottom: 35px;
    color: #fff;
    font-size: 17px;
    top: 118px;
    left: 30px;
    line-height: 24px;
    position: absolute;
    z-index: 1;
    font-family: ProximaNova-Regular
}

.service-content h4.pop {
    bottom: 35px;
    color: #fff;
    font-size: 17px;
    top: 120px;
    left: 30px;
    line-height: 24px;
    position: absolute;
    z-index: 1;
    font-family: ProximaNova-Regular
}

.service-content p {
    color: #fff;
    font-size: 18px;
    top: 40px;
    left: 0;
    position: relative;
    width: 100%
}

.services-list a {
    position: absolute;
    bottom: 40px;
    right: 400px;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    -webkit-transition: all .9s ease 0s;
    -moz-transition: all .9s ease 0s;
    -o-transition: all .9s ease 0s;
    transition: all .9s ease 0s
}

.serv1 {
    background: rgba(227, 94, 77, .8)
}

.services-list:hover .serv1 {
    background: #e35e4d;
    transition: width 1s;
    width: 1000px
}

.serv2 {
    background: rgba(96, 46, 87, .8)
}

.services-list:hover .serv2 {
    background: #602e57;
    transition: width 1s;
    width: 1000px
}

.serv3 {
    background: rgba(47, 177, 143, .8)
}

.services-list:hover .serv3 {
    background: #2fb18f;
    transition: width 1s;
    width: 1000px
}

.serv4 {
    background: rgba(121, 159, 76, .8)
}

.services-list:hover .serv4 {
    background: #799f4c;
    transition: width 1s;
    width: 1000px
}

.serv5 {
    background: rgba(69, 153, 165, .8)
}

.services-list:hover .serv5 {
    background: #4599a5;
    transition: width 1s;
    width: 1000px
}

.serv6 {
    background: rgba(235, 183, 90, .8)
}

.services-list:hover .serv6 {
    background: #ebb75a;
    transition: width 1s;
    width: 1000px
}

.serv7 {
    background: rgba(200, 22, 26, .8)
}

.services-list:hover .serv7 {
    background: #c8161a;
    transition: width 1s;
    width: 1000px
}

.services-list:hover h3 {
    display: none
}

.services-list:hover .service-content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.services-list a img {
    max-width: 100%;
    height: auto
}

.services-list:hover a {
    opacity: 1;
    visibility: visible;
    right: 60px
}

.services-list:hover {
    box-shadow: 0 2px 2px #707070
}

.newsroom-head {
    font-family: source_sans_prosemibold, Arial, sans-serif;
    font-size: 50px !important;
    color: #30373b;
    line-height: 64px !important;
    text-shadow: 0 4px 3px #000 !important
}

@media (min-width:768px) and (max-width:1023px) {
    .services-list h4.day {
        top: 10px
    }

    .services-list a {
        bottom: 20px
    }

    .services-list h4.rev {
        font-size: 16px;
        top: 185px
    }

    .service-content p {
        color: #fff;
        font-size: 13px;
        top: -10px;
        left: 0;
        position: relative;
        width: 100%;
        font-family: ProximaNova-Regular, Arial, sans-serif
    }

    .services-list h3 {
        bottom: 35px;
        color: #fff;
        font-size: 18px;
        left: 18px;
        top: 80px;
        line-height: 24px;
        position: absolute;
        z-index: 1;
        font-family: proxima_nova_ltbold, Arial, sans-serif
    }

    .service-content p.dir {
        color: #fff;
        font-size: 11px;
        top: 39px;
        left: 2071px;
        position: relative;
        width: 47%;
        text-align: justify
    }

    .services-list h3.rev {
        font-size: 16px;
        top: 185px
    }
}

@media(max-width:767px) {
    .newsroom-head {
        font-size: 24px !important;
        line-height: 35px !important
    }

    .services-list h3 {
        font-size: 15px;
        top: 50px;
        line-height: 23px
    }

    .services-list h3.day {
        font-size: 12px;
        top: 20px;
        line-height: 24px
    }

    .services-list h4.day {
        font-size: 12px;
        top: 10px
    }

    .services-list h3.rev,
    .services-list h4.rev {
        font-size: 15px;
        top: 145px
    }

    .service-content {
        padding: 25px 20px
    }

    .service-content p {
        font-size: 12px;
        top: 10px;
        height: 90px;
        overflow: hidden
    }

    .services-list:hover a {
        bottom: 20px
    }
}

#slider h1.restaurant-headin {
    font-family: source_sans_prosemibold;
    font-size: 40px !important;
    line-height: 48px !important;
    text-shadow: 0 4px 3px #000 !important;
    padding-bottom: 15px
}

div.tab-content.tab-stacked {
    padding: 17px 43px;
    background-color: rgba(241, 92, 37, 0)
}

@media (max-width:767px) {
    .font-sub.mob_f {
        font-size: 0 !important
    }

    .font-sub.sm_f {
        font-size: 19px !important
    }

    .image-rt.bun_im {
        margin-left: -3%
    }

    .set-up.no_m {
        margin-top: 0
    }

    .order-shadow.no_box {
        box-shadow: 0 0 0 rgba(149, 149, 149, 0)
    }

    .bx-sh.bx-wrp-border.no_br {
        border: 0 solid #e1e1e1
    }

    .or_pd {
        padding-bottom: 40px
    }

    .od_img {
        width: 0%;
        position: absolute
    }

    .box-mv.de_mg {
        margin-left: -15%
    }

    .deal-image {
        background-image: url(../img/smb/deal-bg.png);
        background-repeat: no-repeat;
        background-position: center
    }

    .pad_bf {
        padding-bottom: 14px
    }
}

.price-font {
    font-size: 40px !important
}

.price-wid {
    max-width: 334px;
    text-align: center
}

.second-line {
    font-family: proxima_nova_ltbold;
    font-size: 20px;
    color: #30373b;
    margin-top: -19px
}

.but-position {
    margin-top: -5px
}

.webdes-tite {
    font-family: source_sans_prosemibold;
    font-size: 50px !important;
    color: #30373b;
    line-height: 64px !important;
    text-shadow: 0 4px 3px #000 !important;
    padding: 0 14%
}

.top-head-pad {
    padding: 0 14%
}

.second-font {
    font-family: ProximaNova-Regular !important;
    font-size: 24px
}

.know_more-but {
    font-family: latobold;
    font-size: 22px !important
}

.fri-st {
    font-family: ProximaNova-Regular !important;
    font-size: 37px;
    color: #30373b;
    padding: 0 2%
}

.text-col {
    color: #ff4500
}

.sec-st {
    font-family: ProximaNova-Regular !important;
    font-size: 18px;
    color: #767676;
    padding: 0 8%;
    line-height: 36px
}

.box-cl {
    background-color: #fff;
    box-shadow: 0 2px 2px #cbcbcb
}

.cont-bt {
    margin-bottom: -4%
}

.sec-tile {
    font-family: proxima_nova_ltbold;
    font-size: 50px;
    color: #30373b
}

.square {
    border-radius: 0;
    box-shadow: 0 0 8px #dedede;
    padding: 19px
}

.sec-lt {
    font-family: ProximaNova-Regular !important;
    font-size: 16px;
    color: #767676
}

.star-parag {
    font-family: proxima_nova_ltbold;
    font-size: 18px;
    color: #767676 !important;
    padding: 0 15%
}

.postion {
    margin-top: 34px;
    padding: 0 7%;
    line-height: 28px
}

.sec-top-pos {
    margin-top: 3%
}

.third-pad {
    padding: 0 11%
}

.sec-font {
    font-family: ProximaNova-Regular !important;
    font-size: 18px;
    color: #767676
}

.box-bg {
    background-color: #edf1f4;
    box-shadow: 0 2px 2px #cbcbcb;
    padding: 30px 82px
}

.second-box {
    background-color: #fff;
    box-shadow: 0 0 6px #cbcbcb;
    padding: 30px 82px
}

.tax-sec {
    background-color: #fff;
    box-shadow: 0 0 6px #cbcbcb;
    padding: 29px 7%
}

.tax-lin {
    line-height: 31px !important
}

.lt-pad {
    padding: 0 12%
}

.box-style {
    background-color: #fff;
    box-shadow: 1px 4px 8px #cbcbcb
}

.nav-tabs-new.nav-bottom-border>li.active>a,
.nav-tabs.nav-bottom-border>li.active>a:hover {
    border-bottom: #ff4500 5px solid !important
}

.border-tb {
    padding: 20px 0
}

.image-pad {
    padding: 17px 0
}

.back-style {
    background-color: #30373b;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #e1e1e1
}

.price-heading {
    font-family: 'quattrocento_sansregular' !important;
    font-size: 28px;
    color: #fff !important;
    margin-bottom: 11px;
    padding: 10px 10px 0 0;
    font-weight: 700
}

.price-new {
    border: 0;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 3px #cbcbcb;
    margin: 0 auto
}

.price-color {
    font-family: 'quattrocento_sansbold';
    font-size: 65px;
    color: #ff4500;
    padding: 30px;
    margin-bottom: 0
}

.price-colors {
    font-family: 'quattrocento_sansbold';
    font-size: 40px;
    color: #ff4500;
    padding: 30px;
    margin-bottom: 0
}

.session {
    font-family: proxima_nova_ltbold;
    font-size: 15px;
    color: #000
}

.plan-de p {
    font-family: 'quattrocento_sansbold', Arial, sans-serif;
    font-size: 15px;
    color: #767676;
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 0;
    margin-bottom: 0
}

.last-heads {
    margin-top: 20%;
    padding: 0 20px;
    height: 246px
}

.head-pad {
    margin-top: 24px
}

.head-top {
    margin-top: -3% !important;
    margin-bottom: 30px
}

.button-sec {
    background-color: #edf1f4 !important;
    color: #30373b !important;
    padding: 11px 27%;
    text-align: center;
    display: inline-block;
    margin: 30px 2px;
    border-radius: 4px;
    font-family: 'quattrocento_sansbold', Arial, sans-serif;
    font-size: 22px
}

.button-sec:hover {
    background-color: #ff4500 !important;
    color: #fff !important
}

.price-hed {
    font-family: proxima_nova_ltbold;
    font-size: 20px;
    color: #30373b
}

.price-main {
    font-family: proxima_nova_ltbold;
    font-size: 15px;
    color: #30373b
}

.last-onee {
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    font-size: 33px;
    color: #30373b
}

.price-widt {
    min-width: 370px !important;
    text-align: center
}

.last-head {
    margin-top: 50%;
    padding: 0 20px;
    height: 373px
}

.sec-bx {
    background-color: #fff;
    box-shadow: 0 0 6px #cbcbcb;
    padding: 26px 68px
}

.first-box {
    background-color: #edf1f4;
    box-shadow: 0 2px 2px #cbcbcb;
    padding: 26px 66px;
    margin-bottom: 30px
}

.second-pd {
    padding: 0 3%
}

.border-t li a {
    border-bottom: 5px solid transparent
}

.contact-bg {
    background-image: url(../img/startup-online-store/contact.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 35px !important
}

.font-last {
    font-family: ProximaNova-Regular !important;
    color: #f3f3f3;
    font-size: 40px;
    padding: 13px
}

.button-cont {
    background-color: #ebb129;
    border: none;
    color: #fff !important;
    padding: 9px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 4px;
    font-family: latobold;
    margin-top: 5px
}

.third-padding {
    padding: 0 10% !important
}

@media (min-width:768px) and (max-width:1023px) {
    #header.transparent+#slider h1.newpa {
        margin-top: 0 !important
    }

    .fri-st {
        font-family: ProximaNova-Regular !important;
        font-size: 34px;
        color: #30373b
    }

    .sec-st {
        font-family: ProximaNova-Regular !important;
        font-size: 17px;
        color: #767676;
        padding: 0 4%
    }

    .sec-tile {
        font-family: proxima_nova_ltbold;
        font-size: 32px;
        color: #30373b
    }

    .second-pd {
        padding: 0 0
    }

    .start_up {
        font-family: proxima_nova_ltbold;
        font-size: 21px
    }

    .postion {
        margin-top: 34px;
        padding: 0 2%;
        line-height: 28px
    }

    .sec-font {
        font-family: ProximaNova-Regular !important;
        font-size: 16px;
        color: #767676
    }

    .two-sec {
        margin-top: -7%
    }

    .super-su h3 {
        font-family: 'quattrocento_sansbold';
        font-size: 18px;
        color: #30373b
    }

    .third-padding {
        padding: 0 44px !important
    }

    .tax-lin {
        line-height: 38px !important
    }

    .price-widt {
        min-width: 74px !important;
        text-align: center
    }

    .price-color {
        font-size: 25px
    }

    .price-colors {
        font-size: 22px
    }

    .session {
        font-family: proxima_nova_ltbold;
        font-size: 14px;
        top: 0
    }

    .plan-de p {
        font-family: 'quattrocento_sansbold', Arial, sans-serif;
        font-size: 13px;
        color: #767676;
        border-bottom: 1px solid #f5f5f5;
        padding: 10px 0
    }

    .button-sec {
        font-size: 18px;
        padding: 8px 16%
    }

    .last-onee {
        font-family: proxima_nova_ltbold, Arial, sans-serif;
        font-size: 21px;
        color: #30373b
    }

    .last-head {
        margin-top: 87%;
        padding: 0 20px;
        height: 344px
    }
}

@media (max-width:767px) {
    .font-last {
        font-family: ProximaNova-Regular !important;
        color: #f3f3f3;
        font-size: 26px
    }

    .price-widt {
        min-width: 265px !important;
        text-align: center
    }

    .third-pad {
        padding: 0 0
    }

    .fri-st {
        font-family: proxima_nova_ltbold !important;
        font-size: 21px;
        color: #30373b
    }

    .text-alin {
        text-align: justify !important
    }

    .second-pd {
        padding: 0 0
    }

    .toggle-im {
        margin-left: 37%;
        margin-bottom: 7%
    }

    .top-head-pad {
        padding: 0 1%
    }

    .box-bg {
        background-color: #edf1f4;
        box-shadow: 0 2px 2px #cbcbcb;
        padding: 30px 49px
    }

    .sec-bx {
        background-color: #fff;
        box-shadow: 0 0 6px #cbcbcb;
        padding: 29px 36px
    }

    .first-box {
        background-color: #edf1f4;
        box-shadow: 0 2px 2px #cbcbcb;
        padding: 26px 42px;
        margin-bottom: 30px
    }

    .last-onee {
        font-family: proxima_nova_ltbold, Arial, sans-serif;
        font-size: 26px;
        color: #30373b
    }

    .price-color {
        font-size: 26px
    }

    .price-colors {
        font-size: 26px
    }

    .last-heads {
        height: auto
    }

    .session {
        font-family: proxima_nova_ltbold;
        font-size: 15px
    }

    .plan-de p {
        font-family: 'quattrocento_sansbold', Arial, sans-serif;
        font-size: 14px
    }

    .second-line {
        font-family: proxima_nova_ltbold;
        font-size: 18px
    }

    .rev-main-si {
        font-size: 20px !important;
        margin-top: -16%
    }

    .sec-tile {
        font-family: proxima_nova_ltbold;
        font-size: 20px;
        color: #30373b
    }

    .start_up {
        font-family: proxima_nova_ltbold;
        font-size: 21px
    }

    .webdes_titl {
        font-family: source_sans_prosemibold;
        font-size: 25px !important;
        line-height: 42px !important;
        color: #30373b
    }

    .postion {
        margin-top: 17px
    }

    section.nw {
        padding: 27px 0
    }

    .webdes-tite {
        font-size: 30px !important;
        line-height: 35px !important;
        padding: 0 8%
    }

    .second-font {
        font-family: ProximaNova-Regular !important;
        font-size: 21px
    }

    .last-head {
        margin-top: 10%;
        padding: 0 20px;
        height: 130px
    }
}

#slider h1.restaurant-headin {
    font-family: source_sans_prosemibold;
    font-size: 40px !important;
    line-height: 48px !important;
    text-shadow: 0 4px 3px #000 !important;
    padding-bottom: 15px
}

div.tab-content.tab-stacked {
    padding: 17px 43px;
    background-color: rgba(241, 92, 37, 0)
}

.sub-heading-col.text-white {
    color: #fff !important
}

.line-het {
    line-height: 30px
}

.image-sec-text {
    padding-top: 12%
}

.sub-heading-col {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 18px !important;
    line-height: 25px;
    letter-spacing: .0050em
}

.smb-hnew {
    color: #fff;
    padding-right: 20px;
    padding-top: 15%;
    font-family: proxima_nova_ltbold;
    font-size: 25px
}

.smb-pnew {
    color: #fff !important;
    font-family: ProximaNova-Regular !important;
    font-size: 18px !important;
    line-height: 30px;
    letter-spacing: .0050em;
    padding-top: 12%
}

.bundle-col {
    padding: 0 11%;
    color: #fff !important
}

.secon-text {
    padding-top: 10% !important
}

.nav-tabs.nav-bottom-border.b-colo.othr>li.active>a,
.nav-tabs.nav-bottom-border.b-colo>li.active>a:hover {
    border-bottom: 3px solid #f15c25 !important;
    color: #f15c25 !important
}

.nav-tabs.nav-bottom-border.b-colo>li.active>a,
.nav-tabs.nav-bottom-border.b-colo>li.active>a:hover {
    border-bottom: 3px solid #f15c25 !important
}

.nav-tabs.no_br {
    border-bottom: 0 solid #ddd
}

.nav-tabs>li.active.col-active>a {
    background: url(../img/oyc/headb.png) bottom center;
    background-repeat: no-repeat;
    width: 100%;
    transition: none;
    font-family: proxima_nova_ltbold !important;
    font-size: 20px !important;
    color: #8e8e8e !important;
    position: relative;
    top: 2px
}

.sec-img {
    margin-top: 21px
}

.sec-top {
    margin-top: 22px
}

@media (min-width:767px) {
    .od_img2 {
        width: 0%;
        position: absolute
    }
}

@media (max-width:767px) {
    .sub-heading-col {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important;
        line-height: 25px;
        letter-spacing: .0050em
    }

    .super-sub p.cus_p {
        margin-bottom: 0
    }

    .smb-hnew {
        color: #fff;
        padding-right: 0;
        padding-top: 0;
        font-family: proxima_nova_ltbold;
        font-size: 20px;
        text-align: center
    }

    .smb-pnew {
        color: #fff !important;
        font-family: ProximaNova-Regular !important;
        font-size: 16px !important;
        line-height: 30px;
        letter-spacing: .0050em;
        padding-top: 0;
        margin-bottom: 10px
    }

    .font-sub.mob_f {
        font-size: 0 !important
    }

    .font-sub.sm_f {
        font-size: 15px !important
    }

    .bun_im {
        max-width: 17%
    }

    .set-up.no_m {
        margin-top: 0
    }

    .order-shadow.no_box {
        box-shadow: 0 0 0 rgba(149, 149, 149, 0)
    }

    .bx-sh.bx-wrp-border.no_br {
        border: 0 solid #e1e1e1
    }

    .or_pd {
        padding-bottom: 40px
    }

    .od_img {
        width: 0%;
        position: absolute
    }

    .box-mv.de_mg {
        margin-left: -15%
    }

    .deal-image {
        background-image: url(../img/smb/deal-bg.png);
        background-repeat: no-repeat;
        background-position: center
    }

    .pad_bf {
        padding-bottom: 14px
    }

    .cou_mr {
        text-align: center
    }

    .mobile-img-view {
        margin-left: -14px;
        margin-bottom: 28px;
        margin-top: 24px;
        max-width: 22%
    }

    .web-image.bck_h {
        background-image: url(../img/smb/webnexs-bg.png);
        background-repeat: no-repeat;
        background-position: center;
        height: auto
    }

    .size_30 {
        max-width: 20%
    }

    ul.coupon-man-tab li.smb_bt {
        width: 32%;
        border-radius: 0;
        margin-right: 22px;
        text-align: center
    }

    .smb_pos {
        position: relative;
        left: -14px
    }

    .smbp_pos {
        position: relative;
        top: -57px;
        left: 90px
    }

    .smb_pro {
        position: relative;
        top: -115px;
        left: 202px
    }

    .footer-lg {
        height: 40px;
        margin-top: 5px
    }

    .pric_tabs {
        width: 30%;
        border-radius: 0;
        text-align: center
    }

    ul>li.smb_pl {
        display: inline-block !important
    }

    .deal_img {
        max-width: 25%
    }

    .co-se.d_sp {
        margin-top: 0 !important
    }

    .btn-demo.width.smb_new {
        width: auto
    }

    .btn-demo.smb_new2 {
        padding: 10px 30px;
        background: #00a651;
        border-radius: 5px;
        font-size: 22px;
        width: 200px
    }

    #slider .btn-addon.smb_new,
    .slider .btn-addon.wh-wid {
        width: auto
    }

    .addons_pos {
        position: relative;
        top: -80px;
        left: 77px
    }

    .dro_dwn {
        position: absolute !important;
        top: 66px !important;
        left: 0 !important
    }

    ul.addon.sm_fon li a {
        padding: 5px 3px;
        font-family: 'Museo 500', Arial, sans-serif;
        font-size: 9px;
        color: #000;
        white-space: normal
    }

    ul.addon.adnew li {
        border-bottom: 1px solid #d8d8d8;
        text-align: center;
        width: 114px;
        background-color: #fff;
        border-radius: 1px
    }

    .dropdown-menu.addon {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        min-width: 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 0 solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
    }

    .dropdown-menu.white-bt-pad.ad_p {
        padding: 5px 10.5px
    }

    #slider .btn-contact.smb_ne,
    .slider .btn-col {
        padding: 11px 30px;
        border: #19b5fe;
        background: #f28c13;
        color: #fff !important;
        border-radius: 5px;
        font-size: 22px;
        width: 180px;
        margin-right: 10px
    }

    .ord_mpad {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .or_ms {
        display: inline-block !important;
        max-width: 22%
    }

    .or_ms2 {
        display: inline-block !important;
        max-width: 22%
    }

    .or_ms3 {
        display: inline-block !important;
        max-width: 30%
    }

    .font-sub.or_ft {
        font-size: 15px !important;
        vertical-align: middle;
        line-height: 12px;
        margin-bottom: 0
    }

    .mo-up.ma_up {
        margin-top: -25% !important
    }

    .pad-70.pad-m.pad-0 {
        padding-bottom: 0 !important
    }

    .smb_pad {
        padding-top: 10px !important
    }

    .smb_pad2 {
        padding-top: 0 !important
    }

    .smb_pad3 {
        padding-bottom: 0 !important
    }

    .or_ms4 {
        display: inline-block !important;
        max-width: 20%
    }

    .or_ms5 {
        display: inline-block !important;
        max-width: 20%
    }

    .or_ms6 {
        display: inline-block !important;
        max-width: 20%
    }

    .or_ms7 {
        display: inline-block !important;
        max-width: 30%;
        margin-left: -16px !important
    }

    .or_ms8 {
        display: inline-block !important;
        max-width: 30%;
        margin-left: -40px !important
    }

    .or_ms9 {
        display: inline-block !important;
        max-width: 30%;
        margin-left: -32px !important
    }

    .font-sub.or_ft2 {
        font-size: 16px !important
    }

    .pri-pl.smb_m {
        margin-top: 1% !important
    }

    .pric_smb {
        margin-top: -80px
    }

    .price-clean.smb_nw {
        padding: 0 0;
        text-align: center;
        position: relative;
        border: 1px solid #d0d6df;
        font-family: Arial, Helvetica, sans-serif;
        -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05);
        -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05);
        -o-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05);
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, .05)
    }

    .mob_footer {
        margin-top: -40px
    }

    .foter_pp {
        position: relative;
        top: 9px
    }

    #footer .row>div {
        margin-bottom: 10px !important
    }

    .pricing_ma {
        margin-left: -130px !important
    }

    .button-tp.nmob {
        background-color: #373942;
        border: 1px solid;
        border-radius: 30px;
        color: #fff !important;
        padding: 10px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 13px;
        margin: -62px 6px;
        cursor: pointer;
        position: absolute
    }

    .bcl p.plan-name.pricing_ma {
        font-family: proxima_nova_rgbold, Arial, sans-serif;
        font-size: 20px;
        color: #30373b;
        letter-spacing: 1px
    }

    .price-clean h4.pricing_ma {
        font-size: 44px;
        margin-top: -6px
    }

    #slider h1.line-sp {
        line-height: 64px;
        padding: 0 8%;
        font-size: 50px;
        font-family: source_sans_prosemibold !important
    }

    .he-sz {
        font-size: 25px !important
    }

    .font-sub {
        font-size: 15px !important
    }

    .font-sub.cus_f {
        font-size: 20px !important
    }

    .font-sub.cop_f {
        font-size: 20px !important
    }

    .we-gd {
        font-size: 22px !important;
        text-align: justify
    }

    .page-title.heading-cl.tex-colour.n_smb {
        color: #fff;
        font-size: 25px;
        padding-right: 0;
        padding-top: 0;
        line-height: 1.5
    }

    .we-in {
        font-size: 18px !important;
        text-align: justify
    }

    .in-te {
        margin-top: -54%
    }

    .border-rit {
        border-right: 0 solid #fff;
        height: 238px;
        margin-right: 3px
    }

    .image-rt.rep_d {
        margin-left: 26%;
        max-width: 43%
    }

    .main-head {
        font-size: 25px !important
    }

    .de_smni {
        max-width: 28%
    }

    .text-align {
        text-align: justify
    }

    .bx-sh.market {
        padding-top: 0;
        width: 30%;
        margin-left: 0
    }

    .rept-smb {
        padding: 25px 20px !important
    }

    .last-se-al {
        margin-left: 0;
        margin-top: 0
    }

    .meta-mob {
        margin-top: 0
    }

    .para-pt {
        padding-top: 20px
    }

    .smb_tbs {
        font-size: 12px
    }

    .smb_ordh {
        color: #30373b;
        font-family: proxima_nova_ltbold;
        text-align: center;
        line-height: 40px;
        margin-top: 20px;
        font-size: 30px !important
    }

    #content {
        overflow: auto;
        height: 320px;
        width: 108%
    }

    .smb_left {
        max-width: 25%;
        margin-bottom: 15px
    }

    .smb_right {
        max-width: 25%;
        margin-bottom: 15px
    }

    .smb_rightb {
        float: right
    }

    .review.star-icon {
        width: 140px;
        height: 26px;
        background-position: 0;
        display: inline-block;
        float: left
    }

    .pad {
        padding-bottom: 30px
    }

    .sub-heading-col.ors_p {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important;
        line-height: 20px;
        letter-spacing: .0050em
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .sub-heading-col {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important;
        line-height: 25px;
        letter-spacing: .0050em
    }

    .sub-heading-col.pro_duc {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 12px !important;
        line-height: 25px;
        padding-top: 0;
        padding-left: 54px
    }

    .new-ft {
        font-family: 'quattrocento_sansbold' !important;
        font-size: 15px !important;
        text-align: center
    }

    .bundle-col {
        padding: 0 11%;
        color: #fff !important
    }

    ul.sing-pro-tab li {
        width: 32.33333%;
        padding: 0 1%;
        text-align: center;
        margin-left: 0
    }

    .bx-sh.box-download {
        padding-bottom: 0;
        margin-top: -20px;
        width: 90%;
        margin-left: 6%
    }

    .bx-sh.box-file.net {
        padding-bottom: 12.2%;
        margin-top: -20px;
        width: 90%;
        margin-left: 6%
    }

    .bx-sh.box-wrp {
        padding-bottom: 0;
        margin-top: -20px;
        width: 90%;
        margin-left: 6%
    }

    .bx-sh.box-days {
        padding-bottom: 0;
        margin-top: -20px;
        width: 90%;
        margin-left: 6%
    }

    .ord_im {
        padding-top: 15px
    }

    .sub-heading-col.new_ord {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important;
        line-height: 27px;
        padding-top: 0;
        padding-left: 0
    }

    .super-sub p.new_orx {
        font-family: ProximaNova-Regular, Arial, sans-serif;
        font-size: 15px;
        line-height: 28px;
        font-weight: 400;
        color: #000;
        margin-bottom: 0
    }

    .enter p {
        font-family: 'museo 300', Arial, sans-serif;
        font-size: 16px;
        line-height: 27px;
        margin-top: 20px;
        margin-bottom: 10px
    }

    .sing-prod-p {
        color: #767676;
        font-family: ProximaNova-Regular;
        font-size: 14px;
        text-align: center;
        line-height: 32px;
        margin-top: 15px;
        letter-spacing: .0015em
    }

    .sub-heading-col.new_cus {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important;
        line-height: 20px;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        text-align: center
    }

    .sub-heading-col.bx-line.new_deal {
        font-size: 13px !important;
        line-height: 21px
    }

    .sub-heading-col.new_deal {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 12px !important;
        line-height: 23px;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0
    }

    .sub-heading-col.ess {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important;
        line-height: 25px;
        padding-top: 0;
        padding-left: 0
    }

    .smb-pnew {
        color: #fff !important;
        font-family: ProximaNova-Regular !important;
        font-size: 16px !important;
        line-height: 28px;
        letter-spacing: .0050em;
        padding-top: 12%
    }

    ul.downloadable-products.width li {
        width: 35%;
        display: inline-block
    }

    .bx-sh.layout-spa {
        padding: 0 33px 30px 18px;
        margin-top: -2%
    }

    .sub-heading-col.de_f {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important;
        line-height: 25px;
        padding-top: 0;
        padding-left: 0
    }

    .nav-tabs.nav-bottom-border.b-colo>li.active>a,
    .nav-tabs.nav-bottom-border.b-colo>li.active>a:hover {
        border-bottom: 4px solid #f28c13 !important
    }

    .sub-heading-col.mar_ana {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 12px !important;
        line-height: 25px;
        padding-top: 0;
        padding-left: 0
    }

    .bx-sh.market.mar_ana {
        padding-top: 34px;
        width: 30%;
        margin-left: 2%;
        padding-bottom: 14px
    }

    .mar_ana2 {
        max-width: 50%
    }

    .nav-tabs.nav-stacked.enterprise-tab>li>a {
        padding: 8px 0
    }

    .bx-sh-all {
        box-shadow: 0 0 27px #e4e4e4
    }

    .sub-heading-col.seo_ma {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important;
        line-height: 25px;
        padding-top: 0;
        padding-left: 0
    }

    .lt-he {
        min-height: 361px
    }

    .mk_aa {
        max-height: 310px
    }

    .thir-ft {
        font-size: 12px !important;
        line-height: 22px !important;
        margin-top: 10%
    }

    .min-fir.asg {
        min-height: 330px
    }

    .sub-heading-col.rep_or {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important;
        line-height: 25px;
        padding-top: 0;
        padding-left: 54px
    }

    .nav-tabs>li.active.col-active>a {
        background: url(../img/oyc/headb.png) bottom center;
        background-repeat: no-repeat;
        width: 100%;
        transition: none;
        font-family: proxima_nova_ltbold !important;
        font-size: 20px !important;
        color: #8e8e8e !important;
        position: relative;
        top: 2px
    }

    .bx-sh.box-file {
        margin-top: -12px;
        width: 90%;
        min-height: 323px;
        background: #fff;
        box-shadow: 0 0 20px #d4d4d4;
        padding: 8%
    }

    .sub-heading-col.do_wn {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 12px !important;
        line-height: 25px;
        padding-top: 0;
        padding-left: 0
    }

    .deal-sec {
        margin-left: 0
    }

    .sub-heading-col.cop_man {
        color: #767676 !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important;
        line-height: 25px;
        padding-top: 0;
        padding-left: 0
    }

    .nav-tabs.nav-justified>li>a {
        border-bottom: 0 solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .ecom_ss {
        font-size: 11px
    }

    .downloadable-products.width img {
        width: 58%
    }

    .super-sub p.seo_mm {
        line-height: 26px;
        font-weight: 400;
        margin-bottom: 10px
    }

    .bg-image.second-img {
        margin-top: -14px
    }

    .third-content {
        margin-top: -14px !important
    }

    .bg-image {
        background-image: url(../img/smb/cr-bg.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 361px;
        margin-top: -35px
    }

    .img-rt {
        margin-top: 25%
    }

    .pad-head {
        margin-top: 30%
    }
}

@media (min-width:790px) and (max-width:1023px) {
    .lt-he {
        min-height: 354px
    }
}

@media (min-width:885px) and (max-width:1023px) {
    .super-sub p.new_orx {
        font-family: ProximaNova-Regular, Arial, sans-serif;
        font-size: 15px;
        line-height: 28px;
        font-weight: 400;
        color: #000;
        margin-bottom: 33px
    }
}

body.menu-vertical #mainMenu.sidebar-vertical {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 200px;
    background-color: #fff;
    z-index: 100
}

.mag_title {
    font-family: source_sans_prosemibold;
    font-size: 40px !important;
    color: #30373b;
    line-height: 58px !important;
    text-shadow: 0 2px 4px #444 !important;
    padding: 0 13%
}

.mag_par {
    font-family: source_sans_proregular;
    font-size: 20px !important;
    color: #30373b
}

.color-red {
    color: #fc0000 !important
}

.read_more {
    font-family: latobold;
    font-size: 20px !important;
    background: #ebb129 !important
}

#slider .btn-contact.new_con {
    padding: 10px 30px;
    border: #19b5fe;
    background: #f15c22;
    color: #fff !important;
    border-radius: 5px;
    font-size: 22px;
    width: 180px;
    margin-right: 10px;
    font-family: latobold !important
}

.adv_h {
    color: #30373b !important;
    font-family: proxima_nova_ltbold !important;
    font-size: 40px !important
}

.adv_p {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 15px !important;
    line-height: 2.1
}

.f_h {
    color: #30373b !important;
    font-family: proxima_nova_ltbold !important;
    font-size: 20px !important
}

.adv_p2 {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 15px !important;
    line-height: 20px;
    margin-bottom: 15px
}

.mg_line {
    position: absolute;
    left: 22px;
    top: 74px
}

.mg_c1 {
    position: absolute;
    top: 53px;
    left: 15px
}

.mg_c2 {
    position: absolute;
    top: 87px;
    left: 15px
}

.mg_c3 {
    position: absolute;
    top: 123px;
    left: 15px
}

.mg_c4 {
    position: absolute;
    top: 158px;
    left: 15px
}

.mg_c5 {
    position: absolute;
    top: 193px;
    left: 15px
}

.mg_c6 {
    position: absolute;
    top: 228px;
    left: 15px
}

.mgh_line {
    position: relative;
    top: -40px;
    left: 510px
}

.fea_img {
    margin-left: 85px;
    margin-top: 5px
}

.cu_p {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 15px !important;
    line-height: 1.8
}

.mg_line2 {
    position: absolute;
    left: 22px;
    top: 98px;
    height: 125px
}

.mg_c12 {
    position: absolute;
    top: 92px;
    left: 15px
}

.mg_c22 {
    position: absolute;
    top: 128px;
    left: 15px
}

.mg_c32 {
    position: absolute;
    top: 163px;
    left: 15px
}

.mg_c42 {
    position: absolute;
    top: 197px;
    left: 15px
}

.mg_c52 {
    position: absolute;
    top: 232px;
    left: 15px
}

.mg_c62 {
    position: absolute;
    top: 241px;
    left: 15px
}

.fea_img2 {
    margin-left: 32px;
    margin-top: -20px
}

.pow_p {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 18px !important;
    line-height: 2;
    position: relative;
    padding: 0 6%;
    margin-top: 7%
}

.pow_mag {
    margin-top: 28px;
    margin-left: 38px
}

.cat_h {
    color: #30373b !important;
    font-family: proxima_nova_ltbold !important;
    font-size: 20px !important;
    margin-bottom: 20px
}

.cat_p {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 16px !important;
    line-height: 34.5px;
    text-align: left
}

.cat_mar {
    margin-left: -30px
}

.cat_pad2 {
    padding-top: 97px
}

.bulk_img {
    padding-top: 70px
}

.cat_line {
    position: relative;
    top: 30px;
    left: 80px
}

.mar_p {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 15px !important;
    line-height: 1.9;
    text-align: center;
    padding: 0 12%
}

.mar_h {
    color: #30373b !important;
    font-family: proxima_nova_ltbold !important;
    font-size: 40px !important;
    width: 76%;
    margin-left: 127px;
    line-height: 1.2
}

.mgh_line2 {
    position: relative;
    top: -20px;
    left: 499px
}

.ad_mar {
    margin-left: 75px
}

.whyw_p {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 15px !important;
    line-height: 1.8
}

.nav-tabs.nav-alternate.bol>li.active>a {
    background-color: #f15c22 !important;
    font-family: ProximaNova-Regular;
    font-size: 14px;
    text-transform: capitalize;
    color: #eee !important;
    box-shadow: 0 2px 3px #999;
    text-align: left;
    border: 1px solid #f15c25 !important
}

.nav-tabs.nav-alternate>li>a.sle {
    border: 1px solid #ebebeb !important;
    text-align: left;
    background-color: #fff;
    font-size: 14px
}

.why_img {
    margin-left: 46px
}

.why_hd {
    font-family: proxima_nova_ltbold;
    font-size: 20px;
    text-transform: capitalize;
    color: #30373b !important
}

.why_pr {
    font-family: ProximaNova-Regular;
    color: #767676;
    line-height: 25px;
    font-size: 14px;
    width: 80%
}

.why_img2 {
    margin-left: -8px
}

.why_tab {
    padding-bottom: 20px
}

.why_pad {
    padding-top: 60px
}

.del_p {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 15px !important;
    line-height: 1.9;
    text-align: left
}

.del_line2 {
    position: relative;
    top: -20px;
    left: 520px
}

.delv_hd {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    line-height: 1.5;
    font-size: 20px;
    position: relative
}

.delv_hd2 {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    line-height: 1.5;
    font-size: 20px;
    position: relative
}

.delv_hd3 {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    line-height: 1.5;
    font-size: 20px;
    position: relative
}

.delv_hd4 {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    line-height: 1.5;
    font-size: 20px;
    position: relative
}

.delv_p {
    font-family: ProximaNova-Regular;
    font-size: 15px;
    color: #767676 !important;
    position: relative;
    top: -17px;
    line-height: 1.7
}

.left_g {
    background: url(../img/magento-dev/left_g.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 25px;
    position: relative;
    top: 95px;
    left: 110px;
    border: 0
}

.left_g:active {
    background: url(../img/magento-dev/left_g.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 25px;
    position: relative;
    top: 96px;
    left: 102px;
    border: 0
}

button.left_act:active {
    background: url(../img/magento-dev/left_o.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 25px;
    opacity: 1;
    position: relative;
    top: 95px;
    left: 110px
}

.right_g {
    background: url(../img/magento-dev/right_g.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 25px;
    position: relative;
    top: 96px;
    left: 888px
}

.right_g:active {
    background: url(../img/magento-dev/right_g.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 25px;
    opacity: 0;
    position: relative;
    top: 96px;
    left: 888px;
    border: 0
}

button.right_act:active {
    background: url(../img/magento-dev/right_o.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 25px;
    opacity: 1;
    position: relative;
    top: 94px;
    left: 890px;
    border: 0
}

.delv_img {
    margin-left: 100px
}

body.menu-vertical.menu-vertical #wrappers {
    margin-left: 200px
}

.logo_mar {
    margin-top: -47%
}

li.side_mm>a {
    background-color: #f0f0f0 !important;
    color: #6a6969 !important;
    height: 70px;
    width: 200px;
    font-size: 17px !important;
    border-bottom: 0 solid #eee;
    box-shadow: 0 1px 5px #ccc;
    font-family: ProximaNova-Regular !important;
    letter-spacing: 0
}

li.side_mm>a:hover {
    background-color: #ee6f3e !important;
    color: #fff !important;
    height: 70px;
    width: 200px;
    font-size: 16px !important;
    border-bottom: 0 solid #eee;
    box-shadow: 0 1px 5px #ccc;
    font-family: ProximaNova-Regular;
    letter-spacing: 0
}

li.side_mm>a:active {
    background-color: #ee6f3e !important;
    color: #fff !important;
    width: 200px;
    height: 70px;
    font-size: 16px !important;
    border-bottom: 0 solid #eee;
    box-shadow: 0 1px 5px #ccc;
    font-family: ProximaNova-Regular;
    letter-spacing: 0
}

li.side_mm2>a {
    background-color: #f0f0f0 !important;
    color: #6a6969 !important;
    height: 74px;
    width: 200px;
    font-size: 15px !important;
    border-bottom: 0 solid #eee;
    box-shadow: 0 1px 5px #ccc;
    font-family: ProximaNova-Regular;
    letter-spacing: 0
}

li.side_mm2>a:hover {
    background-color: #ee6f3e !important;
    color: #fff !important;
    height: 74px;
    width: 200px;
    font-size: 16px !important;
    border-bottom: 0 solid #eee;
    box-shadow: 0 1px 5px #ccc;
    font-family: ProximaNova-Regular;
    letter-spacing: 0
}

li.side_mm2>a:active {
    background-color: #ee6f3e !important;
    color: #fff !important;
    width: 200px;
    height: 74px;
    font-size: 16px !important;
    border-bottom: 0 solid #eee;
    box-shadow: 0 1px 5px #ccc;
    font-family: ProximaNova-Regular;
    letter-spacing: 0
}

li>a.menu_f:hover {
    color: #fff !important
}

li>a.menu_f:active {
    color: #fff !important
}

.mmenu_f {
    position: relative;
    top: 12px;
    left: 55px
}

.mmenu_p {
    position: relative;
    top: 12px;
    left: 8px
}

.mmenu_s {
    position: relative;
    top: 14px;
    left: 42px
}

.mmenu_o {
    position: relative;
    top: 14px;
    left: 17px
}

.mmenu_sm {
    position: relative;
    top: 12px;
    left: 6px
}

.mmenu_v {
    position: relative;
    top: 19px;
    left: 68px
}

.m-icon {
    position: absolute;
    top: 75%;
    left: 28px
}

.up-arro {
    background: url(../img/magento-dev/up-arrow.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 25px;
    position: relative;
    border: 0;
    margin: -3px 121px
}

.up-arro:active {
    background: url(../img/magento-dev/active.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 25px;
    position: relative;
    border: 0;
    margin: -3px 121px
}

.d-arro {
    background: url(../img/magento-dev/down-arrow.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 25px;
    position: relative;
    border: 0;
    top: 32px;
    left: -137px
}

.d-arro:active {
    background: url(../img/magento-dev/ac.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 22px;
    height: 25px;
    position: relative;
    border: 0;
    top: 32px;
    left: -137px
}

.mag_tab {
    font-family: source_sans_proregular;
    font-size: 15px !important;
    color: #30373b
}

.star-parag {
    font-family: proxima_nova_ltbold;
    font-size: 18px;
    color: #767676 !important;
    padding: 0 15%
}

.webdes-tite {
    font-family: source_sans_prosemibold;
    font-size: 50px !important;
    color: #30373b;
    line-height: 64px !important;
    text-shadow: 0 4px 3px #000 !important;
    padding: 0 14%
}

@media (max-width:767px) {
    .webdes-tite {
        font-family: source_sans_prosemibold;
        font-size: 30px !important;
        color: #30373b;
        line-height: 38px !important;
        text-shadow: 0 4px 3px #000 !important;
        padding: 0 10%
    }

    .second-font {
        font-family: ProximaNova-Regular !important;
        font-size: 21px
    }

    .button-sec {
        background-color: #edf1f4 !important;
        color: #30373b !important;
        padding: 11px 17%
    }

    .last-head {
        margin-top: 7%;
        padding: 0 20px;
        height: 127px
    }
}

.ui-widget-header {
    border: 0 solid #231d2b;
    background: 0 0
}

.ui-widget-content {
    border: 0 solid #7e7783;
    background: 0 0
}

.ui-widget-content {
    color: #767676 !important;
    font-family: ProximaNova-Regular !important;
    font-size: 15px !important
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    text-align: center;
    text-decoration: none;
    width: 100%;
    border: 0 solid #dcd9de !important;
    box-shadow: inset 0 0 15px #e1e1e1;
    padding: 12px !important
}

.ui-tabs .ui-tabs-nav li {
    width: 100%
}

#content {
    height: 315px;
    overflow: hidden
}

.ui-widget-content {
    border: 0 solid !important;
    background: 0 0 !important
}

.ui-widget-header {
    border: 0 solid #231d2b !important;
    background: 0 0 !important;
    color: #fff;
    font-weight: 700
}

body.menu-vertical.menu-vertical.left #wrapper {
    margin-left: 200px
}

.nav-tabs.nav-alternate>li.active>a {
    color: #fff !important;
    background-color: #e95921
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em 1.3em 0 !important
}

.three-sp {
    letter-spacing: 1px
}

.para-sp {
    line-height: 24px
}

.para-s {
    margin-top: 33px;
    line-height: 22px
}

.head-tp {
    margin-left: 20%;
    margin-top: -10%
}

.img-postion {
    padding: 14px 16px
}

.image-post {
    padding: 14px 2px
}

.ui-tabs .ui-tabs-nav li {
    margin-bottom: 6px !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-radius: 0 !important
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
    background-color: #e95921;
    color: #fff;
    font-family: proxima_nova_ltbold, Arial, sans-serif
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .mag_tab.ui-tabs-anchor {
    box-shadow: none
}

.main-ft {
    font-family: proxima_nova_ththin;
    font-size: 40px;
    color: #30373b
}

.head-siz {
    padding: 0 15%
}

.head-new {
    padding: 0 17%
}

.pading-lt {
    padding: 0 11%
}

@media (max-width:767px) {
    .mag_title {
        font-family: source_sans_prosemibold;
        font-size: 19px !important;
        color: #30373b;
        line-height: 31px !important;
        text-shadow: 0 2px 4px #444 !important;
        padding: 0 0
    }

    .mag_para {
        font-family: source_sans_proregular;
        font-size: 18px !important;
        color: #30373b
    }

    .margin-top-ra {
        margin-top: 0 !important
    }

    .main-ft {
        font-family: proxima_nova_ththin;
        font-size: 23px !important;
        color: #30373b
    }

    .pic-he {
        margin-top: -30%
    }

    .fea_img {
        margin-left: 0;
        margin-top: -11px
    }

    .f_h {
        color: #30373b !important;
        font-family: proxima_nova_ltbold !important;
        font-size: 15px !important
    }

    .adv_p2 {
        line-height: 22px
    }

    .fea_img2 {
        margin-left: 0;
        margin-top: -20px
    }

    .head-siz {
        padding: 0 0 !important
    }

    .head-new {
        padding: 0 0
    }

    .mar_p {
        padding: 0 0
    }

    .ad_mar {
        margin-left: 0
    }

    .pading-lt {
        padding: 0 0
    }

    .delv_img {
        margin-left: 13px;
        width: 232px;
        margin-top: -42%
    }

    .left_g {
        width: 22px;
        height: 25px;
        position: relative;
        top: -30px;
        left: -3px
    }

    button.left_act:active {
        width: 22px;
        height: 25px;
        position: relative;
        top: -30px;
        left: -3px
    }

    .right_g {
        width: 22px;
        height: 25px;
        position: relative;
        top: -30px;
        left: 82%
    }

    button.right_act:active {
        width: 22px;
        height: 25px;
        position: relative;
        top: -30px;
        left: 82%
    }

    .delv_hd {
        font-family: proxima_nova_ltbold;
        color: #30373b;
        line-height: 1.5;
        font-size: 18px;
        position: relative
    }

    .cat_pad2 {
        padding-top: 8px
    }

    .bulk_img {
        padding-top: 0
    }

    .cat_mar {
        margin-left: 0
    }

    .cat_pad {
        padding-top: 0
    }

    .pow_mag {
        margin-top: 9px;
        margin-left: 0
    }

    .mg_c1 {
        display: none
    }

    .mg_c2 {
        display: none
    }

    .mg_c3 {
        display: none
    }

    .mg_c4 {
        display: none
    }

    .mg_c5 {
        display: none
    }

    .mg_c6 {
        display: none
    }

    .mg_c12 {
        display: none
    }

    .mg_c22 {
        display: none
    }

    .mg_c32 {
        display: none
    }

    .mg_c42 {
        display: none
    }

    .mg_c52 {
        display: none
    }

    .mg_line {
        display: none
    }

    .cat_h {
        font-size: 18px !important
    }

    .pag-tt {
        font-family: proxima_nova_ltbold;
        font-size: 26px;
        color: #30373b
    }

    .mgh_line {
        position: relative;
        top: 0;
        left: 31%
    }

    .img-postion {
        padding: 10px 66px
    }

    .image-post {
        padding: 14px 26%
    }
}

#footer img.footer-logo.siz {
    width: 50%
}

@media (min-width:768px) and (max-width:1023px) {
    .mgh_line2 {
        position: relative;
        top: -20px;
        left: 309px
    }

    .cat_h {
        color: #30373b !important;
        font-family: proxima_nova_ltbold !important;
        font-size: 18px !important;
        margin-bottom: 20px
    }

    .ad_mar {
        margin-left: 0;
        margin-top: 15%
    }

    .head-new {
        padding: 0 0
    }

    .delv_img {
        margin-left: 4px
    }

    .left_g {
        top: 89px;
        left: 6px;
        border: 0
    }

    button.left_act:active {
        top: 89px;
        left: 6px;
        border: 0
    }

    .right_g {
        top: 86px;
        left: 692px
    }

    button.right_act:active {
        top: 86px;
        left: 692px
    }

    .head-siz {
        padding: 0 0
    }

    .del_line2 {
        position: relative;
        top: -20px;
        left: 325px
    }

    .pow_mag {
        margin-top: 28px;
        margin-left: -6px
    }

    .line-tab {
        line-height: 20px
    }

    .mg_c1 {
        display: none
    }

    .mg_c2 {
        display: none
    }

    .mg_c3 {
        display: none
    }

    .mg_c4 {
        display: none
    }

    .mg_c5 {
        display: none
    }

    .mg_c6 {
        display: none
    }

    .mg_c12 {
        display: none
    }

    .mg_c22 {
        display: none
    }

    .mg_c32 {
        display: none
    }

    .mg_c42 {
        display: none
    }

    .mg_c52 {
        display: none
    }

    .mg_line {
        display: none
    }

    .he-lf {
        margin-left: 26px !important
    }

    .mgh_line {
        position: relative;
        top: -29px;
        left: 310px
    }

    .fea_img2 {
        margin-left: 0;
        margin-top: 0
    }

    .f_h {
        color: #30373b !important;
        font-family: proxima_nova_ltbold !important;
        font-size: 18px !important
    }

    .fea_img {
        margin-left: 0;
        margin-top: 0
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        float: left;
        padding: .5em .5em !important;
        text-decoration: none;
        width: 100%
    }

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: 0 .3em 0 !important
    }

    .para-s {
        margin-top: -28px;
        line-height: 25px
    }

    .para-sp {
        margin-top: -5%;
        line-height: 24px
    }

    .para-so {
        margin-top: -27px;
        line-height: 21px
    }

    .up-arro {
        margin: -1px 66px
    }

    .up-arro:active {
        margin: -1px 66px
    }

    .d-arro {
        left: -93px;
        top: 38px
    }

    .d-arro:active {
        left: -93px;
        top: 38px
    }

    .mag_tab {
        font-family: ProximaNova-Regular, proxima_nova_ltbold, source_sans_proregular, Arial, sans-serif;
        font-size: 12px !important;
        color: #30373b
    }

    #footer img.footer-logo.siz {
        width: 35%
    }

    .mag_title {
        font-family: source_sans_prosemibold;
        font-size: 30px !important;
        color: #30373b;
        line-height: 58px !important;
        text-shadow: 0 2px 4px #444 !important;
        padding: 0 13%;
        margin-top: -10% !important
    }
}

#header a.logo>img.logo_mar {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.builder-cont {
    font-family: source_sans_prosemibold;
    font-size: 50px !important;
    color: #30373b;
    line-height: 68px !important;
    text-shadow: 0 4px 3px #000 !important;
    padding: 0 20%
}

#wrapper.magento .row {
    margin-right: 15px;
    margin-left: 15px
}

.magen_small {
    font-family: proxima_nova_ltbold;
    font-size: 18px;
    text-transform: capitalize;
    color: #30373b !important
}

.no-shadow {
    box-shadow: 0 0 0 !important
}

.he-frt {
    height: 96px
}

#footer ul.footer-links>li>a:before {
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    padding-right: 0
}

.copyright img {
    vertical-align: text-bottom;
    padding: 0 3px
}

.cont-ft {
    font-family: proxima_nova_ltbold !important;
    font-size: 45px;
    color: #30373b
}

.sub-ct {
    font-family: ProximaNova-Regular !important;
    font-size: 18px;
    color: #767676;
    line-height: 36px;
    padding: 0 6%
}

.set-head {
    font-family: proxima_nova_ltbold;
    font-size: 50px;
    color: #30373b;
    padding: 0 18%;
    line-height: 65px
}

.post-text {
    margin-top: 19px;
    padding: 0 4%;
    line-height: 30px
}

.button-knw {
    background-color: #30373b;
    border: none;
    color: #fff;
    padding: 11px 9%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    font-family: proxima_nova_ltbold;
    border-radius: 3px;
    margin-top: 4%
}

.button-knw:hover {
    color: #fff;
    text-shadow: 0 4px 5px #000
}

.third-padd {
    padding: 0 18%
}

.sec-ht {
    padding: 40px 0
}

.ct-hd {
    font-family: proxima_nova_ltbold;
    font-size: 35px;
    color: #30373b;
    margin-top: 15%
}

.buil-fot {
    font-family: ProximaNova-Regular !important;
    font-size: 16px;
    color: #767676;
    line-height: 31px
}

.but-click {
    background-color: #30373b;
    border: none;
    color: #fff;
    padding: 11px 24%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    font-family: proxima_nova_ltbold;
    border-radius: 3px
}

.but-click:hover {
    color: #fff;
    text-shadow: 0 4px 5px #000
}

.builder-cont {
    font-family: source_sans_prosemibold;
    font-size: 50px !important;
    color: #30373b;
    line-height: 68px !important;
    text-shadow: 0 4px 3px #000 !important;
    padding: 0 20%
}

#wrapper.magento .row {
    margin-right: 15px;
    margin-left: 15px
}

.magen_small {
    font-family: proxima_nova_ltbold;
    font-size: 18px;
    text-transform: capitalize;
    color: #30373b !important
}

.no-shadow {
    box-shadow: 0 0 0 !important
}

.he-frt {
    height: 96px
}

.cont-ft {
    font-family: proxima_nova_ltbold !important;
    font-size: 45px;
    color: #30373b
}

.sub-ct {
    font-family: ProximaNova-Regular !important;
    font-size: 18px;
    color: #767676;
    line-height: 36px;
    padding: 0 6%
}

.set-head {
    font-family: proxima_nova_ltbold;
    font-size: 50px;
    color: #30373b;
    padding: 0 18%;
    line-height: 65px
}

.post-text {
    margin-top: 19px;
    padding: 0 4%;
    line-height: 30px
}

.button-knw {
    background-color: #30373b;
    border: none;
    color: #fff;
    padding: 11px 9%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    font-family: proxima_nova_ltbold;
    border-radius: 3px;
    margin-top: 4%
}

.button-knw:hover {
    color: #fff;
    text-shadow: 0 4px 5px #000
}

.third-padd {
    padding: 0 18%
}

.sec-ht {
    padding: 40px 0
}

.ct-hd {
    font-family: proxima_nova_ltbold;
    font-size: 35px;
    color: #30373b;
    margin-top: 23%
}

.buil-fot {
    font-family: ProximaNova-Regular !important;
    font-size: 16px;
    color: #767676;
    line-height: 31px
}

.but-click {
    background-color: #30373b;
    border: none;
    color: #fff;
    padding: 11px 24%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    font-family: proxima_nova_ltbold;
    border-radius: 3px
}

.but-click:hover {
    color: #fff;
    text-shadow: 0 4px 5px #000
}

.cot-hd {
    font-family: proxima_nova_ltbold;
    font-size: 35px;
    color: #30373b;
    margin-top: 40%
}

.scention-dw {
    margin-top: 9%
}

.them-bg {
    background-image: url(../img/builder-content/theme.png);
    background-repeat: no-repeat;
    background-position: center
}

.theme-hd {
    font-family: proxima_nova_ltbold;
    font-size: 35px;
    color: #fff
}

.the-sub {
    font-family: ProximaNova-Regular !important;
    font-size: 16px;
    color: #fff;
    line-height: 30px
}

.features-bt {
    background-color: #f15a1f;
    border: none;
    color: #fff;
    padding: 8px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    font-family: proxima_nova_ltbold;
    border-radius: 3px
}

.features-bt:hover {
    color: #fff
}

.temp-pos {
    margin-top: -12%
}

.comp-ft {
    padding: 0 19%;
    font-family: proxima_nova_ltbold;
    font-size: 50px;
    color: #30373b;
    line-height: 52px
}

.subt-content {
    font-family: ProximaNova-Regular !important;
    font-size: 18px;
    color: #767676;
    padding: 0 16%;
    line-height: 30px
}

ul.nav-border-left-no li {
    border-left: 0 solid #f1f1f1
}

.quote-slant {
    color: #fff;
    text-align: center;
    margin-top: 30px
}

.quote-slant .container {
    z-index: 2
}

.quote-slant {
    background: #e0881c;
    position: relative;
    z-index: 1
}

.quote-slant:after,
.quote-slant:before {
    background: inherit;
    content: '';
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden
}

.quote-slant:after {
    bottom: 0;
    -webkit-transform: skewY(-1.5deg);
    transform: skewY(0);
    -webkit-transform-origin: 100%;
    transform-origin: 100%
}

.quote-slant:before {
    top: 0;
    -webkit-transform: skewY(-1.5deg);
    -moz-transform: skewY(-1.5deg);
    transform: skewy(-1.5deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    z-index: 1;
    margin-top: -50px
}

.font-content {
    font-family: proxima_nova_ltbold;
    color: #f3f3f3;
    font-size: 50px
}

.cont-but {
    background-color: #fff;
    border: none;
    color: #30373b;
    padding: 8px 29px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 25px;
    border-radius: 4px;
    font-family: proxima_nova_ltbold
}

.font-sep {
    font-family: ProximaNova-Regular !important;
    color: #f3f3f3;
    font-size: 50px
}

.the-pad {
    margin-bottom: -1px
}

.price-ht {
    padding: 25% 20px;
    height: 320px
}

@media (max-width:767px) {
    .builder-cont {
        font-family: source_sans_prosemibold;
        font-size: 32px !important;
        color: #30373b;
        line-height: 43px !important;
        text-shadow: 0 4px 3px #000 !important;
        padding: 0 0
    }

    .cont-ft {
        font-family: proxima_nova_ltbold !important;
        font-size: 28px;
        color: #30373b
    }

    .price-ht {
        padding: 25% 20px;
        height: auto
    }

    .set-head {
        font-family: proxima_nova_ltbold;
        font-size: 24px;
        color: #30373b;
        padding: 0 0;
        line-height: 34px
    }

    .third-padd {
        padding: 0 8%
    }

    .cot-hd {
        font-family: proxima_nova_ltbold;
        font-size: 29px;
        color: #30373b;
        margin-top: 0
    }

    .theme-hd {
        font-family: proxima_nova_ltbold;
        font-size: 23px;
        color: #fff;
        margin-top: -14%
    }

    .unique-wid img {
        max-width: 40%
    }

    .temp-pos {
        margin-top: 13%;
        margin-bottom: 29px
    }

    .comp-ft {
        padding: 0 0;
        font-family: proxima_nova_ltbold;
        font-size: 28px;
        color: #30373b;
        line-height: 36px
    }

    .subt-content {
        font-family: ProximaNova-Regular !important;
        font-size: 18px;
        color: #767676;
        padding: 0 0;
        line-height: 30px
    }

    .font-sep {
        font-family: ProximaNova-Regular !important;
        color: #f3f3f3;
        font-size: 30px
    }

    .font-content {
        font-family: proxima_nova_ltbold;
        color: #f3f3f3;
        font-size: 30px;
        margin-top: 13% !important
    }

    .cont-but {
        background-color: #fff;
        border: none;
        color: #30373b;
        padding: 8px 29px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 22px;
        border-radius: 4px;
        font-family: proxima_nova_ltbold;
        margin-top: 3%
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .builder-cont {
        font-family: source_sans_prosemibold;
        font-size: 42px !important;
        color: #30373b;
        line-height: 68px !important;
        text-shadow: 0 4px 3px #000 !important;
        padding: 0 15%
    }

    .cont-ft {
        font-size: 35px;
        color: #30373b;
        margin-top: 28px
    }

    .sub-ct {
        font-size: 15px;
        line-height: 36px;
        padding: 0 0
    }

    .set-head {
        font-size: 45px;
        padding: 0 2%;
        line-height: 64px
    }

    .pic-postion {
        margin-left: 9px
    }

    .buil-fot {
        font-size: 14px;
        line-height: 26px
    }

    .ct-hd {
        font-size: 30px;
        color: #30373b;
        margin-top: 0
    }

    .theme-hd {
        font-size: 29px;
        color: #fff
    }

    .temp-pos {
        margin-top: 0;
        width: 800px;
        height: 300px
    }

    .sec-pad {
        padding: 38px 0
    }

    .con-pad {
        margin-bottom: 37px
    }

    .features-bt {
        padding: 8px 17px;
        font-size: 22px
    }

    .cot-hd {
        margin-top: 58%
    }

    .cont-but {
        margin-top: 0;
        margin-bottom: -21px
    }

    .font-content {
        font-size: 42px;
        margin-top: 13% !important
    }

    .font-sep {
        color: #f3f3f3;
        font-size: 42px
    }

    .comp-ft {
        font-size: 40px;
        color: #30373b;
        line-height: 52px
    }
}

.quality {
    background-image: url(../img/builder-content/quality-active.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 157px;
    height: 157px;
    display: block
}

li.active a.quality {
    background-image: url(../img/builder-content/12.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 157px;
    height: 157px;
    display: block
}

.money {
    background-image: url(../img/builder-content/money.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 157px;
    height: 157px;
    display: block
}

li.active a.money {
    background-image: url(../img/builder-content/money-active.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 157px;
    height: 157px;
    display: block
}

.demo {
    background-image: url(../img/builder-content/restricted.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 157px;
    height: 157px;
    display: block
}

li.active a.demo {
    background-image: url(../img/builder-content/restricted-active.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 157px;
    height: 157px;
    display: block
}

.award {
    background-image: url(../img/builder-content/award.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 157px;
    height: 157px;
    display: block
}

li.active a.award {
    background-image: url(../img/builder-content/award-active.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 157px;
    height: 157px;
    display: block
}

.quick {
    background-image: url(../img/builder-content/quick.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 157px;
    height: 157px;
    display: block
}

li.active a.quick {
    background-image: url(../img/builder-content/quick-active.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 157px;
    height: 157px;
    display: block
}

.nav-tabs-new.nav-bottom-border.border-size>li.active>a,
.nav-tabs.nav-bottom-border.border-size>li.active>a:hover {
    border-bottom: #f26503 2px solid !important
}

@media (min-width:768px) and (max-width:1023px) {
    li.active a.quality {
        width: 150px;
        height: 150px
    }

    li.active a.money {
        width: 150px;
        height: 150px
    }

    li.active a.demo {
        width: 150px;
        height: 150px
    }

    li.active a.award {
        width: 150px;
        height: 150px
    }

    li.active a.quick {
        width: 150px;
        height: 150px
    }

    .move-left {
        margin-left: -23px
    }
}

@media (max-width:767px) {
    .quality {
        display: inline-block;
        width: 50px;
        height: 50px;
        vertical-align: middle
    }

    .money {
        display: inline-block;
        width: 50px;
        height: 50px;
        vertical-align: middle
    }

    .demo {
        display: inline-block;
        width: 50px;
        height: 50px;
        vertical-align: middle
    }

    .award {
        display: inline-block;
        width: 50px;
        height: 50px;
        vertical-align: middle
    }

    .quick {
        display: inline-block;
        width: 50px;
        height: 50px;
        vertical-align: middle
    }
}

.form-but {
    font-family: ProximaNova-Regular !important;
    color: #30373b;
    font-size: 16px
}

.form-font {
    font-size: 25px;
    font-family: proxima_nova_ltbold;
    color: #30373b
}

.line-ct {
    background: url(../img/contact/line.png) center;
    background-repeat: no-repeat;
    height: 3px;
    margin-top: -5%;
    padding-bottom: 8%
}

.cont-font {
    font-size: 16px;
    font-family: proxima_nova_ltbold;
    color: #30373b
}

.border-ct {
    border-left: 1px solid #cbcbcb
}

.hour-logo {
    margin-top: -7px;
    margin-right: 10px
}

.side .form-but {
    line-height: 40px
}

.fin-section {
    padding-top: 50px
}

.fin-section-sales {
    padding-top: 10px
}

.btn-ct {
    background-color: #ebb129;
    border-color: #ebb129;
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    color: #fff;
    font-size: 25px;
    height: auto;
    padding: 10px 70px;
    transition: .6s;
    margin-top: 9px;
    margin-left: 30px
}

.btn-ct:hover {
    background-color: #fff;
    border-color: #ebb129;
    color: #ebb129
}

.contant-font {
    font-family: source_sans_prosemibold !important;
    font-size: 50px !important;
    text-shadow: 0 4px 3px #000 !important
}

.cont-sub-font {
    font-family: source_sans_proregular !important;
    font-size: 27px !important;
    margin-top: 10px
}

.scrollMouse {
    height: 60px;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    text-align: center;
    width: 26px;
    z-index: 1;
    background: url(../img/contact/mouse.png)
}

.arrow {
    background-image: url(../img/contact/scrol.png);
    border-radius: 5px;
    bottom: 0;
    display: block;
    height: 10px;
    top: 20;
    margin: 25px 11px auto;
    position: relative;
    z-index: 11
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@media (max-width:767px) {
    .contant-font {
        font-family: source_sans_prosemibold !important;
        font-size: 35px !important
    }

    .form-font {
        font-size: 21px;
        font-family: proxima_nova_ltbold;
        color: #30373b
    }

    .nomargin-m {
        margin: 0 !important
    }

    .line-ct {
        margin-top: -8%
    }

    .nomargin-new {
        margin: 0 15px
    }

    .btn-ct {
        margin-left: 16%
    }

    .radio.form-but {
        margin: 0 65px 3px 29px
    }

    .padding-20-m {
        padding-bottom: 20px
    }

    .margin-side {
        width: 97%
    }

    .catch-pad {
        padding-bottom: 10px;
        margin-left: -2%
    }

    .mess-bx {
        width: 88%;
        margin-left: 14px
    }

    .border-ct {
        border-left: 0 solid #cbcbcb
    }

    .mess-pos {
        margin-left: 0 !important
    }

    .mes-bt {
        width: 89%;
        margin-left: 15px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .tab-mar {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .form-font {
        font-size: 19px
    }

    .btn-ct {
        margin: 12px 28%;
        padding: 7px 57px
    }

    .scrollMouse {
        bottom: -195%
    }

    .select-bar {
        width: 30%;
        margin-top: 10px
    }

    form .row .btspace {
        margin-bottom: 32px
    }

    .form-control.new-height {
        height: 140px
    }

    .mess-pos {
        margin-left: -15px
    }
}

.start-frt {
    background-color: #edf1f4;
    box-shadow: 0 5px 4px #d8d8d8
}

.btn-info.new {
    background-color: #30373b !important;
    border-color: #30373b;
    height: 60px
}

.form-control.storebt {
    height: 60px;
    font-size: 16px
}

.pag-tit {
    font-family: proxima_nova_ltbold;
    font-size: 50px;
    color: #30373b
}

.align-head {
    padding: 0 23%;
    line-height: 35px
}

.coupon-head {
    color: #30373b !important;
    font-family: proxima_nova_ltbold !important;
    font-size: 18px !important;
    text-align: center
}

.slider-ft {
    font-family: proxima_nova_ltbold !important;
    font-size: 25px !important;
    color: #30373b !important;
    text-align: left
}

.nav-tabs.nav-button-tab>li>a {
    color: #30373b !important;
    border: 0 !important;
    background-color: #edf1f4;
    margin-right: -1px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    border: 1px solid #cbcbcb !important;
    box-shadow: 0 3px 4px #cbcbcb;
    font-family: ProximaNova-Regular;
    font-size: 15px
}

.nav-tabs.nav-button-tab>li.active>a {
    color: #30373b !important;
    background: #fff;
    font-family: proxima_nova_ltbold !important;
    font-size: 15px
}

.nav-tabs.nobord {
    border-bottom: 0 solid #ddd
}

.nav-tabs.nav-justified.nav-button-tab {
    width: 66%;
    margin-left: 16%
}

.deal-sub-ft {
    font-family: proxima_nova_ltbold;
    color: #30373b;
    font-size: 22px
}

.sub-deal {
    font-family: ProximaNova-Regular;
    color: #767676;
    font-size: 15px
}

.sub-hed {
    font-family: proxima_nova_ltbold !important;
    font-size: 25px !important;
    font-weight: 400 !important;
    color: #30373b !important;
    margin-top: 10px;
    margin-bottom: 10px !important
}

.para-align {
    padding: 0 20%
}

.misc-bg {
    background-color: #edf1f4
}

.misc-border {
    border-left: 1px solid #fff
}

.divider-tp {
    border-top: 1px solid #fff
}

.design-ft {
    font-family: ProximaNova-Regular;
    font-size: 18px;
    color: #767676;
    padding: 0 27%;
    line-height: 30px
}

.head-align {
    padding-left: 6%
}

.marketing-bg {
    background-image: url(../img/startup/marketing-bg.png);
    background-repeat: no-repeat;
    background-position: center
}

.design-fnt {
    font-family: ProximaNova-Regular;
    font-size: 18px;
    color: #fff;
    padding: 0 27%;
    line-height: 30px
}

ul.starts li {
    font-family: ProximaNova-Regular !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .015em;
    color: #fff !important;
    padding: 10px 5px;
    margin-left: 50px;
    list-style: url(../img/startup/bullet.png)
}

.pag-ftt {
    font-family: proxima_nova_ltbold;
    font-size: 50px;
    color: #fff
}

.back-wrapper {
    background-color: rgba(258, 255, 255, .03)
}

.web-sb {
    color: #fff !important;
    font-family: ProximaNova-Regular !important;
    font-size: 18px !important;
    padding: 0 16%
}

.web_ft {
    font-family: proxima_nova_ltbold;
    font-size: 40px;
    color: #fff;
    padding: 0 26%
}

.sec-tit {
    font-family: ProximaNova-Regular !important;
    font-size: 16px !important;
    color: #767676 !important;
    padding: 0 12%;
    line-height: 25px
}

.text-img {
    padding-right: 30px
}

.price-nw {
    padding: 13%;
    background: #edf1f4 !important
}

.top-price {
    box-shadow: 0 6px #d0d4d6
}

.buy-bt {
    border-radius: 36px;
    background: #f37721 none repeat scroll 0 0;
    color: #fff;
    padding: 7px 55px;
    font-family: proxima_nova_ltbold !important;
    font-size: 16px
}

.buy-bt:hover {
    background-color: #fff;
    border-color: #f37721;
    color: #f37721
}

.sym-pric {
    font-size: 30px;
    color: #000;
    font-family: proxima_nova_ltbold !important
}

.pr-block {
    background: #ebebeb;
    border-radius: 50%;
    color: #000;
    margin: 40px;
    font-size: 32px;
    padding: 0 20px !important;
    height: 170px;
    font-family: proxima_nova_ltbold;
    line-height: 57px
}

.top-butt {
    border-radius: 36px;
    background: #fff;
    padding: 5px
}

.strt-main {
    font-family: source_sans_prosemibold;
    font-size: 50px !important;
    color: #30373b;
    line-height: 64px !important;
    text-shadow: 0 4px 3px #000 !important
}

.start-sub {
    font-family: source_sans_proregular !important;
    font-size: 22px !important
}

.start-sub {
    font-family: source_sans_proregular !important;
    font-size: 19px !important
}

.center-line {
    margin-left: 47%;
    margin-top: 100%
}

.pad-sc {
    margin-left: 26%;
    margin-right: -23%
}

.box-wrapper.wrapper-new {
    border: 1px solid #f1f1f1;
    padding: 50px 30px;
    box-shadow: 0 0 0;
    border-radius: 7px
}

.butn {
    display: inline-block;
    padding: 8px 15px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0 solid transparent;
    border-radius: 4px;
    font-family: latobold !important
}

.butn-default {
    color: #fff;
    background-color: #f15c25
}

.butn-group.pull-right.mar,
.butn.pull-right {
    margin: 34px 0 5px 5px
}

.faq-fnt {
    font-family: ProximaNova-Regular !important;
    color: #767676 !important;
    font-size: 16px !important
}

.str-feq {
    font-family: proxima_nova_ltbold !important;
    font-size: 14px;
    color: #30373b
}

.inner-cnt {
    font-family: ProximaNova-Regular !important;
    font-size: 15px;
    color: #767676 !important
}

.in-features {
    font-family: proxima_nova_ltbold;
    font-size: 20px;
    color: #767676 !important
}

.nav.ext>li>a {
    position: relative;
    display: block;
    padding: 10px 40px
}

.pric-cnt {
    font-family: proxima_nova_ltbold;
    font-size: 36px;
    color: #767676 !important
}

.arrow-set {
    margin-left: 101%;
    margin-top: -71%
}

.arro-one {
    margin-left: 100%;
    margin-top: -67%
}

@media (max-width:767px) {
    .slider-ft {
        font-size: 18px !important
    }

    .customizable {
        padding: 0 0
    }

    .start_hd {
        font-family: proxima_nova_ltbold;
        font-size: 23px
    }

    .form-control.storebt {
        height: 52px;
        font-size: 16px
    }

    .btn-info.new {
        background-color: #30373b !important;
        border-color: #30373b;
        height: 56px;
        margin-top: 10px
    }

    .toggle-imag {
        margin-left: 15%;
        margin-bottom: 7%
    }

    .web_ft {
        font-family: proxima_nova_ltbold;
        font-size: 21px;
        color: #fff;
        padding: 0 0;
        padding-top: 10px
    }

    .web-sb {
        color: #fff !important;
        font-family: ProximaNova-Regular !important;
        font-size: 14px !important;
        padding: 0 0
    }

    .para-align {
        padding: 0 0
    }

    .divider-tp {
        border-top: 0 solid #fff
    }

    .sec-tit {
        font-family: ProximaNova-Regular !important;
        font-size: 16px !important;
        color: #767676 !important;
        padding: 0 0;
        line-height: 25px;
        text-align: justify
    }

    .text-img {
        padding-right: 11px
    }

    .super-su h3.fnt-nw {
        font-size: 26px
    }

    .design-ft {
        font-family: ProximaNova-Regular;
        font-size: 18px;
        color: #767676;
        padding: 0 0;
        line-height: 30px
    }

    .head-align {
        padding-left: 11%
    }

    .design-fnt {
        font-size: 17px;
        padding: 0 0
    }

    .back-wrapper {
        background: 0 0 !important
    }

    .pad-top-m {
        padding-top: 0 !important
    }

    .strt-main {
        font-size: 23px !important;
        color: #30373b;
        line-height: 39px !important
    }

    .mb-dis {
        display: none
    }

    .pad-sc {
        margin-left: 3%;
        margin-right: -23%
    }

    .pr-block {
        line-height: 53px
    }

    .star-para {
        font-family: proxima_nova_ltbold;
        font-size: 16px;
        color: #767676 !important
    }

    .pag-tit {
        font-family: proxima_nova_ltbold;
        font-size: 29px;
        color: #30373b
    }

    .mob-dis {
        display: none
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .strt-main {
        font-size: 39px !important;
        line-height: 63px !important
    }

    .start-sub {
        font-family: source_sans_proregular !important;
        font-size: 17px !important
    }

    .form-control.storebt {
        height: 51px;
        font-size: 16px
    }

    .btn-info.new {
        height: 50px;
        padding: 10px
    }

    .sym-pric {
        font-size: 21px;
        color: #000;
        font-family: proxima_nova_ltbold !important
    }

    .buy-bt {
        padding: 7px 40px
    }

    .web_ft {
        font-family: proxima_nova_ltbold;
        font-size: 26px;
        color: #fff;
        padding: 10px 19%
    }

    .img-align {
        margin-left: 19%
    }

    .img-align-final {
        margin-left: 39%
    }

    .seo-sec {
        font-size: 12px
    }

    .responsive {
        padding: 0 0
    }

    .mb-dis {
        display: none
    }

    .sec-ps {
        margin-left: 16%
    }

    .nav-tabs.nav-button-tab>li>a {
        font-size: 12px
    }

    .nav-tabs.nav-justified.nav-button-tab {
        width: 77%;
        margin-left: 16%
    }

    .nav-tabs.nav-button-tab>li.active>a {
        font-size: 12px
    }

    .img-tb {
        padding-top: 50px
    }

    .bundle-height {
        max-height: 251px
    }

    .pad-sc {
        margin-left: 10%;
        margin-right: -72%
    }

    .arro-one {
        margin-left: 113%;
        margin-top: -123%
    }

    .arrow-set {
        margin-left: 106%;
        margin-top: -132%
    }

    .pr-block {
        background: #ebebeb;
        border-radius: 50%;
        color: #000;
        margin: 40px;
        font-size: 24px;
        padding: 3px 20px !important;
        height: 127px;
        font-family: proxima_nova_ltbold;
        line-height: 41px
    }

    .pric-cnt {
        font-family: proxima_nova_ltbold;
        font-size: 25px
    }

    .pag-tit {
        font-family: proxima_nova_ltbold;
        font-size: 37px;
        color: #30373b
    }
}

.nav-tabs.nav-bottom-border>li.active>a .circle-col {
    background: #ebebeb
}

.nav-tabs.nav-bottom-border>li.active>a.cborder {
    border-width: 5px !important
}

.trial {
    padding: 20px 20px 0;
    font-size: 18px
}

.footer-review {
    margin-top: 5px !important;
    margin-right: 10% !important
}

.part-toppad {
    margin-top: -19px;
    margin-left: -27%
}

@media(min-width:768px) and (max-width:1023px) {
    .pad-tab {
        padding-top: 0 !important
    }

    .pad-tab-bottom {
        padding-bottom: 0 !important
    }
}

@media (max-width:767px) {
    .part-toppad {
        margin-top: -17px;
        margin-left: -9%
    }

    .footer-review {
        margin-top: 24px !important;
        margin-right: -2% !important
    }

    .padding-top-20-m {
        padding-top: 20px
    }

    .demo-wid {
        width: 100px;
        padding: 5px 10px
    }
}

.title-font {
    font-size: 40px;
    padding: 0 26%
}

.sub-title-font {
    font-size: 30px
}

.sec-title {
    font-size: 20px !important
}

.text-img {
    padding-top: 10%
}

.second-text-img {
    padding-top: 17%
}

.commission-bg {
    background-image: url(../img/multivendor/section-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 358px
}

.currency-bg {
    background-image: url(../img/multivendor/section.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 662px
}

.section-alignment {
    margin-top: 13%
}

.payment-bg {
    background-image: url(../img/multivendor/payment.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 500px
}

.payment-font {
    font-family: ProximaNova-Regular !important;
    font-size: 18px !important;
    color: #21252b !important;
    padding: 0 5%
}

.payment-background {
    background-color: rgba(285, 275, 245, .4)
}

.text-position {
    margin-top: 10%
}

.image-position {
    position: absolute
}

.optimize-font {
    padding: 0 12%;
    font-family: ProximaNova-Regular !important;
    font-size: 18px !important;
    color: #21252b !important
}

.customer-bg {
    background-image: url(../img/multivendor/customer-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 600px
}

.header-font {
    font-family: 'Source Sans Pro Light' !important;
    font-size: 40px !important;
    color: #30373b !important;
    line-height: 56px !important;
    text-shadow: 0 0 0 !important
}

.header-sub-font {
    font-family: source_sans_proregular !important;
    font-size: 20px !important;
    color: #30373b !important;
    text-shadow: 0 0 0 !important
}

.review-fnt {
    font-family: proxima_nova_ltbold;
    font-size: 22px;
    color: #30373b !important;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle
}

.review.star-icons {
    width: 140px;
    height: 26px;
    background-position: 0;
    margin: -7px 10px;
    display: inline-block;
    text-shadow: 0 0 0 !important
}

.lead.bottom-space {
    margin-bottom: 9px
}

#header.transparent #topMain.nav-pills.new-font>li>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.slider-head {
    font-size: 30px
}

.slider-inner-text {
    font-family: ProximaNova-Regular !important;
    font-size: 18px !important;
    color: #30373b !important
}

.multi-img {
    margin-top: -130px;
    margin-left: -11%;
    position: absolute;
    z-index: 1
}

.divider-line {
    border-right: 1px solid #ccc;
    height: 33px
}

@media (max-width:767px) {
    #header.transparent+#slider h1.n-margin {
        margin-top: 20% !important
    }

    .divider-line {
        border-right: 0 solid #ccc
    }

    .header-font {
        font-size: 21px !important;
        line-height: 37px !important
    }

    .header-sub-font {
        font-size: 15px !important;
        text-align: center
    }

    .review-fnt {
        font-size: 14px
    }

    .lead.bottom-space {
        margin-bottom: -15px
    }

    #slider .btn-contact,
    .slider .btn-col.mob-pad {
        padding: 6px 9px
    }

    #slider .btn-contact,
    .slider .btn-col.wid.new-width {
        width: 91px !important
    }

    #slider .btn-contact.food.but-pos {
        margin-left: -97px
    }

    .title-font {
        font-family: proxima_nova_ltbold;
        font-size: 25px;
        color: #30373b;
        padding: 0 0
    }

    .sub-title-font {
        font-size: 20px
    }

    .multi-img {
        margin-top: -114px
    }

    .currency-bg {
        height: 400px
    }

    .commission-bg {
        height: 340px
    }

    . optimize-font {
        padding: 0 0
    }

    .text-position {
        margin-top: -41% !important
    }

    .image-position {
        position: inherit !important
    }

    .optimize-font {
        padding: 0 0
    }

    .slider-head {
        font-size: 21px
    }

    .slider-inner-text {
        font-size: 15px !important
    }

    .no-pad {
        padding: 0 !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .title-font {
        font-size: 29px;
        padding: 0 0
    }

    .sub-title-font {
        font-size: 21px
    }

    .sec-title {
        font-size: 15px !important
    }

    .multi-img {
        margin-top: 0;
        margin-left: 0
    }

    .section-alignment {
        margin-top: 10%
    }

    .slider-head {
        font-size: 23px;
        color: #30373b !important
    }

    .slider-inner-text {
        font-size: 14px !important
    }

    .no-pad-tab {
        padding: 0 !important
    }

    .image-position {
        position: inherit
    }

    .text-postion {
        margin-top: 25px !important
    }

    .payment-font {
        font-size: 16px !important;
        padding: 0 0
    }

    .payment-bg {
        height: 383px
    }

    .currency-bg {
        height: 480px
    }

    .header-font {
        font-size: 26px !important;
        line-height: 41px !important
    }

    .header-sub-font {
        font-size: 18px !important
    }

    .header-img-pos {
        margin-top: 80px !important
    }
}

#footer address .footer-sprite.phone1 {
    background-position: 40px -138px;
    display: inline-block;
    margin-bottom: -10px
}

.price-width {
    max-width: 280px;
    text-align: center
}

.bcl p.plan-name {
    font-family: proxima_nova_rgbold, Arial, sans-serif;
    font-size: 30px;
    color: #30373b;
    letter-spacing: 1px
}

.price-box {
    border: 1px solid #eef3f9;
    border-radius: 5px;
    background: #fff;
    margin: 0 auto
}

.price-box h4 {
    color: #f15c25;
    font-family: ProximaNova-Regular, Arial, sans-serif !important;
    letter-spacing: 1px;
    font-size: 50px
}

.price-box h4 sup {
    color: #f15c25;
    font-family: ProximaNova-Regular, Arial, sans-serif !important;
    letter-spacing: 1px;
    font-size: 50px
}

.price-box p {
    color: #30373b
}

lan-det {
    margin-top: 20px;
    min-height: 340px
}

.planning p {
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    font-size: 15px;
    color: #30373b;
    border-bottom: 0 solid #eaeaea;
    padding: 2px 0
}

.plan-det p.last {
    border: 0
}

.button-tp {
    background-color: #30373b;
    color: #fff !important;
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    font-size: 15px
}

.button-tp:hover {
    background-color: #fff;
    color: #30373b !important;
    border: 1px solid #30373b
}

.button-select {
    background-color: #f15c25;
    color: #fff !important;
    font-family: graphik_regularregular;
    font-size: 22px;
    padding: 6px 35px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 30px
}

ul.planning {
    min-height: 301px
}

ul.planning li {
    margin-bottom: 21px
}

ul.starter {
    min-height: 301px
}

ul.starter li {
    margin-bottom: 10px;
    margin-top: 30px
}

ul.price-text li {
    font-size: 18px !important
}

.price-month {
    font-family: ProximaNova-Regular !important;
    font-size: 17px !important;
    color: #27333f !important
}

.price-box:hover {
    box-shadow: 0 13px 27px #f2f2f2;
    border-top: 3px solid #f15c25
}

.prices-heading {
    font-size: 40px !important;
    line-height: 1.2
}

.prices-sub-heading {
    font-size: 18px !important
}

.mg_c1 {
    position: absolute;
    top: 63px;
    left: -4px
}

.mg_c2 {
    position: absolute;
    top: 98px;
    left: -4px
}

.mg_c2.magento-bt {
    position: absolute;
    top: 97px;
    left: -4px
}

.mg_c3 {
    position: absolute;
    top: 133px;
    left: -4px
}

.mg_c3.but-c3 {
    position: absolute;
    top: 133px;
    left: -4px
}

.mg_c4 {
    position: absolute;
    top: 168px;
    left: -4px
}

.mg_c4.but-c4 {
    position: absolute;
    top: 169px;
    left: -3px
}

.mg_c5 {
    position: absolute;
    top: 203px;
    left: -4px
}

.mg_c5.but-c5 {
    position: absolute;
    top: 202px;
    left: -3px
}

.mg_c6 {
    position: absolute;
    top: 250px;
    left: 15px
}

.mg_c6.but-c6 {
    position: absolute;
    top: 237px;
    left: -4px
}

.mg_c12 {
    position: absolute;
    top: 103px;
    left: -4px
}

.mg_c22 {
    position: absolute;
    top: 138px;
    left: -4px
}

.mg_c32 {
    position: absolute;
    top: 173px;
    left: -4px
}

.mg_c42 {
    position: absolute;
    top: 208px;
    left: -4px
}

.mg_c52 {
    position: absolute;
    top: 244px;
    left: -4px
}

.mg_c62 {
    position: absolute;
    top: 241px;
    left: 15px
}

#header.transparent #topMain.nav-pills.new-fonts>li>a {
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

#slider .btn-contact,
.slider .btn-col.btn-widths {
    width: 175px
}

.line-divider {
    width: 1px;
    background: #eee;
    min-height: 281px;
    left: 22px;
    position: absolute
}

@media (max-width:767px) {
    .nav.mob-view {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        text-align: center
    }

    div.row.pricetable-container.width-pad {
        padding: 0 0
    }

    .nav-tabs.nav-button-tabs.nav-bt>li>a {
        color: #fff !important;
        background-color: #f15c25;
        font-size: 15px;
        padding: 8px 20px
    }

    .nav-tabs.nav-button-tabs.nav-bt>li.active>a {
        background-color: #e04209;
        color: #fff !important
    }

    .bcl {
        padding: 0 0
    }

    .cat_p,
    .del_p,
    .optimize-font {
        text-align: justify
    }

    .pow_p {
        padding: 0 0;
        margin-top: 0;
        font-size: 16px !important
    }

    .adv_p2 {
        margin-left: 0
    }

    #slider .btn-contact.new_con {
        padding: 4px 13px !important
    }

    #slider .btn-contact,
    .slider .btn-col.btn-width.tabs-btn {
        padding: 6px 1px !important;
        font-size: 16px !important
    }

    .mob-header {
        height: 520px !important
    }

    .mob-width {
        width: 21%
    }

    .text-padding {
        padding: 0
    }

    .margin-mob {
        margin: 0
    }

    #wrapper.magento .row {
        margin-right: 0;
        margin-left: 0
    }

    .img-hide,
    .line-divider {
        display: none
    }

    .section-position {
        margin-right: 15px;
        margin-left: 15px
    }

    .payment-font {
        padding: 0 0;
        text-align: justify
    }

    .mob-tp {
        margin-top: 20px !important
    }

    .header-height {
        height: 424px
    }

    .header-heights {
        height: 372px !important
    }
}

.slider-fnt {
    font-family: ProximaNova-Regular !important;
    font-size: 15px;
    color: #767676;
    font-weight: 100
}

i.fa.fa-bars.but-colour {
    color: #000
}

#slider .btn-contact.foods {
    font-family: latobold !important;
    font-size: 20px;
    background: #00a651
}

.controlls-over.position-slider .owl-pagination {
    text-align: center;
    position: inherit
}

.owl-theme.controlls-over.no-back .owl-controls .owl-page {
    background: 0 0
}

.owl-theme.controlls-over.new-silder-color .owl-controls .owl-page span {
    background: #333;
    border-radius: 35px;
    height: 10px;
    width: 10px
}

.btn-demo {
    padding: 10px 30px;
    background: #00a651;
    border-radius: 5px;
    font-size: 22px;
    width: 180px;
    margin-right: 10px
}

.m-icon {
    position: absolute;
    top: 75%;
    left: 28px
}

.mmenu_sm.faq-font {
    position: relative;
    left: 68px
}

li.side_mm.menu-height>a {
    height: 62px
}

.price-box {
    border: 1px solid #eef3f9;
    border-radius: 5px;
    background: #fff;
    margin: 0 auto
}

.price-width {
    max-width: 280px;
    text-align: center
}

.bcl p.plan-name {
    font-family: proxima_nova_rgbold, Arial, sans-serif;
    font-size: 30px;
    color: #30373b;
    letter-spacing: 1px
}

.price-box p {
    color: #30373b
}

lan-det {
    margin-top: 20px;
    min-height: 340px
}

.plan-det p.last {
    border: 0
}

.button-tp {
    background-color: #30373b;
    color: #fff !important;
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    font-size: 15px
}

.button-tp:hover {
    background-color: #fff;
    color: #30373b !important;
    border: 1px solid #30373b
}

.price-bx:hover {
    box-shadow: 0 13px 27px #f2f2f2;
    border-top: 3px solid #f15c25
}

.box-free {
    box-shadow: 0 4px 9px #cbcbcb;
    padding: 30px;
    margin-top: -16px
}

.plan-text {
    font-family: ProximaNova-Regular !important;
    font-size: 15px !important;
    color: #30373b !important
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px
}

.switch input {
    display: none
}

.slider {
    position: absolute;
    cursor: pointer;
    top: -4px;
    left: -7px;
    right: 2px;
    bottom: 0;
    background-color: #f15c25;
    -webkit-transition: .4s;
    transition: .4s;
    border: 3px solid #d5d9da
}

.slider:before {
    position: absolute;
    content: "";
    height: 30px;
    width: 30px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider {
    background-color: #eef3f9
}

input:focus+.slider {
    box-shadow: 0 0 1px #eef3f9
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

.slider.round:before {
    border-radius: 50%
}

.tab-position {
    padding-left: 34%
}

.nav.tab-size>li>a {
    position: relative;
    display: block;
    padding: 10px 67px
}

.nav-tabs.noactive>li>a {
    margin-right: 0;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    background-color: #fff;
    border: 1px solid #eef3f9
}

.nav-tabs.active-tab>li.active>a,
.nav-tabs.active-tab>li.active>a:active,
.nav-tabs.active-tab>li.active>a:focus {
    background-color: #eef3f9;
    border: 0 solid #eef3f9
}

.customize {
    color: #27333f !important;
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    font-size: 25px
}

.check-out {
    background-color: #f15c25;
    border: none;
    padding: 5px 39px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff !important;
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    font-size: 23px;
    border-radius: 6px
}

.admin-bg {
    background-image: url(../img/smb/sec-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 355px
}

.service-font {
    font-family: ProximaNova-Regular !important;
    font-size: 31px !important;
    color: #30373b !important;
    text-align: right;
    line-height: 49px
}

.read-more-but {
    background-color: #ebb129;
    border: none;
    padding: 5px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #fff !important;
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    font-size: 23px;
    border-radius: 6px;
    float: right
}

.manage-font {
    font-family: ProximaNova-Regular !important;
    font-size: 22px !important;
    color: #21252b !important
}

.manages-font {
    font-size: 20px !important;
    margin: 0;
    line-height: 1.5
}

.header-font.new-size {
    font-size: 39px !important
}

.head-inner-text {
    font-family: source_sans_proregular !important;
    font-size: 21px !important;
    color: #30373b !important;
    text-shadow: 0 0 0 !important
}

#slider .btn-contact,
.slider .btn-col.btn-width {
    width: 200px
}

#slider .btn-addon,
.slider .btn-addon.new-btn {
    padding: 10px 30px;
    border: #50bf3f;
    background: #ebb129;
    color: #fff !important
}

.main-sub-heads {
    font-family: latobold !important;
    font-size: 25px;
    color: #fff
}

.header-fonts {
    font-family: 'Source Sans Pro Light' !important;
    font-size: 38px !important;
    color: #30373b !important;
    line-height: 56px !important;
    text-shadow: 0 0 0 !important
}

.head-bg-size {
    max-width: 135%
}

@media (max-width:767px) {
    .header-fonts {
        font-size: 20px !important;
        line-height: 34px !important
    }

    .head-inner-text {
        font-family: source_sans_proregular !important;
        font-size: 16px !important
    }

    #slider .btn-addon,
    .slider .btn-addon.wh-wid.mob-btn {
        width: 100px
    }

    .btn-demo.width.mob-postision {
        width: 100px
    }

    .btn-demo.new-mb {
        padding: 3px 21px
    }

    #slider .btn-addon,
    .slider .btn-addon.new-btn {
        padding: 4px 7px;
        border: #50bf3f;
        background: #ebb129;
        color: #fff !important;
        height: 39px
    }

    #slider .btn-contact,
    .slider .btn-col.btn-width.cnt-btn {
        width: 100px !important;
        height: 38px;
        padding: 4px
    }

    .btn-top {
        margin-top: 40px
    }

    .mob-no-mrg {
        margin-top: 0 !important
    }

    .head-bg-size {
        max-width: 100%
    }
}

@media(max-width:1023px) and (min-width:768px) {
    .head-inner-text {
        font-size: 16px !important
    }

    .header-font.new-size {
        font-size: 28px !important
    }

    .header-fonts {
        font-size: 40px !important;
        color: #30373b !important;
        line-height: 49px !important
    }

    #slider .btn-contact,
    .slider .btn-col.btn-width.tabs-btn {
        width: 120px !important;
        padding: 10px 18px
    }

    #slider .btn-addon,
    .slider .btn-addon.wh-wid.tb-button {
        width: 120px !important;
        padding: 10px 18px
    }

    .btn-demo.width.demo-btn {
        width: 120px
    }

    .head-bg-size {
        max-width: 102%;
        margin-top: 50%
    }
}

.order-padding {
    padding-top: 12%
}

.ipad-bg {
    background-image: url(../img/smb/ipod.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 534px;
    width: 759px;
    border-radius: 117px
}

.ipod-img {
    margin: 20px 90px;
    width: 580px !important;
    height: 437px
}

.massage-padding {
    padding-top: 156px
}

.owl-carousel.position-block .owl-item div {
    display: block
}

.office-gb {
    background-image: url(../img/smb/img34.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 520px
}

.cuostmer-padding {
    padding-top: 8%
}

.shopping-padding {
    padding-top: 18%
}

.carts-rule {
    padding-left: 40%
}

.nad-tab.nobord {
    border-bottom: 0 solid #ddd
}

.offer-edit {
    padding-top: 15%
}

.inform-mation {
    padding-top: 45%
}

.cart-font {
    font-size: 28px
}

.unlimit-font {
    font-size: 16px
}

.shipping-price {
    padding-left: 39%
}

.nao-tabs-nob {
    border-bottom: 1px solid #ddd
}

.carrier-had {
    padding-top: 45%;
    font-size: 30px !important
}

.perference-cad {
    padding-top: 39%
}

.ship-pant {
    padding-top: 39%
}

.pae-shb {
    box-shadow: -7px 11px 22px #eae9e9
}

.nad-tab-badd {
    border-bottom: 0 solid #ddd
}

.nav-tabs.tabheads>li {
    float: none;
    margin-bottom: -1px;
    display: inline-block
}

.nav-tabs.border-none>li.active>a,
.nav-tabs.border-none>li.active>a:focus,
.nav-tabs.border-none>li.active>a:hover {
    border: 0 solid #ddd;
    border-bottom: 3px solid #f15c25;
    border-radius: 0 !important
}

.nav.locolization>li>a>img {
    max-width: 100%
}

.nav.locolization>li>a {
    max-width: 100%
}

.tab-border {
    border: 1px solid
}

.nav.taxs>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #f1f8fe
}

.handle-preferences {
    padding: 0 21%
}

.online-stores {
    padding: 0 16%
}

.perference-font {
    font-size: 40px
}

.rule-tax {
    font-size: 30px;
    line-height: 1.5
}

.cat-rule {
    font-size: 18px
}

.download-lable {
    font-size: 20px
}

.never-font {
    font-size: 20px
}

.online-modify {
    font-size: 20px
}

.inform-dropdown {
    font-size: 20px
}

.order-header {
    font-size: 30px
}

.langaugas-font {
    font-size: 20px
}

.detaile-product {
    padding-top: 38%
}

.products-bg {
    background-image: url(../img/smb/product-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 800px
}

.img-tabs {
    box-shadow: 0 20px 7px #d2d2d2
}

.display-tab {
    margin-top: 29%
}

.top-headers {
    margin-top: -29%
}

.perfer-heads {
    margin-top: -13px
}

.perference-dig {
    margin-top: 60px
}

.genera-border {
    margin-top: 157px
}

.nav-tabs.nav-justified.singles {
    border: 1px solid #fff;
    border-width: 3px;
    border-radius: 20px
}

.nav-tabs.nav-justified bundleds>.active>a,
.nav-tabs.nav-justified.bundleds>.active>a:focus,
.nav-tabs.nav-justified.bundleds>.active>a:hover {
    border: 0 solid #ddd
}

.nav-tabs.nav-justified.downloadlable>li>a {
    border-bottom: 0 solid #ddd
}

.nav-tabs.feedsheads>li.active.feeds>a:hover,
.nav-tabs.feedsheads>li.active.feedsheads>a:focus,
.nav-tabs.feedsheads>li.active>a {
    padding: 29px
}

.nav-tabs.active-tab>li.active.singlebg>a,
.nav-tabs>li.active.singlebg>a:active,
.nav-tabs>li.active.singlebg>a:focus {
    background-color: #eef3f9
}

.nav-tabs.nav-justified.singles>.active>a,
.nav-tabs.nav-justified.singles>.active>a:focus,
.nav-tabs.nav-justified.singles>.active>a:hover {
    padding: 30px;
    border: 0;
    background-color: transparent
}

.nav-tabs.nav-justified.singles>li a {
    font-size: 25px;
    background-color: #fff;
    border: 0;
    padding: 30px
}

.nav-tabs.nav-justified.singles>li.first a,
.nav-tabs.nav-justified.singles>li.last a {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important
}

.controlls-over.pagination .owl-pagination {
    text-align: left;
    position: absolute;
    width: 149%
}

.owl-theme .owl-controls.selectiong.owl-page span {
    background: #27333f
}

.star-gb {
    background: url(../img/smb/img801.png) no-repeat center;
    padding-bottom: 0;
    height: 748px
}

.shippings-gb {
    background: url(../img/smb/img49.png) no-repeat center
}

.stats-admin {
    padding: 0 24%
}

.mac-bg {
    background: url(../img/smb/mac2.png) no-repeat center
}

.nav-tabs.cms {
    border-bottom: 0 solid #f1f8fe
}

.nav-tabs.nav-justified..store>.active>a:focus,
.nav-tabs.nav-justified..store>.active>a:hover,
.nav-tabs.nav-justified.store>.active>a {
    padding: 30px;
    border: 0;
    background-color: transparent
}

.nav-tabs.nav-justified.store>li a {
    font-family: proxima_nova_ltbold !important;
    font-size: 16px;
    color: #27333f;
    background-color: #fff;
    border: 0;
    padding: 8px;
    border-top: #888 0 solid !important
}

.geolcal-head {
    margin-top: 160px
}

.genr-topic {
    font-size: 30px
}

.phg-gen {
    font-size: 20px
}

.perfer-bg {
    background: url(../img/smb/img89.png) no-repeat center;
    height: 738px
}

.carts-bg {
    background: url(../img/smb/img71.png) no-repeat center;
    height: 687px
}

.ship-bg {
    background: url(../img/smb/img172.png) no-repeat center;
    height: 715px
}

.producted.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 5px;
    border-radius: 25px;
    background-color: #27333f
}

.adminis-bg {
    background-color: #f1f8fe
}

.nav-tabs.nav-justified.zone>li a {
    border-bottom: 0 solid #ddd;
    border-top: #888 0 solid;
    box-shadow: 0 0 1px #ededee;
    border: none
}

.nav-tabs.nav-justified.zone>li a:focus,
.nav-tabs.nav-justified.zone>li a:hover {
    border: 0 solid #ddd
}

.nav-tabs.nav-justified.zone>li.active a {
    background: #f1f8fe
}

.localiz-bg {
    background-color: #fff
}

.owl-theme.dotbox.controlls-over .owl-controls .owl-page {
    background: 0 0
}

.vendor-produ {
    margin-top: -5%
}

.contact-cms {
    margin-top: 60px;
    box-shadow: -12px 0 7px #eae9e9
}

.countries-locz {
    border: 1px solid #eef3f9 !important
}

.controlls-over.ordeers .owl-pagination {
    text-align: right;
    position: relative;
    width: 43%;
    margin: auto;
    bottom: -37px
}

.controlls-over.manage .owl-pagination {
    text-align: right;
    position: absolute;
    width: 52%;
    margin: auto;
    bottom: 23px;
    left: 0;
    right: 0;
    z-index: 1
}

.cust-font {
    padding-right: 321px
}

.jssorb01 {
    position: absolute
}

.jssorb01 .av,
.jssorb01 div,
.jssorb01 div:hover {
    position: absolute;
    width: 12px;
    height: 12px;
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border: #000 1px solid
}

.jssorb01 div {
    background-color: gray
}

.jssorb01 .av:hover,
.jssorb01 div:hover {
    background-color: #d3d3d3
}

.jssorb01 .av {
    background-color: #fff
}

.jssorb01 .dn,
.jssorb01 .dn:hover {
    background-color: #555
}

.jssora13l,
.jssora13r {
    display: block;
    position: absolute;
    width: 40px;
    height: 50px;
    cursor: pointer;
    overflow: hidden
}

.jssora13l {
    background-position: -10px -35px
}

.jssora13r {
    background-position: -70px -35px
}

.jssora13l:hover {
    background-position: -130px -35px
}

.jssora13r:hover {
    background-position: -190px -35px
}

.jssora13l.jssora13ldn {
    background-position: -250px -35px
}

.jssora13r.jssora13rdn {
    background-position: -310px -35px
}

.jssora13l.jssora13lds {
    background-position: -10px -35px;
    opacity: .3;
    pointer-events: none
}

.jssora13r.jssora13rds {
    background-position: -70px -35px;
    opacity: .3;
    pointer-events: none
}

.books-bg {
    background: url(../img/smb/macbook2.png) no-repeat;
    height: 509px
}

.customer-had {
    padding-right: 32%
}

.icon-pro .toggle.toggle-bordered-simple label:hover,
.toggle.toggle-bordered-simple label {
    border: #ccc 0 solid
}

.macb-sli {
    padding: 29px 13px
}

.admin-sta .owl-pagination {
    text-align: center;
    padding-right: 15%;
    position: absolute;
    width: 60%;
    margin: auto;
    bottom: -42px;
    left: 0;
    right: 0;
    z-index: 1
}

.prostats.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 6px 5px;
    border-radius: 25px;
    background-color: #f15c25
}

.nav-tabs.nav-justified.geolo>li a {
    font-size: 15px;
    background-color: #fff;
    border: 0 solid;
    padding: 11px;
    border: #f1f8fe 1px solid !important
}

.cust-mer {
    padding-right: 20px
}

.nav-tabs.nav-top-border.generals>li.active>a,
.nav-tabs.nav-top-border.generals>li.active>a:hover {
    background: #f1f8fe !important;
    box-shadow: 0 5px 6px #edf1f4
}

.nav-tabs.urlss active-tab>li.active>a,
.nav-tabs.urlss>li.active>a:active,
.nav-tabs.urlss>li.active>a:focus {
    background-color: #f1f8fe
}

.controlls-over.position-pagination .owl-pagination {
    text-align: left;
    margin: 0
}

@media(max-width:767px) {
    .nav-tabs.cross-mo {
        border-bottom: 1px solid #ddd;
        display: flex
    }

    .tab-position.free-pai {
        padding-left: 0;
        display: flex
    }

    .admin-bg {
        background: url(../img/smb/sec-bg.png) no-repeat center;
        height: auto;
        padding: 10px
    }

    .service-font {
        font-family: ProximaNova-Regular !important;
        font-size: 20px !important;
        color: #30373b !important;
        text-align: justify;
        line-height: 36px
    }

    .read-more-but {
        background-color: #ebb129;
        border: none;
        padding: 5px 18px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        color: #fff !important;
        font-family: proxima_nova_ltbold, Arial, sans-serif;
        font-size: 23px;
        border-radius: 6px;
        float: none
    }

    .perference-font {
        font-size: 27px;
        margin-bottom: 0
    }

    .order-header {
        font-size: 28px;
        margin-bottom: 15px
    }

    .rule-tax {
        font-size: 27px;
        padding: 0;
        margin-bottom: 0
    }

    .nav.sing-pros {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        display: flex
    }

    .nav-tabs.nav-justified.singles>li a {
        font-family: proxima_nova_ltbold !important;
        font-size: 10px
    }

    .massage-padding {
        padding-top: 0
    }

    .font-sub {
        font-size: 15px !important
    }

    .prices-heading {
        font-size: 30px !important;
        margin-bottom: 10px
    }
}

.caret.arrow-drop {
    margin-left: 45px;
    border-top: 9px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

.nav .bor-act .open>a:hover,
.nav .bor-act.open>a,
.nav .open>a:focus {
    border-color: #eaeaeb !important
}

.nav-tabs.tab-shadow>li.active>a {
    box-shadow: 0 3px 6px #e9eaea
}

.nav-stacked.tab-cont>li+li {
    margin-top: -15px;
    margin-left: 0
}

.toggle.toggle-bordered-simple.no-brd label,
.toggle.toggle-bordered-simple.no-brd label:hover {
    border: #ccc 0 solid
}

.tb-shd {
    box-shadow: 0 9px 6px #cbcbcb
}

.btn-demo.width.demo-btns {
    width: 207px
}

#slider .btn-addon,
.slider.but-new .btn-addon.wh-wid.tb-button.but-new {
    padding: 10px 30px;
    border: #50bf3f;
    background: #ebb129;
    color: #fff !important;
    width: 207px
}

#slider .btn-contact,
.btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons {
    width: 207px !important;
    padding: 10px 18px !important
}

.img-max-width {
    max-width: 117%;
    padding-top: 15%
}

@media(max-width:767px) {
    .mob-center {
        text-align: center
    }

    .office-gb {
        height: 300px;
        padding-top: 0 !important
    }

    .mb-margin {
        margin: 0 !important
    }

    .caret.arrow-drop {
        margin-left: 14px
    }

    .nav.mb-tb {
        display: flex
    }

    .langaugas-font {
        font-size: 13px
    }

    .carrier-had {
        padding-top: 0
    }

    .never-font {
        font-size: 16px;
        text-align: center
    }

    .handle-preferences {
        padding: 0 0
    }

    .adminis-bg {
        background-color: #f1f8fe;
        height: 441px
    }

    .books-bg {
        background: url(../img/smb/macbook2.png) no-repeat;
        height: 420px
    }

    .header-fonts {
        font-size: 24px !important;
        line-height: 30px !important;
        font-family: ProximaNova-Regular, Arial, sans-serif
    }

    .head-inner-text {
        font-family: source_sans_proregular !important;
        font-size: 14px !important;
        text-align: center
    }

    .head-img {
        display: none
    }

    #slider .btn-addon,
    .slider .btn-addon.wh-wid.tb-button {
        width: 100px !important;
        padding: 4px 8px !important;
        font-size: 17px
    }

    #slider .btn-contact,
    .btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons {
        width: 89px !important;
        padding: 5px 18px !important
    }

    .btn-demo.width.mob-postision {
        width: 100px
    }

    .btn-demo.smb_new2 {
        font-size: 20px
    }

    .mb-head {
        height: 450px !important
    }

    .manage-font {
        font-family: ProximaNova-Regular !important;
        font-size: 17px !important;
        margin-bottom: 10px
    }

    .pad-tp-10 {
        padding-top: 10px
    }

    .ship-bg {
        height: auto;
        padding-top: 10px !important
    }

    .carts-bg {
        height: auto;
        padding-top: 10px !important;
        padding-bottom: 0
    }

    .rept-smbs {
        padding: 14px 21px !important
    }

    .inform-mation {
        padding-top: 10% !important
    }

    .mob-padding {
        padding: 0
    }

    .books-bg {
        background-image: none;
        background-repeat: no-repeat;
        height: 86px
    }

    .btn-mobile {
        padding: 10px
    }

    .bcl.price-mobi {
        background-color: #fff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding: 25px 10px;
        border-bottom: 1px solid #e1e1e1
    }

    .button-tp.nmob.mb-but {
        background-color: #f15c25;
        border: 0 solid;
        border-radius: 30px
    }

    .price-clean.rup h4 {
        color: #f15c25;
        font-family: proxima_nova_ltbold, Arial, sans-serif;
        letter-spacing: 1px;
        font-size: 34px
    }
}

@media(max-width:1023px) and (min-width:768px) {
    .nav-tabs.nav-justified.geolo>li a {
        font-size: 9px;
        padding: 5px
    }

    .langaugas-font {
        font-size: 12px
    }

    .perfer-bg {
        height: 650px
    }

    .genera-border {
        margin-top: 107px
    }

    .ship-bg {
        height: 635px
    }

    .carts-bg {
        height: 604px
    }

    .shopping-padding {
        padding-top: 0
    }

    .rule-tax {
        font-size: 21px
    }

    .controlls-over.manage .owl-pagination {
        width: 80%;
        bottom: 3px
    }

    .inform-dropdown {
        text-align: justify
    }

    .office-gb {
        height: 470px
    }

    .ipod-img {
        margin: 20px 0;
        width: 647px !important;
        height: 494px
    }

    .ipad-bg {
        height: 534px;
        width: 493px;
        box-shadow: 0 3px 10px #e9eaea
    }

    .order-header {
        font-size: 20px
    }

    .top-headers {
        margin-top: -53%
    }

    .perference-font {
        font-size: 21px
    }

    .products-bg {
        height: 600px
    }

    .tab-pad {
        padding: 0
    }

    .tb-center {
        text-align: center
    }

    .service-font {
        font-size: 20px !important;
        text-align: right
    }

    .read-more-but {
        padding: 5px 18px;
        float: right
    }

    .header-fonts {
        font-size: 23px !important;
        line-height: 39px !important
    }

    .head-inner-text {
        font-family: source_sans_proregular !important;
        font-size: 16px !important
    }

    .btn-demo.width.demo-btns.nw-bt {
        width: 100px;
        padding: 10px;
        font-size: 19px
    }

    #slider .btn-addon,
    .slider.but-new .btn-addon.wh-wid.tb-button.but-new {
        padding: 9px 2px;
        width: 100px;
        font-size: 19px
    }

    #slider .btn-contact,
    .btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons {
        width: 100px;
        font-size: 19px;
        padding: 10px 11px
    }

    .img-max-width {
        max-width: 97%;
        margin-top: 60px
    }

    .books-bg {
        background-image: none
    }
}

.dg-container {
    width: 100%;
    height: 450px;
    position: relative
}

.dg-wrapper {
    width: 481px;
    height: 316px;
    margin: 0 auto;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px
}

.dg-wrapper a {
    width: 482px;
    height: 316px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url(../images/browser.png) no-repeat top left;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .3)
}

.dg-wrapper a.dg-transition {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.dg-wrapper a img {
    display: block;
    padding: 41px 0 0 1px
}

.dg-wrapper a div {
    font-style: italic;
    text-align: center;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
    color: #333;
    font-size: 16px;
    width: 100%;
    bottom: -55px;
    display: none;
    position: absolute
}

.dg-wrapper a.dg-center div {
    display: block
}

.dg-container nav {
    width: 58px;
    position: absolute;
    z-index: 1000;
    bottom: 40px;
    left: 50%;
    margin-left: -29px
}

.dg-container nav span {
    text-indent: -9000px;
    float: left;
    cursor: pointer;
    width: 24px;
    height: 25px;
    opacity: .8;
    background: transparent url(../images/arrows.png) no-repeat top left
}

.dg-container nav span:hover {
    opacity: 1
}

.dg-container nav span.dg-next {
    background-position: top right;
    margin-left: 10px
}

.pic-shadow {
    box-shadow: 0 10px 10px #cbcbcb
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .nav-tabs.nav-justified.geolo>li a {
        font-size: 13px;
        padding: 4px
    }

    .langaugas-font {
        font-size: 18px
    }

    .rule-tax {
        font-size: 24px
    }

    .controlls-over.manage .owl-pagination {
        width: 56%
    }

    .ipad-bg {
        background-image: none;
        height: 534px;
        width: 592px;
        box-shadow: 0 0 0 #e9eaea
    }

    .controlls-over.ordeers .owl-pagination {
        width: 55%
    }

    .perference-font {
        font-size: 25px
    }

    .service-font {
        font-size: 26px !important
    }

    .client-bg.nam {
        width: 161px;
        height: 100px
    }

    .header-fonts {
        font-size: 32px !important
    }

    .head-inner-text {
        font-size: 18px !important
    }

    .btn-demo.width.demo-btns {
        width: 120px
    }

    #slider .btn-addon,
    .slider.but-new .btn-addon.wh-wid.tb-button.but-new {
        padding: 7px 19px;
        width: 120px
    }

    #slider .btn-contact,
    .btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons {
        width: 120px !important;
        padding: 10px 18px
    }

    .img-max-width {
        max-width: 101%
    }

    .books-bg {
        background-image: none
    }

    .macb-sli {
        padding: 0 0
    }

    .admin-sta .owl-pagination {
        text-align: center;
        padding-right: 0
    }
}

.nav-tabs.nav-top-border.brd-tp>li.active>a,
.nav-tabs.nav-top-border.brd-tp>li.active>a:hover {
    border-top: #f1f8fe 1px solid !important
}

.border-none {
    border-bottom: 0 solid #ddd
}

.nav-tabs.rules>li>a {
    border-radius: 3px !important;
    border: 1px solid #eef3f9 !important
}

.nav-tabs.rules>li.first>a {
    margin-right: -5px
}

.nav-tabs.rules>li.active>a {
    box-shadow: 0 8px 20px #ebecec
}

.nav-tabs .dropdown-menu.rule {
    box-shadow: 0 5px 10px #e5e5e5
}

.dropdown-menu>.cat-rule.active>a,
.dropdown-menu>.cat-rule.active>a:focus,
.dropdown-menu>.cat-rule.active>a:hover {
    background-color: #f15c25
}

.margin-top-50-m {
    margin-top: 50px
}

.padding-top-30-m {
    padding-top: 30px
}

.catalog-padding {
    padding-top: 60px
}

@media(max-width:767px) {
    .padding-top-30-m {
        padding-top: 0
    }

    .margin-top-50-m {
        margin-top: 0
    }

    .bcl p.plan-name {
        font-size: 18px !important;
        line-height: normal;
        margin-top: -10px
    }

    .price-box h4 {
        font-size: 26px;
        font-family: proxima_nova_ltbold, Arial, sans-serif !important;
        line-height: normal
    }

    .button-select {
        font-size: 18px;
        padding: 6px 15px;
        margin-top: 30px
    }

    .price-box h4 sup {
        font-family: proxima_nova_ltbold, Arial, sans-serif !important;
        font-size: 20px;
        line-height: 25px;
        vertical-align: top;
        top: 3px
    }

    .price-box:hover {
        box-shadow: 0 2px 4px #f2f2f2;
        border-top: 0 solid #f15c25
    }

    .catalog-padding {
        padding: 0;
        padding-top: 10px
    }
}

@media(min-width:320px) and (max-width:413px) {
    .client-bg.hal {
        width: 130px;
        background-position: -264px -100px
    }

    .client-bg.tas {
        width: 150px;
        background-position: -28px -98px
    }

    ul.client li {
        margin: 0
    }

    .count-client.hunder-client {
        margin-top: 20px !important
    }

    #slider .btn-contact,
    .btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons.about-bt {
        width: 207px;
        padding: 10px 18px
    }

    .font-proxima {
        font-family: ProximaNova-Regular, Arial, sans-serif
    }
}

@media(max-width:767px) {
    .customers-say h3 {
        font-size: 20px !important
    }

    .page-title {
        font-size: 18px !important
    }

    .head-bg-height {
        height: 386px !important
    }

    #slider .btn-contact,
    .btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons.about-bt {
        width: 90px !important;
        padding: 5px 18px !important;
        margin-top: 30px !important
    }

    .manages-font {
        font-family: ProximaNova-Regular !important;
        font-size: 13px !important;
        color: #21252b !important
    }

    #slider h1.slider-text {
        font-size: 19px
    }

    .size-20.php-web-font {
        font-size: 15px !important;
        line-height: 20px !important
    }

    .php-hd {
        height: 455px !important
    }

    .auto-text {
        font-size: 35px
    }

    #slider h1.mb-font {
        font-size: 20px
    }

    .size-30.mob-font {
        font-size: 13px !important
    }

    .nav.mb-tab {
        display: flex
    }

    .nav-tabs.nav-stacked.enterprise-tab>li>a {
        padding: 10px 10px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .abt_pad3 {
        padding-bottom: 40px
    }
}

@media(max-width:1023px) and (min-width:768px) {
    .manages-font {
        font-size: 14px !important
    }

    .rule-tax.tab-text {
        font-size: 17px
    }
}

.btn-demo.multi-but {
    width: 170px
}

.multi-pos {
    margin-top: -50px
}

@media(max-width:767px) {
    .btn-demo.multi-but {
        width: 98px;
        height: 37px;
        padding: 3px;
        font-size: 19px
    }

    .payment-bg {
        height: 240px
    }
}

#footer address .footer-sprite.flag1 {
    width: 24px;
    height: 16px;
    background-position: -62px -54px;
    display: inline-block;
    padding: 0;
    vertical-align: middle
}

#footer address .footer-sprite.flag2 {
    width: 24px;
    height: 16px;
    background-position: -110px -54px;
    display: inline-block;
    padding: 0;
    vertical-align: middle
}

#footer .footer-sprite.bl {
    width: 22px;
    height: 23px;
    background-position: -160px -50px;
    display: inline-block;
    padding: 0 0;
    vertical-align: middle;
    margin-bottom: 0;
    margin-left: 2px
}

.smb-sprite {
    background: url(../img/smb/smb-sprite.png) no-repeat
}

.smb-sprite.arr-left {
    width: 32px;
    height: 15px;
    background-position: -215px -156px;
    display: inline-block;
    margin: 0 20px 20px;
    float: left
}

.smb-sprite.arr-right {
    width: 32px;
    height: 15px;
    background-position: -148px -156px;
    display: inline-block;
    margin: 0 20px 20px;
    float: right
}

.smb-sprite.our-featur {
    width: 126px;
    height: 72px;
    background-position: -286px -128px;
    display: inline-block
}

.smb-sprite.star-icon {
    width: 140px;
    height: 25px;
    background-position: -276px -76px;
    margin: -2px 10px;
    display: inline-block;
    vertical-align: middle
}

.smb-sprite.c-products {
    width: 48px;
    height: 51px;
    background-position: -206px -78px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0
}

.smb-sprite.c-category {
    width: 48px;
    height: 51px;
    background-position: -382px -13px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0
}

.smb-sprite.c-attributes {
    width: 48px;
    height: 51px;
    background-position: -10px -78px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0
}

.smb-sprite.c-productfea {
    width: 48px;
    height: 51px;
    background-position: -72px -78px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0
}

.smb-sprite.c-manufacturers {
    width: 48px;
    height: 51px;
    background-position: -141px -78px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0
}

.smb-sprite.localization {
    width: 23px;
    height: 45px;
    background-position: -331px -20px;
    display: block;
    vertical-align: middle;
    margin: 0 auto
}

.smb-sprite.languages {
    width: 42px;
    height: 45px;
    background-position: -77px -18px;
    display: block;
    vertical-align: middle;
    margin: 0 auto
}

.smb-sprite.zones {
    width: 28px;
    height: 45px;
    background-position: -279px -18px;
    display: block;
    vertical-align: middle;
    margin: 0 auto
}

.smb-sprite.currencies {
    width: 34px;
    height: 45px;
    background-position: -214px -18px;
    display: block;
    vertical-align: middle;
    margin: 0 auto
}

.smb-sprite.tax-rules {
    width: 37px;
    height: 45px;
    background-position: -147px -18px;
    display: block;
    vertical-align: middle;
    margin: 0 auto
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .header-font {
        font-size: 35px !important
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .btn-demo.multi-but {
        width: 150px
    }

    #slider .btn-contact,
    .btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons.about-bt {
        width: 102px !important
    }
}

.nav-tabs.nav-bottom-border.start-brd>li.active>a {
    border-bottom: #ea6124 5px solid !important
}

.box-wrapper.wrapper-news {
    border: 1px solid #f1f1f1;
    padding: 50px 30px;
    border-radius: 7px;
    box-shadow: 0 0 0 #f1f1f1
}

.controlls-over.new-but .owl-pagination {
    text-align: left;
    position: absolute;
    width: 104%;
    margin: auto;
    bottom: -40px
}

.price-range {
    border: 1px solid #eef3f9;
    border-radius: 5px;
    background: #fff;
    margin: 0 -3px
}

.price-range.border-tp {
    border-top: 2px solid #f15c25;
    box-shadow: 0 19px 46px #e7e7e7;
    border-radius: 0
}

.price-range h4,
.price-range p {
    color: #f15c25
}

.price-range .month-font {
    font-size: 18px;
    color: #858c93;
    font-style: italic
}

.wrapper {
    margin: 50px auto;
    width: 280px;
    height: 370px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 90
}

.ribbon-wrapper-green {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: 13px
}

.ribbon-green {
    font: bold 15px Sans-Serif;
    color: #fff !important;
    text-align: center;
    text-shadow: rgba(255, 255, 255, .5) 0 0 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #f15a23;
    color: #6a6340;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.ribbon-green:after,
.ribbon-green:before {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px
}

.ribbon-green:before {
    left: 0
}

.ribbon-green:after {
    right: 0
}

.price-range strike {
    color: grey;
    font-family: ProximaNova-Regular, Arial, sans-serif !important;
    letter-spacing: 1px;
    font-size: 25px;
    padding: 0 10px
}

.offer-font {
    font-size: 12px;
    color: grey
}

ul.starters li {
    margin-bottom: 10px;
    margin-top: 21px
}

ul.plannings li {
    margin-bottom: 19px
}

.download-font {
    font-size: 35px
}

.jssorb01 div {
    background-color: #27333f;
    border: none
}

.jssorb01 .av {
    background-color: #b0bbc8;
    border: 0
}

.jssora13l,
.jssora13r {
    background: url(assets/img/smb/a13.png) no-repeat
}

.jssora13l {
    background-position: -10px -35px
}

.jssora13r {
    background-position: -70px -35px
}

.jssora13l:hover {
    background-position: -130px -35px
}

.jssora13r:hover {
    background-position: -190px -35px
}

.jssora13l.jssora13ldn {
    background-position: -250px -35px
}

.jssora13r.jssora13rdn {
    background-position: -310px -35px
}

.jssora13l.jssora13lds {
    background-position: -10px -35px;
    opacity: .3;
    pointer-events: none
}

.jssora13r.jssora13rds {
    background-position: -70px -35px;
    opacity: .3;
    pointer-events: none
}

.toggle.toggle-transparent-body.toggle-colour label {
    background: #f1f8fe
}

.controlls-over.new-buts .owl-pagination {
    text-align: center;
    position: absolute;
    width: 104%;
    margin: auto;
    bottom: -40px
}

.nav-tabs.act-colour>li.active>a {
    color: #27333f !important
}

.tab-shadows {
    box-shadow: 7px 6px 9px #eaeaea
}

.count-client.hunder-client {
    font-family: proxima_nova_ltbold, 'Museo 500', sans-serif;
    font-size: 28px;
    color: #434343;
    line-height: 28px;
    text-align: center;
    text-shadow: 0 -3px 1px #cbcbcb
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .ipod-img {
        margin: 45px 11px
    }

    ul.client li {
        padding: 0 12px;
        margin: 0 0
    }

    ul.client li i.last {
        margin-right: 0;
        border-right: 0 solid #ccc;
        display: none
    }
}

.sde-2 {
    box-shadow: 0 10px 10px #cbcbcb;
    left: 8px !important
}

.price-strike {
    text-decoration: line-through
}

.price-range span {
    color: grey;
    letter-spacing: 1px;
    font-size: 17px;
    padding: 0 10px
}

@media(max-width:767px) {
    .price-ranges {
        color: #4a4848;
        font-family: ProximaNova-Regular, Arial, sans-serif !important;
        letter-spacing: 1px;
        font-size: 16px;
        padding: 0 10px;
        text-decoration: line-through
    }

    .rept-smbs-pad {
        padding: 0 0 !important
    }
}

.header-fonts.slid-font {
    font-size: 36px !important
}

@media(max-width:767px) {
    .header-fonts.slid-font {
        font-size: 19px !important
    }

    div.toggle.tab-padding {
        margin: 10px 16px 0
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .header-fonts.slid-font {
        font-size: 22px !important
    }
}

.smb-sprite.carriers,
.smb-sprite.cms-icon,
.smb-sprite.combination,
.smb-sprite.contents,
.smb-sprite.currency-icon,
.smb-sprite.customer-icon,
.smb-sprite.days-icon,
.smb-sprite.download-file,
.smb-sprite.download-icon,
.smb-sprite.expiration,
.smb-sprite.general-icon,
.smb-sprite.geo-icon,
.smb-sprite.language-icon,
.smb-sprite.maintenance-icon,
.smb-sprite.map-icon,
.smb-sprite.merchandise-return,
.smb-sprite.offers-icon,
.smb-sprite.order-details,
.smb-sprite.order-icon,
.smb-sprite.order-message,
.smb-sprite.preference-icon,
.smb-sprite.price-icon,
.smb-sprite.product-details,
.smb-sprite.seo-optimization,
.smb-sprite.seo-url,
.smb-sprite.shipping-icon,
.smb-sprite.shipping-partner,
.smb-sprite.status-icon,
.smb-sprite.store-icon,
.smb-sprite.tax-icon,
.smb-sprite.zone-and-country {
    width: 51px;
    height: 51px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 0 0
}

.smb-sprite.product-details {
    background-position: -12px -193px
}

.smb-sprite.seo-optimization {
    background-position: -73px -192px
}

.smb-sprite.shipping-icon {
    background-position: -137px -193px
}

.smb-sprite.offers-icon {
    background-position: -12px -261px
}

.smb-sprite.price-icon {
    background-position: -72px -261px
}

.smb-sprite.combination {
    background-position: -135px -261px
}

.smb-sprite.contents {
    background-position: -200px -192px
}

.smb-sprite.days-icon {
    background-position: -199px -261px
}

.smb-sprite.download-icon {
    background-position: -263px -261px
}

.smb-sprite.expiration {
    background-position: -326px -261px
}

.smb-sprite.download-file {
    background-position: -388px -261px
}

.smb-sprite.order-message {
    background-position: -12px -332px
}

.smb-sprite.status-icon {
    background-position: -72px -332px
}

.smb-sprite.merchandise-return {
    background-position: -136px -332px
}

.smb-sprite.order-details {
    background-position: -200px -332px
}

.smb-sprite.carriers {
    background-position: -264px -332px
}

.smb-sprite.preference-icon {
    background-position: -326px -332px
}

.smb-sprite.shipping-partner {
    background-position: -388px -332px
}

.smb-sprite.map-icon {
    background-position: -13px -399px
}

.smb-sprite.language-icon {
    background-position: -73px -399px
}

.smb-sprite.zone-and-country {
    background-position: -135px -399px
}

.smb-sprite.currency-icon {
    background-position: -201px -399px
}

.smb-sprite.tax-icon {
    background-position: -264px -399px
}

.smb-sprite.general-icon {
    background-position: -325px -399px
}

.smb-sprite.order-icon {
    background-position: -387px -399px
}

.smb-sprite.customer-icon {
    background-position: -72px -468px
}

.smb-sprite.seo-url {
    background-position: -136px -468px
}

.smb-sprite.cms-icon {
    background-position: -200px -468px
}

.smb-sprite.store-icon {
    background-position: -265px -468px
}

.smb-sprite.maintenance-icon {
    background-position: -326px -468px
}

.smb-sprite.geo-icon {
    background-position: -389px -468px
}

.header-fonts.market-place {
    font-family: 'Source Sans Pro Light' !important;
    font-size: 30px !important;
    color: #30373b !important;
    line-height: 44px !important
}

@media(max-width:767px) {
    .nav-tabs.rules>li.first>a {
        margin-right: 14px
    }

    .office-gb {
        height: 270px;
        padding-top: 0 !important
    }

    .header-fonts.market-place {
        font-family: 'Source Sans Pro Light' !important;
        font-size: 19px !important;
        color: #30373b !important;
        line-height: 33px !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .header-fonts.market-place {
        font-size: 20px !important
    }

    .btn-demo {
        padding: 10px 18px;
        width: 105px !important
    }

    .hidden-xs-tab {
        display: none !important
    }

    .visible-xs-tab {
        display: block !important
    }
}

.demo.background {
    background-color: green
}

div.toggle.featur>label {
    background: rgba(0, 0, 0, .1);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    position: relative;
    display: block;
    border-bottom: rgba(0, 0, 0, .03) 1px solid;
    border-radius: 4px;
    border: 1px solid gray !important;
    width: 369px;
    height: 70px;
    text-align: center
}

.box-shadow-dropdown {
    width: 300px;
    height: 200px;
    box-shadow: 10px 10px 5px #888
}

.button-success {
    color: #fff;
    border-radius: 4px;
    width: 115px;
    height: 40px;
    background-color: #000;
    float: right
}

h2.question-faq {
    font-family: ProximaNova-Regular, Arial, sans-serif !important;
    font-size: 35px;
    line-height: 91px;
    padding-top: 55px
}

p.question-faq-txt {
    font-family: ProximaNova-Regular, Arial, sans-serif !important;
    font-size: 16px;
    margin-top: -30px
}

p.question-faq-txt-toggl {
    font-family: ProximaNova-Regular, Arial, sans-serif !important;
    font-size: 15px;
    line-height: 30px
}

.label-text {
    font-family: ProximaNova-Regular, Arial, sans-serif !important;
    font-size: 16px;
    line-height: 46px
}

.faq-box {
    width: 100%;
    border: 2px solid #f6f9fc;
    padding: 0;
    margin: 5px;
    border-width: 1px;
    border-left: #f0f8ff;
    border-right: #f0f8ff;
    margin-top: -5px;
    background-color: #fff
}

.feature-box-know-more {
    margin-top: 10px
}

.fea-know-power-search {
    margin-top: -12px
}

.fea-know-cart-option {
    margin-top: 32px
}

.fea-know-dropdo-catalog {
    margin-top: 19px
}

.fea-know-dropdo-preference {
    margin-top: 8px
}

.fea-know-dropdo-admin,
.fea-know-dropdo-catalog,
.fea-know-dropdo-local,
.fea-know-dropdo-shiping {
    margin-top: 19px
}

.fea-know-cart-option,
.fea-know-dropdo-admin,
.fea-know-dropdo-catalog,
.fea-know-dropdo-local,
.fea-know-dropdo-preference,
.fea-know-dropdo-shiping,
.fea-know-power-search,
.feature-box-know-more {
    font-family: ProximaNova-Regular, Arial, sans-serif !important;
    font-size: 19px;
    background-color: #30373b;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
    float: right
}

.fea-know-cart-option:not(.nohover):hover,
.fea-know-dropdo-admin:not(.nohover):hover,
.fea-know-dropdo-catalog:not(.nohover):hover,
.fea-know-dropdo-local:not(.nohover):hover,
.fea-know-dropdo-preference:not(.nohover):hover,
.fea-know-dropdo-shiping:not(.nohover):hover,
.fea-know-power-search:not(.nohover):hover,
.feature-box-know-more:not(.nohover):hover {
    color: #fff
}

.col-feature {
    padding: 0 15px
}

.technology-image-splits {
    padding-top: 100px
}

.front-end-txt-feature {
    font-size: 40px;
    padding-top: 45px
}

.nav-tabs.bord-inside-col>li.active>a {
    border: 2px solid #eef3f9;
    border-bottom: 2px solid #eef3f9;
    padding: 10px 30px;
    box-shadow: 1px 2px 3px 4px #f3f3f3;
    font-size: 20px
}

.faq-box:active {
    background-color: #fbfcfd
}

.carousel-caption {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding-top: 120px;
    padding-bottom: 0;
    color: #000;
    text-shadow: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.feature-toggle-txt-head {
    font-size: 30px;
    padding-top: 110px
}

.feature-toggle-txt-content {
    font-size: 20px
}

.owl-prev:not(.nohover)hover {
    color: #000
}

.owl-theme .owl-controls .owl-buttons div {
    color: #121212;
    background: #eef3f9;
    border: #fff 1px solid;
    opacity: 1;
    filter: Alpha(Opacity=100);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.owl-carousel img {
    display: inline-block;
    padding-top: 29px
}

.controlls-over .owl-controls .owl-prev {
    position: absolute;
    top: 43%;
    margin-top: 166px;
    right: auto;
    left: -6px;
    width: 47px !important;
    height: 49px !important
}

.controlls-over .owl-controls .owl-next {
    top: 48%;
    margin-top: 141px;
    left: 55px;
    width: 47px !important;
    height: 49px !important
}

.button:hover {
    box-shadow: 0 0 20px #f7f7f8
}

.btn-demo {
    padding: 10px 30px;
    background: #00a651;
    border-radius: 5px;
    font-size: 22px;
    width: 185px;
    margin-right: 10px
}

.main-sub-heading {
    font-family: source_sans_proregular !important;
    font-size: 27px !important;
    padding-top: 0 !important
}

.read-more-button-presta {
    width: 185px !important;
    padding: 10px 18px !important
}

.review-prestashop {
    color: #30373b !important;
    margin-top: 30px !important
}

.owl-carousel.arrow-hei-fea {
    opacity: 1;
    display: block;
    max-height: 550px !important
}

#slider .btn-contact,
.btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons.multi-btn {
    width: 170px !important;
    padding: 10px 18px !important
}

@media only screen and (max-device-width:767px) {
    .mpb-pad {
        margin-bottom: 0 !important
    }

    #slider .btn-contact,
    .btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons.multi-btn {
        width: 98px !important;
        padding: 6px 18px !important;
        margin-top: 20px !important
    }

    #slider .btn-contact.prestashop-btn,
    .btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons.prestashop-btn {
        width: 133px !important;
        padding: 10px 18px;
        margin-top: 0 !important
    }

    #slider h2 {
        font-size: 27px;
        line-height: 27px;
        text-align: left
    }

    #header.transparent+#slider h1 {
        margin-top: 50px !important
    }

    .btn-demo {
        padding: 5px 10px;
        background: #00a651;
        border-radius: 5px;
        font-size: 18px;
        width: 133px;
        margin-right: 8px
    }

    .main-sub-heading.ft-se {
        font-size: 17px !important
    }

    .review.star-icon {
        width: 147px;
        height: 28px;
        background-position: 0;
        display: inline-block;
        float: left
    }

    .technology-txt {
        font-family: ProximaNova-Regular, Arial, sans-serif !important;
        font-size: 29px;
        line-height: 91px;
        padding-top: 10px
    }

    .front-end-txt-feature {
        font-size: 32px;
        padding-top: 20px
    }

    .header-image {
        padding-top: 20px;
        width: 100%
    }

    .review.star-icon {
        width: 147px;
        height: 26px;
        background-position: 0;
        display: inline-block;
        float: left;
        margin: -25px 67px
    }

    h2.question-faq {
        font-family: ProximaNova-Regular, Arial, sans-serif !important;
        font-size: 25px;
        line-height: 72px;
        padding-top: 4px
    }

    .nav-tabs.tab-pff>li {
        display: block !important;
        float: left !important;
        border: 0 !important;
        background-color: #fff;
        font-size: 11px
    }

    .nav-tabs.tab-pff>li>a {
        color: #111;
        font-weight: 400;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
        font-family: ProximaNova-Regular, Arial, sans-serif !important;
        font-size: 20px;
        border: 0;
        border-bottom: 1px solid #ebebeb
    }

    .prices-heading {
        font-size: 20px !important;
        padding-top: 0
    }

    .owl-carousel img {
        padding-top: 0
    }

    .nav-tabs.tab-pff>li {
        float: none;
        display: inline-block;
        border-bottom: 0 solid gray;
        width: 32.333336%
    }

    .nav-tabs.pri-txt>li>a {
        font-size: 12px;
        font-family: ProximaNova-Regular, Arial, sans-serif !important;
        margin-bottom: 5px
    }

    .nav-tabs.nav-bottom-border .fea-bor>li.active>a:hover,
    .nav-tabs.nav-bottom-border.fea-bor>li.active>a {
        border-bottom-color: #ea6124 !important;
        color: #000 !important;
        border-bottom: #ff4500 2px solid !important
    }

    .nav-tabs.pri-txt-bor>li,
    .nav-tabs.pri-txt-bor>li>a {
        display: inline-block !important;
        float: none !important;
        background-color: #fff
    }

    div.toggle.faq-tog>label {
        color: #333;
        background: rgba(0, 0, 0, .1);
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        padding: 10px 15px;
        position: relative;
        display: block
    }

    .nav-tabs.tab-pff-feature-tab>li {
        display: block !important;
        float: left !important;
        background-color: #fff;
        font-size: 15px;
        padding: 17px 23px
    }

    .nav-tabs.feature-tab>li {
        display: block !important;
        float: left !important
    }

    .nav-tabs.bord-inside-col.feature-tab-siz>li.active>a {
        color: #404953 !important;
        background-color: #fff;
        padding: 9px 20px;
        box-shadow: 1px 2px 3px 4px #f3f3f3
    }

    .nav-tabs.bord-inside-col>li>a {
        color: #404953 !important;
        background-color: #fff;
        padding: 10px 20px
    }

    .feature-toggle-txt-head {
        padding-top: 30px
    }

    .controlls-over .owl-controls .owl-prev {
        display: none
    }

    .controlls-over .owl-controls .owl-next {
        display: none
    }

    .owl-height-pre {
        opacity: 1;
        display: inline-block;
        min-height: 500px
    }

    .feature-box-know-more {
        font-size: 14px;
        margin-top: -8px
    }

    .pricing-presta {
        font-size: 15px;
        padding: 6px 16px;
        margin-top: 30px
    }

    .pricing-presta-num {
        color: #4a4848;
        font-family: ProximaNova-Regular, Arial, sans-serif !important;
        letter-spacing: 1px;
        font-size: 12px;
        padding: 0 10px;
        text-decoration: line-through
    }

    .presta-image-hid {
        height: 385px !important
    }

    .feature-img-heig {
        min-height: 200px !important;
        margin-bottom: 0
    }

    .pri-fea-section {
        padding-top: 34px;
        padding-bottom: 14px
    }

    .pricing-section {
        padding-top: 0
    }

    .technology-txt-content {
        font-size: 16px
    }

    .button-move {
        margin-top: 0
    }

    #slider .btn.top {
        margin-top: 0
    }

    .btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons.about-bt.contact.presta-btn {
        width: 133px !important;
        padding: 5px 18px !important;
        padding-top: 17px;
        margin-top: 0 !important
    }

    #topNav button.btn-mobile .head {
        padding: 0;
        margin: 0;
        font-size: 21px;
        color: #000
    }

    .lead.bottom-space.presta {
        margin-bottom: -63px
    }

    .owl-carousel.min-height .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
        z-index: 0;
        min-height: 330px
    }

    .owl-carousel.arrow-hei-fea {
        opacity: 1;
        display: inline-block;
        min-height: 0 !important
    }

    .pricing-section {
        padding-top: 0;
        margin-bottom: 60px
    }

    .faq-box div.toggle.active {
        background-color: #fbfcfd;
        margin: 0;
        padding-top: 0
    }

    .fea-plus-icon {
        margin-left: -30px;
        width: 30px
    }

    .feature-know-mo-siz {
        height: 270px
    }

    .catalog-fea {
        margin-top: 37px
    }

    .shiping-rules-fea {
        margin-top: 13px
    }

    .pricing-rules-fea {
        margin-top: 24px
    }

    .localization-fea {
        margin-top: 11px
    }

    .administration-fea {
        margin-top: 36px
    }

    .admin-feature-mob {
        font-family: ProximaNova-Regular, Arial, sans-serif !important;
        font-size: 16px;
        height: 246px
    }

    .pricing-smb-pos {
        margin-bottom: -17px
    }

    .statistics-fea {
        margin-top: 5px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .header-image {
        padding-top: 155px;
        width: 106%;
        margin-left: -25px
    }

    .main-sub-heading {
        font-family: source_sans_proregular !important;
        font-size: 27px !important
    }

    .review.star-icon {
        width: 140px;
        height: 26px;
        background-position: 0;
        margin: -29px 12px -4px;
        display: inline-block
    }

    .btn-demo {
        padding: 10px 30px;
        background: #00a651;
        border-radius: 5px;
        font-size: 22px;
        width: 156px;
        margin-right: 10px
    }

    .technology-txt {
        font-family: ProximaNova-Regular, Arial, sans-serif !important;
        font-size: 31px;
        line-height: 30px;
        padding-top: 58px
    }

    .controlls-over .owl-controls .owl-next {
        top: 48%;
        margin-top: 146px;
        left: 55px;
        width: 47px !important;
        height: 49px !important
    }

    .feature-box-know-more {
        font-size: 15px;
        padding: 4px 16px;
        margin-top: -10px
    }

    h2.question-faq {
        font-family: ProximaNova-Regular, Arial, sans-serif !important;
        font-size: 30px;
        line-height: 91px;
        padding-top: 20px
    }

    #slider h2 {
        font-size: 23px !important;
        line-height: 40px;
        text-align: left
    }

    .controlls-over .owl-controls .owl-prev {
        position: absolute;
        top: 43%;
        margin-top: 157px;
        right: auto;
        left: -6px;
        width: 47px !important;
        height: 49px !important
    }

    .controlls-over .owl-controls .owl-next {
        top: 48%;
        margin-top: 132px;
        left: 55px;
        width: 47px !important;
        height: 49px !important
    }

    .owl-carousel .owl-item div {
        position: relative;
        text-align: left;
        display: inline-block;
        vertical-align: middle
    }

    .feature-toggle-txt-head {
        padding-top: 88px
    }

    .read-more-tab {
        width: 127px !important;
        padding: 10px 18px !important
    }

    .demo-presta-tab {
        width: 127px !important;
        padding: 10px 18px !important
    }
}

.faq-box div.toggle.active {
    background-color: #fcfbfd;
    margin: 0;
    padding-top: 10px
}

#slider .btn-contact.prestashop-btn,
.btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons.prestashop-btn {
    width: 185px;
    padding: 10px 18px
}

.wrappers {
    margin: 50px auto;
    width: 1032px;
    height: 70px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    position: relative;
    z-index: 90
}

.supers-sub p {
    font-family: ProximaNova-Regular, Museo-300, Arial, sans-serif;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    color: #21252b;
    margin-bottom: 20px
}

.button-selects {
    background-color: #f15c25;
    color: #fff !important;
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    font-size: 23px;
    padding: 6px 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 30px
}

.controlls-over.position-slider.page-position .owl-pagination {
    text-align: center !important;
    position: absolute;
    bottom: -40px;
    margin: 0 37%
}

@media(max-width:767px) {
    .button-selects {
        font-size: 12px;
        padding: 8px 15px;
        margin-top: 30px
    }

    .mob-img {
        width: 50%
    }
}

@media screen and (max-width:1366px) {
    li.side_mm.menu-heights>a {
        height: 76px
    }
}

.img-position {
    bottom: -42px
}

ul.list-styles li {
    list-style: inside
}

.client-font {
    font-family: proxima_nova_ltbold;
    font-size: 18px;
    color: #000
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .img-pos-tab {
        margin-left: 43%
    }

    .client-font {
        font-size: 15px
    }
}

ul.text-paddings li {
    padding: 0 14px
}

.smb-dash {
    position: absolute;
    right: 0
}

.btn-demos {
    padding: 7px 27px;
    border: #19b5fe;
    background: #fff;
    font-size: 18px !important;
    width: 97px;
    margin: -5px 25%;
    border-radius: 2px !important;
    height: 37px;
    color: #27333f !important
}

.hiddden-xs-m {
    display: none !important
}

.smb-dash {
    position: absolute;
    right: 0
}

.item-box.box-height {
    overflow: hidden;
    margin: 0;
    position: relative;
    border: 10px solid #fff;
    box-shadow: 0 0 3px #d8d8d8 !important;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 380px
}

.over-img {
    min-height: 410px;
    padding: 0 !important;
    width: 362px
}

.controlls-over.pagination-position .owl-pagination {
    text-align: center;
    position: relative;
    width: 60%;
    margin: auto;
    bottom: -22px;
    left: 0;
    right: 0;
    z-index: 1
}

.producteds.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 5px 5px;
    border-radius: 25px;
    background-color: #f3774a
}

.owl-carousel.box-padding.owl-padding-10 .owl-item {
    padding: 5px 10px
}

.overlay.darks-5 {
    background-color: rgba(0, 0, 0, .92)
}

.design-text {
    font-family: ProximaNova-Regular;
    font-size: 30px;
    color: #27333f
}

.item-box.shadow-bx {
    overflow: hidden;
    margin: 0;
    position: relative;
    border: 10px solid #fff;
    box-shadow: 0 0 5px #d8d8d8 !important
}

.view-btn {
    background-color: #fff;
    color: #000;
    font-size: 20px
}

.btn-shadow {
    box-shadow: 0 0 4px #cbcbcb;
    padding: 10px;
    text-align: center
}

@media(max-width:767px) {
    .over-img {
        height: 280px
    }

    .btn-demos {
        margin: -2px -16px
    }

    .design-text {
        font-family: ProximaNova-Regular;
        font-size: 19px;
        color: #27333f
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .btn-demos {
        padding: 7px 27px;
        border: #19b5fe;
        background: #fff;
        font-size: 17px !important;
        width: 97px;
        margin: -2px 15px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .btn-demos {
        margin: -2px -28px
    }
}

.producteds.theme-eds.owl-theme .owl-controls .owl-page.active span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 5px 5px;
    border-radius: 25px;
    background-color: #f3774a;
    border: 1px solid #f3774a
}

.producteds.theme-eds.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 5px 5px;
    border-radius: 25px;
    border: 1px solid #575b5f;
    background: #fff
}

.owl-carousel.img-top img {
    display: inline-block;
    padding-top: 0
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    .over-img {
        min-height: 60px;
        padding: 0 !important;
        width: 217px
    }

    #slider .btn-contact,
    .btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons.multi-btn {
        width: 105px !important;
        padding: 10px 15px !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .over-img {
        min-height: 350px;
        padding: 0 !important;
        width: 300px
    }

    #slider .btn-contact,
    .btn-addons.slider .btn-col.btn-width.tabs-btn.btn-addons.multi-btn {
        width: 105px !important;
        padding: 10px 18px !important
    }
}

@media(max-width:767px) {
    .over-img {
        min-height: 300px;
        padding: 0 !important;
        width: 360px
    }

    .button-select.mb-price {
        font-size: 15px;
        padding: 6px 15px;
        margin-top: 30px
    }

    .price-ranges.mb-pos {
        font-size: 12px
    }
}

.ribbon-wrapper-green.position-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: 117px
}

.price-block {
    margin: 0 4%
}

.cont-bg {
    background-image: url(../img/html-design/img-noise-361x370.png);
    padding: 21px 41px;
    border: 1px solid #f9edf5
}

.trial.text-pad {
    padding: 0 0 0
}

.price-range.size-fnt h4 {
    color: #f15c25;
    font-family: graphik_regularregular !important;
    letter-spacing: 1px;
    font-size: 23px
}

.bcl.price-pos {
    background-color: transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 10px
}

.price-fnt {
    font-family: proxima_nova_ltbold !important;
    font-size: 30px !important;
    color: #f15c25 !important;
    padding: 0 0 !important
}

ul.planning-position li {
    margin-bottom: 17px
}

ul.price-text.htmlfnt li {
    font-family: graphik_regularregular !important;
    font-size: 16px !important;
    color: #27333f !important
}

.in-tx.nw-colour {
    color: #939393;
    font-family: graphik_regularregular !important;
    font-size: 14px !important
}

.inner-price {
    font-family: graphik_regularregular !important;
    color: #27333f;
    font-size: 17px
}

.price-headings {
    font-family: graphik_regularregular !important;
    font-size: 40px;
    color: #27333f;
    margin-bottom: 6px
}

.btn-primary.submit-button {
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    font-size: 19px;
    padding: 6px 32px;
    background-color: #f15c25;
    color: #fff
}

.cnt-shadow {
    box-shadow: 0 2px 4px #e7e7e7
}

feature-toggle-txt-content.cnt-colour {
    color: #27333f
}

.open>.dropdown-menu.min-width-bx {
    min-width: 96%
}

.form-control.type-bx {
    border: 2px solid #f6f6f6;
    box-shadow: 0 0 0 rgba(0, 0, 0, .025) inset
}

.form-buts {
    font-family: graphik_regularregular !important;
    color: #27333f;
    font-size: 17px
}

.btn-demo.html-demo {
    padding: 10px 30px;
    background: #00a651;
    border-radius: 5px;
    font-size: 20px;
    width: 155px !important;
    margin-right: 10px;
    box-shadow: 0 5px 5px #cbcbbc
}

.html-more {
    padding: 9px 28px !important;
    background: #f15e28;
    border-radius: 5px;
    font-size: 20px;
    width: 155px !important;
    margin-right: 10px;
    color: #fff;
    height: 46px;
    box-shadow: 0 5px 5px #cbcbbc
}

#slider h1.presta-heads {
    font-size: 30px;
    font-family: graphik_regularregular, Arial, sans-serif !important;
    color: #30373b !important;
    padding-bottom: 26px;
    line-height: 51px;
    font-weight: 100 !important;
    text-shadow: none
}

.owl-carousel.img-slider img {
    padding-top: 7%
}

.conts-font {
    font-family: graphikmedium, 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #27333f !important;
    margin-bottom: 20px
}

.over-img.html-bx {
    min-height: 530px;
    padding: 0 !important;
    width: 362px
}

@media(max-width:767px) {
    .conts-font {
        font-size: 19px
    }

    .price-block {
        margin: 0 0
    }

    .cont-bg {
        background-image: url(../img/html-design/img-noise-361x370.png);
        padding: 9px 18px
    }

    .form-control.type-box {
        display: block;
        width: 100%;
        height: 35px !important
    }

    .btn-primary.submit-button {
        padding: 6px 81px
    }

    .feature-toggle-txt-head.mb-hed {
        font-family: graphik_regularregular !important;
        font-size: 18px
    }

    #slider h1.presta-heads {
        font-size: 19px;
        line-height: 35px
    }

    .btn-demo.html-demo {
        font-size: 15px;
        width: 125px !important
    }

    .html-more {
        font-size: 15px;
        width: 125px !important;
        margin-top: 0 !important
    }

    .pad-tpt {
        padding-top: 0 !important
    }

    .feature-toggle-txt-content {
        margin-bottom: 0
    }

    .owl-carousel.min-heights .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
        z-index: 0;
        min-height: 240px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .html-more {
        padding: 9px 17px !important;
        width: 129px !important
    }

    .btn-demo.html-demo {
        padding: 10px 27px;
        font-size: 20px;
        width: 129px !important
    }

    ul.planning-position li {
        margin-bottom: 18px
    }

    .over-img.html-bx {
        min-height: 308px;
        width: 208px
    }

    .btn-demos.side-tb {
        padding: 7px 27px;
        border: #19b5fe;
        background: #fff;
        font-size: 17px !important;
        width: 97px;
        margin: -2px -30px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    #slider h1.presta-heads {
        font-size: 25px;
        line-height: 48px;
        text-align: left
    }

    .tab-margin {
        margin-top: 18%
    }

    ul.text-paddings li {
        padding: 0 0
    }

    .price-fnt {
        font-size: 17px !important
    }

    .price-range.size-fnt h4 {
        font-size: 17px
    }

    .inner-price {
        font-size: 13px
    }

    .ribbon-green.html-price {
        padding: 2px 0;
        left: -2px;
        top: 15px
    }

    .feature-toggle-txt-head.tb-text {
        font-family: graphik_regularregular !important;
        font-size: 16px;
        font-weight: 700 !important
    }

    .over-img.html-bx {
        min-height: 308px;
        width: 300px
    }

    .btn-demos.side-tb {
        margin: -2px 12px
    }

    .btn-demo.width.demo-btns.smb-header {
        width: 105px !important
    }

    #header.transparent+#slider h1 {
        margin-top: 0 !important
    }

    .download-font {
        font-family: ProximaNova-Regular !important;
        font-size: 24px;
        color: #27333f
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    owl-carousel.box-padding.owl-padding-10 .owl-item {
        padding: 5px 8%
    }

    .btn-demo.width.demo-btns.smb-header {
        width: 105px !important;
        padding: 10px
    }
}

.btn-demo.width.demo-btns.smb-header {
    width: 170px !important
}

.price-strike em {
    font-size: 11px
}

.months-font {
    font-size: 12px;
    color: #f15c25
}

.rupee-font {
    font-size: 17px
}

.wb-btn-smb-demo {
    background-image: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-position: initial;
    background-origin: initial;
    background-clip: initial;
    background-size: initial;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 22px;
    width: auto;
    height: auto;
    margin-right: 10px;
    padding: 10px 30px;
    background: #00a651;
    border-radius: 5px
}

@media(max-width:767px) {
    .nav.mobile-tab {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        display: inline-flex
    }

    ul.text-paddings li {
        padding: 0 0
    }

    .over-img.demo-mb {
        min-height: 257px;
        padding: 0 !important;
        width: 228px
    }

    .btn-dems {
        margin: 0 -23px
    }

    .nav-tabs.nav-bottom-borders>li.active>a,
    .nav-tabs.nav-bottom-borders>li.active>a:hover {
        border-bottom: 1px solid #ea6124 !important
    }

    .wb-btn-smb-demo {
        padding: 10px 19px
    }

    .feature-box-know-more.but-right {
        float: right;
        margin-top: 15px
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    ul.price-text li {
        font-size: 14px !important
    }
}

.client-box {
    box-shadow: 0 2px 9px #eaeaea;
    padding: 36px;
    border-radius: 7px
}

.client-box:hover {
    box-shadow: 0 3px 14px #eaeaea
}

.client-location {
    margin-top: 18px
}

.logo-img {
    min-width: 257px;
    max-height: 123px
}

.chedmed {
    background: url(../img/smb/ched-logo.png);
    padding: 61px;
    background-repeat: no-repeat;
    background-position: center
}

.chedmed:hover {
    background: url(../img/smb/chedmed.png);
    padding: 61px;
    background-repeat: no-repeat;
    background-position: center
}

.deniz {
    background: url(../img/smb/deniz.png);
    padding: 61px;
    background-repeat: no-repeat;
    background-position: center
}

.deniz:hover {
    background: url(../img/smb/deniz-tour.png);
    padding: 61px;
    background-repeat: no-repeat;
    background-position: center
}

.leaf {
    background: url(../img/smb/leaf-logo.png);
    padding: 61px;
    background-repeat: no-repeat;
    background-position: center
}

.leaf:hover {
    background: url(../img/smb/leaf.png);
    padding: 61px;
    background-repeat: no-repeat;
    background-position: center
}

.vvd {
    background: url(../img/smb/vvd-lo);
    padding: 61px;
    background-repeat: no-repeat;
    background-position: center
}

.vvd:hover {
    background: url(../img/smb/vvd.png);
    padding: 61px;
    background-repeat: no-repeat;
    background-position: center
}

ul.tabs {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style: none;
    width: 100%
}

ul.tabs li {
    display: inline-block;
    margin: 0;
    cursor: pointer;
    padding: 15px 30px;
    color: #30373b;
    overflow: hidden;
    position: relative;
    width: 19%;
    border-bottom: 1px solid #ebebeb;
    font-size: 22px;
    font-family: proxima_nova_ltbold, Arial, sans-serif
}

ul.tabs li img {
    display: block;
    margin: 0 auto
}

ul.tabs li:hover {
    border-bottom: 1px solid #f38e1e
}

ul.tabs li.active {
    background-color: #fff;
    color: #333;
    border-bottom: 2px solid #f3831e;
    display: inline-block
}

.tab_container {
    clear: both;
    float: left;
    width: 100%;
    background: #fff
}

.tab_content {
    padding: 20px;
    display: none
}

.tab_drawer_heading {
    display: none
}

.margin-top-30-m {
    margin-top: 30px
}

.margin-top-50-m {
    margin-top: 50px !important
}

.padding-top-50-m {
    padding-top: 50px !important
}

@media screen and (max-width:767px) {
    .tabs {
        display: none !important
    }

    .ship-bg {
        height: auto;
        padding-top: 30px !important
    }

    .wb-smb-shipping-part {
        font-size: 20px
    }

    .tab_drawer_heading img {
        width: 25%;
        padding-right: 15px
    }

    .tab_drawer_heading {
        background-color: #f15c25;
        color: #fff;
        margin: 15px;
        padding: 10px 20px;
        display: block;
        box-shadow: 0 0 5px #bbb;
        border-radius: 5px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: left;
        font-size: 18px;
        font-family: proxima_nova_ltbold, Arial, sans-serif
    }

    .d_active {
        background-color: #fff;
        color: #30373b;
        text-align: left;
        font-family: proxima_nova_ltbold, Arial, sans-serif;
        font-size: 18px;
        padding: 10px 20px
    }

    .margin-top-50-m {
        margin-top: 0 !important
    }

    .margin-top-30-m {
        margin-top: 10px
    }

    .padding-top-50-m {
        padding-top: 10px
    }
}

h2.question-faq.wb-smb-faqt {
    padding-top: 0;
    padding-bottom: 40px;
    line-height: 0
}

.wb-smb-heading {
    font-size: 40px;
    color: #000;
    margin-bottom: 0;
    padding-top: 30px
}

.wb-smb-para {
    font-size: 17px;
    font-family: ProximaNova-Regular, Arial, sans-serif;
    color: #30373b
}

.wb-smb-int {
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 10px #e1e1e1
}

.wb-smb-int img {
    padding-bottom: 30px;
    display: block;
    margin: 0 auto
}

.wb-smb-int a {
    font-size: 18px;
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    color: #30373b;
    margin-bottom: 20px;
    display: block
}

.wb-smb-esol {
    font-size: 35px;
    font-family: proxima_nova_ltbold, Arial, sans-serif;
    color: #30373b;
    margin-bottom: 20px;
    text-align: right
}

.wb-smb-round {
    padding: 18% 0
}

.wb-smb-shipping-part {
    font-size: 30px;
    font-family: proxima_nova_rgbold, Arial, sans-serif;
    color: #30373b;
    margin-bottom: 20px
}

.wb-smb-esol-p {
    font-size: 17px;
    line-height: 30px;
    color: #30373b
}

.wb-smb-header {
    font-family: source_sans_prosemibold !important;
    font-size: 34px !important;
    color: #30373b !important;
    line-height: 49px !important
}

.sa-btn-connection {
    color: #fff;
    background: #f15c25;
    padding: 5px 5px;
    min-width: 360px;
    font-family: ProximaNova-Regular, Arial, sans-serif;
    font-size: 22px;
    line-height: 40px !important;
    min-height: 53px;
    border-radius: 30px
}

.sa-btn-connection:hover {
    color: #fff;
    background: #f15c25;
    box-shadow: 0 0 5px #141414
}

.sa-btn-connection i {
    padding-left: 5px;
    vertical-align: middle;
    font-size: 16px
}

@media(max-width:1023px) {
    #slider h2.wb-smb-header {
        font-size: 24px !important;
        line-height: 35px !important
    }

    #slider h6.head-inner-text {
        margin-top: 10px !important;
        margin-bottom: 0
    }

    .margin-top-50-m {
        margin-top: 20px !important
    }

    .wb-smb-esol {
        font-size: 24px
    }

    .nomargin-tab {
        margin: 0 !important
    }

    .padding-top-50-m {
        padding-top: 0 !important
    }

    .wb-marketing-bg .wb-smb-heading.padding-top-50-m,
    .wb-payment-bg .wb-smb-heading.padding-top-50-m,
    .wb-smb-review .wb-smb-heading.padding-top-50-m {
        padding-top: 50px !important
    }

    ul.tabs li {
        padding: 15px 20px;
        text-align: center
    }

    .wb-smb-int {
        min-height: 260px
    }

    .esolutions-bg {
        padding: 50px 0 0;
        height: auto
    }

    .tab_content {
        padding-bottom: 0
    }

    .shipping-bg {
        padding: 0 !important
    }
}

.wb-review-based {
    font-family: source_sans_proregular !important;
    font-size: 27px !important;
    padding-top: 0 !important;
    text-align: left;
    color: #30373b !important;
    margin-top: 40px
}

.wb-review-based .review.star-icon {
    display: block
}

@media (max-width:767px) {
    .review.star-icon {
        margin-bottom: 10px
    }

    .wb-marketing-bg .wb-smb-heading.padding-top-50-m,
    .wb-payment-bg .wb-smb-heading.padding-top-50-m,
    .wb-smb-review .wb-smb-heading.padding-top-50-m {
        padding-top: 20px !important
    }

    .wb-smb-shipping-part {
        font-size: 20px
    }

    .tab_content {
        padding: 10px
    }

    h2.question-faq.wb-smb-faqt {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 30px
    }

    .wb-smb-heading {
        font-size: 20px;
        margin-bottom: 0;
        padding-top: 0
    }

    .wb-smb-para {
        font-size: 14px;
        margin-bottom: 30px;
        text-align: justify
    }

    .sa-btn-connection {
        padding: 5px 25px;
        min-width: auto;
        font-family: proxima_nova_ltbold, ProximaNova-Regular, Arial, sans-serif;
        line-height: 40px !important;
        font-size: 18px
    }

    .wb-strategies-bg {
        display: none
    }

    .wb-marketing-bg .wb-smb-para {
        margin-bottom: 0
    }

    #slider h1.wb-smb-header,
    #slider h2.wb-smb-header {
        text-align: center;
        font-size: 24px !important;
        line-height: 35px !important;
        margin-top: 50px !important
    }

    .main-sub-heads {
        margin-top: 0 !important;
        padding-bottom: 20px !important
    }

    .nocenter-m {
        text-align: left !important
    }

    .hidden-review {
        display: block !important
    }

    .bx-sh.pad {
        padding: 55px 18px 0
    }

    .wb-smb-round {
        padding: 30% 0 0
    }

    .wb-smb-shipping-part {
        font-size: 22px
    }

    .bor-top,
    .box-border {
        border: 0 !important
    }

    .wb-review-based {
        font-size: 14px !important;
        text-align: center;
        width: 14%
    }
}

@media(min-width:768px) {
    .visible-review {
        display: block !important
    }
}

.price-range {
    border: 1px solid #eef3f9;
    border-radius: 0;
    background: #f7f7f7;
    margin: 0;
    border-bottom: 0;
    border-right: 0
}

.price-range.first {
    border-top-left-radius: 5px
}

.price-head {
    font-size: 30px !important;
    padding: 40px 25px
}

.wb-amazing-features {
    background-position: -44px -270px;
    height: 198px;
    border-radius: 5px;
    box-shadow: 0 0 15px #e1e1e1
}

.wb-pricing-features {
    height: 40px;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.nav-tabs.nav-stacked.wb-pricing-plan {
    padding: 0 10px 17px;
    background: #f7f7f7;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #f7f9fc
}

.nav-tabs.nav-stacked.wb-pricing-plan li a {
    margin: 0
}

.nav-tabs.nav-stacked.wb-pricing-plan>li.active>a {
    background-color: #fff;
    box-shadow: 0 0 5px #e1e1e1;
    z-index: 1
}

.nav-stacked.wb-pricing-plan>li+li {
    margin: 0
}

.nav-tabs.nav-stacked.wb-pricing-plan>li>a span.wb-ecommerce-features {
    background-position: -451px -236px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li>a span.wb-marketing-automation {
    background-position: -451px -290px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li>a span.wb-delivery-solution {
    background-position: -452px -343px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li>a span.wb-payment-solution {
    background-position: -451px -392px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li>a span.wb-security {
    background-position: -452px -448px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li>a span.wb-design-manager {
    background-position: -456px -504px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li>a span.wb-mobility {
    background-position: -451px -552px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li>a span.wb-marketplace {
    background-position: -452px -604px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li.active>a span.wb-ecommerce-features {
    background-position: -364px -237px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li.active>a span.wb-marketing-automation {
    background-position: -364px -290px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li.active>a span.wb-delivery-solution {
    background-position: -365px -343px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li.active>a span.wb-payment-solution {
    background-position: -364px -392px
}

.nav-tabs.nav-stacked>li.active>a span.wb-security {
    background-position: -365px -448px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li.active>a span.wb-design-manager {
    background-position: -369px -504px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li.active>a span.wb-mobility {
    background-position: -364px -552px
}

.nav-tabs.nav-stacked.wb-pricing-plan>li.active>a span.wb-marketplace {
    background-position: -365px -604px
}

.wb-pricing-plans {
    width: 270px;
    height: 160px;
    display: inline-block;
    vertical-align: middle
}

.wb-starter {
    background-position: -415px 6px
}

.wb-plus {
    background-position: -814px 6px
}

.wb-pro {
    background-position: 1px 6px
}

.price-range.last {
    border-right: 1px solid #eef3f9
}

.wb-pricing-featur .col-sm-4 {
    border-left: 1px solid #eef3f9
}

.wb-pricing-featur .col-sm-4:first-child {
    border-left: 1px solid #eef3f9
}

.wb-pricing-featur .col-sm-4:last-child {
    border-right: 1px solid #eef3f9
}

.price-range .month-font {
    font-size: 11px;
    padding-bottom: 10px
}

.wb-pricing-featur ul {
    border-top: 2px solid #f7f9fc;
    padding: 20px 15px 0;
    margin-bottom: 0;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid #f7f9fc
}

.wb-pricing-featur ul li {
    border-bottom: 1px solid #f7f9fc;
    padding: 10px 15px;
    text-align: left;
    font-size: 18px !important;
    margin: 0
}

.wb-pricing-featur ul li.last {
    border: 0
}

.wb-pricing-featur ul li.wb-wrong {
    color: #ff2300 !important;
    font-family: proxima_nova_rgbold, Arial, sans-serif !important
}

.wb-delivery-solution-ht {
    height: 316px
}

.wb-security-ht {
    height: 271px
}

.wb-marketplace-ht {
    height: 294px
}

@media(max-width:767px) {
    .price-range.last {
        border-bottom: 1px solid #eef3f9
    }

    .price-range {
        border-right: 1px solid #eef3f9
    }
}

.sa-btn-connection.wb-smb_price {
    min-width: 420px
}

.owl-carousel img.rounded {
    padding: 0
}

.toggle.toggle-transparent div.toggle.active label {
    font-weight: 400 !important
}

ul.online-store-builder-tab li {
    margin: 0 -2px;
    width: 19.5%;
    border-bottom: 5px solid transparent;
    background-color: #fff;
    box-shadow: 1px 4px 8px #cbcbcb
}

ul.online-store-builder-tab li.active,
ul.online-store-builder-tab li:hover {
    background: #e1e1e1;
    border-bottom: 5px solid #ff4500
}

@media(min-width:768px) {
    .tab-content>.tab-pane.active.act {
        display: block;
        opacity: 1
    }

    .tab-content>.tab-pane.act {
        display: block;
        opacity: 1
    }

    .tab-content.active.act {
        display: block !important
    }
}

.wb-smb1.display-table-cell {
    display: block
}

@media(max-width:767px) {
    .tab_drawer_heading.store-builder-tab {
        background: #fff;
        color: #30373b
    }

    .d_active.tab_drawer_heading.store-builder-tab {
        background: #eee
    }

    #slider .btn-contact {
        padding: 12px 30px;
        background: #f28c13;
        border-radius: 5px;
        font-size: 22px !important;
        width: 200px !important;
        margin-right: 10px;
        line-height: normal !important;
        height: 51px !important
    }

    .tab-content.active.act {
        display: none
    }

    .bcl.price-display {
        display: inline-block;
        background-color: transparent
    }

    .wb-review-based .review.star-icon {
        display: block;
        width: 100%;
        height: 26px;
        background-position: center;
        float: none;
        margin: 0;
        text-align: center
    }
}

ul.ecom-web-design-tab li {
    display: block;
    width: 50%;
    text-align: center;
    margin: 0 auto;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #fff
}

.display-ib {
    display: inline-block
}

ul.ecom-web-design-tab li.first {
    margin: 60px auto 0
}

.tab_drawer_heading.web-design-tab {
    background: #fff;
    color: #30373b
}

#header.transparent #topMain.nav-pills.head-new-clr>li>a {
    color: #000
}

section {
    border: none;
    padding: 30px
}

@media only screen and (max-device-width:1024px) and (min-device-width:768px) and (orientation:portrait) {
    #header.transparent+#slider h1 {
        margin-top: 20px !important
    }

    #slider .btn-contact {
        padding: 3px 14px !important
    }

    section div.row>div {
        margin-bottom: -7px
    }

    #header.transparent #topNav button.btn-mobile {
        color: #000
    }

    section {
        padding: 0
    }
}

@media only screen and (max-device-width:767px) {
    section {
        padding: 10px
    }

    img {
        margin-top: 35px;
        max-width: 100%;
        margin-top: 0
    }

    i.fa.fa-bars.fa-mob {
        color: #000
    }
}

.carmove-bg {
    background-image: url(../img/magento-market/carlife_03.gif);
    background-repeat: no-repeat;
    margin-top: 4%;
    background-size: cover;
    box-shadow: 0 0 50px 0 #eaeaeb;
    padding-right: 10px;
    padding-left: 2px
}

.pae-shb.car-moving {
    box-shadow: none;
    margin-top: 25% !important
}

.cloud-bg.new-cloud-bg {
    background-image: url(../img/magento-market/cloud.gif);
    opacity: .6;
    margin-top: 6%
}

.wb-smb-heading.new-heading-edit {
    font-family: proxima_nova_ltbold !important;
    color: #27333f !important
}

.wb-smb-para.new-para-edit {
    font-family: ProximaNova-Regular !important;
    color: #27333f !important
}

.esolutions-bg.esolutions-edit-bg.solution-bg {
    background-image: url(../img/magento-market/ecommerce-solutions-bg_02.png);
    height: 310px
}

.wb-smb-esol.text-color-change {
    color: #000 !important
}

.wb-smb-esol-p.text-color-edit {
    color: #000 !important
}

.wb-smb-pay.ship-edit-bg {
    background-image: none !important
}

.wb-smb-round.wb-smb-ship-para-head {
    font-size: 30px !important;
    color: #30373b !important;
    font-family: proxima_nova_ltbold !important;
    padding: 0 !important
}

.ship-text-align {
    padding-top: 10%
}

.partner-bg-edit {
    background-image: url(../img/magento-market/Partner-bg_03.png);
    background-repeat: no-repeat;
    background-size: 58%;
    background-position: -20% 103%
}

.webserver-img {
    margin-top: 0
}

.market-auto-bg {
    background-image: none !important
}

.arc-manage {
    background: #fffaf9
}

.arc-figure-cap {
    text-align: center
}

.arc-figure-cap h3 {
    margin: 15px 0;
    color: #000
}

.arc-manage .item-box {
    box-shadow: 0 0 3px #f6f4f4 !important;
    border-radius: 0;
    border: 1px solid #f6f4f4;
    padding: 15px
}

.arc-manage .item-box figure {
    border: 1px solid #f6f4f4;
    box-shadow: 0 0 3px #f6f4f4 !important
}

.padd-char {
    padding: 0 8%
}

.padd-char .item-box .item-hover .inner {
    top: 0;
    margin-top: 0;
    padding: 0
}

.magento-feaure-sprite {
    background: url(../img/magento-market/magen-feature-new.png) no-repeat 10px 2px;
    width: 70px;
    height: 60px;
    display: inline-block;
    vertical-align: middle
}

.magento-feaure-sprite.arrow1 {
    width: 20px;
    background-position: -505px 4px;
    margin-left: 18%
}

.magento-feaure-sprite.arrow2 {
    width: 20px;
    background-position: -505px -50px;
    margin-left: 18%
}

.magento-feaure-sprite.b-sprite {
    background-position: -81px 5px
}

.magento-feaure-sprite.c-sprite {
    background-position: -168px 5px
}

.magento-feaure-sprite.d-sprite {
    background-position: 10px -90px
}

.magento-feaure-sprite.e-sprite {
    background-position: -83px -95px
}

.magento-feaure-sprite.f-sprite {
    background-position: -172px -95px
}

.magento-feaure-sprite.g-sprite {
    background-position: 11px -180px
}

.magento-feaure-sprite.h-sprite {
    background-position: -84px -175px
}

.magento-feaure-sprite.i-sprite {
    background-position: -173px -180px
}

.magento-feaure-sprite.j-sprite {
    background-position: -266px 2px
}

.magento-feaure-sprite.k-sprite {
    background-position: -353px 2px
}

.magento-feaure-sprite.l-sprite {
    background-position: -435px 0
}

.magento-feaure-sprite.m-sprite {
    background-position: -265px -94px
}

.magento-feaure-sprite.n-sprite {
    background-position: -350px -93px
}

.magento-feaure-sprite.o-sprite {
    background-position: -434px -93px
}

.magento-feaure-sprite.p-sprite {
    background-position: -258px -178px
}

.magento-feaure-sprite.q-sprite {
    background-position: -350px -178px
}

.magento-feaure-sprite.r-sprite {
    background-position: -435px -178px
}

@media (min-width:768px) and (max-width:1023px) {

    .magento-feaure-sprite.arrow1,
    .magento-feaure-sprite.arrow2 {
        margin-left: -4%
    }
}

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

    .magento-feaure-sprite.arrow1,
    .magento-feaure-sprite.arrow2 {
        margin-left: 13%
    }
}

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

    .magento-feaure-sprite.arrow1,
    .magento-feaure-sprite.arrow2 {
        margin-left: 5%
    }
}

.tech-use-bg {
    background: url(../img/magento-market/tech-bg_01.png) no-repeat 0;
    background-size: contain !important;
    background-attachment: inherit
}

.tech-use-bg .producteds.theme-eds.owl-theme .owl-controls .owl-page span {
    width: 10px;
    height: 10px;
    margin: 5px 5px;
    background-color: #fff;
    border: 1px solid #f3774a
}

.tech-use-bg .producteds.theme-eds.owl-theme .owl-controls .owl-page.active span {
    background-color: #f3774a;
    border: 1px solid #f3774a
}

.price-clean {
    border: none;
    background-color: transparent !important;
    box-shadow: none !important
}

.last-align {
    padding-top: 4%
}

.last-sub-head {
    font-size: 30px;
    padding-top: 3%;
    color: #000
}

.last-sub-para {
    font-size: 18px;
    padding: 0 5%
}

.align-1 {
    margin-left: 20% !important
}

.align-2 {
    margin-left: -8% !important
}

.demo-text-btn {
    font-family: latobold !important;
    font-size: 23px;
    padding-top: 15px
}

.demo-text-edit-btn {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 10px 30px;
    background: #00a651;
    color: #fff !important
}

.review-text {
    font-family: source_sans_prosemibold !important;
    font-size: 23px !important;
    color: #30373b !important;
    padding-top: 30px
}

.design-section {
    background-image: url(../img/magento-market/design-para-bg.png);
    background-size: 23% !important;
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: -220px 435px
}

.design-bg-new {
    background-image: url(../img/magento-market/design-head-bg.png);
    height: 150px;
    background-repeat: no-repeat;
    background-position: 0 -15px
}

.padding-top-30.new-padding-30 {
    padding-top: 50px !important
}

.wb-smb-esol.text-color-change {
    color: #000 !important;
    font-size: 42px !important;
    padding-top: 5%
}

.text-left.uber-text-head {
    padding-top: 10%
}

.bs-head.uber-value {
    margin-top: -5%;
    font-size: 21px !important
}

.wb-btn-smb-demo.con-demo-btn {
    margin-top: 0 !important
}

.feature-box-inside-img.ube-arrows {
    top: 23px !important;
    right: -10px !important
}

.uber-clone-arrow {
    margin: 5% 0 0 70%
}

.nav-tabs.uber-text-align>li>a {
    font-size: 18px;
    font-family: proxima_nova_ltbold !important
}

.wb-uber-userapp {
    background: url(../img/uber-clone/rider-app-bg_03.png) top center no-repeat;
    min-height: 160px
}

.user-rider-image {
    margin-top: -40px
}

.feature-toggle-txt-head.app-change-margin {
    padding-top: 10px;
    font-family: proxima_nova_ltbold !important;
    color: #27333f
}

.uber-fea-sub-menu {
    margin-bottom: 0;
    margin-left: 8%;
    vertical-align: middle;
    display: inline-block;
    line-height: 1
}

.price-range.border-tp.uber-pricing-border {
    border-top: 3px solid #f15c25;
    box-shadow: 0 19px 46px #e7e7e7;
    border-radius: 0;
    background-color: #fff
}

.uber-controlls>div.owl-controls {
    height: 150px !important
}

.uber-controlls .owl-controls .owl-prev {
    top: 44.8%
}

.uber-controlls .owl-controls .owl-next {
    top: 49.6%
}

.uber-fea-image {
    margin-top: -2px
}

ul.tabs.uber-text-align li {
    font-size: 18px !important;
    width: 21%
}

.userappp-img-controlls .owl-controls {
    display: none !important
}

.owl-carousel .uber-controlls {
    overflow: auto
}

.uber-pricing-bg {
    background: url(../img/uber-clone/pricing-head_03.png) center no-repeat;
    height: 200px;
    display: block;
    border-radius: 15px
}

.start-uber-value {
    margin: 0;
    padding-top: 30%;
    font-size: 25px !important;
    color: #151101 !important
}

.uber-start-amt {
    font-size: 30px !important;
    margin: 0
}

.best-uber {
    font-size: 12px !important;
    color: #8f8f8f !important;
    font-family: ProximaNova-Regular !important
}

.uber-pricing-header {
    padding: 15px 15px;
    border-bottom: 0 solid #e1e1e1
}

.second-col-pricing {
    background: url(../img/uber-clone/second-col-bg_03.png) no-repeat center;
    height: 725px;
    background-size: cover;
    border: 1px solid #eef3f9;
    margin-left: -14px;
    border-left: none
}

.btn.btn-select-option {
    background: #f15c25;
    border: none;
    border-radius: 30px;
    padding: 0 15%;
    color: #fff;
    margin-bottom: 15px;
    font-size: 22px;
    font-family: proxima_nova_ltbold, Arial, sans-serif
}

.nav-tabs.edit-value-tabs>li.active>a,
.nav-tabs.edit-value-tabs>li.active>a:hover {
    background-color: #fff
}

.edit-value-tabs {
    background-color: #f8f8f8 !important;
    padding: 10px;
    border-bottom: 0
}

.edit-value-tabs>li a {
    font-size: 15px
}

.img-pricing-second-col {
    margin-top: -4%;
    padding: 14%
}

.first-col-pri-uber {
    background-color: #f8f8f8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.nav-stacked.edit-value-tabs>li+li {
    margin-top: 0 !important
}

@media only screen and (max-device-width:1024px) and (min-device-width:768px) and (orientation:portrait) {
    .presta-image-hid-uber {
        height: 418px !important
    }

    .text-left.uber-text-head {
        padding-top: 5%
    }

    .bs-head.uber-value {
        margin-top: -10% !important;
        font-size: 13px !important
    }

    .wb-btn-smb-demo.con-demo-btn {
        font-size: 20px;
        margin-bottom: 4%
    }

    .wb-review-based {
        font-size: 18px !important;
        padding-left: 10%
    }

    ul.tabs.uber-text-align li {
        font-size: 13px !important;
        width: 23%
    }

    .feature-toggle-txt-head.app-change-margin {
        font-size: 18px
    }

    .feature-toggle-txt-content.text-change-margin {
        font-size: 13px
    }

    .start-uber-value {
        padding-top: 38%
    }

    .edit-value-tabs>li a {
        font-size: 12px
    }

    .second-col-pricing {
        height: 685px
    }

    .wb-smb-heading.taxi-head {
        padding-top: 24%;
        font-size: 35px
    }

    .wb-smb-para.taxi-para {
        font-size: 12px
    }

    .btn.btn-select-option {
        font-size: 15px
    }

    .img-pricing-second-col {
        margin-top: 16%;
        padding: 0
    }

    .smb-features.rev-edit-uber {
        font-size: 14px
    }

    .review.star-icon.uber-rev-user {
        margin-top: 15px
    }

    .arc-manage {
        padding: 30px
    }

    .arc-manage .sa-btn-connection {
        min-width: auto;
        font-size: 15px
    }
}

@media only screen and (max-device-width:767px) {
    i.fa.fa-bars {
        color: #000 !important
    }

    .presta-image-hid-uber {
        background-image: none !important;
        height: 380px !important
    }

    #slider h2.bs-head.mob-bs-head {
        font-size: 22px !important;
        line-height: 30px !important;
        text-align: center;
        margin-top: 15% !important
    }

    .bs-head.uber-value {
        font-size: 13px !important;
        margin-top: -10px !important;
        text-align: center
    }

    .wb-btn-smb-demo.con-demo-btn {
        font-size: 16px
    }

    .uber-clone-arrow {
        margin: 10% 0 0 10%
    }

    .wb-uber-userapp {
        background-image: none !important;
        min-height: 0
    }

    .main-sub-heads {
        text-align: center;
        margin-top: 0 !important
    }

    .nocenter-m {
        text-align: left !important
    }

    .hidden-review {
        display: block !important
    }

    .bx-sh.pad {
        padding: 55px 18px 0
    }

    .wb-smb-round {
        padding: 30% 0 0
    }

    .wb-smb-shipping-part {
        font-size: 22px
    }

    .bor-top,
    .box-border {
        border: 0 !important
    }

    .wb-review-based {
        font-size: 14px !important;
        text-align: center
    }

    .tab_drawer_heading {
        background-color: #fff;
        color: #000;
        margin: 20px;
        padding: 10px 20px;
        display: block;
        box-shadow: 0 0 5px #bbb;
        border-radius: 5px;
        cursor: pointer;
        text-align: left;
        font-size: 15px;
        font-family: proxima_nova_ltbold, Arial, sans-serif
    }

    .wb-smb-para.new-para-edit {
        font-size: 13px;
        text-align: center
    }

    .mob-align-box {
        padding: 0 !important
    }

    .technology-image-splits {
        padding: 0 !important;
        margin-top: -10%
    }

    .feature-toggle-txt-head.app-change-margin {
        font-size: 20px
    }

    .text-change-margin {
        font-size: 13px
    }

    .owl-carousel.uber-controlls {
        margin-bottom: 0;
        height: 407px
    }

    .technology-txt-pd {
        margin: 0;
        padding: 0 10%
    }

    h2.question-faq {
        font-size: 23px
    }

    p.question-faq-txt {
        font-size: 15px
    }

    .technology-txt-pd p {
        font-size: 15px
    }

    .mob-align-color {
        background-color: #f1f1f1;
        margin: 10% 0 0 0
    }

    .col-mob-pad {
        padding: 0
    }
}

/*sales-conversion*/
.border-line.sls-cntct-border {
    background: url(../img/index/line(1).png) center no-repeat !important;
}

/*sales-conversion*/
a.get-itt {
    font-size: 20px;
    color: #000 !important;
    /* background: transparent !important; */
    display: inline-block;
    padding: 15px 40px;
    border: 2px solid #000;
    border-radius: 4px;
    margin: 0 auto;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 700
}

a.get-itt:hover {
    background: #fff;
    color: #251b5b !important
}