/* FALLCALL NOW SUPPLIMENTAL BY ERIC PONTBRIAND, MEDIAINFOCUS

The purpose of supplimental.css is to allow for simple aspx and css updates without having to perform updates across
All FallCall corporate portals.  supplimental.csss shall be used to append style changes to the master core base.

All files will be indentical for corporate portals except for the Supplimental, the identity of which
shall be differentiated in the comment field located at the top of this comment block.  */

body {}

p {margin:1.5em 0;}

/*.dnn-logo {margin-top:25px;}*/


/* bron fix 23.04.2024 */

.dnn-logo {
    padding: 16px 0;
}

.ContentBackground,
#dnn_Testimonials {
    background: #efefef;
}

.PhotoBorder {
    background: #efefef;
}

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

.SiteToolBar {
    background: #323232
}

.GlobalHeader,
.isStuck {
    background: #efefef;
}

.dnnMenu .topLevel li a {}

.Share {
    margin-top: 45px;
}

.Newsletter {
    margin-top: -30px
}

.Newsletter h3 {
    text-align: right;
}

.FaqBlock {
    width: 18%;
    margin: 0 1%;
    float: left;
    min-height: 190px;
    background: #666;
    position: relative;
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.FaqBlock:hover {
    background: #43A895;
    cursor: pointer;
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.FaqBlock:hover>.faq-icons i.fa {
    color: #fff !important;
}

.FaqBlockECN {
    width: 14%
}

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

.FCRespImg {
    display: block;
    float: right;
    width: 40%;
    padding: 0 0 4% 4%;
    text-align: center;
}

.QuotePaneLeft {
    min-height: 75px;
    text-align: center;
    margin-top: 15px;
}

.QuotePaneRight {
    margin-top: 5px;
}

.LeftDownload {
    text-align: right;
}

.RightDownload {
    text-align: left;
}

.RightDownload img {
    width: 100%;
}

hr {margin:2em 0;}

ul.dropdown-menu {
    margin-top: -24px;
}

.btn,
#articleSearchFormSmall input {
    font-size: 15px;
    margin-top: 4px
}

.LeftContentTools {
    padding: 0;
    margin: 0;
}

.RightContentTools {
    margin: 12px 0 0 0;
    padding: 0;
}

.QuotePane {}

.BarAppStore {
    padding: 15px 0
}

.RightPane {
    background: Transparent;
    border-left: 1px solid #ddd;
}

.RightPane h3 {
    color: #43A895;
    padding-left: 15px;
}

.nav-pills>li>a {
    color: #333;
    font-size: 0.8em;
}

.FooterPane {}

.scroll-top-wrapper {
    background-color: #414a4c
}

iframe {
    background: transparent;
}

.ProductSmall {
    background: #efefef;
    padding: 10px 15px;
    margin-bottom: 20px;
}

.ProductSmallHolder h3 {
    text-align: center;
}

.ProductSmall h3 {
    color: #323232;
    font-size: 0.8em;
    padding: 0;
    margin: 0;
    text-align: left;
}

.faq-icons {
    padding-top: 0;
    padding: 0;
    margin: 0;
}

.faq-icons i.fa {
    display: block;
    margin-top: 5%;
    font-size: 1.5em;
    color: #43A895;
}

.faq-icons a {
    color: #fff;
}

.faq-icons h3 {
    padding: 25px 0 5% 0;
    margin: 0;
    font-size: 0.9em;
}

h3.faq {
    color: #fff !important;
}

.Woomark2 .posts {
    width: 45%;
    border: 1px solid #ddd;
    padding: 2%;
}

.NewsArticles ul li {
    list-style-type: none;
    margin-left: 25px;
    padding: 10px 0;
}

.NewsArticles h1 {margin-top:2em;font-size:1.5em;width:66%;}

.NormalTextBox {
    background: #fff;
}

.FAQ-Menu {}

.FAQ-Menu i {
    padding-right: 20px;
    font-size: 2em;
}

.FAQ-Menu .nav-pills>li>a:hover {
    background: #f7ba0f;
    color: #fff;
}

.ProductSmallHolder {
    width: 90%;
}

.HowItWorks p {
    display: block;
    margin-top: 15px;
    font-size: 1em;
    
}

.pad-10 {
    padding: 10px
}

.pad-20 {
    padding: 20px
}

.pad-30 {
    padding: 30px;
}

.pad-40 {
    padding: 40px;
}

.pad-50 {
    padding: 50px;
}

.no-pad {
    padding: 0;
}

.svg-wrap {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 35%;
    /* ((svgHeight / svgWidth) * 100) */
}

svg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

h3 {
    font-size: 1.8em;
}

h4 {
    font-weight: 700;
    margin:1em 0 0.5em 0;
    font-size: 1.5em;
}

h5 {
    font-size: 2em;
    font-weight: 700;
    margin: 2em 0 0 0;
}

.SectionBreak {
    text-align: center;
    border: 0;
    padding: 30px 0;
    background-color: #232323;
    background-image: url("https://www.transparenttextures.com/patterns/black-thread.png");
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

.ButtonAction {
    border: 0;
}

.CTA {
    text-align: center;
    border: 0;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0;
}

.CTA h3 {
    font-size: 1.4em;
}

.CTA h3 span {}

.CTA h4 {
    margin: 0;
    color: #43A895;
    font-size: 1em;
}

.CTA p {
    font-style: italic;
    font-size: 1em;
}

.CTA {
    border-left: 20px solid #f7ba0f;
    background: #fff;
	padding:1em 0;
}

.CTA .AppleStoreHolder {
    height: 100px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.AppStoreHome {
    padding: 10px 0 25px 0;
}

.SectionBreak h3 {
    color: #cd3527;
}

.SectionBreak h4 {
    color: #efefef;
}

.FCTableLabel {
    text-align: left;
    font-weight: 400;
}

.table .row {
    padding: 50px 0;
}

.fa-check-square {
    color: #3aa847;
    font-size: 1.8em !important;
}

.FallCallBigBtn {
    margin-top: 20px;
    padding: 10px 50px;
    font-size: 1.2em;
    font-weight: 500;
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

.FallCallBigBtn:hover {
    border-color: #fff;
    -moz-transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}

section {
    margin: 35px 0;
    border-bottom: medium double #c1c1c1;
}

.FallCallFeatures1 div {
    padding: 0;
}

.FallCallFeatures2 div {
    margin-bottom: 35px;
}

.HowWorksRight {
    text-align: right
}

.HowWorksLeft {
    text-align: left;
}

.DownloadStrip div {
    padding: 0;
}

.DownloadStrip {
    font-weight: 700;
    text-align: right;
}

.DownloadStrip span {
    display: block;
    ;
    font-size: 0.9em;
    padding: 0 2%;
}

.DownloadStrip .AppleStoreHolderTop {
    text-align: left;
}

.InlineAssurances {
    padding: 0 75px
}

.FallCallFAQ h3 {
    min-height: 0px;
    display: block;
    font-size: 1.2em;
    color: #43A895
}

@media handheld,
only screen and (max-width:1770px) {
    .BannerGraphicsCommon h1 {
        font-size: 2.1em;
    }
}

@media handheld,
only screen and (max-width:376px) {
    .OuterBxWrapper {}
    .BarAppStore {
        padding: 20px 0 0 0
    }
}

@media handheld,
only screen and (max-width:455px) {
	
    h1 {
        font-size: 1.3em;
    }
	
	h2,h3 {font-size:0.9em;}
	
	video {max-width:100%;height:auto;}
	
	.BannerGraphicsCommon h1 {font-size:1em;font-weight:700;border:0;}
	
	.BannerGraphicsCommon p {font-weight:300;}
	
	.HomeVideo {margin:0;}
	
    a .FaqBlock {
        width: 98% !important;
        margin: 25px 1%;
        float: none;
    }
    .faq-icons i.fa {
        font-size: 2.5em;
    }
    .OuterBxWrapper {}
    .BannerGraphicsCommon {
        width: 100%;
    }
    .BannerGraphicsCenter {
        left: 0;
        margin-left: 0;
    }
    .BannerGraphicsCommon h1 {
        font-size: 1.2em;
    }
    .Share {
        text-align: center;
        padding: 0;
        margin-top: 5px !important;
        min-height: 50px;
    }
    .Newsletter {
        margin: 30px 0 0 0;
    }
    .Newsletter div {
        text-align: center;
    }
    .Newsletter h3 {
        padding: 0;
        margin: 25px 0 0 0;
        font-size: 1.1em;
    }
    .Newsletter a img {
        margin-top: 0;
    }
    .dropdown {
        padding: 15px 0 0 0 !important;
    }
    .LeftContentTools {
        /*height:50px;*/
        padding: 0;
        margin: 0;
    }
    #articleSearchFormSmall input {
        margin: 0 0 15px 0;
    }
    .RightContentTools {
        margin-top: 17px;
    }
    .RightContentTools input {
        width: 70%;
    }
    .ContentSearchButton {
        font-size: 9px;
        width: 65px !important;
    }
    ul.dropdown-menu {
        margin: 0 0 0 40px;
    }
    .FallCallFeatures1 .row {
        margin-bottom: 35px;
    }
    .FallCallFeatures1 div {
        padding: 0 10px;
    }
    .FallCallBigBtn {
        font-size: 0.8em;
        padding: 5px 10px;
    }
    .CTA h3 span {
        border-bottom: 0;
    }
    .CTA h3 {
        font-size: 1.4em;
        font-weight: 700;
    }
    .CTA h4 {
        font-size: 1.1em;
    }
    .CTA p {
        font-size: 0.9em;
    }
    .CTA .AppleStoreHolder {}
    .FCRespImg {
        display: block;
        float: none;
        width: 100%;
        padding: 0 5%;
    }
    .a2a_kit {
        padding-left: 110px;
    }

    .FCProductPage .row {
        flex-direction: column;
    }
    .FCProductPage h1 {
        margin: 1em 0;
        text-align: center;
    }
    .FCProductPage .learn-more {
        margin: 0.5em 0;
    }
    #ilspp_order .learn-more {
        max-width: 100%;
        width: 100%;
        padding: 0.5em 0;
        margin: 0;
    }
}

@media handheld,
only screen and (max-width:640px) {
    .SocialShare {
        display: none;
    }
    .LeftDownload {
        text-align: center;
    }
    .QuotePaneLeft {
        display: none;
    }
}

@media handheld,
only screen and (max-width:769px) {
    h1 {
        font-size: 1.5em;
    }
    .RightContentTools {
        margin-top: 17px;
    }
    .RightContentTools input {
        width: 50%;
    }
    .ContentSearchButton {
        font-size: 12px;
        width: 75px !important;
    }
    .Share {
        text-align: center;
        padding: 0;
        margin-top: 35px;
    }
    .Newsletter {
        margin-top: 20px;
    }
    .ProductSmall h3 {
        font-size: 1.4em;
    }
    .FallCallFeatures1 div {}
    .FallCallBigBtn {
        font-size: 1.2em;
    }
    .Share {
        margin-top: 15px;
    }
    .Newsletter {
        margin-top: 20px;
    }
    .Newsletter a img {
        max-width: 40%;
        margin-top: -35px;
        padding: 0;
    }
    .FallCallFeatures1 .row {
        margin-bottom: 100px;
    }
    .FallCallBigBtn {
        font-size: 1.1em;
        padding: 10px 15px;
    }
    .InlineAssurances {
        padding: 0
    }
}

@media handheld,
only screen and (max-width:991px) {
    .DownloadStrip {}
    .Woomark2 .posts {
        width: 100%;
        border: 1px solid #ddd;
        padding: 2%;
    }
    .faq-icons {
        min-height: 125px;
        margin-bottom: 25px;
    }
    .Share {
        text-align: center;
        padding: 0;
        margin-top: 45px;
    }
    .Share div,
    .Newsletter div {
        text-align: center;
    }
    .Newsletter h3 {
        display: block;
        text-align: center;
        padding: 0;
    }
    .HowWorksRight,
    .HowWorksLeft {
        text-align: center
    }
    .FallCallBigBtn {
        font-size: 0.9em;
    }
    .RightPane {
        border-left: 0;
    }
}

@media handheld,
only screen and (max-width:1280px) {
    .BxArrows {
        display: none;
    }
    .OuterBxWrapper {}
    .BannerGraphicsCommon {
        position: inherit;
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        z-index: 9997;
    }
    .BannerGraphicsCommon::before {
        display: none;
    }
    .BannerGraphicsCommon h1 {
        font-size: 1.1em;
    }
    .BannerGraphicsCommon p {}
    .BannerGraphicsCommon a {
        /*display:none;*/
    }
    .BannerGraphicsCommon a.btn {
        display: none;
    }
    .BannerGraphicsCenter,
    .BannerGraphicsRight {
        padding: 5px 0;
        margin: 0;
        position: relative;
        left: 0;
    }
    .bx-controls {
        display: none;
    }
    .bx-wrapper {
        padding-bottom: 0px;
        margin-bottom: 0px;
		background:#43a895;
    }
    .InnerBxWrapper {
        background: #414a4c;
    }
    .BannerGraphicsCommon {
        width: 100%;
        bottom: 0;
    }
    .BannerGraphicsCenter {
        left: 0;
        margin-left: 0;
    }
    .BannerGraphicsCommon {
        color: #efefef;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        box-shadow: 0 0 20px #333;
        border: 0;
    }
    .faq-icons {
        min-height: 170px;
    }
    .Newsletter {
        margin-top: -20px;
    }
}

@media handheld,
only screen and (max-width:1440px) {
    .BannerGraphicsCommon h1 {
        font-size: 1.2em;
    }
}


/* SCROLLER FOR PRODUCTS PAGE */

.cbp-so-scroller {
    margin-top: 50px;
    overflow: hidden;
}

.cbp-so-section {
    position: relative;
}


/* Clear floats of children */

.cbp-so-section:before,
.cbp-so-section:after {
    content: " ";
    display: table;
}

.cbp-so-section:after {
    clear: both;
}


/* Text styling */

.cbp-so-section h2 {
    font-size: 2em;
    font-weight: 700;
    line-height: 1;
}

.cbp-so-section p {
    margin-top: 35px;
}


/* Sides */

.cbp-so-side {
    width: 50%;
    float: left;
    margin: 0;
    padding: 3em 4%;
    overflow: hidden;
    min-height: 12em;
}


/* Clear floats of children */

.cbp-so-side:before,
.cbp-so-side:after {
    content: " ";
    display: table;
}

.cbp-so-side:after {
    clear: both;
}

.cbp-so-side-right {}

.cbp-so-side-left {}

.cbp-so-side-right img {
    max-height: 500px
}

.cbp-so-side-left img {
    max-height: 500px
}


/* Initial state (hidden or anything else) */

.cbp-so-init .cbp-so-side {
    opacity: 0;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.cbp-so-init .cbp-so-side-left {
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    transform: translateX(-80px);
}

.cbp-so-init .cbp-so-side-right {
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    transform: translateX(80px);
}


/* Animated state */


/* add you final states (transition) or your effects (animations) for each side */

.cbp-so-section.cbp-so-animate .cbp-so-side-left,
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
    -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
    -moz-transition: -moz-transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}

.ProductSmallHolder .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

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

    .docs-header h1 {
        font-size: 1.25em;
    }
    .docs-header h2 {
        font-size: 1.1em;
        line-height: 115%;
    }
}
/* For example, add a delay for the right side:
.cbp-so-section.cbp-so-animate .cbp-so-side-right {
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
*/


/* Example media queries */

@media screen and (max-width: 73.5em) {
    .cbp-so-scroller {}
    .cbp-so-section h2 {
        margin: 0;
    }
    .cbp-so-side img {
        max-width: 120%;
    }
}

@media screen and (max-width: 41.125em) {
    .cbp-so-side {
        float: none;
        width: 100%;
    }
    .cbp-so-side img {
        max-width: 100%;
    }
}