body
{
    font-family:"Montserrat", sans-serif !important;
    font-weight: 400 !important;
    color:#606060 !important;
    overflow-x:hidden;
}

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

header
{
    position: relative;
    height: calc(100vh - 20px);
    overflow: hidden;
}

.headerSmall
{
    position: relative;
    height: 450px;
    overflow: hidden;
}

.headerBg
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F6FAFB;
    transform: skewY(-6deg);
    transform-origin: top left;
}

.headerBgBlog
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F6FAFB;
    transform: skewY(-6deg);
    transform-origin: top left;
}


.headerBgSignup
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F6FAFB;
}

h1,h2
{
    margin: 0;
    padding-top: 100px;
    padding-bottom:20px;
    font-size: 34px !important;
    color: #000000;
}

h3
{
    color: #000000;
    font-size: 24px !important;
}

h4
{
    padding-bottom:5px;
    font-size: 1.2rem !important;
    color: #000000;
}

a, a:hover
{
    color: #5ab1c8 !important;
}

.menubar
{
    height:95px;
    z-index:100;
    padding-top:20px;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

.scrolledmenu
{
    background-image: linear-gradient(#F6FAFB, #F6FAFB);
    border-bottom:1px solid #EBEBEB;
}

.logo
{
    text-align: center;
}

.logoImg
{
    height:55px;
}

.menuWeb
{

}

/* Dropdown Button */
.dropbtn {
    color: #606060;
    border: none;
    background-color: transparent;
}

.dropbtn:hover {
    color: #5ab1c8;
    border: none;
    background-color: transparent;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

button:focus
{
    outline: none !important;
}

    /* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #F6FAFB;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;
}

.mobiledropdown {
    position: inherit !important;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}


.menuMobile
{
    display: none;
    text-align: right;
    position: relative;
    top: 7px;
}

#mobileMenu
{
    position: fixed;
    top: 65px;
    height: 100vh;
    width: 100%;
    display: none;
    z-index: 100;
    background-image: linear-gradient(#F6FAFB, #F6FAFB);
    border-bottom:1px solid #EBEBEB;
}

.menuLinks
{
    text-align: right;
    padding-top:15px;
}

.menuLink
{
    font-size:12px;
    position: relative;
    top:6px;
    text-align: center;
}

.menuLink a
{
    text-decoration:none;
    color: #606060 !important;
}

.menuLink a:hover
{
    text-decoration:none;
    color: #5ab1c8 !important;
}

.menuButton a
{
    text-decoration:none;
    color: #FFFFFF !important;
}

.menuButton a:hover
{
    text-decoration:none;
    color: #5ab1c8 !important;
}

#mobileMenu .menuLink
{
    line-height: 3;
}

@media only screen and (max-width: 1200px) {
    .menuWeb
    {
        display:none;
    }
    .menuMobile {
        display:block;
    }
}

.menuButton
{
    font-size:12px;
    position: relative;
    top:-2px;
    background-image: linear-gradient(#76C3D7, #A3C9DE);
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    border:1px solid #79C2D5;
    text-align: center;
    color:#FFFFFF;
    padding-top:8px;
    padding-bottom:6px;
    width:160px;
    display:inline-block;
    font-weight:bold;
}

.header
{
    padding-top:100px;
}

.headerImg
{
    max-height: calc(100vh - 200px);
    max-width:900px;
    width:auto;
    background-color: transparent;
}

.headerVideo
{
    height: calc(100vh - 200px);
    width:auto;
    background-color: transparent;
}

.headerText
{
    text-align: left;
}

.headerTextCenter
{
    text-align: center;
}

.headerButton
{
    font-size:14px;
    position: relative;
    top:0px;
    background-image: linear-gradient(#F76824, #FCA45D);
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    border:1px solid #F76824;
    text-align: center;
    color:#FFFFFF;
    padding-top:6px;
    padding-bottom:6px;
    width:200px;
    display:inline-block;
    cursor:pointer;
    font-weight:bold;
}

.headerButton2
{
    font-size:14px;
    position: relative;
    top:0px;
    background-image: linear-gradient(#5ab1c8, #73c3d8);
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    border:1px solid #5ab1c8;
    text-align: center;
    color:#FFFFFF;
    padding-top:6px;
    padding-bottom:6px;
    width:200px;
    display:inline-block;
    cursor:pointer;
    font-weight:bold;
}

.logos
{
    height:30px;
    width: 100%;
    text-align: center;
    transform: skewY(-6deg);
    transform-origin: top left;
    padding-top:10px;
    background-color: #FFFFFF;
}

.customerlogoImg
{
    height:20px;
}

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

    .customerlogoImg
    {
        height:15px;
    }
}

.benefitsSection
{
    text-align: center;
    background-color: #FFFFFF;
    margin-bottom:50px;
}

.headerBg
{
    width: 100%;
    height: 100%;
}

.wesvoleSection
{
    text-align: center;
    background-color: #FFFFFF;
    min-height:100vh;
}

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

    .wesvoleSection
    {
        text-align: center;
        background-color: #FFFFFF;
        min-height:100vh;
        margin-top:75px;
    }

}


.solveCard
{
    text-align: left !important;
    padding:10px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius:6px;
    border-top:2px solid #EBEBEB;
    border-bottom:1px solid #EBEBEB;
    border-left:1px solid #EBEBEB;
    border-right:1px solid #EBEBEB;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(245,245,245,1);
    -moz-box-shadow: 0px 0px 5px 5px rgba(245,245,245,1);
    box-shadow: 0px 0px 5px 5px rgba(245,245,245,1);
}

.solveCard .btn-link
{
    color:#5ab1c8 !important;
}

.solveCard .btn-link:hover
{
    text-decoration: none;
}

.solveCard .btn-link:focus
{
    outline-width: 0 !important;
    text-decoration: none;
    box-shadow:initial !important;
}

.solveCard .card-body
{
    padding: 15px;
}

.benefitCard
{
    text-align: center;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius:6px;
    height:400px;
    border-top:2px solid #f26322;
    border-bottom:1px solid #EBEBEB;
    border-left:1px solid #EBEBEB;
    border-right:1px solid #EBEBEB;
    -webkit-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    -moz-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
}

.forwho
{
    font-size:12px;
    font-weight:normal;
    position: relative;
    top:-1px;
}

.benefitCard h3
{
    width:100%;
    text-align: left;
    padding-left:20px;
}

.benefitImg
{
    height: 220px;
    margin-top:10px;
    margin-bottom:10px;
}

.benefitList
{
    text-align: left;
    margin-top:20px;
    padding-left:20px;
    padding-right:20px;
    font-size:14px;
}

.benefitList li
{
    background: url(../images/green_check.svg) no-repeat top left;
    padding: 0px 0px 4px 20px;
    list-style: none;
    margin: 0;
    color:#606060 !important;
}

.benefitsMore a,.benefitsMore a:hover
{
    font-size:13px;
    color:#f26322 !important;
    right:34px;
    position: absolute;
    bottom: 24px;
    text-transform: uppercase;
    font-weight:bold;
    text-decoration:none;
}

.howitworksSection
{
    text-align: center;
    width: 100%;
    padding-top:50px;
    padding-bottom: 50px;
}

.sliderBtns
{
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    width:100%;
    margin-top:10px;
    position:absolute;
}

.stepImageDiv
{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size:12px;
    text-align: center;
}

.stepImage
{
    max-width: 100px;
    height: auto;
    cursor: pointer;
    border: 5px solid #FFFFFF;
    border-radius: 50%;
}

.stepImage.active
{
    border: 5px solid #5ab1c8;
    border-radius: 50%;
}

.stepLabel
{
    font-weight:normal;
    margin-top:5px;
    cursor: pointer;
    position: relative;
    left:-10px;
}

.stepLabel.active
{
    font-weight:bold;
    margin-top:5px;
    color:#5ab1c8;
}

.procesArrow
{
    white-space: nowrap;position: relative;
    position: relative;
    left:50px;
    color:#5ab1c8;
}

.dottedLineDiv
{
    position:relative;
    padding-left:60px;
    padding-right:60px;
}

.dottedLine
{
    background-image: linear-gradient(90deg, #C4C4C4, #C4C4C4 75%, transparent 75%, transparent 100%);
    background-size: 20px 1px;
    border: none;
    position:relative;
    height: 1px;
    top:60px;
    z-index:-1;
}

@media only screen and (max-width: 1199px) {
    .dottedLine
    {
        background-image: linear-gradient(90deg, #C4C4C4, #C4C4C4 75%, transparent 75%, transparent 100%);
        background-size: 20px 1px;
        border: none;
        position:relative;
        height: 1px;
        top:55px;
        z-index:-1;
    }

    .stepImage
    {
        max-width: 90px;
    }

    .procesArrow
    {
        white-space: nowrap;position: relative;
        position: relative;
        left:40px;
    }

}

@media only screen and (max-width: 992px) {
    .dottedLine
    {
        background-image: linear-gradient(90deg, #C4C4C4, #C4C4C4 75%, transparent 75%, transparent 100%);
        background-size: 20px 1px;
        border: none;
        position:relative;
        height: 1px;
        top:55px;
        z-index:-1;
    }

    .stepImage
    {
        max-width: 90px;
    }

    .procesArrow
    {
        white-space: nowrap;
        position: relative;
        left:20px;
    }

    .stepLabel
    {
        font-weight:normal;
        margin-top:5px;
        cursor: pointer;
        position: relative;
        left:-10px;
    }

}

@media only screen and (max-width: 768px) {
    .dottedLine
    {
        background-image: linear-gradient(90deg, #C4C4C4, #C4C4C4 75%, transparent 75%, transparent 100%);
        background-size: 20px 1px;
        border: none;
        position:relative;
        height: 1px;
        top:45px;
        z-index:-1;
    }

    .stepImage
    {
        max-width: 70px;
    }

    .procesArrow
    {
        white-space: nowrap;
        position: relative;
        left:57px;
        top:-42px;
    }

    .stepLabel
    {
        font-weight:normal;
        margin-top:5px;
        cursor: pointer;
        position: relative;
        left:0px;
    }
}

@media only screen and (max-width: 575px) {
    .dottedLine
    {
        z-index:-1;
        display:none;
    }

    .stepImage
    {
        max-width: 40px;
    }

    .procesArrow
    {
        position: relative;
        left:0px;
        top:4px;
        white-space: nowrap;
    }
}

.sliderImage
{
    max-width: calc(100% - 10px);
    -webkit-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    -moz-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
}

.carousel
{
    /*height:100vh;*/
}

.slider
{
    display:block;
    margin-top:70px;
    margin-bttom:100px;
    /*height:100vh;*/
}


@media only screen and (max-width: 768px) {
    .slider
    {
        display:block;
        margin-top:10px;
        /*height:100vh;*/
    }

}

.sliderText
{
    text-align: left;
    padding-bottom:20px;
    font-size:16px;
}


.howMore
{
    font-size:13px;
    color:#f26322;
    padding-top:10px;
    text-transform: uppercase;
    font-weight:bold;
}

.makeLevel
{
    background-color: #FFFFFF;
    height:180px;

}

.integrationSection
{
    text-align: center;
    background-color: #FFFFFF;
    font-size:16px;
    padding-bottom: 50px;
}

.integrationsIncluded
{
    /*border-top:1px solid #CFCFCF;*/
}

.integrationLogos
{
    padding-top:30px;
}

.integrationCard
{
    text-align: center;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    height:210px;
    -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius:6px;
    border-top:2px solid #f26322;
    border-bottom:1px solid #EBEBEB;
    border-left:1px solid #EBEBEB;
    border-right:1px solid #EBEBEB;
    -webkit-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    -moz-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
}

.integrationImg
{
    padding:10px;
    height:80px;
}

.testimonialsSection
{
    min-height:700px;
    background-color: #5ab1c8;
}

.testimonialsContent
{
    text-align: center;
}

.testimonialsMessage
{
    background-color:#FFFFFF;
    height:300px;
    min-width: calc(100% - 70px);
    position: relative;
    left: 50px;
    -webkit-border-radius: 8px;
    -moz-border-radius:8px;
    border-radius: 8px;
    border:2px solid #588F9C;
    -webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.24);
    -moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.24);
    box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.24);
}

.quoteLeft
{
    width:20px;
    height:20px;
    position: relative;
    top:-134px;
    left:80px;
    padding-left:14px;
    padding-top:14px;
    color:#000000;
    z-index:1;
}

.quoteRight
{
    width:20px;
    height:20px;
    position: relative;
    top:114px;
    right:100px;
    padding-left:14px;
    padding-top:14px;
    color:#000000;
}

.testimonialsImg
{
    width:100px;
    height:100px;
    object-fit:cover;
    border-radius:50%;
    position: relative;
    top: -154px;
    right: 68px;
    border: 2px solid #f26322;
    -webkit-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.24);
    -moz-box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.24);
    box-shadow: 10px 10px 5px -4px rgba(0,0,0,0.24);
}

.quote
{
    padding:20px;
    font-style: italic;
    font-family: Roboto;
    font-size:20px;
    color:#000000;
}

.nameFunction
{
    padding:20px;
    font-size:12px;
    color:#000000;
}

.blogSection
{
    background-color: #FFFFFF;
}

.blogSection2
{
    background-color: #FFFFFF;
    height:50px;
}

.blogContainer
{
    background-color: #FFFFFF;
    text-align: center;
    padding-bottom: 50px;
}

.blogCard
{
    text-align: center;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius:6px;
    border-top:2px solid #f26322;
    border-bottom:1px solid #EBEBEB;
    border-left:1px solid #EBEBEB;
    border-right:1px solid #EBEBEB;
    -webkit-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    -moz-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
}

.blogImg
{
    height:225px;
    padding:15px;
    margin-top:10px;
    margin-bottom:10px;
}

.blogTitle
{
    height:56px;
}

.postDateContainer
{
    position: absolute;
}

.postDate
{
    background-image: linear-gradient(#F76824, #FCA45D);
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    border:1px solid #F76824;
    text-align: center;
    color:#FFFFFF;
    padding:4px;
    display:inline-block;
    font-size:10px;
    position: relative;
    left:25px;
    top:-100px;
}

.blogpostDate
{
    font-size:12px;
    color:#888888;
}

.blogSummary
{
    font-size:14px;
    padding:15px;
    text-align: left;
    height:195px;
}

.blogMore
{
    font-size:13px;
    color:#f26322;
    right:40px;
    position: absolute;
    bottom: 24px;
    text-transform: uppercase;
    font-weight:bold;
    cursor: pointer;
}

.blogPost
{
    color: #606060;

}

.blogPost p
{
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    margin-bottom: 1.5em;
    font-weight: 300;
    font-size: 16px;
}

.blogPost h4
{
    color: #47525f;
    font-weight: 500;
    font-size: 17px;
    line-height: 1.4em;
    margin-bottom: 20px;
}

.blogPost ul {
    margin: 0 0 1.5em 3em;
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    font-weight: 300;
    font-size: 16px;
}

.blogPost li
{
    border: 0;
    margin: 0;
    padding: 0;
    display: list-item;
    text-align: -webkit-match-parent;
    font-weight: 300;
    font-size: 16px;
}

.getStartedTable
{
    background-color: #F6FAFB;
}

.getStartedLeft
{
    background-image: url('../images/orange_curve.png');
    background-repeat: no-repeat;
    background-position: top;
    height:424px;
}

.getStartedCenter
{
   width:50%;
    text-align: center;
}

.getStartedContent
{
    width:100%;
    text-align: center;
}

.getStartedForm
{
    margin-top:20px;
    padding:0;
    width:100%;
}

input
{
    font-size:12px !important;
    height:40px;
    border:1px solid #79C2D5;
    border-radius: 4px;
    width:100%;
    margin-bottom:5px !important;
    padding-left:10px;
}

input:focus {
    outline-width: 0;
}

.getStartedButton
{
    font-size:12px;
    position: relative;
    top:-1px;
    background-image: linear-gradient(#F76824, #FCA45D);
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    border:1px solid #F76824;
    text-align: center;
    color:#FFFFFF;
    padding-top:6px;
    padding-bottom:6px;
    width:160px;
    display:inline-block;
    font-weight:bold;
}

.getStartedRight
{
    background-image: url('../images/blue_curve.png');
    background-repeat: no-repeat;
    background-position: right;
    height:424px;
}

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

    .getStartedLeft
    {
        display: none;
    }

    .getStartedRight
    {
        display: none;
    }
}


.footer
{
    background-color: #282F39;
    color:#D2D5DC;
    padding-top: 20px;
}

.footerLogo
{
    height: 55px;
}

.footer p
{
    margin-top:15px;
    margin-bottom:15px;
    font-size:12px;
}

.footer .fab
{
    font-size:26px;
    margin-right:5px;
    cursor: pointer;
}

.footer .fab:hover
{
    font-size:26px;
    margin-right:5px;
    cursor: pointer;
    color:#5ab1c8;
}

.footerBottom
{
    margin-top:30px;
    padding-top:10px;
    border-top:1px solid #D2D5DC;
    font-size:10px;
}

.footerTerms
{
    text-align: right;
}

.footerTerms a
{
    text-decoration: none;
    color:#D2D5DC !important;
}

.footerTerms a:hover
{
    text-decoration: none;
    color:#5ab1c8 !important;
}

.footerTitle
{
    color:#FFFFFF;
    border-bottom:1px solid #f26322;
    padding-top:10px;
}

.footerLinks
{
    padding-top:30px;
}

.footerLinks a
{
    text-decoration: none;
    color: #D2D5DC !important;
    font-size: 12px;
}

 .footerLinks a:hover
{
    text-decoration: none;
    color:#5ab1c8 !important;
    font-size:12px;
}


.footerContent
{
    font-size:12px;
    color:#D2D5DC;
    padding-top:30px;
}

.footerContent a
{
    text-decoration: none;
    color: #D2D5DC !important;
    font-size: 12px;
}

.footerContent a:hover
{
    text-decoration: none;
    color:#5ab1c8 !important;
    font-size:12px;
}

.footerEnd
{
    width:100%;
    height:20px;
    background-color: #282F39;
}

.explainSection
{
    text-align: center;

}

.explainBoxed
{
    /*border-bottom:1px solid #CFCFCF;*/
}

.explainSection h1
{
    margin-bottom: 40px;
}

.explainSection h3
{
    margin-bottom: 30px;
}

.explainBlock
{
    margin-bottom:30px;
}

.explainText
{
    text-align: left;
}

.explainNo
{
    color:#f26322;
    font-size:50px;
}

.explainImageDiv
{
    padding:20px;
}

.explainImg
{
    padding:20px;
    max-width: calc(100% - 10px);
    -webkit-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    -moz-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
}

.explainImgLabel
{
    float: right;
    position: relative;
    font-size: 10px;
    right: 5px;
    top: 1px;
}

.explainNext
{
    width:100%;
    text-align: center;
    margin-top:10px;
    color:#f26322;

}

.pricingHeader
{
    background-color: #F6FAFB;
}

.detailPricing
{
    background-color: #F6FAFB;
}

.headerBgPricing
{
    width: 100%;
    background-image: linear-gradient(#F6FAFB, #F6FAFB);
}

.pricePlans
{
    position: relative;
    top:20px;
}

.pricingTop
{
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    box-shadow: 12px 0 12px 0px rgba(238,238,238,0.4), -12px 0 12px 0px rgba(238,238,238,0.5);
    background-color: #FFFFFF;
    margin-top:100px;
    padding-top:40px;
    padding-bottom: 40px;
}

.pricingText
{
    padding-top:30px;
}

.pricingTop h4, .pricingTop h2
{
    color:#5ab1c8;
}

.switchPeriod
{
    height:20px;
    padding-top:0px;
    padding-left:30px;
    padding-right:30px;
    font-size:12px;
}

.switchCurrency
{
    height:20px;
    padding-top:10px;
    padding-left:30px;
    padding-right:30px;
    font-size:12px;
}


.priceTagline
{
    font-size:12px;
    margin-bottom: 40px;
    height:40px;
}

.alert-light
{
    border:1px solid #F76824 !important;
}

.switch-light .alert-light, .switch-toggle .alert-light
{
    font-family:"Montserrat", sans-serif !important;
    font-weight: 400 !important;
    color:#000000 !important;
    background-color: #E8E8E8;
}

.alert .btn-primary
{
    background-image: linear-gradient(#F76824, #FCA45D);
    cursor: pointer;
}

.btn-primary
{
    border:0px !important;
}

.alert span:focus, .switch-light input[type=checkbox]:focus
{
    border:0px !important;
    outline: none !important;
}

.toggle
{
    border: 1px solid black;
}

.priceButton
{
    font-size:12px;
    position: relative;
    top:0px;
    background-image: linear-gradient(#76C3D7, #A3C9DE);
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    border:1px solid #79C2D5;
    text-align: center;
    color:#FFFFFF;
    padding-top:6px;
    padding-bottom:6px;
    width:200px;
    display:inline-block;
    font-weight:bold;
}

.priceButton2
{
    font-size:12px;
    position: relative;
    top:0px;
    background-image: linear-gradient(#F76824, #FCA45D);
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    border:1px solid #F76824;
    text-align: center;
    color:#FFFFFF;
    padding-top:6px;
    padding-bottom:6px;
    width:200px;
    display:inline-block;
    font-weight:bold;
}

.featureTag
{
    position: absolute;
    bottom:10px;
    left:45px;
    font-weight:bold;
    font-size:12px;
}

.featureCol
{
    height: 44px;
    padding-top: 12px;
    font-size: 12px;
    padding-left:30px;
}

.priceCol
{
    text-align: center;
    padding-right: 14px !important;
    padding-left: 16px !important;
}

.pricingCols
{
    box-shadow: 12px 0 12px 0px rgba(238,238,238,0.4), -12px 0 12px 0px rgba(238,238,238,0.5);
    background-color: #FFFFFF;
    height: 44px;
    padding-top: 12px;
    font-size: 12px;
    border-right:1px solid #FFFFFF;
}

.pricingCols2
{
    box-shadow: 12px 0 12px 0px rgba(238,238,238,0.4), -12px 0 12px 0px rgba(238,238,238,0.5);
    background-color: #EEF8FA;
    height: 44px;
    padding-top: 12px;
    font-size: 12px;
}

.breakShadow
{
    background-color: #FFFFFF;
    position: relative;
    top:49px;
    height:35px;
    width: 100%;
    z-index:2;
    box-shadow: 12px 0 12px 0px rgba(238,238,238,0.4), -12px 0 12px 0px rgba(238,238,238,0.5);
}

.detailPricingAll
{
    border-radius: 8px;
    border:1px solid #DDE1E5;
    margin-top:10px;
    margin-bottom:40px;
    overflow: hidden;
}

.pricingRow
{
    height: 44px;
    background-color: #FFFFFF;
}

.pricingRow2
{
    height: 44px;
    background-color: #EEF8FA;
}

.lastPricing
{
    position: relative;
    top:-44px;
}

.LastpricingCols
{
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    box-shadow: 12px 6px 12px 0px rgba(238,238,238,0.4), -12px 6px 12px 0px rgba(238,238,238,0.5);
    height: 90px;
    padding-top: 30px;
    font-size: 12px;
    background-color: #FFFFFF;
}

.priceQ
{
    font-size:12px;
    margin-left:10px;
    color:#5ab1c8;
    cursor: pointer;
}

.faqSection
{
    background-color: #FFFFFF;
}

.faqContainer
{
    text-align: center;
    padding-bottom:50px;
}

.faqContainer h4
{
    font-size:16px !important;
}

.faqContainer .row
{
    text-align: left;
    font-size:14px;
}

.pricingRowMobile
{
    display:none !important;
}

@media only screen and (max-width: 768px) {
    .detailPricing
    {
        margin-top:80px;
    }

    .pricingRowMobile
    {
        display:flex !important;
    }

    .featureTag
    {
        display:none;
    }

    .featureCol
    {
        overflow:hidden;
        font-size:10px;
    }

    .lastPricing
    {
        display:none;
    }
}

.signupBox
{
    text-align: left;
    padding:50px;
    background-color:#FFFFFF;
    /*background-image: url("../images/lightbulb15.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
    border:1px solid #DDE1E5;
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    -webkit-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    -moz-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    margin-bottom: 100px;
    font-size:14px;
}



.whySection
{
    text-align: center;
}

.whySection h1
{
    margin-bottom: 40px;
}

.whySection h4
{
    margin-top: 40px;
}

.whyContent
{
    text-align: left;
    padding-bottom:30px;
    border-bottom:1px solid #CFCFCF;
}

.whyImg
{
    padding:20px;
    max-width: 280px;
    -webkit-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    -moz-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
}

.jiraSection
{
    text-align: center;
    min-height: 100vh;
    padding-top:50px;
}

.jiraSection h1
{
    margin-bottom:30px;
}

.jiraContent
{
    text-align: left;
}

.oktaSection
{
    text-align: center;
    min-height: 100vh;
    background-image: linear-gradient(#F6FAFB, #F6FAFB);
    padding-top:50px;
}

.oktaSection h1
{
    margin-bottom:30px;
}

.oktaContent
{
    text-align: left;
}

.gitSection
{
    text-align: center;
    min-height: 100vh;
    padding-top:50px;
}

.gitSection h1
{
    margin-bottom:30px;
}

.gitContent
{
    text-align: left;
}

.slackSection
{
    text-align: center;
    min-height: 100vh;
    background-image: linear-gradient(#F6FAFB, #F6FAFB);
}

.slackSection h1
{
    margin-bottom:30px;
}

.slackContent
{
    text-align: left;
}

#cookie-law
{
    position: fixed;
    bottom:0px;
    left:0px;
    width:100%;
    text-align:center;
    z-index:10000;
    background-color: #FFFFFF;
    border-top: 1px solid #5ab1c8;
    padding-top:20px;
}

.close-cookie-banner
{
    font-size:12px;
    position: relative;
    top:0px;
    background-image: linear-gradient(#76C3D7, #A3C9DE);
    -webkit-border-radius: 4px;
    -moz-border-radius:4px;
    border-radius: 4px;
    border:1px solid #79C2D5;
    text-align: center;
    padding-top:6px;
    padding-bottom:6px;
    width:80px;
    display:inline-block;
    font-weight:bold;
    margin-left: 15px;
}

.close-cookie-banner a, .close-cookie-banner a:hover
{
    color:#FFFFFF !important;
    text-decoration: none !important;
}

.error
{
    color:#ff2200;
    font-size:12px;
    padding-left:5px;
}

.wp-block-table, .wp-block-image {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    margin: 0;
    width: 100%;
}

.wp-block-table table
{
    width: 100%;
    margin: 0 0 1.5em;
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    display: table;
}

.wp-block-table tbody, .wp-block-table tr
{
    border: 0;
    margin: 0;
    padding: 0;
}

.wp-block-table td
{
    border-width: 0 1px 1px 0;
}

.wp-block-table th, .wp-block-table td {
    padding: 8px;
}

.wp-block-table table, .wp-block-table th, .wp-block-table td {
    border: 1px solid rgba(0,0,0,.1);

}

.wp-block-image
{
    display: table;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-block-image img
{
    max-width: 100% !important;
    height: auto !important;
}

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

    header
    {
        position: relative;
        height: calc(100vh - 20px);
        overflow:visible;
    }

    .headerImg
    {
        width: 300px;
        height:auto;
        background-color: transparent;
    }

    .header
    {
        padding-top:50px;
    }

    .menubar
    {
        height:65px;
        padding-top:5px;
    }

    .benefitsMore a,.benefitsMore a:hover
    {
        font-size:16px;
        color:#f26322 !important;
        right:34px;
        position: absolute;
        bottom: 24px;
        text-transform: uppercase;
        font-weight:bold;
        text-decoration:none;
    }

    .blogMore
    {
        font-size:16px;
        color:#f26322;
        right:40px;
        position: absolute;
        bottom: 24px;
        text-transform: uppercase;
        font-weight:bold;
        cursor: pointer;
    }

    .howMore
    {
        font-size:16px;
        color:#f26322;
        padding-top:10px;
        text-transform: uppercase;
        font-weight:bold;
    }

    .footerLinks a {
        text-decoration: none;
        color: #D2D5DC !important;
        font-size: 16px;
    }

    .footerContent a {
        text-decoration: none;
        color: #D2D5DC !important;
        font-size: 16px;
    }

    .menuLink
    {
        font-size:16px;
        position: relative;
        top:6px;
        text-align: center;
    }

    .menuButton
    {
        font-size:16px;
        position: relative;
        top:0px;
        background-image: linear-gradient(#76C3D7, #A3C9DE);
        -webkit-border-radius: 4px;
        -moz-border-radius:4px;
        border-radius: 4px;
        border:1px solid #79C2D5;
        text-align: center;
        color:#FFFFFF;
        padding-top:6px;
        padding-bottom:6px;
        width:160px;
        display:inline-block;
        font-weight:bold;
    }
}


.kbHeader
{
    background-color: #F6FAFB;
}

.kbContent
{
    background-color: #FFFFFF;
    padding-top:20px;
    padding-bottom:30px;
}

.detailKb
{
    background-color: #F6FAFB;
}

.headerBgKb
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 90%;
    background-color: #F6FAFB;
    transform: skewY(
        -6deg
    );
    transform-origin: top left;
}

.kbText
{
    padding-bottom:30px;
    text-align: center;
}

.catHeader
{
    color:#5ab1c8;
    padding-top:10px;
}

.kbHeaderBottom
{
    border-bottom: 1px solid #EBEBEB;
    width: calc(100% - 20px);
    position: relative;
    left: 10px;
    margin-bottom: 10px;
}

.kbItemLink
{
    height:32px;
    font-size:14px;
}

.kbItemLink a
{
    color: #606060 !important;
}

.kbItemLink.active a
{
    color: #5ab1c8 !important;
}


.kbImg
{
    height:225px;
    padding:15px;
    margin-bottom:10px;
}

.kbCard
{
    text-align: center;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:20px;
    -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius:6px;
    height:500px;
    border-top:2px solid #f26322;
    border-bottom:1px solid #EBEBEB;
    border-left:1px solid #EBEBEB;
    border-right:1px solid #EBEBEB;
    -webkit-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    -moz-box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
    box-shadow: -1px 5px 11px 9px rgba(245,245,245,1);
}