body {
    font-size: 14px;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;
    color: #4a4a4a
}

h2,
h3 {
    font-weight: 400
}

h1 {
    font-size: 55px;
    color: #fff
}

h2 {
    font-size: 32px;
    margin-bottom: 25px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 300
}

h5 {
    font-size: 20px
}

.btn {
    font-size: 16px
}

p {
    margin-bottom: 20px;
    color: #4a4a4a
}

ol,
ul {
    margin: 0;
    padding: 0
}

a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

.pt-3 {
    padding-top: 16px
}

.pb-3 {
    padding-bottom: 16px
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.mt-4 {
    margin-top: 24px
}

.mb-5,
.my-5 {
    margin-bottom: 5rem!important
}

.mt-5,
.my-5 {
    margin-top: 5rem!important
}

.mx-auto {
    margin-right: auto;
    margin-left: auto;
    display: block
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.ptop-150 {
    padding-top: 150px
}

.bg-white {
    padding: 70px 0;
    background: #fff
}

.page-new-titel {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.46;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    color: #000
}

.slick-initialized .slick-slide,
.subs-newsletter button[type=submit]:focus {
    outline: 0
}

.contact-form button,
.contact-form label,
.feature-banner h1,
.feature-n-benifits h2,
.landing-banner h1,
.landing-form label,
.support-features button,
.testing-tabs li a {
    text-transform: uppercase
}

.attachment,
.cursue,
.slider {
    cursor: pointer
}

.rect-btn-group {
    margin: 30px 0
}

.btn {
    border-radius: 5px;
    margin: 0 17px 0 0;
    color: #2e3c55;
    width: 188px;
    padding: 0 10px;
    height: 41px;
    line-height: 36px;
    position: relative;
    z-index: 1;
    border: 2px solid transparent;
    overflow: hidden;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s
}

.btn:last-child {
    margin-right: 0
}

.btn-primary {
    background: #2e3c55;
    color: #fff
}

.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover {
    color: #2e3c55;
    background: 0 0
}

.btn-success {
    background: #ec6c1f;
    color: #fff
}

.inner-wrap {
    padding: 95px 0;
    width: 100%
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 10px 0
}

.fixheader {
    position: fixed;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, .11)
}

.affilite-section {
    padding-top: 11%;
    width: 100%;
    min-height: 500px
}

.navbar-nav>li:not(.login)>a:after,
header:after {
    position: absolute;
    left: 0;
    right: 0;
    content: ''
}

header:after {
    width: 100%;
    height: 0;
    background: #fff;
    top: 0;
    z-index: -1;
    transition: all .4s ease-in-out 0s;
    -webkit-transition: all .4s ease-in-out 0s;
    -moz-transition: all .4s ease-in-out 0s;
    -ms-transition: all .4s ease-in-out 0s
}

header>* {
    transition: all .6s ease-in-out 0s;
    -webkit-transition: all .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -ms-transition: all .6s ease-in-out 0s
}

.header .navbar-light .navbar-nav .nav-link{color: #000;}
.header .navbar-light .navbar-nav .nav-link:focus, .header .navbar-light .navbar-nav .nav-link:hover{color: #000;}

.navbar-brand {
    height: auto;
    padding: 4px 15px 0 0
}

.navbar-nav>li {
    margin: 0 10px; 
    position: relative;
}

.navbar-nav>li:last-child {
    margin: 0;
    position: initial;
}

.navbar-nav>li>a {
    color: #fff;
    padding: 0 15px;
    display: block;
    line-height: 40px
}

.hidden,
.mob-sticked img,
.sticked img,
.sticky img {
    display: none
}

.nav>li>a:focus,
.nav>li>a:hover {
    background: 0 0
}

.nav>li.login>a {
    border-radius: 8px;
    width: 100px;
    height: 40px;
    padding: 0;
    line-height: 40px;
    text-align: center;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    background: #2e3c55
}

.mob-sticked .navbar-nav>li:not(.login)>a,
.sticked .navbar-nav>li:not(.login)>a,
.sticky .navbar-nav>li:not(.login)>a {
    color: #000
}

.mob-sticked:after,
.sticked:after,
.sticky:after {
    height: 100%;
    box-shadow: 0 0 7px rgba(0, 0, 0, .11)
}

.navbar-nav>li:not(.login)>a:after {
    width: 0;
    height: 3px;
    background: #000;
    border-radius: 3px;
    bottom: 0;
    margin: auto;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s
}

.home-banner .form-group,
.navbar-nav>li.active>a:after,
.navbar-nav>li:not(.login):hover>a:after {
    width: 100%
}

.mob-sticked .navbar-nav>li:not(.login)>a:after,
.sticked .navbar-nav>li:not(.login)>a:after,
.sticky .navbar-nav>li:not(.login)>a:after {
    background: #2eaeb9
}

.navbar-nav>li.active>a {
    font-weight: 600
}

.mob-sticked img.hidden,
.sticked img.hidden,
.sticky img.hidden {
    display: block!important
}

.flex-box,
.flex-sm-box {
    display: flex;
    align-items: center;
    align-content: center
}

.ghost-white .flex-box,
.schreenshot-testing .flex-box {
    flex-flow: row-reverse
}

.home-banner {
    background: url(../images/lambda-banner-bg.jpg) center bottom/cover no-repeat;
    min-height: 640px;
    position: relative;
    height: 100vh
}

.home-banner h4 {
    color: #fff;
    margin-bottom: 30px
}

.banner-content {
    position: static
}

.banner-screen {
    position: absolute;
    left: -95px;
    top: 20px
}

.home-banner form {
    display: inline-block
}

.home-banner .form-inline .form-control {
    width: 340px;
    height: 52px;
    background: #ececec;
    border-radius: 5px 0 0 5px;
    float: left
}

.home-banner button {
    width: 170px;
    height: 52px;
    font-size: 20px;
    border-radius: 0 5px 5px 0;
    float: left
}

.home-banner button:hover {
    background: #e4490f;
    color: #fff
}

.step-list li {
    font-size: 12px;
    color: #fff;
    padding-right: 25px;
    position: relative
}

.feature-bar,
.step-list li:after {
    background: #fff;
    position: absolute;
    bottom: 0
}

.step-list li:after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    right: 10px;
    top: 0;
    margin: auto
}

.step-list li:last-child:after {
    display: none
}

.feature-bar {
    box-shadow: 0 0 7px rgba(0, 0, 0, .11);
    left: 0;
    right: 0;
    overflow: hidden;
    opacity: 1;
    visibility: visible
}

.feature-bar.fixed {
    position: fixed;
    top: 62px;
    bottom: auto;
    z-index: 99
}

.feature-bar.fixed a {
    padding-top: 5px;
    padding-bottom: 5px
}

.feature-bar li,
.feature-bar1 li {
    border-left: 1px solid #e3e3e6;
    border-right: 1px solid #e3e3e6;
    margin: 0;
    padding: 0;
    float: left
}

.feature-bar.fixed.offfixed {
    visibility: hidden;
    opacity: 0
}

.feature-bar li {
    width: calc(100% / 4)
}

.feature-bar1 li {
    width: calc(100% / 5)
}

.feature-bar li:first-child {
    border-left: none
}

.feature-bar li:last-child {
    border-right: none
}

.feature-bar a {
    color: #222349;
    padding: 14px 65px 14px 100px;
    display: block;
    position: relative;
    transition: all .6s ease-in-out 0s;
    -webkit-transition: all .6s ease-in-out 0s;
    -moz-transition: all .6s ease-in-out 0s;
    -ms-transition: all .6s ease-in-out 0s
}

.feature-bar a:before {
    position: absolute;
    content: '';
    width: 40px;
    height: 40px;
    background: url(../images/feature-icons.png) no-repeat;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto
}

.feature-bar li:nth-child(2) a::before {
    background-position: -60px 4px
}

.feature-bar li:nth-child(3) a::before {
    background-position: -110px 4px
}

.feature-bar li:nth-child(4) a::before {
    background-position: -160px 4px
}

.feature-bar li:nth-child(1) a.active:before,
.feature-bar li:nth-child(1) a:hover:before {
    background-position: 0 -52px
}

.feature-bar li:nth-child(2) a.active:before,
.feature-bar li:nth-child(2) a:hover:before {
    background-position: -60px -48px
}

.feature-bar li:nth-child(3) a.active:before,
.feature-bar li:nth-child(3) a:hover:before {
    background-position: -110px -48px
}

.feature-bar a:hover,
.feature-bar li a.active,
.feature-bar li.active a {
    background: #2e3c55;
    color: #fff;
    border-color: #2e3c55
}

.feature-bar .create-ticket-link a {
    background: #0ebac5;
    color: #fff;
    border-color: #0ebac5
}

.ghost-white {
    background: #f7f7fa
}

.browser-on-real h2 span {
    font-weight: 500
}

.benifits {
    background: #f5f5f5
}

.benifits h2 {
    color: #37aeb8
}

.benifits h5 {
    margin: 30px 0 80px;
    color: rgba(0, 0, 0, .7)
}

.benifits-screen-wrap {
    background: url(../images/benifits-bg.png) center top no-repeat;
    min-height: 550px
}

.benifits-screens {
    margin-top: 35px
}

.benifits-screens figure {
    margin-left: -25px;
    position: relative;
    display: inline-block
}

.benifits-screens-images img {
    display: none
}

.benifits-screens-images img:first-child {
    display: block
}

.benifits-screens figure a {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    box-shadow: 0 0 27px rgba(0, 0, 0, .3)
}

.benifits-screens figure .fa {
    color: #ed6c1f;
    line-height: 40px
}

.benifits-screens figure a.tip1 {
    top: 30px;
    left: -130px
}

.benifits-screens figure a.tip2 {
    top: 0;
    right: -85px
}

.benifits-screens figure a.tip3 {
    top: 170px;
    right: -150px
}

.benifits-screens figure a.tip4 {
    bottom: -150px;
    right: -50px
}

.benifits-screens figure a.tip5 {
    bottom: 0;
    left: -150px
}

.benifits-screens figure a.active .fa,
.benifits-screens figure a:hover .fa {
    animation: 2s linear 0s normal none infinite running spinAround
}

.tooltip>.tooltip-inner {
    background-color: #ed6c1f;
    padding: 15px;
    border-radius: 10px;
    min-width: 160px
}

.tooltip>.tooltip-arrow {
    border-top-color: #ed6c1f!important
}

.clients-n-reviews .inner-wrap {
    padding-bottom: 0
}

.clients-n-reviews h3 {
    color: #4a4a4a;
    font-weight: 300
}

.clients-n-reviews h3 span {
    font-weight: 400
}

.clients-n-reviews .clients-list {
    margin: 35px 0 35px -10px
}

.clients-list li {
    margin: 6px;
    padding: 0;
    width: 150px
}

.clients-list img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all .5s ease
}

.clients-list li:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    filter: grayscale(0)
}

.customer-review {
    background: #26274c;
    padding: 45px 0 20px;
    margin-top: 40px;
    position: relative;
    z-index: 1
}

.customer-review:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 120px;
    background: #f7f7fa;
    bottom: 0;
    z-index: -1
}

.customer-review h3 {
    color: #fff;
    margin-bottom: 15px;
    font-weight: 300
}

.customer-review h3 span {
    font-weight: 500
}

.customer-review p {
    color: #626981
}

.review-wrap {
    margin: 35px -15px 0
}

.review-box {
    padding: 30px 15px
}

.reviews {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .55)
}

.client-thumb {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 0 0 0 2px rgba(229, 229, 229, .55) inset;
    float: left;
    margin-right: 10px
}

.client-thumb img {
    width: 100%;
    height: 100%
}

.reviews .name {
    color: #2f2f2f;
    font-size: 17px
}

.review-msg,
.reviews .designation {
    color: #626981
}

.review-msg {
    margin-top: 30px;
    font-size: 14px
}

.fa-star {
    color: #fc3658
}

.reviews .fa-star:last-child {
    color: #fec2cd
}

.subs-newsletter {
    padding: 60px 0
}

.subs-newsletter h3 {
    margin-bottom: 10px;
    color: #4a4a4a
}

.subs-newsletter .h5 {
    margin-bottom: 50px
}

.subs-newsletter input[type=email] {
    height: 63px;
    width: 380px;
    border-radius: 10px;
    background: #ececec;
    border: none;
    box-shadow: none;
    font-size: 23px;
    color: #a1a1a1
}

.subs-newsletter button[type=submit] {
    width: 160px;
    height: 63px;
    background: #ed6c1f;
    border: none;
    border-radius: 10px;
    font-size: 18px;
    color: #fff;
    margin-left: 25px;
    overflow: hidden
}

.feature-banner {
    background: url(../images/lambda-bg.jpg) no-repeat;
    padding-top: 100px;
    background-size: 100% 70%;
    width: 100%;
    height: auto
}

.feature-banner h4 {
    color: #fff;
    margin-block-end: 10px;
    font-weight: 300
}

.feature-banner h1 {
    margin: 10px 0;
    color: #fff
}

.feature-banner figure {
    margin: 20px 0 0
}

.feature-n-benifits {
    padding: 70px 0
}

.feature-n-benifits h2 {
    color: #2e3c55;
    margin-bottom: 50px
}

.demo-sechedule {
    padding: 30px 0
}

.demo-sechedule .h3 {
    font-size: 36px;
    margin: 0
}

.demo-sechedule .h2 {
    font-size: 44px;
    padding-bottom: 15px;
    margin: 10px 0 40px;
    position: relative
}

.demo-sechedule .h2:after {
    position: absolute;
    content: '';
    width: 80%;
    bottom: 0;
    height: 2px;
    left: 0;
    background: #000
}

.demo-sechedule li {
    font-size: 24px;
    margin: 10px 0;
    background: url(../images/msg-icon.png) left center no-repeat;
    padding-left: 55px
}

.demo-sechedule li.phone {
    background: url(../images/phone-icon.png) left center no-repeat
}

.demo-sechedule li span {
    color: #2e3c55
}

.more-benifits {
    padding: 30px 0 0
}

.more-benifits h2 {
    margin-bottom: 10px
}

.benifits-lsit {
    position: relative;
    margin: 40px 0 0;
    display: block;
    float: left
}

.benifits-lsit:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 100%;
    background: #dbdbdb;
    right: 0;
    left: 0;
    margin: auto;
    top: 0;
    bottom: 0
}

.benifits-lsit li {
    width: 50%;
    padding: 10px 50px;
    border-top: 1px solid #dbdbdb;
    float: left
}

.benifits-lsit li:first-child,
.benifits-lsit li:nth-child(2) {
    border: none
}

.benifits-lsit .title {
    font-size: 21px;
    margin-bottom: 20px
}

.benifits-lsit p {
    font-size: 18px;
    line-height: 22px;
    margin: 0
}

.pricing-banner {
    padding: 75px 0 10px;
    position: relative
}

.get-started:after,
.pricing-banner:after {
    position: absolute;
    content: '';
    width: 80%;
    height: 1px;
    background: #d4d4d7;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.browser-banner,
.pricing-banner .top-banner {
    padding: 120px 0 20px;
    background: #0ebac5
}

.pricing-banner h1 {
    margin-bottom: 15px
}

.browser-banner .media-left {
    padding: 0 80px
}

.browser-banner h1 {
    margin: 5px 0 10px;
    font-weight: 300;
    font-size: 36px
}

.pricing-banner h4 {
    font-size: 29px;
    line-height: 32px;
    color: #fff;
    font-weight: 300
}

.browser-banner .tag-line {
    color: #fff;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
}

.faq h2,
.pricing-banner h1 {
    color: #2e3c55
}

.pricing {
    padding: 50px 0
}

.pricing-list>li {
    padding: 15px
}

.price-manual .our-plans {
    background: #fff;
    padding-bottom: 25px;
    padding-top: 10px
}

.get-started {
    position: relative;
    padding: 40px 0
}

.get-started h2 {
    margin-top: 0;
    color: #2e3c55
}

.get-started .tag-line {
    margin: 0
}

.faq {
    padding: 40px 0 60px;
    overflow: hidden
}

.faq h2 {
    margin-bottom: 15px
}

.faq-topics {
    font-weight: 400
}

.faq-accordian {
    margin: 50px 0
}

.faq-accordian li {
    margin: 5px 0
}

.faq-accordian li.active .acc-content {
    display: block
}

.faq-accordian li>a {
    width: 100%;
    display: block;
    padding: 15px 55px 15px 25px;
    background: #fff;
    border-radius: 5px;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: rgba(0, 0, 0, .7);
    position: relative
}

.faq-accordian li>a:after {
    position: absolute;
    content: "\f067";
    font-family: FontAwesome;
    right: 25px;
    font-size: 1em;
    color: rgba(0, 0, 0, .7);
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 60px
}

.faq-accordian li.active>a:after {
    content: '\f068'
}

.faq-accordian li.active {
    box-shadow: 0 0 32px rgba(0, 0, 0, .3)
}

.acc-content {
    padding: 15px 50px 15px 25px;
    background: #f6f5f5;
    display: none
}

.acc-content p {
    font-size: 14px
}

.acc-content p:last-child {
    margin: 0
}

.ask-faq .title {
    font-size: 30px;
    margin-bottom: 10px
}

.ask-faq p a {
    color: #34b4bf
}

.contact-banner {
    background: url(../images/contact-banner-bg.jpg) center center/contain repeat-y
}

.contact-banner .flex-box {
    align-items: stretch;
    flex-flow: unset
}

.contact-form {
    padding: 85px 140px 50px 15px
}

.contact-form h3 {
    color: #4f5767;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px
}

.contact-form h3:after {
    position: absolute;
    content: '';
    height: 2px;
    width: 450px;
    bottom: 0;
    background: #0ebac5;
    left: 0
}

.contact-form label {
    font-size: 12px;
    color: #4a4a4a
}

.contact-banner .form-group {
    width: 450px
}

.contact-form input,
.contact-form textarea {
    background: #ececec;
    border: none;
    resize: none;
    box-shadow: none;
    height: 40px
}

.contact-form textarea {
    height: 100px
}

.contact-form button {
    background: #0ebac6;
    margin: 20px 0;
    width: 190px;
    height: 40px
}

.contact-form button:before {
    background: #08848d
}

.address-box {
    background: url(../images/shape-bg.png) 90% 90% no-repeat;
    padding: 170px 15px 50px
}

.address-box .h1 {
    color: #fff;
    margin: 0 0 10px
}

.address-box h1 {
    color: #0ebac6
}

.call-us {
    font-size: 24px;
    color: #fafafa;
    margin: 67px 0 20px
}

.address-box address {
    color: #fff;
    line-height: 30px
}

.price-manual {
    padding: 20px 0 50px
}

.package-type {
    margin-bottom: 55px;
    min-height: 60px
}

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
    margin: 0 25px;
    vertical-align: text-top
}

.slider,
.slider:before {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0
}

.package-type input {
    display: none
}

.slider {
    right: 0;
    background: #0ebac5;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 15px
}

.slider:before {
    content: "";
    height: 15px;
    width: 15px;
    border: 1px solid #0ebac5;
    background: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .04);
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 100%
}

input:checked+.slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px)
}

.price-table {
    position: relative;
    z-index: 9;
    min-height: 500px
}

.our-plans {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 25px
}

.our-plans .price-pack {
    background: #fafafa;
    padding: 0 30px 10px;
    min-height: 115px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center
}

.price-pack p {
    margin-bottom: 0
}

.our-plans .price-pack>* {
    width: 100%
}

.our-plans .total-price {
    font-size: 52px;
    line-height: 1
}

.our-plans sup {
    font-size: 32px
}

.our-plans .package-desc {
    padding: 8px 0
}

.our-plans select {
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(../images/select-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    color: #9fa3a7;
    font-size: 14px;
    line-height: 1.56;
    box-shadow: none;
    border: 1px solid #0ebac5;
    border-radius: 25px;
    width: 264px!important;
    margin-left: -16px
}

.price-table ul {
    margin-top: 30px
}

.price-table li {
    padding: 12px 12px 12px 35px;
    border-bottom: solid 1px #eaeaea;
    background: url(../images/check-icon.png) 5px center no-repeat
}

.price-table .btn {
    width: 175px;
    height: 40px;
    line-height: 36px;
    font-weight: 700;
    border-radius: 25px;
    border: 2px solid #0ebac5;
    background: #fff;
    box-shadow: none;
    color: #0ebac5
}

.btn-info:active:hover,
.btn-info:focus,
.btn-info:hover,
.price-table .btn-default {
    background: 0 0;
    color: #0ebac5
}

.price-table .btn-default:hover {
    color: #fff;
    background: #0ebac5
}

.price-table .top-seller:before {
    content: attr(data-topseller-tag);
    position: absolute;
    width: 100%;
    height: 30px;
    background: #0ebac5;
    top: -30px;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    left: 0;
    text-transform: uppercase
}

.attachment,
.faq-list li,
.support-banner,
.support-faq {
    position: relative
}

.blog-post__desc li:after,
.faq-list .active:before {
    content: '';
    top: 0;
    bottom: 0
}

.price-table .top-seller .price-pack {
    background: rgba(14, 186, 197, .09)
}

.plan-description {
    background: #fff;
    padding: 40px 50px;
    float: left
}

.plan-description li {
    font-size: 20px;
    color: rgba(0, 0, 0, .7);
    padding: 0 0 0 40px;
    margin: 7px 0;
    background: url(../images/check2-icon.png) 8px 8px no-repeat;
    width: 50%;
    float: left
}

.support-banner {
    background: #37aeb8;
    min-height: 475px;
    padding: 80px 0 58px;
    color: #fff
}

.feature-bar__support a,
.feature-bar__support.fixed a {
    padding: 20px 35px 20px 65px
}

.create-ticket .modal-content {
    box-shadow: none;
    border: none;
    border-radius: 0
}

.create-ticket .modal-header {
    border: none
}

.create-ticket .form-control {
    border-color: #b0d5d8
}

.attachment {
    color: #2e3c55;
    font-size: 16px
}

.create-ticket input[type=file] {
    opacity: 0;
    margin-top: -20px;
    cursor: pointer;
    z-index: 11;
    position: relative
}

.create-ticket button.btn {
    width: 115px;
    min-width: 100px
}

.create-ticket label {
    color: #4a4a4a;
    font-size: 16px
}

.support-features {
    padding: 60px 0
}

.support-features input {
    width: 100%;
    background: #ececec;
    box-shadow: none;
    border: none
}

.support-features button {
    width: 160px;
    height: 46px;
    border-radius: 53px;
    background: #ed6c1f;
    overflow: hidden;
    padding: 0;
    border: 2px solid transparent;
    color: #fff
}

.support-features button:hover {
    border: 2px solid #ed6c1f;
    background: 0 0;
    color: #ed6c1f
}

.faq-list a,
.support-faq .h3.title {
    color: #2d3b56
}

.support-features .f-box {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    margin-top: 30px;
    border: 1px solid #eaeaea;
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s
}

.blog-post__desc,
.blog-post__shortDesc,
.blog-tags {
    border-bottom: solid 2px #979797
}

.support-features .f-box:hover {
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, .11)
}

.support-features .f-box h5 {
    font-weight: 700;
    font-size: 15px;
    margin: 15px 0 20px
}

.support-faq {
    padding: 150px 0 60px
}

.faq-block {
    margin-top: 30px
}

.faq-list li {
    margin: 18px 0
}

.faq-list a {
    font-size: 16px;
    padding: 7px 0;
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    letter-spacing: .5px
}

.faq-list .active:before {
    position: absolute;
    width: 4px;
    border-radius: 4px;
    height: 100%;
    left: -15px;
    margin: auto;
    background: #0ebac5
}

.faq-acc-wrap {
    display: none
}

.faq-acc-wrap .faq-accordian {
    margin: 0
}

.faq-acc-wrap li {
    display: inline-block;
    width: 100%
}

.faq-acc-wrap .faq-accordian li>a {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
}

.faq-acc-wrap .faq-accordian p {
    font-size: 14px;
    color: #000
}

.blog-banner {
    padding: 150px 0 60px
}

.blog-tags {
    padding: 20px 0;
    border-top: solid 2px #979797
}

.blog-tags li {
    margin: 0 15px
}

.blog-tags a {
    font-size: 20px;
    color: #9b9b9b
}

.blog-post {
    margin-top: 40px
}

.blog-post__title a,
.blog-tags a.active {
    color: #4a4a4a
}

.blog-post__desc {
    padding: 15px 0
}

.blog-post__desc figure {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 15px;
    float: left
}

.blog-post__desc li {
    font-size: 20px;
    color: #9b9b9b;
    line-height: 50px;
    position: relative;
    margin-right: 10px
}

.blog-post__desc li:last-child,
.blog-post__social li:last-child {
    margin: 0
}

.blog-post__desc li:after {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #9b9b9b;
    right: -10px;
    margin: auto
}

.blog-post__desc li:last-child:after {
    display: none
}

.blog-post__author span {
    color: #2e2c2c
}

.blog-post__social {
    padding: 20px 0
}

.blog-post__social li {
    margin-right: 20px;
    font-size: 20px;
    color: #9b9b9b
}

.blog-post__social a {
    color: #9b9b9b
}

.blog-post__thumb a {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 400px
}

.blog-post__shortDesc {
    padding: 30px 0 60px
}

.blog-post p {
    font-size: 18px;
    color: #737373;
    line-height: 24px;
    text-align: justify
}

.read-more {
    color: #0ebac5;
    font-size: 20px
}

.blog-post__fullDesc {
    border: none
}

.blog-post__fullDesc h3 {
    color: #4a4a4a;
    margin: 30px 0
}

.dev-banner {
    padding: 40px 0
}

.dev-banner h5 {
    color: #7e7e7e
}

.dev-tools {
    padding: 70px 0 50px
}

.browsers-list>li {
    vertical-align: top;
    width: calc(100% / 7);
    float: left;
    padding: 0 15px
}

.browsers-list li li {
    margin: 20px 0;
    font-size: 12px;
    color: #000
}

.testing-plateform {
    padding: 50px 0 0
}

.testing-tabs li {
    margin: 0 50px
}

.testing-tabs li a {
    font-size: 18px;
    color: #7e7e7e;
    padding: 5px 55px 25px 85px;
    display: block;
    border-bottom: 2px solid transparent
}

.testing-tabs li.active a,
.testing-tabs li:hover a {
    color: #000;
    border-bottom: 2px solid #29d5e0
}

.browser-names {
    margin: 20px 0 50px
}

.plateform-title {
    padding: 0 15px
}

.plateform-title h2 {
    padding-left: 100px;
    display: inline-block
}

.plateform-title__desktop {
    background: url(../images/desktop-icon.png) 35px 8px no-repeat;
    padding: 15px 0
}

.testing-tabs li.active .plateform-title__desktop,
.testing-tabs li:hover .plateform-title__desktop {
    background: url(../images/desktop-icon-active.png) 35px 8px no-repeat
}

.plateform-title__mobile {
    background: url(../images/mobile-icon.png) 35px 5px no-repeat;
    padding: 18px 0
}

.testing-tabs li.active .plateform-title__mobile,
.testing-tabs li:hover .plateform-title__mobile {
    background: url(../images/mobile-icon-active.png) 35px 5px no-repeat
}

.bowsers-versions-list {
    padding: 50px 0;
    display: none
}

.region-blocks__desktop li {
    width: calc(100% / 5);
    vertical-align: top;
    float: left;
    padding: 0 25px
}

.region-blocks {
    margin: 15px 0
}

.region-blocks__name {
    font-size: 14px;
    color: #2a2a2b;
    border-radius: 55px;
    height: 53px;
    width: 200px;
    line-height: 53px;
    background: url(../images/apple-icon.png) 30px center no-repeat #fff;
    border: 1px solid rgba(213, 210, 210, .5);
    padding: 0 20px 0 63px;
    text-align: left
}

.copyright,
.ft-menu li {
    border-top: 1px solid #d8d8d8
}

.region-blocks__name.windows {
    background: url(../images/windows-icon.png) 20px center no-repeat #fff
}

.region-blocks__name.android {
    background: url(../images/android-icon.png) 30px center no-repeat #fff
}

.browser-version__info {
    margin-top: 20px
}

.browser-version__info span {
    min-width: 35px;
    display: inline-block;
    margin: 5px 0;
    font-size: 11px;
    color: #000;
    width: calc(100% / 3);
    float: left
}

.region-blocks__mobile .col-sm-6 {
    padding-right: 60px
}

.region-blocks__mobile h4 {
    color: #000;
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: 600
}

.region-blocks__mobile ul {
    margin-bottom: 40px
}

.region-blocks__mobile li {
    margin: 7px 0;
    font-size: 12px
}

.region-blocks__mobile li span {
    float: right
}

.region-blocks__mobile li span:before {
    content: attr(data-device-type);
    color: #797979;
    margin-right: 80px
}

.knowledge-banner {
    padding: 120px 0 20px;
    position: relative
}

.knowledge-banner .feature-bar,
.support-faq .feature-bar {
    bottom: auto;
    top: 62px
}

.knowledge-banner .top-bar {
    border-bottom: 2px solid #0ebac5;
    padding: 0 0 20px
}

.search-title {
    font-size: 14px;
    color: #0ebac5;
    padding-left: 40px;
    background: url(../images/search.png) left center no-repeat
}

.knowledge-banner .bottom-bar {
    padding: 45px 0 20px
}

.knowledge-banner .bottom-bar .media-left {
    padding-right: 40px
}

.knowledge-banner .bottom-bar .f-icon {
    width: 67px;
    height: 67px;
    border-radius: 100%;
    background: url(../images/knowledge-icon.png) center center no-repeat #0ebac5
}

.knowledge-banner h3 {
    margin: 0 0 10px
}

.knowledge-banner p {
    font-size: 18px
}

.knowledge-badge {
    padding: 45px 0
}

.knowledge-box {
    padding: 0 15px 45px
}

.knowledge-box h3 {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 20px
}

.knowledge-box li {
    margin: 8px 0
}

.knowledge-box li a {
    font-size: 18px;
    color: #000;
    padding: 15px 30px;
    display: block;
    border-radius: 5px;
    background: #fff;
    transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s
}

.address-bar a,
.copyright,
.ft-menu a,
address {
    font-size: 13px
}

.knowledge-box li:hover a {
    color: #0ebac5;
    box-shadow: 0 0 32px rgba(0, 0, 0, .16)
}

footer {
    padding: 30px 0;
    background: #fff;
    border-top: 1px solid #e8e9ed;
    padding-top: 70px
}

.ft-logo-bar {
    padding: 15px 0;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 15px;
    width: 100%;
    float: left
}

.social-links li {
    margin-left: 5px;
    padding: 0;
    overflow: hidden;
    text-align: center
}

.social-links a {
    background: #000000;
    width: 26px;
    height: 27px;
    display: block;
    color: #fff;
    transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s
}

.social-links .fa {
    line-height: 27px
}

.social-links li.fb:hover a {
    background: #365899
}

.social-links li.twitter:hover a {
    background: #55acee
}

.social-links li.linkedin:hover a {
    background: #007bb6
}

.social-links li.youtube-icons:hover a {
    background: red
}

.social-links li.github-icon:hover a {opacity: .6; }
.social-links li.github-icon img{width: 14px; }

.social-links li:hover .fa {
    animation: 2s linear 0s normal none infinite running tada
}

.address-bar h6 {
    color: #373737;
    font-size: 13px
}

.address-bar a {
    color: #56c9d0
}

address {
    color: #a1a1a1
}

.ft-menu {
    padding-left: 150px
}

.ft-menu li {
    width: 130px;
    float: left;
    padding: 0;
    margin: 0 10px 0 30px
}

.ft-menu a {
    padding: 10px 0;
    display: block;
    color: rgba(0, 0, 0, .7)
}

.modal-dialog,
.modal:before {
    display: inline-block;
    vertical-align: middle
}

.copyright {
    color: #a1a1a1;
    margin-top: 40px;
    padding-top: 15px;
    border-top: 0 solid #e8e9ed!important
}

.modal {
    text-align: center;
    padding: 0!important
}

.modal:before {
    content: '';
    height: 100%;
    margin-right: -4px
}

.modal-dialog {
    text-align: left
}

.landing-banner {
    padding: 130px 0 70px;
    background: url(../images/landing-banner.jpg) left center/cover no-repeat
}

.landing-banner h1 {
    font-size: 40px;
    font-weight: 500
}

.border-btn,
.white-btn {
    height: 65px;
    line-height: 60px;
    padding: 0;
    font-size: 20px;
    font-weight: 600
}

.landing-banner h4 {
    color: #fff
}

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

.white-btn {
    background: #fff;
    color: #f05921;
    width: 200px;
    border-radius: 65px;
    border: 2px solid transparent;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.white-btn:hover {
    background: 0 0;
    border-color: #f05921;
    color: #fff
}

.border-btn {
    width: 230px;
    border-radius: 65px;
    color: #fff;
    border: 2px solid rgba(255, 2555, 255, .5);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.border-btn:hover {
    background: rgba(255, 2555, 255, .5);
    color: #f05921
}

.border-btn .glyphicon {
    margin-right: 10px
}

.landing-form .form-group {
    float: left;
    width: 100%
}

.landing-form label {
    font-size: 16px;
    color: rgba(255, 2555, 255, .5);
    font-weight: 300;
    width: 100%
}

.landing-form label[for=agree] {
    color: #fff;
    text-transform: inherit;
    padding-left: 35px
}

.landing-form .form-control {
    border: 1px solid #292929;
    background: #343a4a;
    box-shadow: none;
    height: 50px;
    color: #fff
}

.landing-form .country-code {
    width: 95px;
    margin-right: 20px;
    float: left;
    background: url(../images/arrow-down-white.png) 90% center no-repeat #343a4a;
    -webkit-appearance: none;
    -moz-appearance: none
}

.country-code+.form-control {
    width: calc(100% - 115px);
    float: left
}

.landing-form button {
    width: 187px;
    height: 51px;
    background: #ed6c1f;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border: none;
    text-transform: uppercase;
    border-radius: 5px;
    margin-top: 20px
}

.already-member {
    font-size: 20px;
    line-height: 51px;
    margin-left: 30px;
    color: #fff;
    border-bottom: 2px solid rgba(229, 229, 229, .55)
}

.already-member:hover {
    color: #e4490f
}

.cross-plateform-testing {
    padding: 45px 0
}

.cross-plateform-testing h2 {
    color: #2e3c55;
    font-weight: 300
}

.cross-plateform-testing h2 span {
    font-weight: 500
}

.cross-plateform__feature {
    margin: 40px 0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0
}

.cross-plateform__feature li {
    font-size: 18px;
    color: #4d4d4d;
    text-align: left;
    width: calc((100% - 240px)/ 3);
    padding: 15px 0 15px 80px;
    float: left;
    margin: 0 40px;
    line-height: 1;
    background: url(../images/cross-feature-icon.png) 0 13px no-repeat
}

.cross-plateform__feature li:nth-child(2) {
    background-position: 0 -55px
}

.cross-plateform__feature li:nth-child(3) {
    background-position: 0 -125px
}

.cross-plateform__feature span {
    font-weight: 700;
    font-size: 20px;
    color: #000
}

.cross-plateform__feature-list {
    margin-top: 30px
}

.cross-plateform__feature-list li {
    padding: 5px 0 5px 55px;
    margin: 10px 0;
    font-size: 18px;
    position: relative;
    background: url(../images/circle-check.png) left center no-repeat
}

.cross-plateform__feature-list .white-btn {
    width: 230px;
    background: #1db7c0;
    color: #fff
}

.cross-plateform__feature-list .fa {
    margin-left: 20px
}

.cross-plateform__feature-list .white-btn:hover {
    background: 0 0;
    border-color: #1db7c0;
    color: #1db7c0
}

.partners {
    padding: 40px 0 60px;
    background: #41485d
}

.partners h3 {
    font-weight: 300;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.landing-turquoise-banner h1,
.partners h3 span,
.plan-validity h5 {
    font-weight: 600
}

.partners p {
    color: rgba(229, 229, 229, .55);
    margin-bottom: 30px
}

.cross-plateform__feature-live-list li:nth-child(1) {
    background-position: 0 -203px
}

.cross-plateform__feature-live-list li:nth-child(2) {
    background-position: 0 -280px
}

.cross-plateform__feature-live-list li:nth-child(3) {
    background-position: 0 -360px
}

.plan-validity {
    padding: 85px 0;
    background: url(../images/plan-validity-bg.jpg) center center/cover no-repeat
}

.cross-plateform__feature-list a {
    color: #1db7c0
}

.plan-validity h5 {
    margin: 0 0 10px;
    font-size: 16px
}

.landing-turquoise-banner h1,
.plan-validity h1 {
    font-size: 36px;
    font-family: 'Montserrat', sans-serif;
}

.plan-validity h1 {
    color: #ed6c1f;
    margin: 0
}

.plan-validity .btn {
    width: 240px;
    height: 45px;
    border-radius: 100px;
    border: 2px solid transparent;
    background: #1db7c0;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0;
    margin: 30px 0 15px;
    line-height: 40px;
    color: #fff
}

.plan-validity .btn:hover {
    background: 0 0;
    border-color: #fff;
    color: #fff
}

.plan-validity h5 {
    color: #fff
}

.plan-validity h5 span {
    color: #ed6c1f
}

.customer-review.ghost-white {
    margin: 0;
    background: #f7f7fa
}

.customer-review.ghost-white h3 {
    color: #000
}

.customer-review.ghost-white:after,
.customer-review.ghost-white~.subs-newsletter {
    background: #26274c
}

.customer-review.ghost-white~.subs-newsletter {
    padding-top: 30px
}

.customer-review.ghost-white~.subs-newsletter h3,
.customer-review.ghost-white~.subs-newsletter h5 {
    color: #fff
}

.customer-review.ghost-white~.subs-newsletter button[type=submit] {
    border-radius: 63px
}

.nav>li.login__landing>a {
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 10px;
    line-height: 34px
}

.sticked .nav>li.login__landing>a,
.sticky .nav>li.login__landing>a {
    border-color: #1db7c0;
    color: #1db7c0
}

.landing-turquoise-banner {
    background: #0ebac5;
    padding: 130px 0 70px
}

.landing-turquoise-banner h4 {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    color: #fff;
    margin: 30px 0
}

.landing-turquoise-banner .media-left {
    padding-right: 30px
}

.landing-turquoise-banner .media .fa {
    font-size: 2em;
    color: #fff;
    line-height: 40px
}

.landing-turquoise-banner .media h5 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    color: #fff
}

.landing-turquoise-banner .media h5>span {
    font-size: 36px
}

.landing-turquoise-banner .media p {
    color: #fff;
    font-weight: 300
}

.demo-sechedule form,
.landing-turquoise-banner form {
    width: 395px;
    margin: auto;
    display: inline-block
}

.demo-sechedule .form-group,
.landing-turquoise-banner .form-group {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    position: relative
}

.demo-sechedule .form-control,
.landing-turquoise-banner .form-control {
    height: 40px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: none;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: .4px;
    padding-left: 45px;
    padding-right: 35px
}

.demo-sechedule .user-name .form-control,
.landing-turquoise-banner .user-name .form-control {
    width: calc((100% - 13px)/ 2);
    float: left
}

.demo-sechedule .user-name .form-control:last-child,
.landing-turquoise-banner .user-name .form-control:last-child {
    margin-left: 13px;
    padding: 0 20px
}

.demo-sechedule .input-icon,
.landing-turquoise-banner .input-icon {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    line-height: 40px;
    color: #bebebe;
    width: 20px;
    font-size: 1.2em
}

.landing-turquoise-banner .form-group .input-icon__eye {
    right: 10px;
    left: auto;
    font-size: 1em
}

.demo-sechedule h2,
.landing-cpt h3 {
    font-family: 'Montserrat', sans-serif;
}

.demo-sechedule button,
.landing-turquoise-banner button {
    width: 120px;
    height: 40px;
    border-radius: 40px;
    border: 2px solid transparent;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .9px
}

.landing-cpt h3 {
    color: #4a4a4a;
    font-weight: 300;
    margin-bottom: 40px
}

.landing-cpt h3 span {
    font-weight: 600
}

.btn-action {
    width: 127px;
    height: 40px;
    border-radius: 40px;
    background: #0ebac5;
    border: 2px solid transparent;
    color: #fff;
    line-height: 34px;
    margin-top: 30px
}

.btn-action:hover {
    background: 0 0;
    color: #0ebac5;
    border-color: #0ebac5
}

.landing-browser-list h5 {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    color: #4a4a4a;
    margin-bottom: 50px
}

.landing-browser-list h5 span {
    font-weight: 600
}

.landing-browser-list h5 a {
    color: #0ebac5;
    font-weight: 500
}

.landing-browser-list ul {
    padding-left: 20px
}

.demo-sechedule h2 {
    font-weight: 300
}

.demo-sechedule h2 span {
    font-weight: 600;
    font-size: 42px
}

.demo-sechedule .form-control {
    background: #e8e9ed
}

.demo-sechedule label {
    color: #4a4a4a
}

.coming-soon-banner {
    background: #0ebac5;
    padding: 130px 0 80px
}

.coming-soon-banner h1 {
    font-size: 42px
}

.coming-soon-banner h4 {
    font-size: 20px;
    line-height: 1.4;
    color: #fff;
    margin: 25px 0 30px
}

.coming-soon-banner .form-control {
    width: 306px;
    border-radius: 6px 0 0 6px;
    font-size: 16px;
    color: #b5b8bd;
    height: 55px;
    float: left
}

.coming-soon-banner .form-control1 {
    width: 213px;
    border-radius: 6px;
    font-size: 16px;
    color: #b5b8bd;
    height: 55px;
    float: left;
    border: none;
    margin-bottom: 12px
}

.coming-plans li:hover .fa,
.plan-validity.coming-soon h1,
.plan-validity.coming-soon h5 span {
    color: #fff
}

.marginRight12 {
    margin-right: 12px
}

.coming-soon-banner button {
    width: 132px;
    height: 55px;
    font-size: 16px;
    font-weight: 600;
    float: left;
    border-radius: 0 6px 6px 0
}

.coming-soon-banner .step-list {
    margin-top: 25px
}

.plan-validity.coming-soon {
    padding: 58px 0;
    background: url(../images/pricing-plans-bg.jpg) center center/cover no-repeat
}

.plan-validity.coming-soon .btn {
    background: #ee6d00;
    border-color: #ee6d00
}

.plan-validity.coming-soon .btn:hover {
    background: #c65d04
}

.coming-plans {
    padding: 35px 0
}

.coming-plans li {
    margin: 35px 0
}

.coming-plans .media {
    display: flex;
    align-items: center
}

.coming-plans .media-left {
    padding-right: 30px
}

.coming-plans .p-icons {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.coming-plans li:hover .p-icons {
    box-shadow: inset 0 0 150px #0ebac5
}

.coming-plans .fa {
    line-height: 90px;
    color: #818a99;
    font-size: 3em;
    font-weight: 400;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.coming-plans h5 {
    font-weight: 600;
    font-size: 20px;
    margin: 0
}

.coming-plans p {
    color: #87949e;
    margin: 0
}

.slidehigh {
    min-height: 200px
}

.sucrinews .form-inline {
    max-width: 504px;
    height: 45px;
    border-radius: 100px;
    background-color: #fafafa;
    border: 2px solid #eaeaea;
    margin: 0 auto;
    display: table
}

.sucrinews .form-inline .form-group {
    display: table-cell;
    width: 100%;
    vertical-align: middle
}

.sucrinews input[type=email] {
    height: auto;
    line-height: normal;
    border: none;
    background: 0 0;
    box-shadow: none;
    width: 100%;
    font-size: 14px
}

.sucrinews button[type=submit] {
    width: 90px;
    height: 32px;
    border-radius: 100px;
    color: #fff;
    background-color: #ef6c00;
    vertical-align: middle;
    padding: 0;
    font-size: 12px;
    margin: 4px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s
}

.sucrinews button[type=submit]:hover {
    border: 2px solid #ef6c00;
    background: #fff;
    color: #ef6c00
}

.mybtn {
    border-radius: 5px;
    margin: 0 17px 0 0;
    font-size: 16px;
    width: 188px;
    background: #2e3c55;
    color: #fff;
    display: block;
    padding: 0 10px;
    height: 41px;
    line-height: 36px;
    position: relative;
    z-index: 1;
    border: 2px solid transparent;
    overflow: hidden;
    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    text-align: center
}

.mybtn:hover {
    border: 2px solid #2e3c55;
    background: 0 0;
    color: #2e3c55
}

.centbtn {
    margin: 0 auto
}

h1.textstyles {
    font-family: 'Montserrat', sans-serif;
}

.divsect ul {
    list-style: disc;
    border-bottom: 1px solid #d1d1d1;
    padding: 7px 0 7px 24px
}

.divsect ul li {
    list-style: square!important
}

.tab-cont {
    display: none
}

.tab-aria {
    padding-top: 20px
}

.integrations_banner {
    width: 100%;
    min-height: 500px;
    background: #002e4e;
    padding-top: 100px;
    padding-bottom: 80px
}

.inte_heading {
    font-size: 36px;
    color: #fff;
    font-weight: 500;
    margin-top: 40%
}

.inte_subheading {
    font-size: 20px;
    font-weight: 300;
    color: #fff
}

.integrations_list {
    width: 100%;
    min-height: 500px;
    background: #fff;
    padding: 40px 0
}

.integrations_list .main_titel {
    font-size: 30px;
    font-weight: 500;
    color: #4a4a4a;
    text-align: center
}

.integrations_list .main-discri {
    font-size: 14px;
    text-align: center;
    color: #9b9b9b
}

.padd10 {
    padding: 10px
}

.list_border {
    border-radius: 7px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    min-height: 225px;
    padding: 25px 35px
}

.list_border h2 {
    font-size: 36px;
    font-weight: 300;
    color: #4a4a4a;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px
}

.list_border h2 img {
    height: 38px;
    width: 38px;
    float: left;
    margin-right: 15px
}

.list_border p {
    font-size: 13px;
    font-weight: 400;
    color: #9b9b9b;
    line-height: 1.67
}

.list_border p.link {
    margin-bottom: 0
}

.list_border p a {
    font-size: 12px;
    color: #0ebac5
}

.btn-success:active,
.btn-success:active:hover,
.btn-success:focus,
.btn-success:hover {
    color: #ec6c1f;
    background: #fff;
    border-color: #ec6c1f
}

.plugin_sec {
    width: 100%;
    min-height: 350px;
    padding-top: 60px;
    padding-bottom: 40px
}

.iocn-huge {
    width: 128px;
    height: 128px;
    background-color: #fff;
    box-shadow: 0 15px 45px 0 #e2e2e2;
    padding: 28px;
    margin: 0 auto 30px;
    display: block;
    border-radius: 100%
}

.plugin_sec_text h5 {
    font-size: 24px;
    color: #26292c;
    letter-spacing: .47px;
    margin-top: 0
}

.plugin_sec_text p {
    font-size: 15px;
    color: #8c8f94;
    letter-spacing: .47px;
    font-weight: 300;
    line-height: 22px
}

.get_more a {
    color: #0ebac5;
    font-size: 15px;
    font-weight: 600
}

.social-links a {
    border-radius: 100%;
    height: 30px;
    width: 30px;
    font-size: 14px;
    line-height: 28px
}

.ft-menu li {
    border-top: 0 solid #e8e9ed!important;
    width: 170px
}

.coll-box {
    margin-top: 0!important
}

.coll-box li {
    width: 200px;
    margin-bottom: 16px
}

.ft-menu a {
    padding: 7px 0;
    display: block;
    color: #9b9b9b;
    font-weight: 500;
    font-size: 14px
}

.coll-box li a img {
    margin-right: 7px
}

.footer-titel {
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a
}

.footer-text {
    font-size: 12px;
    color: #9b9b9b
}

.foot-nave {
    float: left;
    width: 100%
}

.contact-banner {
    background: #fff;
    padding: 80px 0
}

.contact-form h3 {
    color: #4f5767;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px
}

.contact-form input,
.contact-form select,
.contact-form textarea {
    background: #fafafa;
    border: 1px solid #eaeaea
}

.contact-form .form-control {
    box-shadow: none;
    font-size: 12px;
    letter-spacing: .4px;
    padding-left: 35px;
    padding-right: 35px;
    height: 45px
}

.contact-form .input-icon,
.demo-sechedule .input-icon,
.landing-turquoise-banner .input-icon {
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    line-height: 40px;
    color: #bebebe;
    width: 20px;
    font-size: 1.2em
}

.contact-banner .title {
    padding: 30px 0 0
}

.contact-banner .title h1 {
    font-size: 48px;
    font-weight: 300;
    margin: 0;
    text-align: right;
    line-height: 1.08;
    color: #0ebac5
}

.contact-banner .title h1 span {
    font-size: 30px;
    color: #4a4a4a;
    display: block;
    padding-right: 8%;
    line-height: 1.73
}

.contact-banner .contact-form {
    padding-top: 0
}

.contact-form h3 {
    color: #4f5767;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 30px
}

.contact-banner .form-group,
.contact-form h3:after {
    width: 100%
}

.contact-form .form-group {
    position: relative
}

.contact-form button {
    background: #0ebac6;
    margin: 20px 0;
    width: 190px;
    height: 40px
}

.get_in_touch {
    background: #0ebac6
}

.get_in_touch .contact-map {
    width: 58%;
    display: inline-block;
    vertical-align: middle
}

.address_box,
.address_box h6 {
    margin-bottom: 0;
    font-size: 16px
}

.get_in_touch .address_box {
    color: #fff;
    padding: 0 5%;
    width: 41%;
    vertical-align: middle;
    display: inline-block
}

.address_box h5 {
    font-size: 21.3px;
    font-weight: 500;
    line-height: 1.1
}

.address_box,
.address_box p {
    line-height: 1.47;
    font-size: 16px
}

.address_box,
.address_box h6 {
    margin-bottom: 0;
    font-size: 16px
}

.get_in_touch a,
.get_in_touch p {
    color: #fff
}

.contact-form .form-group #messageid {
    height: 150px
}

.address-box {
    padding: 40px 15px 50px
}

.faq-acc-wrap.active {
    display: block
}

.faq-accordian li>a:after {
    position: absolute;
    content: "+";
    right: 25px;
    top: 3px;
    font-weight: bold;
    font-size: 20px;
    color: #4a4a4a;
    font-family: 'Montserrat', sans-serif;
}

.faq-accordian li.active>a:after {
    position: absolute;
    content: "-";
    right: 25px;
    top: 3px;
    font-weight: bold;
    font-size: 20px;
    color: #4a4a4a;
    font-family: 'Montserrat', sans-serif;
}

#show-msg {
    display: none
}

.demo-banner {
    background: #0ebac6
}

.demo_schedule_content_box {
    max-width: 340px;
    display: inline-block;
    text-align: left
}

.demo-banner .title_head h1 {
    font-size: 46px;
    font-family: 'Montserrat', sans-serif;
}

.demo-banner .title_head p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: .5px;
    text-align: left;
    opacity: .6;
    color: #fff
}

.demo_schedule_content_box .btn {
    border-radius: 5px;
    width: 100%;
    background-color: #f6a623
}

.contact-banner .contact-form form .row>div,
.demo_schedule_content_box .row>div {
    padding: 0 7.5px
}

.navbar-right li {
    margin-left: 10px;
    margin-right: 10px
}

.navbar-right li a {
    padding: 0 15px;
    display: block;
    line-height: 40px;
    font-size: 13px
}

.navbar-right li a:hover {
    background: 0 0
}

.navbar-right li:last-child a {
    background: #ec6c1f;
    font-weight: 600;
    font-size: 12px;
    border: 1px solid #ec6c1f;
    border-radius: 0;
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
    width: 120px;
    text-transform: uppercase
}

.learn-more a {
    border-radius: 0;
    background: 0 0;
    color: #ec6c1f;
    border: 1px solid #ec6c1f;
    margin-right: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .9px;
    padding: 7px 20px;
    display: inline-block
}

.learn-more a:hover {
    background: #ec6c1f;
    color: #fff
}

.learn-more a i {
    display: none
}

.white-bg {
    width: 100%;
    height: auto;
    background: #fff;
    min-height: 500px;
    padding-top: 90px;
    padding-bottom: 10px
}

.gray-bg {
    width: 100%;
    height: auto;
    background: #fafafa;
    min-height: 500px;
    padding-top: 55px;
    padding-bottom: 55px
}

.page-titel {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 2px;
    color: #4a4a4a;
    line-height: 1.67
}

.white-bg p {
    letter-spacing: .4px;
    text-align: justify;
    color: #4f5767
}

.blue-bg {
    background: #25274d;
    min-height: 590px;
    padding-top: 60px;
    padding-bottom: 25px;
    text-align: center
}

.min-hight-auto {
    min-height: 300px
}

.member-box {
    width: 270px;
    height: 340px;
    border-radius: 4px;
    box-shadow: 0 0 30px 0 #262f9019;
    background: #fff;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 30px;
    padding-top: 70px
}

.member-img-box {
    width: 85px;
    height: 100px;
    position: absolute;
    background: url(../images/preview.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    top: -47px;
    left: calc(50% - 37px);
    padding: 2px;
    overflow: hidden
}

.member-box .name {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 4px;
    color: #3e3e58;
    margin-bottom: 10px
}

.blue-nav .owl-nav {
    position: absolute;
    top: 38%;
    width: 100%;
    z-index: 1000
}

.blue-nav .owl-next,
.blue-nav .owl-prev {
    font-size: 25px!important;
    width: 25px;
    height: 25px;
    background: #3b3e60!important;
    text-align: center;
    border-radius: 50%;
    line-height: 0;
    color: #fff
}

.blue-nav .owl-prev {
    float: left;
    margin-left: -50px
}

.blue-nav .owl-next {
    float: right;
    margin-right: -50px
}

.member-box .text-left {
    position: absolute;
    border: 15px;
    left: 32px;
    margin-bottom: 0
}

.blue-nav .owl-nav button span {
    margin-top: -4px;
    vertical-align: top;
    display: block;
    text-align: center;
    line-height: 0;
    color: #fff
}

.discrip {
    font-size: 14px;
    color: #3e3e58
}

.member-img {
    font-size: 16px
}

.member-img img {
    vertical-align: middle;
    width: 26px!important;
    height: 26px;
    display: inline-block!important;
    border-radius: 50%
}

.interest-box {
    max-width: 530px;
    padding-right: 80px;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: .7px;
    text-align: center;
    color: #4f5767;
    position: relative
}

.interest-box span {
    color: #0ebac5;
    font-weight: 900
}

.baja {
    position: absolute;
    right: 10px;
    top: 5px;
    width: 60px;
    height: 60px
}

.min-hight-2h {
    min-height: 200px
}

.logo-box {
    width: 100%;
    min-height: 148px;
    border-radius: 10px;
    box-shadow: 0 7px 64px 0 #00000011;
    background: #fff;
    padding: 20px
}

.logo-box img {
    max-width: 100%;
    height: auto
}

.price-list {
    width: 100%;
    height: 100%;
    min-height: 500px;
    padding-top: 90px;
    background: #f7f7fa;
    padding-bottom: 20px
}
.view-code{
  margin-top: 87px;
}
.live-offers{
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.4px;
  color: #26272d;
}
.month-price{
  position: relative;
  width: 100%;
  height: 30px;
}
.btn-box{
  position: absolute;
    width: 100%;
    height: 40px;
    bottom: 10px;
}

.price-list h1.titel {
    font-size: 36px;
    letter-spacing: .5px;
    color: #26292c;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 30px
}

.price-list-box .white-bg .list-name p {
  text-align: center;
  margin-bottom: 0px;
}

.toggle-switch {
    width: 233px;
    height: 48px;
    border-radius: 42px;
    padding-left: 0;
    border: 1px solid #d9dadb;
    min-width: 233px;
    padding: 3px
}

.per-month {
    padding-top: 3px;
    font-size: 12px
}

.big-box-price .per-month {
    width: 100%
}

.toggle-switch>li {
    height: 44px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-align: center;
    position: relative;
    display: inline-block
}

.toggle-switch>a {
    height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 111px;
    border-radius: 44px!important;
    border: 1px solid transparent!important;
    color: #2e3c56
}

.toggle-switch>a.active {
    box-shadow: 5px 10px 40px 0 rgba(61, 61, 62, .2);
    background: #fff;
    opacity: 1
}

.toggle-switch input[type=radio] {
    opacity: .01;
    position: absolute;
    z-index: -1
}

.toggle-switch>li>label {
    width: 110px;
    height: 40px;
    border-radius: 42px;
    margin-bottom: 0;
    padding-top: 11px;
    opacity: .7;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer
}

.toggle-switch>li>label.active {
    box-shadow: 5px 10px 40px 0 rgba(61, 61, 62, .2);
    background: #fff;
    opacity: 1
}

.price-list .titel-lable {
    font-size: 18px;
    letter-spacing: .5px;
    color: #5e6267;
    margin-bottom: 0;
    margin-top: 9px
}

.white-bg {
    border-radius: 6px;
    background: #fff;
    min-height: 707px;
    padding-top: 20px
}

.price-list-box .top-titel-small {
    font-size: 24px;
    font-weight: 300;
    letter-spacing: .3px;
    color: #26272d
}

.price-list-box .price-no {
    font-size: 36px;
    font-weight: 300;
    color: #4a4a4a;
    line-height: 1
}

.list-name {
    width: 100%;
    min-height: 250px;
    position: relative;
}
.price-text-box{
  width: 100%;
  position: relative;
}

.btn-line {
    width: 180px;
    height: 35px;
    border-radius: 70px;
    border: 1px solid #0ebac5;
    color: #0ebac5;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px
}

.btn-upgrade {
    width: 180px;
    height: 35px;
    border-radius: 70px;
    border: 1px solid #ff6565;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding-top: 0;
    left: calc(50% - 90px);
    bottom: 10px;
    position: absolute;
    background: #ff6565;
    letter-spacing: 2px
}

.btn-switch {
    width: 180px;
    height: 35px;
    border-radius: 70px;
    border: 1px solid #0ebac5;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    background: #0ebac5;
    letter-spacing: 2px
}

.btn-contact {
    width: 180px;
    height: 35px;
    border-radius: 70px;
    border: 1px solid #3e3e58;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    background: #3e3e58;
    letter-spacing: 2px
}

.btn-line:hover {
    color: #0ebac5;
    box-shadow: 5px 10px 30px 0 #3d3d3e33
}

.btn-contact:hover,
.btn-switch:hover,
.btn-upgrade:hover {
    color: #fff;
    box-shadow: 5px 10px 30px 0 #3d3d3e33
}

.select-box {
    height: 50px;
    position: relative;
    width: 100%;
    font-size: 12px;
    color: #4a4a4a;
    display: flex;
    align-items: center;
    text-align: center
}

.select-box span {
    display: block;
    text-align: center;
    width: 100%;
    padding-top: 8px
}
.on-demand h4{
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0.39px;
    color: #26292c;
}
.on-demand p{
    font-size: 16px;
    line-height: 1.88;
    letter-spacing: 0.4px;
    color: #4a4a4a;
}
.on-demand p a{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2.33px;
    color: #0ebac5;
}
.demo-sechedule .round-input{
    border-radius: 20px;
    background: #fff;
}
.pl-0 {
    padding-left: 0
}

.pr-0 {
    padding-right: 0
}

.features-list>ul>li {
    display: block;
    min-height: 40px;
    border-bottom: 1px solid #eaeaea;
    color: #4a4a4a;
    font-weight: 400;
    padding: 10px 5px 10px 30px;
    position: relative
}

.features-list>ul>li:last-child {
    border-bottom: 0 solid #eaeaea
}

.features-list>ul>li:after {
    content: "";
    background: url(../images/price-ok.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #0ebac5;
    font-size: 12px;
    position: absolute;
    top: 15px;
    left: 5px;
    font-weight: 300;
    height: 10px;
    width: 10px
}

.price-list-box .price-no.price-amount {
    font-size: 72px;
    font-weight: 300;
    color: #4a4a4a
}

.price-list-box .price-no.price-amount>sup {
    font-size: 30px;
    font-weight: 500;
    top: -1em
}

.big-box-price {
    position: absolute;
    box-shadow: 5px 10px 40px 0 rgba(61, 61, 62, .2);
    left: -10px;
    top: -40px;
    min-width: calc(100% + 20px);
    z-index: 99;
    min-height: calc(100% + 80px)
}

.big-box-price>.list-name {
    min-height: 290px;
}

.select-box select.custom-select {
    border-radius: 35px;
    height: 35px;
    padding-left: 20px;
    padding-right: 30px
}

.big-box-price:after {
    content: "MOST POPULAR";
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: -46px;
    left: 1px;
    height: 35px;
    width: 100%;
    letter-spacing: 2.5px;
    font-weight: 500;
    text-align: center;
    background: #0ebac5;
    padding-top: 5px;
    border-radius: 6px
}

.on-demand {
    width: 100%;
    min-height: 450px;
    border-bottom: 0 solid #e8e9ed;
    padding-top: 70px
}

.big-box-price .features-list {
    min-height: 370px
}

.justify-content-center {
    display: flex;
    align-items: center;
    flex-direction: column
}

.overlay-box {
    width: 240px;
    height: 240px;
    border-radius: 6px;
    box-shadow: 5px 10px 40px 0 rgba(61, 61, 62, .2);
    position: relative;
    z-index: 100;
    left: 0;
    top: 35px;
    background-color: #fff;
    padding: 50px;
    margin-left: auto;
    margin-right: auto
}

.price-demand {
    font-size: 64px;
    font-weight: 100;
    line-height: 1.13;
    text-align: center;
    color: #4a4a4a;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 64px
}

.price-for-day {
    font-size: 12px;
    color: #9b9b9b;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0
}

.price-demand-btn,
.price-demand-btn2 {
    margin-top: 15px;
    text-align: center
}

.price-demand-btn a {
    width: 140px;
    height: 35px;
    border-radius: 100px;
    background-color: #0ebac5;
    font-size: 12px;
    font-weight: 700;
    display: block;
    text-align: center;
    color: #fff;
    padding: 18px;
    line-height: 0
}

.price-demand-btn a:hover {
    text-decoration: none
}

.on-demand-titel {
    font-size: 36px;
    letter-spacing: .5px;
    color: #26292c;
    margin-bottom: 40px;
    margin-top: 20px;
    text-align: left;
    line-height: 1.31
}

.on-demand-discription {
    font-size: 18px;
    letter-spacing: .5px;
    text-align: justify;
    color: #8c8f94
}

.loaderw100 {
    width: 100%!important
}

.loaderh100 {
    height: 100px!important
}

.view-code {
    display: none
}

.btn-box a {
    text-transform: uppercase
}

.select_dropdown .btn-light {
    border: 1px solid #ced4da;
    font-size: 13px;
    height: 35px;
    color: #495057;
    background: #fff;
    border-radius: 35px;
    text-align: left;
    padding-left: 20px;
    width: 100%
}

.select_dropdown .dropdown-menu {
    width: 100%;
    padding: 3px 20px
}

.select_dropdown .dropdown-menu a {
    display: block
}

.select_dropdown .dropdown-menu a.dropdown-item {
    font-size: 12px;
    color: #495057;
    cursor: pointer;
    padding: 4px 0
}

.dropdown-toggle::after {
    display: none
}

.select_dropdown .btn-light::after {
    content: "";
    background: url(../images/down-arrow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 12px;
    right: 15px;
    height: 12px;
    width: 12px
}

.pl-1 {
    padding-left: 7px
}

.pr-1 {
    padding-right: 7px
}

.btn:focus {
    outline: 0
}

.pt-md-5 {
    margin-top: 140px
}

.plan-description {
    margin-top: 40px
}

.select_dropdown .dropdown-menu a.dropdown-item {
    position: relative
}

.select_dropdown .dropdown-menu a.popular:after {
    content: "POPULAR";
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 8px;
    position: absolute;
    top: 5px;
    right: -16px;
    height: 15px;
    width: 52px;
    letter-spacing: 1px;
    text-align: center;
    background: rgba(5, 201, 231, .28);
    padding: 1px 2px;
    border-radius: 3px;
    font-weight: 700;
    border: .5px solid #0ebac5
}

.select_dropdown .dropdown-menu a.popular1:after {
    content: "POPULAR";
    font-family: 'Montserrat', sans-serif;
    color: #000;
    font-size: 8px;
    position: absolute;
    top: 5px;
    left: 132px;
    height: 15px;
    width: 52px;
    letter-spacing: 1px;
    text-align: center;
    background: rgba(5, 201, 231, .28);
    padding: 1px 2px;
    border-radius: 3px;
    font-weight: 700;
    border: .5px solid #0ebac5
}

.card-columns .card {
    border: none
}

.twitter-tweet {
    margin-top: 0
}

.banners-section {
    background: url(../images/bacckground-1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.page-titel {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.46;
    letter-spacing: 3.2px;
    text-align: center;
    color: #fff;
    text-transform: uppercase
}

.gallery-section {
    width: 100%;
    min-height: 500px
}

.section-titel {
    font-size: 20px;
    font-weight: 700;
    line-height: .7;
    letter-spacing: 2.5px;
    text-align: center;
    color: #2e3c56;
    text-transform: uppercase
}

.category-section {
    width: 100%;
    height: auto;
    background: #eff4fc;
    min-height: 500px
}

.category-item-list .inner-box {
    width: 100%;
    border-radius: 5px;
    border: solid 1px #e1e8ed;
    background: #fff;
    min-height: 320px;
    padding: 20px;
    position: relative
}

.category-item-list .user-info {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    padding-left: 65px;
    background: url(../images/comma.png);
    background-repeat: no-repeat;
    background-position: top 10px right 0;
    background-size: 68px 46px;
    font-size: 14px;
    letter-spacing: .5px;
    color: #3e3e58;
    padding-top: 8px
}

.category-item-list .user-info .user-img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px
}

.category-item-list .user-info .user-name {
    display: block;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #3e3e58
}

.category-item-list .user-msg {
    min-height: 150px;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: .6px;
    text-align: justify;
    color: #000;
    position: relative;
    padding: 14px 16px;
    margin-top: 10px
}

.category-item-list .user-msg:after {
    content: '';
    display: block;
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(../images/border-box-left.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    left: 0
}

.category-item-list .user-msg:before {
    content: '';
    display: block;
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(../images/border-box-right.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    bottom: 0;
    right: 0
}

.category-carousel .owl-nav {
    position: absolute;
    top: 42%;
    left: 0;
    width: 100%
}

.category-carousel .owl-nav .owl-prev {
    position: absolute;
    z-index: 9999;
    left: -50px;
    top: 0;
    width: 30px;
    height: 30px;
    display: block;
    background: #c4cbd6!important;
    text-align: center;
    border-radius: 50%
}

.category-carousel .owl-nav .owl-next {
    position: absolute;
    z-index: 9999;
    right: -50px;
    top: 0;
    width: 30px;
    height: 30px;
    display: block;
    background: #c4cbd6!important;
    text-align: center;
    border-radius: 50%
}

.category-carousel .owl-nav .owl-next span,
.category-carousel .owl-nav .owl-prev span {
    font-size: 30px;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 12px;
    left: 10px;
    line-height: 4px;
    color: #fff
}

.press-section {
    width: 100%;
    height: auto
}

.feature-list-box {
    border-radius: 5px;
    border: 1px solid #979797;
    width: 100%;
    min-height: 360px;
    padding-top: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px
}

.feature-list-box img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0
}

.feature-list-box .text-box {
    width: 100%;
    padding: 30px 15px
}

.feature-list-box h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.46;
    color: #4a4a4a
}

.feature-list-box p {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: .4px;
    color: #9b9b9b
}

.feature-list-box .view-more {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 100%;
    height: 20px;
    max-width: 130px
}

.feature-list-box .view-more a {
    color: #0ebac5;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px
}

.clientlogo-section {
    width: 100%;
    height: auto
}
#client-logo .owl-nav {
    display: block !important;
    position: absolute;
    bottom: 50%;
    width: 100%;
    left: 0;
    z-index: -1
}

.clientlogo-carousel .owl-nav .owl-prev {
    background: #cad0d8 !important;
    width: 24px;
    height: 23px;
    border-radius: 50%;
    color: #fff !important;
    float: left;
    margin-left: -50px;
    outline: none !important;
}

#client-logo .owl-nav .owl-next {
    background: #cad0d8 !important;
    width: 24px;
    height: 23px;
    border-radius: 50%;
    color: #fff !important;
    float: left;
    margin-left: 1150px;
    outline: none !important;
}

#client-logo .owl-nav .owl-next span,
#client-logo .owl-nav .owl-prev span {
    font-size: 20px;
    line-height: initial;
    position: relative;
    top: -1px;
}
.colose-box {
    padding-left: 0
}

.colose-box li {
    height: 127px;
    width: 127px;
    background-color: #c4cbd6;
    display: inline-block;
    margin: 4px
}

.card-columns .card {
    display: inline-block;
    width: 100%
}

.pager_nav {
    position: fixed;
    top: 16%;
    right: 3%;
    z-index: 99
}

.pointer li {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px
}

.pointer li a {
    background: #000;
    padding: 1px 10px;
    border: 4px solid transparent;
    border-radius: 50%
}

.pointer li.active a {
    background: #fff;
    padding: 1px 10px;
    border: 1px solid #000;
    border-radius: 50%
}

.plan-validity.new-design {
    padding: 17% 0
}

.features-section {
    padding: 70px 0;
    min-height: 500px
}

.plugin_sec_box {
    padding: 40px 25px 26px
}

.scroll-menu {
    position: fixed;
    top: 17%;
    right: 50px;
    width: 4px
}

.scroll-menu li {
    display: block;
    margin: 0 0;
    height: 28px;
    width: 28px;
    padding: 4px
}

.scroll-menu li a {
    display: block;
    border-radius: 50%;
    list-style: none;
    background: url(images/1-dot.svg);
    border: 7px solid transparent;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat
}

.cli-logo li {
    display: inline-block;
    margin: 0 12px
}

.scroll-menu li a.active {
    width: 20px;
    height: 20px;
    background: 0 0;
    border: 2px solid #0ebac5
}

.fix-suppot-nav {
    position: fixed;
    z-index: 100;
    background: #fff;
    width: 100%;
    top: 0;
    padding-top: 60px;
    background: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, .11)
}

.mobile-menu-list {
    border-top: 1px solid #f7f7fa
}

.support-menu-list li {
    width: 19.9%;
    margin-left: -2px;
    vertical-align: middle;
    display: inline-block
}

.support-menu-list li a {
    height: 62px;
    padding: 19px 13px;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #9b9b9b;
    border-bottom: 2px solid #eaeaea;
    vertical-align: middle;
}

.support-menu-list li:last-child a {
    background-color: #0ebac5!important;
    color: #fff
}

.mobile-support {
    background: #2e3c56;
    height: 50px;
    display: none
}

.fature-box {
    padding: 0;
    margin: 0;
    text-align: center
}

.fature-box li {
    width: 200px;
    height: 160px;
    display: inline-block;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    letter-spacing: 2.5px;
    text-align: center;
    color: #4a4a4a;
    vertical-align: top;
    text-transform: uppercase;
    margin-left: 0;
    margin-right: 0;
    font-weight: 400
}

.fature-box li a {
    width: 76px;
    height: 75px;
    border-radius: 10px;
    background: #0ebac5;
    display: block;
    padding: 20px;
    margin: 0 auto;
    margin-bottom: 20px;
    cursor: pointer
}

.learn-more {
    margin-top: 40px
}

.learn-more a {
    padding: 10px 20px
}

.home-btn a.btn-trans {
    padding: 10px 20px
}

.home-btn.see-price a.btn-trans,
.home-btn.see-price a.btn-trans:hover {
    border: 1px solid #fff!important;
    color: #fff!important;
    background: 0 0
}

.home-btn a.btn-color {
    padding: 10px 20px
}

.automation-pages .titel {
    font-family: 'Montserrat', sans-serif;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.73;
    letter-spacing: 3.2px;
    color: #3e3e58
}

.automation-pages .description {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: .4px;
    text-align: center;
    color: #4a4a4a;
    font-weight: 400
}

.automation-pages .home-btn {
    margin-top: 35px
}

.home-section.automation-bg {
    background: url(../images/automation-bg.png);
    background-size: 100% 68%!important;
    background-repeat: no-repeat;
    background-position: 0 77px
}

.list-bullte {
    padding-left: 17px;
    font-size: 16px
}

.checkbox {
    padding-left: 27px !important;
}

.checkbox label {
    padding-left: 0px;
}

.paralell-sec {
    width: 100%;
    height: 25px;
    font-size: 13px;
    letter-spacing: 0.49px;
    color: #0ebac5;
    text-align: center;
    position: relative;
    cursor: pointer;
    padding-top: 4px;
}

.tooltip-box {
    position: absolute;
    bottom: -65px;
    width: 100%;
    height: 65px;
    background-color: #fff;
    color: #000;
    font-size: 11px;
    visibility: hidden;
    padding: 8px 13px;
    z-index: 99;
    border-radius: 8px;
    border: 1px solid #ccc;
    box-shadow: 0 0 7px rgba(0, 0, 0, .11);
}

.tooltip-box:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #ccc;
    border-width: 7px;
    margin-left: -7px;
}

.paralell-sec:hover .tooltip-box {
    visibility: visible;
}
.inner-wrap p{
    font-size: 17px;
font-weight: 300;
letter-spacing: .5px;
line-height: 1.6;
color: #000;
}
.left-feature-test p{
    font-size: 17px;
font-weight: 300;
letter-spacing: .5px;
line-height: 1.6;
color: #000;
}

.sitekitwebinar{text-align: center; background: #f1f1f1; margin-top: -10px; margin-bottom:15px; padding: 10px 15px 15px!important; position: relative; display: none; }
.sitekitwebinar p{color: #000; margin-bottom: 0;font-size:12px!important;font-weight:400!important;letter-spacing: 0.4px; display: inline-block; }
.sitekitwebinar .regbtn{background: none; color: #000000 !important; text-decoration:underline; padding: 8px 10px; border-radius: 3px; font-size: 11px; font-weight: bold; letter-spacing:1.83px}
.sitekitwebinar .regbtn .fa{font-size: 18px; font-weight: bold; }
.closesitewebinar{position: absolute; right: 0; top: 0; color: #000; padding: 13px 20px; font-size:12px}
.sitekitwebinar.d-none{display: none !important;}
.cyber_monday_alert{ z-index: 10000;bottom: 0; left: 0; width: 100%; background: #000000;position: fixed; padding-top: 15px;padding-bottom: 12px;color: #fff; }
.cyber_monday_alert.in{display: block;}
.cyber_monday_alert .border_left{border-left: 2px solid #ffffff; padding-left: 40px;}
.cyber_monday_alert h3{ font-size: 16px; margin-bottom: 0; margin-top: 0px; text-align: center;}
.cyber_monday_alert h4{ font-size: 14px; margin-bottom: 0; margin-top: 0; }
.cyber_monday_alert h4 span{ display: block; font-size: 12px; color: #d0d0d0; margin-bottom: 5px; }
.cyber_monday_alert a.btn{ background: #fff; font-size: 16px; font-weight: bold; border-radius: 3px; padding: 2px 10px; width: initial; line-height: 2; margin-left: 15px;height: 30px; line-height: initial;}
.hotoffer_icon { position: absolute; width: 75px; left: -70px; bottom: -25px; }

/* Footer breadCrumb css*/
.footer_breadcrumb{margin-top:20px; margin-bottom: 20px;}
.breadcrumb_main{display:flex;padding: 0px;list-style-type:none;}
ul.breadcrumb_main>li{margin-left:20px;position: relative;}
ul.breadcrumb_main>li:not(:last-child):before,ul.breadcrumb_main>li:not(:last-child):after{ border-right: 2px solid;content: '';display: block;height: 4px;margin-top: -3px;color:#0ebac5;position: absolute;-moz-transform: rotate(135deg); -o-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);right: -10px;top: 52%;width: 0;}
ul.breadcrumb_main>li:not(:last-child):after {margin-top: -1px;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
ul.breadcrumb_main>li a,ul.breadcrumb_main>li{color:#000; font-size: 14px;font-weight: 400;}
ul.breadcrumb_main>li:last-child a,ul.breadcrumb_main>li:last-child{color:#4a4a4a;}
ul.breadcrumb_main>li:last-child a:hover, ul.breadcrumb_main>li:last-child:hover{color:#4a4a4a!important;text-decoration:underline!important;}
.breadcrumb_main a:hover{color:#0ebac5;text-decoration:none;}
/* Footer breadCrumb css end here*/
/*footer iframe css*/
.f_iframe_vdo .embed-responsive{width:100%; height:auto}
.f_iframe {background-color: transparent;margin-bottom: 14px;position: relative;padding-top: 56.25%;overflow: hidden;cursor: pointer;}
.f_iframe img{width: 100%;top: -16.82%;left: 0;}
.f_iframe .play-button{-webkit-box-shadow: 0 0 10px #b9b9b9;box-shadow: 0 0 10px #b9b9b9;width: 55px;height: 45px;background-color: #fb0808;z-index: 1;border-radius: 6px;}
.f_iframe:hover .play-button {background-color:red;}
.f_iframe:hover .play-button:before{border-color: transparent transparent transparent #fff;}
.f_iframe .play-button:before{content: "";border-style: solid;border-width: 10px 0 10px 20px;border-color: transparent transparent transparent #fff;}
.f_iframe img, .f_iframe .play-button {cursor: pointer;}
.f_iframe img, .f_iframe iframe, .f_iframe .play-button, .f_iframe .play-button:before {position: absolute;}
.f_iframe .play-button, .f_iframe .play-button:before{top: 50%;left: 50%;transform: translate3d( -50%, -50%, 0 );}
.f_iframe iframe {height: 100%;width: 100%;top: 0;left: 0;}
/*footer iframe css ends*/
.contributors-section{margin-top:50px;background: #26274c;min-height: 500px;padding-top: 20px;padding-bottom: 20px;}
.contributors-section h2 {color: #ffffff;text-align: center;font-size: 30px;font-weight: bold;}
.contributors-section h6{color: #ffffff;text-align: center;margin-bottom: 30px;font-size: 18px;font-weight: 500;}
/* new footer css */
.footer ul li{list-style-type:none}
.footer ul li img.img-fluid{margin-right:10px}
.footer ul li.cup, .footer ul li.calls{margin-bottom:10px}
ul.call-us{font-size:12px;margin:20px 0px; margin-left:0px!important}
.call-us li.heading {font-size: 14px;color: #4a4a4a;font-weight: 500;margin-bottom: 14px;}
.footer-menu-heading{font-size: 14px;font-weight: bold;line-height: 2.14;color: #000000;}
.footer-menu {padding: 0px !important;margin: 0px !important;max-width: auto;float: none;margin-top: -5px !important;}
.cup img{margin-right:10px;width: 38px;height: auto;padding: 10px 7px 9px 12px;border-radius: 10px;background-color: #a0d468;}
.calls img{margin-right:10px;width: 38px;height: auto;padding: 10px 10px 9px 11px;border-radius: 10px;background-color: #ac92ec;}
.chatting img{ margin-right:10px;width: 38px;height: auto;padding: 11px 10px 9px;border-radius: 10px; background-color: #ff8a8a;}
.footer-menu li a,.call-us li a {font-weight:normal;color:#4a4a4a;}
.get-touch li a{font-weight:normal;color:#000000;}
.get-touch{margin-top: 15px!important;}
.get-touch li a img {top: -4px;}
.call-us{margin-left: -16px!important;}
.daily-items{margin-top: 25px!important;}
.footer-menu li {margin-bottom:10px;line-height:unset;}
.footer {padding: 50px 0px 0px 0px;}
.footer-copy-right{background-color: #fafafa;padding: 30px 0px 20px;margin-top: 50px;border-top: 1px solid #eaeaea;}
.copy-right-row{margin-top:0px!important;}
.social-icons{margin-right:30px!important;}
.copy-right-para{font-size:12px!important;}
.copy-right-para img {width: 14px!important;height: auto!important;}
.footer-menu li a {font-size: 12px;font-weight: normal;color: #4a4a4a;letter-spacing: 0.5px;}
.footer-menu li a:hover {color: #000; text-decoration:underline;}
.social-links li.pintrest-icon:hover a{background:#e60023;}
.lt_fold video{width:100%}
.lt_video.show{top:5%;z-index:9999999 !important}
.lt_video .modal-dialog iframe{margin: 0 auto;display: block;}
.lt_video .modal-content{background:transparent; border:none}
.lt_video .modal-header{padding:0; border-bottom:none;}
.lt_video .modal-header .close{color:#fff; opacity:1; font-weight:300; font-size:3rem}
.modal-backdrop.show {opacity: 0.8;z-index: 99999!important;}
.lt_video .modal-dialog p{margin:0;}
.lt_video .modal-content{box-shadow:none!important;}
.l_modal{display:inline-block; cursor:pointer; border-radius:10px;position:relative;}   
.l_modal:hover{text-decoration:underline !important}
.l_modal .playbtn{width: 15px; margin-right:5px;position: absolute;left: -20px;top: 8%;}
.social-links .fb:hover a.face{background: #365899; }
.social-links .linkedin:hover a{background: #007bb6; }
.social-links .twitter:hover a{background: #55acee; }
.social-links .youtube-icons:hover a{background: red; }


.header .navbar-nav .nav-item .nav-link:after{border: 0 !important;}
.rs-dropdown:hover .dropdown-menu{display: block; padding-top: 8px; padding-bottom: 8px; margin-top: 0;}
.rs-dropdown .dropdown-menu{ padding: 0; border: 0; box-shadow: 0px 2px 10px #ccc;}
.rs-dropdown .dropdown-menu .dropdown-item{ padding: 8px 20px; color: #000000; font-size: 0.875rem; font-weight: 500;  background-color: #ffffff !important; }
.rs-dropdown .dropdown-menu .dropdown-item:hover{background-color: #f5f5f5 !important;}
.arrow.down
{border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    margin-bottom: 2px;
    margin-left: 1px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
@media(min-width:991px)
{
	#navbarSupportedContent .dropdown-menu{column-count: 2 !important;
		left: -100% !important;}
}

@media (max-width: 767px){
.copy-right-row {margin-top: 30px;padding-top: 0px!important;border-top: unset!important;}
.footer-menu,.footer-menu-heading {padding-left:10px!important;}
.footer-menu-heading {margin-top:10px!important;}
.first-col{padding-left:25px!important;}
.copy-right-para,.social-links{text-align:left;}
.contact {display: inline-block!important;}
.lt_video .embed-responsive{width:300px!important; height:200px!important;}
.footer-copy-right .social-links{text-align: left!important;}
}
@media (min-width: 992px){.footer .modal-lg {width: 700px;}}
@media (max-width: 1199px){.first-col{padding-left:30px;}}
@media (min-width: 992px) and (max-width: 1199px){.social-icons{padding-right:50px!important;}}
@media (max-width: 768px) { 
    body.hasSitekit{padding-top: 100px;}
    .cyber_monday_alert{text-align: center;}
  .cyber_monday_alert .border_left{padding-left: 0; border: 0;}
  .cyber_monday_alert .text-right{text-align: center !important;}
    .cyber_monday_alert .row>div{margin-top: 0px; margin-bottom: 10px;}
    .hotoffer_icon{display: none;}
   
}
@media (max-width:767px){
    .hasSitekit .contact-banner.ghost-white{padding-top:10px !important}
    .sitekitwebinar{display: none !important;}
}
@media (max-width: 1199px) and (min-width:768px){.hiddenCol{height:100px;}}
@media (min-width:1300px){.lt_fold video{height:430px; width:auto} .lt_video .modal.show{top:5%;} .l_modal{margin-top:0px}}
/*header footer width*/
@media (min-width: 1400px){.header .container {max-width: 1340px;} .footer .container{max-width: 1180px;}}
@media (min-width: 1600px){.header .container {max-width: 1540px;} .footer .container{max-width: 1380px;}}
@media (min-width: 1800px){.header .container {max-width: 1740px;} .footer .container{max-width: 1580px;}}
@media (min-width: 2000px){.header .container {max-width: 1940px;} .footer .container{max-width: 1780px;}}
@media (min-width: 2300px){.header .container {max-width: 2240px;} .footer .container{max-width: 2080px;}}
@media (min-width: 2600px){.header .container {max-width: 2540px;} .footer .container{max-width: 2380px;}}
@media (min-width: 3000px){.header .container {max-width: 2940px;} .footer .container{max-width: 2780px;} .footer-menu{float: initial;padding-left:10px!important;}    .footer-menu li{display:block;}}